@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap';

@import 'https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap';

@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
    format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}
.lang {
  border: 1px solid #fff;
  padding: 10px 20px !important;
  margin-left: 20px;
  border-radius: 25px;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -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: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

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

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

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

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-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: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-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;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: height, -o-transform;
  -moz-transition-property: transform, height, -moz-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-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;
  -moz-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, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

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

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

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: -webkit-calc(var(--swiper-navigation-size) / 44 * 27);
  width: -moz-calc(var(--swiper-navigation-size) / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: -webkit-calc(-1 * var(--swiper-navigation-size) / 2);
  margin-top: -moz-calc(-1 * var(--swiper-navigation-size) / 2);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 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(0.33);
  -moz-transform: scale(0.33);
  -ms-transform: scale(0.33);
  -o-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

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

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

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

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

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

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

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

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-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: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-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%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-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: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s top, 0.2s -o-transform;
  -moz-transition: 0.2s transform, 0.2s top, 0.2s -moz-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform, 0.2s -moz-transform, 0.2s -o-transform;
}

.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%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-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-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 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, 0.5);
  -webkit-border-radius: 10px;
  -moz-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: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: 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%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  -moz-animation: swiper-preloader-spin 1s infinite linear;
  -o-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes swiper-preloader-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes swiper-preloader-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.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;
  -moz-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;
  -moz-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;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-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;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-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;
  -moz-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: 0.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;
  -moz-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;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
  height: 100%;
}

.rangeslider--disabled {
  opacity: 0.4;
}

.rangeslider__fill {
  background: #0f0;
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url(data:image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0,
    50% 100%,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(0, 0, 0, 0.1))
  );
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(rgba(0, 0, 0, 0.1))
  );
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider__handle:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(data:image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0,
    50% 100%,
    color-stop(0, rgba(0, 0, 0, 0.13)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.13)),
    to(rgba(255, 255, 255, 0))
  );
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider--active .rangeslider__handle,
.rangeslider__handle:active {
  background-image: url(data:image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0,
    50% 100%,
    color-stop(0, rgba(0, 0, 0, 0.1)),
    color-stop(100%, rgba(0, 0, 0, 0.12))
  );
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.12)));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type='range']:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
} /*!normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css*/
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}
[type='reset'],
[type='submit'],
button,
html [type='button'] {
  -webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}
[hidden] {
  display: none;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #0a064c;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.-scroll-off {
  overflow: hidden;
}

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

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {
  outline: 0 !important;
}

a {
  color: inherit;
  cursor: pointer;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: underline;
}

a::-moz-selection {
  color: #fff;
  background: 0 0;
}

a::selection {
  color: #fff;
  background: 0 0;
}

a,
button,
input,
label {
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
p {
  padding: 0;
  margin: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

figure {
  margin: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

em {
  font-style: normal;
}

@media print {
  *,
  ::after,
  ::before {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: ' (' attr(title) ')';
  }

  pre {
    white-space: pre-wrap !important;
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.st-view {
  height: 100%;
}

.st-layout {
  height: 100%;
}

.st-advantage-container,
.st-application-container,
.st-article-container,
.st-blog-container,
.st-container,
.st-feature-container,
.st-help-container,
.st-hero-container,
.st-map-container,
.st-playlist-container,
.st-quality-container,
.st-review-container,
.st-sound-container,
.st-track-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-advantage-container,
  .st-application-container,
  .st-article-container,
  .st-blog-container,
  .st-container,
  .st-feature-container,
  .st-help-container,
  .st-hero-container,
  .st-map-container,
  .st-playlist-container,
  .st-quality-container,
  .st-review-container,
  .st-sound-container,
  .st-track-container {
    padding: 0 84px;
  }
}

@media (min-width: 1024px) {
  .st-advantage-container,
  .st-application-container,
  .st-article-container,
  .st-blog-container,
  .st-container,
  .st-feature-container,
  .st-help-container,
  .st-hero-container,
  .st-map-container,
  .st-playlist-container,
  .st-quality-container,
  .st-review-container,
  .st-sound-container,
  .st-track-container {
    padding: 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-advantage-container,
  .st-application-container,
  .st-article-container,
  .st-blog-container,
  .st-container,
  .st-feature-container,
  .st-help-container,
  .st-hero-container,
  .st-map-container,
  .st-playlist-container,
  .st-quality-container,
  .st-review-container,
  .st-sound-container,
  .st-track-container {
    padding: 0 120px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  .st-advantage-container,
  .st-application-container,
  .st-article-container,
  .st-blog-container,
  .st-container,
  .st-feature-container,
  .st-help-container,
  .st-hero-container,
  .st-map-container,
  .st-playlist-container,
  .st-quality-container,
  .st-review-container,
  .st-sound-container,
  .st-track-container {
    padding: 0 220px;
    max-width: 1600px;
  }
}

.st-svgsprite {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle;
}

.st-navbar-strip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  padding: 20px 0 0;
  z-index: 100;
  pointer-events: none;
  color: #fff;
  -webkit-transition: padding 0.4s, color 0.4s;
  -o-transition: padding 0.4s, color 0.4s;
  -moz-transition: padding 0.4s, color 0.4s;
  transition: padding 0.4s, color 0.4s;
}

@media (min-width: 1200px) {
  .st-navbar-strip {
    padding: 30px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-navbar-strip {
    padding: 50px 0 0;
  }
}

.st-menu-container,
.st-navbar-container,
.st-navbar-menu-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-menu-container,
  .st-navbar-container,
  .st-navbar-menu-container {
    padding: 0 40px;
  }
}

@media (min-width: 1600px) {
  .st-menu-container,
  .st-navbar-container,
  .st-navbar-menu-container {
    padding: 0;
    max-width: 1400px;
    margin: 0 auto;
  }
}

.st-navbar-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.st-navbar-grid-col {
  pointer-events: auto;
}

.st-navbar-logo {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 50px;
  text-decoration: none;
}

.st-navbar-logo:focus,
.st-navbar-logo:hover {
  text-decoration: none;
}

@media (min-width: 1600px) {
  .st-navbar-logo {
    width: 200px;
    height: 60px;
  }
}

.st-navbar-logo svg {
  width: 100%;
  height: 100%;
}

.st-navbar-nav {
  display: none;
}

@media (min-width: 1024px) {
  .st-navbar-nav {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -30px;
  }
}

.st-navbar-nav-item {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.02em;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  vertical-align: middle;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-navbar-nav-item:focus,
.st-navbar-nav-item:hover {
  text-decoration: none;
  opacity: 1;
}

@media (min-width: 1200px) {
  .st-navbar-nav-item {
    font-size: 18px;
    line-height: 18px;
  }
}

.st-navbar-nav-item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: -47px;
  left: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  background: #f6583e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

.st-menu.-open .st-navbar-nav-item.st-menu-navbar-toggle,
.st-navbar-nav-item.-active,
.st-navbar.-open .st-menu.st-navbar-menu .st-navbar-nav-item.st-menu-navbar-toggle,
.st-navbar.-open .st-navbar-nav-item.st-navbar-toggle {
  opacity: 1;
}

.st-menu.-open .st-navbar-nav-item.st-menu-navbar-toggle:after,
.st-navbar-nav-item.-active:after,
.st-navbar.-open .st-menu.st-navbar-menu .st-navbar-nav-item.st-menu-navbar-toggle:after,
.st-navbar.-open .st-navbar-nav-item.st-navbar-toggle:after {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.st-navbar-search {
  display: none;
  margin: 0 0 0 60px;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .st-navbar-search {
    display: inline-block;
  }
}

@media (min-width: 1600px) {
  .st-navbar-search {
    margin: 0 0 0 40px;
  }
}

.st-navbar-toggle {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .st-navbar-toggle {
    display: none;
  }
}

.st-navbar-toggle button:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.6s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.6s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: 0.6s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: 0.6s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.6s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.6s transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.6s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.6s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8), 0.6s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.6s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-menu.-open .st-navbar-toggle.st-menu-navbar-toggle button:after,
.st-navbar-toggle.-active button:after,
.st-navbar.-open .st-navbar-toggle button:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.5s -webkit-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.5s -webkit-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: 0.5s -o-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: 0.5s transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.5s -moz-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.5s transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.5s transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.5s -webkit-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.5s -moz-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8), 0.5s -o-transform 0s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-navbar-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 97;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: max-height 0s 0.8s;
  -o-transition: max-height 0s 0.8s;
  -moz-transition: max-height 0s 0.8s;
  transition: max-height 0s 0.8s;
}

@media (min-width: 1024px) {
  .st-navbar-menu {
    display: none;
  }
}

.st-navbar-menu-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  background: #0a064c;
  will-change: transform;
}

.st-navbar-menu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100%;
  z-index: 1;
  text-align: center;
  overflow: auto;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-overflow-scrolling: touch;
}

.st-navbar-menu-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.st-navbar-menu-item {
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}

@media (max-height: 400px) {
  .st-navbar-menu-item {
    margin: 0 0 25px;
  }
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-navbar-menu-item {
    margin: 0 0 70px;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.03em;
  }
}

.st-navbar-menu-item a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-navbar-menu-item a:focus,
.st-navbar-menu-item a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.st-navbar-menu-item-icon {
  position: relative;
  top: -0.15em;
  font-size: 20px;
  line-height: 0;
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-navbar-menu-item-icon {
    font-size: 30px;
  }
}

.st-navbar-menu-item-title {
  margin: 0 0 0 10px;
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-navbar-menu-item-title {
    margin: 0 0 0 16px;
  }
}

.st-navbar-menu-item.-inverse,
.st-offer.-inverse .st-navbar-menu-item.st-offer-action {
  color: #a07aff;
}

.st-navbar-menu-social {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}

@media (max-height: 400px) {
  .st-navbar-menu-social {
    bottom: 20px;
  }
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-navbar-menu-social {
    bottom: 100px;
  }
}

.st-navbar-menu-social-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 30px;
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-navbar-menu-social-item {
    margin: 0 0 0 55px;
  }
}

.st-navbar-menu-social-item:first-child {
  margin: 0;
}

@media (max-width: 1199px) {
  .st-navbar-menu.-open,
  .st-navbar.-open .st-navbar-menu {
    max-height: 100%;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
}

.st-navbar.-inverse .st-navbar-strip,
.st-offer.-inverse .st-navbar.st-offer-action .st-navbar-strip {
  color: #0a064c;
}

.st-navbar.-inverse .st-navbar-toggle span,
.st-offer.-inverse .st-navbar.st-offer-action .st-navbar-toggle span {
  background: #0a064c;
}

.st-navbar.-open .st-navbar-menu {
  pointer-events: auto;
}

.st-offer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  pointer-events: none;
  will-change: transform, opacity;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.3s, -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.st-offer-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-offer-container {
    padding: 0 40px;
  }
}

@media (min-width: 1600px) {
  .st-offer-container {
    padding: 0 100px;
  }
}

.st-offer-content {
  padding: 30px 0 0;
}

@media (min-width: 1600px) {
  .st-offer-content {
    padding: 64px 0 0;
  }
}

.st-offer-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.st-offer-grid-col {
  pointer-events: auto;
}

.st-offer-logo {
  position: relative;
  display: inline-block;
  width: 112px;
  height: 30px;
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-offer-logo:focus,
.st-offer-logo:hover {
  text-decoration: none;
  color: #000;
}

.st-offer-logo:hover {
  opacity: 0.8;
}

@media (min-width: 1600px) {
  .st-offer-logo {
    top: 2px;
    width: 149px;
    height: 40px;
  }
}

.st-offer-logo svg {
  width: 100%;
  height: 100%;
}

.st-offer-action {
  pointer-events: none;
}

.st-offer-action-item {
  display: none;
}

.st-offer-action-item:nth-child(3) {
  display: block;
}

@media (min-width: 768px) {
  .st-offer-action-item:nth-child(1) {
    display: block;
  }

  .st-offer-action-item:nth-child(3) {
    display: none;
  }

  .st-offer-action-item:nth-child(4) {
    display: none;
  }
}

.st-offer-action.-inverse .st-offer-action-item:nth-child(3),
.st-offer.-inverse .st-offer-action .st-offer-action-item:nth-child(3) {
  display: none;
}

.st-offer-action.-inverse .st-offer-action-item:nth-child(4),
.st-offer.-inverse .st-offer-action .st-offer-action-item:nth-child(4) {
  display: block;
}

@media (min-width: 768px) {
  .st-offer-action.-inverse .st-offer-action-item:nth-child(1),
  .st-offer.-inverse .st-offer-action .st-offer-action-item:nth-child(1) {
    display: none;
  }

  .st-offer-action.-inverse .st-offer-action-item:nth-child(2),
  .st-offer.-inverse .st-offer-action .st-offer-action-item:nth-child(2) {
    display: block;
  }

  .st-offer-action.-inverse .st-offer-action-item:nth-child(4),
  .st-offer.-inverse .st-offer-action .st-offer-action-item:nth-child(4) {
    display: none;
  }
}

.st-offer.-inverse .st-offer-logo {
  color: #fff;
}

.st-offer.-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.st-offer.-visible .st-offer-action {
  pointer-events: auto;
}

.st-loader {
  display: inline;
}

.st-loader_overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  max-height: 0%;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  background: #0a064c;
  -webkit-transition: opacity 0.5s, max-height 0s 0.5s;
  -o-transition: opacity 0.5s, max-height 0s 0.5s;
  -moz-transition: opacity 0.5s, max-height 0s 0.5s;
  transition: opacity 0.5s, max-height 0s 0.5s;
}

.st-loader_overlay-logo {
  width: 60px;
  height: 54px;
  margin: 0 0 20px;
}

.st-loader_overlay-logo img {
  width: 100%;
  image-rendering: optimizeQuality;
}

.st-loader_overlay-brand {
  position: relative;
  width: 98px;
  height: 26px;
}

.st-loader_overlay-brand-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  pointer-events: none;
}

.st-loader_overlay-brand-item:nth-child(2) {
  -webkit-backface-visibility: hidden;
  clip: rect(0, 100px, 100px, 0);
  -webkit-animation: 1.2s st-loader_overlay-brand 0.4s linear both;
  -moz-animation: 1.2s st-loader_overlay-brand 0.4s linear both;
  -o-animation: 1.2s st-loader_overlay-brand 0.4s linear both;
  animation: 1.2s st-loader_overlay-brand 0.4s linear both;
  z-index: 2;
}

.st-loader_overlay-fill {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -5%;
  height: 110%;
  background: #201360;
  -webkit-transform: scaleY(0) skewY(-2deg) translateZ(0);
  -moz-transform: scaleY(0) skewY(-2deg) translateZ(0);
  transform: scaleY(0) skewY(-2deg) translateZ(0);
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
  z-index: 3;
}

.st-loader_overlay.-visible {
  pointer-events: auto;
  opacity: 1;
  max-height: 100%;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-transition-duration: 0s, 0s;
  -moz-transition-duration: 0s, 0s;
  -o-transition-duration: 0s, 0s;
  transition-duration: 0s, 0s;
}

@-webkit-keyframes st-loader_overlay-brand {
  0% {
    clip: rect(0, 0, 100px, 0);
  }

  100% {
    clip: rect(0, 98px, 100px, 0);
  }
}

@-moz-keyframes st-loader_overlay-brand {
  0% {
    clip: rect(0, 0, 100px, 0);
  }

  100% {
    clip: rect(0, 98px, 100px, 0);
  }
}

@-o-keyframes st-loader_overlay-brand {
  0% {
    clip: rect(0, 0, 100px, 0);
  }

  100% {
    clip: rect(0, 98px, 100px, 0);
  }
}

@keyframes st-loader_overlay-brand {
  0% {
    clip: rect(0, 0, 100px, 0);
  }

  100% {
    clip: rect(0, 98px, 100px, 0);
  }
}

.st-form-group {
  margin: 0 0 30px;
}

.st-form-submit {
  margin: 10px 0 0;
}

.st-input {
  display: inline;
}

.st-input_light input {
  margin: 0;
  padding: 13px 0;
  width: 100%;
  color: #0a064c;
  background: 0 0;
  border: 0;
  border-bottom: 2px rgba(10, 6, 76, 0.2) solid;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.34px;
  line-height: 1;
}

.st-input_light input:hover {
  border-bottom-color: rgba(10, 6, 76, 0.5);
}

.st-input_light input:focus {
  border-bottom-color: #0a064c;
}

.st-input_light input:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.st-input_search {
  position: relative;
}

.st-input_search label {
  display: block;
  position: absolute;
  bottom: 33px;
  font-size: 18px;
  letter-spacing: -0.01em;
  line-height: 28px;
  opacity: 0.4;
}

@media (min-width: 768px) {
  .st-input_search label {
    bottom: 70px;
  }
}

.st-input_search input {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #fff;
  background: 0 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0;
  font-size: 30px;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 1;
}

.st-input_search input:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.st-input_search input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.2;
}

.st-input_search input:-moz-placeholder {
  color: #fff;
  opacity: 0.2;
}

.st-input_search input::-moz-placeholder {
  color: #fff;
  opacity: 0.2;
}

.st-input_search input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.2;
}

.st-input_search input::-ms-input-placeholder {
  color: #fff;
  opacity: 0.2;
}

.st-input_search input::placeholder {
  color: #fff;
  opacity: 0.2;
}

.st-input_search input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

@media (min-width: 768px) {
  .st-input_search input {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .st-input_search input {
    font-size: 60px;
  }
}

.st-input_graph {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.st-input_graph input {
  margin: 0;
  width: 100%;
  color: #f72c6a;
  background: 0 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0;
  font-size: 16px;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 1;
}

.st-input_graph input:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

@media (min-width: 768px) {
  .st-input_graph input {
    font-size: 40px;
  }
}

@media (min-width: 1600px) {
  .st-input_graph input {
    font-size: 60px;
  }
}

.st-input_graph.-inverse input,
.st-offer.-inverse .st-input_graph.st-offer-action input {
  color: #a07aff;
}

.st-btn {
  display: inline;
}

.st-btn_dummy,
.st-btn_main,
.st-btn_search,
.st-btn_store,
.st-btn_toggle,
.st-btn_transparent,
.st-modal_box-close {
  position: relative;
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  background: 0 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0 !important;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  text-indent: inherit;
}

.st-btn_dummy:focus,
.st-btn_dummy:hover,
.st-btn_main:focus,
.st-btn_main:hover,
.st-btn_search:focus,
.st-btn_search:hover,
.st-btn_store:focus,
.st-btn_store:hover,
.st-btn_toggle:focus,
.st-btn_toggle:hover,
.st-btn_transparent:focus,
.st-btn_transparent:hover,
.st-modal_box-close:focus,
.st-modal_box-close:hover {
  text-decoration: none;
}

.st-btn_main {
  padding: 0 27px;
  height: 49px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

@media (min-width: 375px) {
  .st-btn_main {
    height: 55px;
  }
}

@media (min-width: 768px) {
  .st-btn_main {
    padding: 0 24px;
    height: 60px;
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .st-btn_main {
    padding: 0 35px;
    height: 70px;
    font-size: 18px;
  }
}

.st-btn_main:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 450px;
  height: 450px;
  margin: auto;
  background: #471fac;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 40px solid #0a064c;
  z-index: 2;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
  -moz-transform: translateX(-50%) translateY(-5%) scale(0.4);
  -ms-transform: translateX(-50%) translateY(-5%) scale(0.4);
  -o-transform: translateX(-50%) translateY(-5%) scale(0.4);
  transform: translateX(-50%) translateY(-5%) scale(0.4);
  -webkit-transition: border 0.7s, -webkit-transform 0.8s;
  transition: border 0.7s, -webkit-transform 0.8s;
  -o-transition: border 0.7s, -o-transform 0.8s;
  -moz-transition: transform 0.8s, border 0.7s, -moz-transform 0.8s;
  transition: transform 0.8s, border 0.7s;
  transition: transform 0.8s, border 0.7s, -webkit-transform 0.8s, -moz-transform 0.8s, -o-transform 0.8s;
}

@media (min-width: 768px) {
  .st-btn_main:before {
    border: 60px solid #0a064c;
    -webkit-transition: border 0.5s, -webkit-transform 0.6s;
    transition: border 0.5s, -webkit-transform 0.6s;
    -o-transition: border 0.5s, -o-transform 0.6s;
    -moz-transition: transform 0.6s, border 0.5s, -moz-transform 0.6s;
    transition: transform 0.6s, border 0.5s;
    transition: transform 0.6s, border 0.5s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
  }
}

.st-btn_main:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background: #f6583e;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
}

.st-btn_main em {
  display: inline-block;
  overflow: hidden;
}

.st-btn_main em span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 3;
}

.st-btn_main:hover:before {
  -webkit-transform: translateX(-45%) translateY(0) scale(1);
  -moz-transform: translateX(-45%) translateY(0) scale(1);
  -ms-transform: translateX(-45%) translateY(0) scale(1);
  -o-transform: translateX(-45%) translateY(0) scale(1);
  transform: translateX(-45%) translateY(0) scale(1);
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
  border: 60px solid #0a064c;
  -webkit-transition: border 0.8s, -webkit-transform 0.9s;
  transition: border 0.8s, -webkit-transform 0.9s;
  -o-transition: border 0.8s, -o-transform 0.9s;
  -moz-transition: transform 0.9s, border 0.8s, -moz-transform 0.9s;
  transition: transform 0.9s, border 0.8s;
  transition: transform 0.9s, border 0.8s, -webkit-transform 0.9s, -moz-transform 0.9s, -o-transform 0.9s;
}

@media (min-width: 768px) {
  .st-btn_main:hover:before {
    border: 80px solid #0a064c;
    -webkit-transition: border 0.6s, -webkit-transform 0.7s;
    transition: border 0.6s, -webkit-transform 0.7s;
    -o-transition: border 0.6s, -o-transform 0.7s;
    -moz-transition: transform 0.7s, border 0.6s, -moz-transform 0.7s;
    transition: transform 0.7s, border 0.6s;
    transition: transform 0.7s, border 0.6s, -webkit-transform 0.7s, -moz-transform 0.7s, -o-transform 0.7s;
  }
}

.st-btn_search {
  display: none;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
}

@media (min-width: 1024px) {
  .st-btn_search {
    display: block;
  }
}

@media (min-width: 1600px) {
  .st-btn_search {
    width: 76px;
    height: 76px;
  }
}

.st-btn_search:focus,
.st-btn_search:hover {
  text-decoration: none;
}

.st-btn_search:hover:after {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

@media (min-width: 1600px) {
  .st-btn_search:hover:after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.st-btn_search:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

.st-btn_search:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-btn_search-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.st-btn_search-icon svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 1600px) {
  .st-btn_search-icon svg {
    width: 22px;
    height: 22px;
  }
}

.st-btn_toggle {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
}

.st-btn_toggle:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .st-btn_toggle {
    width: 76px;
    height: 76px;
  }
}

.st-btn_toggle-icon {
  width: 18px;
  height: 18px;
  margin: 10px auto 0;
  text-align: left;
}

.st-btn_toggle span {
  position: relative;
  display: block;
  width: 18px;
  height: 2px;
  margin: 5px 0;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: width 0.3s 0.3s, -webkit-transform 0.3s 0s;
  transition: width 0.3s 0.3s, -webkit-transform 0.3s 0s;
  -o-transition: width 0.3s 0.3s, -o-transform 0.3s 0s;
  -moz-transition: transform 0.3s 0s, width 0.3s 0.3s, -moz-transform 0.3s 0s;
  transition: transform 0.3s 0s, width 0.3s 0.3s;
  transition: transform 0.3s 0s, width 0.3s 0.3s, -webkit-transform 0.3s 0s, -moz-transform 0.3s 0s,
    -o-transform 0.3s 0s;
}

.st-btn_toggle span:nth-child(2) {
  width: 9px;
}

.st-btn_store {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  height: 49px;
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.st-btn_store:focus,
.st-btn_store:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
}

@media (min-width: 375px) {
  .st-btn_store {
    height: 55px;
  }
}

@media (min-width: 768px) {
  .st-btn_store {
    width: 160px;
    height: 60px;
  }
}

@media (min-width: 1200px) {
  .st-btn_store {
    width: 197px;
    height: 70px;
  }
}

.st-btn_store span {
  display: block;
  width: 100%;
  height: 100%;
}

.st-btn_store svg {
  width: 100%;
  height: 100%;
}

.st-btn_store.-sm {
  width: 50px;
  height: 50px;
}

@media (min-width: 768px) {
  .st-btn_store.-md {
    width: 160px;
    height: 55px;
  }
}

.st-btn_transparent {
  position: relative;
  padding: 0 29px;
  height: 49px;
  min-width: 120px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: 0.3s color 0.1s;
  -o-transition: 0.3s color 0.1s;
  -moz-transition: 0.3s color 0.1s;
  transition: 0.3s color 0.1s;
}

@media (min-width: 375px) {
  .st-btn_transparent {
    height: 55px;
  }
}

@media (min-width: 768px) {
  .st-btn_transparent {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .st-btn_transparent {
    height: 70px;
    min-width: 140px;
    padding: 0 40px;
    font-size: 18px;
  }
}

.st-btn_transparent:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 400px;
  height: 400px;
  margin: auto;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 2;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: translateX(-40%) scale(0.4) translateZ(0);
  -moz-transform: translateX(-40%) scale(0.4) translateZ(0);
  transform: translateX(-40%) scale(0.4) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -moz-transition: transform 0.6s, -moz-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}

.st-btn_transparent em {
  display: inline-block;
  overflow: hidden;
}

.st-btn_transparent em span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 3;
}

.st-btn_transparent:hover {
  color: #00092b;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}

.st-btn_transparent:hover:before {
  -webkit-transform: translateX(-60%) scale(1) translateZ(0);
  -moz-transform: translateX(-60%) scale(1) translateZ(0);
  transform: translateX(-60%) scale(1) translateZ(0);
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  -o-transition: -o-transform 0.7s;
  -moz-transition: transform 0.7s, -moz-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s, -moz-transform 0.7s, -o-transform 0.7s;
}

.st-btn_transparent:hover .st-btn_transparent-icon svg {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -ms-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
}

.st-btn_transparent-icon {
  position: relative;
  margin: 0 0 0 30px;
  opacity: 0.2;
  z-index: 4;
  -webkit-transition: opacity 0.25s, color 0.25s;
  -o-transition: opacity 0.25s, color 0.25s;
  -moz-transition: opacity 0.25s, color 0.25s;
  transition: opacity 0.25s, color 0.25s;
}

.st-btn_transparent-icon svg {
  font-size: 12px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

.st-btn_transparent.-sm {
  padding: 0 24px 0 29px;
}

@media (min-width: 768px) {
  .st-btn_transparent.-sm {
    padding: 0 30px 0 24px;
  }
}

@media (min-width: 1024px) {
  .st-btn_transparent.-sm {
    padding: 0 30px 0 40px;
  }
}

.st-btn_transparent.-md {
  padding: 0 24px;
}

@media (min-width: 1024px) {
  .st-btn_transparent.-md {
    padding: 0 32px;
  }
}

.st-btn_transparent.-inverse,
.st-offer.-inverse .st-btn_transparent.st-offer-action {
  border-color: rgba(32, 19, 96, 0.5);
  color: #201360;
}

.st-btn_transparent.-inverse:before,
.st-offer.-inverse .st-btn_transparent.st-offer-action:before {
  background: #201360;
}

.st-btn_transparent.-inverse:hover,
.st-offer.-inverse .st-btn_transparent.st-offer-action:hover {
  color: #fff;
}

.st-btn_transparent.-inverse:hover .st-btn_transparent-icon,
.st-offer.-inverse .st-btn_transparent.st-offer-action:hover .st-btn_transparent-icon {
  color: #fff;
  opacity: 0.5;
}

.st-modal {
  display: inline;
}

.st-modal_full {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: 102;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}

.st-modal_full-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 6, 76, 0.9);
}

.st-modal_full-dialog {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media (min-width: 1024px) {
  .st-modal_full.-md-hidden {
    display: none !important;
  }
}

.st-modal_full.-search {
  z-index: 103;
}

.st-modal_full.-visible {
  pointer-events: auto;
  opacity: 1;
}

.st-modal_box {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: 102;
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
}

.st-modal_box-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 6, 76, 0.9);
}

.st-modal_box-dialog {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: auto;
  z-index: 1;
}

.st-modal_box-dialog-content {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

@media (min-width: 768px) {
  .st-modal_box-dialog-content {
    padding: 50px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.st-modal_box-dialog-container {
  width: 100%;
}

@media (min-width: 768px) {
  .st-modal_box-dialog-container {
    max-width: 668px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .st-modal_box-dialog-container {
    max-width: 840px;
  }
}

.st-modal_box-dialog-body {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 70px 20px 40px;
  background: #240e64;
}

@media (min-width: 768px) {
  .st-modal_box-dialog-body {
    min-height: auto;
    padding: 60px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
}

.st-modal_box-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

@media (min-width: 768px) {
  .st-modal_box-close {
    top: 37px;
    right: 60px;
    width: 76px;
    height: 76px;
  }
}

.st-modal_box-close::after,
.st-modal_box-close::before {
  content: '';
  position: absolute;
  width: 22px;
  height: 2px;
  left: 50%;
  margin: -2px 0 0 -11px;
  background: #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.st-modal_box-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.st-modal_box-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.st-modal_box-close:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.st-modal_box.-visible {
  pointer-events: auto;
  opacity: 1;
}

.st-footer {
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden;
}

.st-footer-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-footer-container {
    padding: 0 40px;
  }
}

@media (min-width: 1600px) {
  .st-footer-container {
    padding: 0 100px;
  }
}

.st-footer-content {
  padding: 0 0 40px;
}

@media (min-width: 1024px) {
  .st-footer-content {
    padding: 0 0 50px;
  }
}

@media (min-width: 1600px) {
  .st-footer-content {
    padding: 0 0 70px;
  }
}

.st-footer-header {
  margin: 0 0 60px;
}

@media (min-width: 768px) {
  .st-footer-header {
    margin: 0 0 40px;
  }
}

@media (min-width: 1024px) {
  .st-footer-header {
    margin: 0 0 37px;
  }
}

@media (min-width: 1024px) {
  .st-footer-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.st-footer-grid-col.-left {
  margin: 0 0 40px;
}

@media (min-width: 1024px) {
  .st-footer-grid-col.-left {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .st-footer-bottom-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .st-footer-bottom-grid-col {
    width: 50%;
  }
}

.st-footer-bottom-grid-col.-left {
  margin: 0 0 60px;
}

@media (min-width: 768px) {
  .st-footer-bottom-grid-col.-left {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .st-footer-bottom-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.st-footer-logo {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.st-footer-logo:focus,
.st-footer-logo:hover {
  text-decoration: none;
}

.st-footer-logo:hover {
  opacity: 0.85;
}

.st-footer-logo svg {
  width: 110px;
  height: 30px;
}

.st-footer-menu {
  margin: -15px 0;
}

@media (min-width: 768px) {
  .st-footer-menu {
    margin: 0 -31px;
  }
}

.st-footer-menu-col {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 41px;
}

.st-footer-menu-col:first-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-footer-menu-col {
    vertical-align: middle;
    margin: 0;
  }
}

.st-footer-menu-item {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 500;
  text-decoration: none;
}

.st-footer-menu-item:focus,
.st-footer-menu-item:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .st-footer-menu-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 31px;
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .st-footer-menu-item {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .st-footer-menu-item {
    font-size: 18px;
  }
}

.st-footer-copyright {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 500;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .st-footer-copyright {
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .st-footer-copyright {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .st-footer-copyright {
    font-size: 18px;
  }
}

.st-footer-social {
  opacity: 0.5;
}

.st-progress_circle {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.st-progress_circle svg {
  width: 100%;
  height: 100%;
}

.st-progress_circle circle {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke: #f6583e;
  stroke-width: 2px;
  fill: transparent;
  stroke-dasharray: 118.61123657226562;
}

@media (min-width: 768px) {
  .st-progress_circle circle {
    stroke-dasharray: 181.91799926757812;
  }
}

.st-progress_line {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 6px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 0.3s, -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.st-progress_line-strip {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0a064c -webkit-gradient(linear, left top, right top, from(#0a064c), color-stop(#f6583e), color-stop(#f3af00), color-stop(#0b87df), to(#0a064c));
  background: #0a064c -webkit-linear-gradient(left, #0a064c, #f6583e, #f3af00, #0b87df, #0a064c);
  background: #0a064c -moz-linear-gradient(left, #0a064c, #f6583e, #f3af00, #0b87df, #0a064c);
  background: #0a064c -o-linear-gradient(left, #0a064c, #f6583e, #f3af00, #0b87df, #0a064c);
  background: #0a064c linear-gradient(to right, #0a064c, #f6583e, #f3af00, #0b87df, #0a064c);
  -webkit-background-size: 500% 500%;
  -moz-background-size: 500%;
  background-size: 500%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-animation: 2s linear infinite st-progress-line;
  -moz-animation: 2s linear infinite st-progress-line;
  -o-animation: 2s linear infinite st-progress-line;
  animation: 2s linear infinite st-progress-line;
}

.st-progress_line:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f0ecfa;
}

.st-progress_line.-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@-webkit-keyframes st-progress-line {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 125% 0;
  }
}

@-moz-keyframes st-progress-line {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 125% 0;
  }
}

@-o-keyframes st-progress-line {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 125% 0;
  }
}

@keyframes st-progress-line {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 125% 0;
  }
}

.st-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  contain: layout style size;
  pointer-events: none;
  will-change: transform;
  -webkit-transition: opacity 0.3s, color 0.4s;
  -o-transition: opacity 0.3s, color 0.4s;
  -moz-transition: opacity 0.3s, color 0.4s;
  transition: opacity 0.3s, color 0.4s;
}

.st-cursor:before {
  content: '';
  position: absolute;
  top: -24px;
  left: -24px;
  display: block;
  width: 48px;
  height: 48px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0.1;
  background: currentColor;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 0.1s, -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: opacity 0.1s, -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: opacity 0.1s, -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.1s,
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.1s;
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), opacity 0.1s,
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-cursor-text {
  position: absolute;
  top: -18px;
  left: -18px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(0) rotate(10deg);
  -moz-transform: scale(0) rotate(10deg);
  -ms-transform: scale(0) rotate(10deg);
  -o-transform: scale(0) rotate(10deg);
  transform: scale(0) rotate(10deg);
  opacity: 0;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.01em;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
  transition: opacity 0.4s, -webkit-transform 0.3s;
  -o-transition: opacity 0.4s, -o-transform 0.3s;
  -moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
  transition: opacity 0.4s, transform 0.3s;
  transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

.st-cursor-nav {
  position: absolute;
  top: -52px;
  left: -52px;
  width: 104px;
  height: 104px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.st-cursor-nav:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-cursor-nav-item {
  position: relative;
  margin: 0 0 20px;
  font-size: 18px;
  color: #0a064c;
  z-index: 1;
}

.st-cursor-nav-item:last-child {
  margin: 0;
}

.st-cursor-nav-item button {
  color: inherit;
  background: 0 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0 !important;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-cursor-nav-item button:hover {
  opacity: 0.8;
}

.st-cursor-nav-item.-disabled button {
  opacity: 0.3;
}

@supports (mix-blend-mode: exclusion) {
  .st-cursor.-exclusion,
  .st-cursor.-opaque {
    mix-blend-mode: exclusion;
  }
}

@supports (mix-blend-mode: exclusion) {
  .st-cursor.-exclusion:before,
  .st-cursor.-opaque:before {
    background: #f5f9b3;
  }
}

.st-cursor.-normal,
.st-cursor.-text {
  mix-blend-mode: normal;
}

.st-cursor.-normal:before,
.st-cursor.-text:before {
  background: currentColor;
}

.st-cursor.-inverse,
.st-offer.-inverse .st-cursor.st-offer-action {
  color: #f5f9b3;
}

.st-cursor.-visible:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.st-cursor.-visible.-active:before,
.st-menu.-open .st-cursor.-visible.st-menu-navbar-toggle:before,
.st-navbar.-open .st-cursor.-visible.st-navbar-toggle:before,
.st-navbar.-open .st-menu.st-navbar-menu .st-cursor.-visible.st-menu-navbar-toggle:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.st-cursor.-pointer:before {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

.st-cursor.-text:before {
  opacity: 0.85;
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -ms-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7);
}

.st-cursor.-text .st-cursor-text {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.st-cursor.-text.-active:before,
.st-menu.-open .st-cursor.-text.st-menu-navbar-toggle:before,
.st-navbar.-open .st-cursor.-text.st-navbar-toggle:before,
.st-navbar.-open .st-menu.st-navbar-menu .st-cursor.-text.st-menu-navbar-toggle:before {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.st-cursor.-text.-text-sm:before {
  -webkit-transform: scale(1.2) !important;
  -moz-transform: scale(1.2) !important;
  -ms-transform: scale(1.2) !important;
  -o-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
}

.st-cursor.-text.-text-sm.-active:before,
.st-menu.-open .st-cursor.-text.-text-sm.st-menu-navbar-toggle:before,
.st-navbar.-open .st-cursor.-text.-text-sm.st-navbar-toggle:before,
.st-navbar.-open .st-menu.st-navbar-menu .st-cursor.-text.-text-sm.st-menu-navbar-toggle:before {
  -webkit-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  -ms-transform: scale(1.1) !important;
  -o-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
}

.st-cursor.-text.-text-sm .st-cursor-text {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.st-cursor.-nav .st-cursor-nav {
  opacity: 1;
}

.st-cursor.-nav .st-cursor-nav:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.st-cursor.-opaque:before {
  -webkit-transform: scale(1.32);
  -moz-transform: scale(1.32);
  -ms-transform: scale(1.32);
  -o-transform: scale(1.32);
  transform: scale(1.32);
}

.st-cursor.-opaque.-active:before,
.st-menu.-open .st-cursor.-opaque.st-menu-navbar-toggle:before,
.st-navbar.-open .st-cursor.-opaque.st-navbar-toggle:before,
.st-navbar.-open .st-menu.st-navbar-menu .st-cursor.-opaque.st-menu-navbar-toggle:before {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.st-cursor.-hidden:before,
.st-cursor.-nav:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.st-post {
  background: #fff;
  color: #0a064c;
}

.st-post-container,
.st-store-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-post-container,
  .st-store-container {
    padding: 0 84px;
  }
}

@media (min-width: 1024px) {
  .st-post-container,
  .st-store-container {
    padding: 0 140px;
  }
}

@media (min-width: 1200px) {
  .st-post-container,
  .st-store-container {
    padding: 0 200px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  .st-post-container,
  .st-store-container {
    padding: 0 400px;
    max-width: 1600px;
  }
}

.st-post-content {
  padding: 130px 0 45px;
}

@media (min-width: 768px) {
  .st-post-content {
    padding: 176px 0 45px;
  }
}

@media (min-width: 1024px) {
  .st-post-content {
    padding: 180px 0 45px;
  }
}

@media (min-width: 1200px) {
  .st-post-content {
    padding: 190px 0 45px;
  }
}

@media (min-width: 1600px) {
  .st-post-content {
    padding: 192px 0 45px;
  }
}

.st-post-header {
  color: #fff;
  overflow: hidden;
}

.st-post-category {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.03em;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .st-post-category {
    margin: 0 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-post-category {
    font-size: 16px;
    line-height: 20px;
  }
}

.st-post-category.-primary {
  color: #5082ff;
}

.st-post-category.-secondary {
  color: #f6583e;
}

.st-post-category.-tertiary {
  color: #ffd80b;
}

.st-post-title {
  margin: 0 0 40px;
}

.st-post-title h1 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-width: 700;
}

@media (min-width: 768px) {
  .st-post-title h1 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-post-title h1 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-post-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.st-post-author-avatar {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.st-post-author-text {
  margin: 0 0 0 16px;
}

.st-post-author-name {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
}

@media (min-width: 1600px) {
  .st-post-author-name {
    font-size: 20px;
  }
}

.st-post-author-date {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
  opacity: 0.4;
}

@media (min-width: 1024px) {
  .st-post-quote-container {
    padding: 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-post-quote-container {
    padding: 0;
    margin: 0 auto;
    max-width: 960px;
  }
}

@media (min-width: 1600px) {
  .st-post-quote-container {
    max-width: 1160px;
  }
}

.st-post-quote-content {
  padding: 60px 0;
}

@media (min-width: 768px) {
  .st-post-quote-content {
    padding: 80px 0;
  }
}

@media (min-width: 1024px) {
  .st-post-quote-content {
    padding: 80px 0 120px;
  }
}

@media (min-width: 1600px) {
  .st-post-quote-content {
    padding: 120px 0;
  }
}

@media (min-width: 1024px) {
  .st-post-tag-container {
    padding: 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-post-tag-container {
    padding: 0;
    margin: 0 auto;
    max-width: 960px;
  }
}

@media (min-width: 1600px) {
  .st-post-tag-container {
    max-width: 1160px;
  }
}

.st-post-tag-content {
  padding: 60px 0 0;
}

@media (min-width: 768px) {
  .st-post-tag-content {
    padding: 80px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-post-tag-content {
    padding: 80px 0 120px;
  }
}

@media (min-width: 1600px) {
  .st-post-tag-content {
    padding: 120px 0;
  }
}

.st-post-textpaper {
  position: relative;
}

.st-post-textpaper img {
  margin: 0 0 60px;
  max-width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

@media (min-width: 768px) {
  .st-post-textpaper img {
    margin: 0 0 80px;
  }
}

.st-post-textpaper h2 {
  margin: 0 0 20px;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 600;
}

@media (min-width: 768px) {
  .st-post-textpaper h2 {
    margin: 0 0 40px;
    font-size: 40px;
    line-height: 46px;
  }
}

.st-post-textpaper p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 500;
}

.st-post-textpaper p:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-post-textpaper p {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1600px) {
  .st-post-textpaper p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 36px;
  }
}

.st-blog {
  position: relative;
  color: #fff;
}

.st-blog:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  height: 3px;
  z-index: 1;
  background: #0a064c;
}

.st-blog-content {
  padding: 80px 0 160px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-blog-content {
    padding: 120px 0 140px;
  }
}

@media (min-width: 1024px) {
  .st-blog-content {
    padding: 20px 0 120px;
  }
}

@media (min-width: 1200px) {
  .st-blog-content {
    padding: 40px 0 160px;
  }
}

@media (min-width: 1600px) {
  .st-blog-content {
    padding: 60px 0 180px;
  }
}

.st-blog-title {
  margin: 0 auto 60px;
  text-align: left;
}

@media (min-width: 768px) {
  .st-blog-title {
    margin: 0 0 40px;
  }
}

@media (min-width: 1200px) {
  .st-blog-title {
    margin: 0 0 60px;
  }
}

@media (min-width: 1600px) {
  .st-blog-title {
    margin: 0 0 80px;
  }
}

.st-blog-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-blog-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-blog-title h2 {
    font-size: 40px;
    line-height: 69px;
  }
}

.st-blog-items {
  text-align: left;
}

@media (min-width: 768px) {
  .st-blog-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -20px;
  }
}

@media (min-width: 1024px) {
  .st-blog-items {
    margin: -40px -20px;
  }
}

@media (min-width: 1600px) {
  .st-blog-items {
    margin: -50px -21px;
  }
}

.st-blog-item {
  display: block;
  margin: 0 0 60px;
}

.st-blog-item:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-blog-item {
    width: 50%;
    margin: 0;
    padding: 30px 20px;
  }
}

@media (min-width: 1024px) {
  .st-blog-item {
    width: 33.3333%;
    padding: 40px 20px;
  }
}

@media (min-width: 1600px) {
  .st-blog-item {
    padding: 50px 21px;
  }
}

.st-blog-item-img {
  height: 164px;
  margin: 0 0 22px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-blog-item-img:hover {
  opacity: 0.85;
}

@media (min-width: 768px) {
  .st-blog-item-img {
    margin: 0 0 20px;
  }
}

@media (min-width: 1024px) {
  .st-blog-item-img {
    height: 143px;
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .st-blog-item-img {
    height: 172px;
    margin: 0 0 30px;
  }
}

@media (min-width: 1600px) {
  .st-blog-item-img {
    height: 210px;
  }
}

.st-blog-item-category {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.01em;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .st-blog-item-category {
    margin: 0 0 16px;
  }
}

@media (min-width: 1024px) {
  .st-blog-item-category {
    margin: 0 0 14px;
  }
}

@media (min-width: 1200px) {
  .st-blog-item-category {
    margin: 0 0 16px;
  }
}

.st-blog-item-category.-primary {
  color: #5082ff;
}

.st-blog-item-category.-secondary {
  color: #f6583e;
}

.st-blog-item-category.-tertiary {
  color: #ffd80b;
}

.st-blog-item-title {
  max-width: 90%;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

@media (min-width: 768px) {
  .st-blog-item-title {
    max-width: 260px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  .st-blog-item-title {
    max-width: 293px;
  }
}

@media (min-width: 1600px) {
  .st-blog-item-title {
    max-width: 358px;
    font-size: 20px;
    line-height: 31px;
  }
}

.st-blog-item-title a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-blog-item-title a:hover {
  opacity: 0.85;
}

.st-blog-item-title a:focus,
.st-blog-item-title a:hover {
  text-decoration: none;
}

.st-blog-action {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto 0;
}

@media (min-width: 1024px) {
  .st-blog-action {
    margin: 100px auto 0;
  }
}

@media (min-width: 1200px) {
  .st-blog-action {
    margin: 30px auto 0;
  }
}

@media (min-width: 1600px) {
  .st-blog-action {
    margin: 40px auto 0;
  }
}

.st-post {
  background: #fff;
  color: #0a064c;
}

.st-post-container,
.st-store-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-post-container,
  .st-store-container {
    padding: 0 84px;
  }
}

@media (min-width: 1024px) {
  .st-post-container,
  .st-store-container {
    padding: 0 140px;
  }
}

@media (min-width: 1200px) {
  .st-post-container,
  .st-store-container {
    padding: 0 200px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  .st-post-container,
  .st-store-container {
    padding: 0 400px;
    max-width: 1600px;
  }
}

.st-post-content {
  padding: 130px 0 45px;
}

@media (min-width: 768px) {
  .st-post-content {
    padding: 176px 0 45px;
  }
}

@media (min-width: 1024px) {
  .st-post-content {
    padding: 180px 0 45px;
  }
}

@media (min-width: 1200px) {
  .st-post-content {
    padding: 190px 0 45px;
  }
}

@media (min-width: 1600px) {
  .st-post-content {
    padding: 192px 0 45px;
  }
}

.st-post-header {
  color: #fff;
  overflow: hidden;
}

.st-post-category {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.03em;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .st-post-category {
    margin: 0 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-post-category {
    font-size: 16px;
    line-height: 20px;
  }
}

.st-post-category.-primary {
  color: #5082ff;
}

.st-post-category.-secondary {
  color: #f6583e;
}

.st-post-category.-tertiary {
  color: #ffd80b;
}

.st-post-title {
  margin: 0 0 40px;
}

.st-post-title h1 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-width: 700;
}

@media (min-width: 768px) {
  .st-post-title h1 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-post-title h1 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-post-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.st-post-author-avatar {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.st-post-author-text {
  margin: 0 0 0 16px;
}

.st-post-author-name {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
}

@media (min-width: 1600px) {
  .st-post-author-name {
    font-size: 20px;
  }
}

.st-post-author-date {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 600;
  opacity: 0.4;
}

@media (min-width: 1024px) {
  .st-post-quote-container {
    padding: 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-post-quote-container {
    padding: 0;
    margin: 0 auto;
    max-width: 960px;
  }
}

@media (min-width: 1600px) {
  .st-post-quote-container {
    max-width: 1160px;
  }
}

.st-post-quote-content {
  padding: 60px 0;
}

@media (min-width: 768px) {
  .st-post-quote-content {
    padding: 80px 0;
  }
}

@media (min-width: 1024px) {
  .st-post-quote-content {
    padding: 80px 0 120px;
  }
}

@media (min-width: 1600px) {
  .st-post-quote-content {
    padding: 120px 0;
  }
}

@media (min-width: 1024px) {
  .st-post-tag-container {
    padding: 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-post-tag-container {
    padding: 0;
    margin: 0 auto;
    max-width: 960px;
  }
}

@media (min-width: 1600px) {
  .st-post-tag-container {
    max-width: 1160px;
  }
}

.st-post-tag-content {
  padding: 60px 0 0;
}

@media (min-width: 768px) {
  .st-post-tag-content {
    padding: 80px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-post-tag-content {
    padding: 80px 0 120px;
  }
}

@media (min-width: 1600px) {
  .st-post-tag-content {
    padding: 120px 0;
  }
}

.st-post-textpaper {
  position: relative;
}

.st-post-textpaper img {
  margin: 0 0 60px;
  max-width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

@media (min-width: 768px) {
  .st-post-textpaper img {
    margin: 0 0 80px;
  }
}

.st-post-textpaper h2 {
  margin: 0 0 20px;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 600;
}

@media (min-width: 768px) {
  .st-post-textpaper h2 {
    margin: 0 0 40px;
    font-size: 40px;
    line-height: 46px;
  }
}

.st-post-textpaper p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-weight: 500;
}

.st-post-textpaper p:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-post-textpaper p {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 28px;
  }
}

@media (min-width: 1600px) {
  .st-post-textpaper p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 36px;
  }
}

.st-article {
  background: #fff;
  color: #0a064c;
}

.st-article-content {
  padding: 140px 0 41px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-article-content {
    padding: 190px 0 95px;
  }
}

@media (min-width: 1200px) {
  .st-article-content {
    padding: 203px 0 60px;
  }
}

@media (min-width: 1600px) {
  .st-article-content {
    padding: 204px 0 97px;
  }
}

.st-article-fill {
  background: #f4f5fc;
}

.st-article-header {
  color: #fff;
}

@media (min-width: 1024px) {
  .st-article-header-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-article-header-category {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.01em;
  font-weight: 600;
  text-transform: uppercase;
}

.st-article-header-category a {
  text-decoration: none;
}

.st-article-header-category a:focus,
.st-article-header-category a:hover {
  text-decoration: none;
}

.st-article-header-category.-primary {
  color: #5082ff;
}

.st-article-header-category.-secondary {
  color: #f6583e;
}

.st-article-header-category.-tertiary {
  color: #ffd80b;
}

.st-article-header-title {
  display: block;
  margin: 0 0 20px;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-article-header-title {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-article-header-title {
    font-size: 50px;
    line-height: 60px;
  }
}

.st-article-header-title a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-article-header-title a:focus,
.st-article-header-title a:hover {
  text-decoration: none;
}

.st-article-header-title a:hover {
  opacity: 0.85;
}

.st-article-header-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.st-article-header-author-avatar {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.st-article-header-author-text {
  margin: 0 0 0 16px;
}

.st-article-header-author-name {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
}

@media (min-width: 1600px) {
  .st-article-header-author-name {
    font-size: 20px;
  }
}

.st-article-header-author-date {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 600;
  opacity: 0.4;
}

.st-article-header-nav {
  margin: 70px 0 0 18px;
}

@media (min-width: 768px) {
  .st-article-header-nav {
    margin: 97px 0 0 35px;
  }
}

@media (min-width: 1024px) {
  .st-article-header-nav {
    margin: 81px 0 0 35px;
  }
}

@media (min-width: 1200px) {
  .st-article-header-nav {
    margin: 127px 0 0 35px;
  }
}

@media (min-width: 1600px) {
  .st-article-header-nav {
    margin: 99px 0 0 35px;
  }
}

.st-article-header-nav-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 54px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-article-header-nav-item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .st-article-header-nav-item:after {
    width: 62px;
    height: 62px;
  }
}

.st-article-header-nav-item:first-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-article-header-nav-item {
    margin: 0 0 0 85px;
    font-size: 16px;
    line-height: 20px;
  }
}

.st-article-header-nav-item svg {
  opacity: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  -moz-transition: opacity 0s;
  transition: opacity 0s;
}

.st-article-header-nav-item.-active,
.st-menu.-open .st-article-header-nav-item.st-menu-navbar-toggle,
.st-navbar.-open .st-article-header-nav-item.st-navbar-toggle,
.st-navbar.-open .st-menu.st-navbar-menu .st-article-header-nav-item.st-menu-navbar-toggle {
  opacity: 1;
}

.st-article-header-nav-item.-active svg,
.st-menu.-open .st-article-header-nav-item.st-menu-navbar-toggle svg,
.st-navbar.-open .st-article-header-nav-item.st-navbar-toggle svg,
.st-navbar.-open .st-menu.st-navbar-menu .st-article-header-nav-item.st-menu-navbar-toggle svg {
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.st-article-header-nav-circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: auto;
  -webkit-transform: translateX(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
}

@media (min-width: 768px) {
  .st-article-header-nav-circle {
    width: 62px;
    height: 62px;
  }
}

.st-article-picture {
  display: none;
}

@media (min-width: 768px) {
  .st-article-picture {
    display: block;
    width: 600px;
    height: 284px;
    margin: 0 0 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
  }
}

@media (min-width: 1024px) {
  .st-article-picture {
    width: 449px;
    height: 367px;
    margin: 0 40px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-article-picture {
    width: 550px;
    height: 400px;
    margin: 0 80px 0 0;
  }
}

.st-article-picture-items {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.st-article-picture-item {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  overflow: hidden;
}

.st-article-picture-item-img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.st-article-slider {
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .st-article-slider {
    width: 321px;
  }
}

@media (min-width: 1200px) {
  .st-article-slider {
    width: 460px;
  }
}

@media (min-width: 1600px) {
  .st-article-slider {
    width: 550px;
  }
}

.st-article-slider-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.st-article-slider-item {
  width: 100%;
  min-width: 100%;
  white-space: normal;
}

.st-article-row {
  margin: 0 0 60px;
}

.st-article-row:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-article-row {
    margin: 0 0 30px;
  }
}

@media (min-width: 1024px) {
  .st-article-row {
    margin: 0 0 40px;
  }
}

@media (min-width: 1600px) {
  .st-article-row {
    margin: 0 0 50px;
  }
}

.st-article-items {
  text-align: left;
}

@media (min-width: 768px) {
  .st-article-items {
    margin: -30px 0;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .st-article-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -40px -20px;
  }
}

@media (min-width: 1600px) {
  .st-article-items {
    margin: -50px -30px;
  }
}

.st-article-items.-by2 {
  text-align: left;
}

@media (min-width: 768px) {
  .st-article-items.-by2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -20px;
  }
}

@media (min-width: 1024px) {
  .st-article-items.-by2 {
    margin: -40px -20px;
  }
}

@media (min-width: 1600px) {
  .st-article-items.-by2 {
    margin: -45px -21px;
  }
}

@media (min-width: 768px) {
  .st-article-items.-by2 .st-article-item {
    width: 50%;
    margin: 0;
    padding: 30px 20px;
  }
}

@media (min-width: 1024px) {
  .st-article-items.-by2 .st-article-item {
    width: 33.3333%;
    padding: 40px 20px;
  }
}

@media (min-width: 1600px) {
  .st-article-items.-by2 .st-article-item {
    padding: 50px 21px;
  }
}

.st-article-items.-by2 .st-article-item-img {
  height: 164px;
  margin: 0 0 22px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

@media (min-width: 768px) {
  .st-article-items.-by2 .st-article-item-img {
    height: 164px;
  }
}

@media (min-width: 1024px) {
  .st-article-items.-by2 .st-article-item-img {
    height: 143px;
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .st-article-items.-by2 .st-article-item-img {
    height: 172px;
    margin: 0 0 30px;
  }
}

@media (min-width: 1600px) {
  .st-article-items.-by2 .st-article-item-img {
    height: 210px;
  }
}

.st-article-items.-by2 .st-article-item-category {
  margin: 0 0 12px;
}

@media (min-width: 768px) {
  .st-article-items.-by2 .st-article-item-category {
    margin: 0 0 16px;
  }
}

@media (min-width: 1024px) {
  .st-article-items.-by2 .st-article-item-category {
    margin: 0 0 14px;
  }
}

@media (min-width: 1200px) {
  .st-article-items.-by2 .st-article-item-category {
    margin: 0 0 16px;
  }
}

.st-article-items.-by2 .st-article-item-title {
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

@media (min-width: 768px) {
  .st-article-items.-by2 .st-article-item-title {
    max-width: 260px;
    font-size: 18px;
    line-height: 25px;
  }
}

@media (min-width: 1200px) {
  .st-article-items.-by2 .st-article-item-title {
    max-width: 293px;
  }
}

@media (min-width: 1600px) {
  .st-article-items.-by2 .st-article-item-title {
    max-width: 358px;
    font-size: 20px;
    line-height: 31px;
    font-weight: 600;
  }
}

.st-article-items.-by2 .st-article-item-title a {
  text-decoration: none;
}

.st-article-items.-by2 .st-article-item-title a:focus,
.st-article-items.-by2 .st-article-item-title a:hover {
  text-decoration: none;
}

.st-article-item {
  display: block;
  margin: 0 0 60px;
}

@media (min-width: 768px) {
  .st-article-item {
    padding: 30px 0;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .st-article-item {
    width: 50%;
    padding: 40px 20px;
  }
}

@media (min-width: 1600px) {
  .st-article-item {
    padding: 50px 30px;
  }
}

.st-article-item:last-child {
  margin: 0;
}

.st-article-item-img {
  height: 164px;
  margin: 0 -20px 22px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-article-item-img:hover {
  opacity: 0.8;
}

@media (min-width: 768px) {
  .st-article-item-img {
    margin: 0 0 20px;
    height: 340px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}

@media (min-width: 1024px) {
  .st-article-item-img {
    height: 285px;
    margin: 0 0 26px;
  }
}

@media (min-width: 1200px) {
  .st-article-item-img {
    height: 340px;
  }
}

.st-article-item-category {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.01em;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .st-article-item-category {
    margin: 0 0 16px;
  }
}

@media (min-width: 1024px) {
  .st-article-item-category {
    margin: 0 0 14px;
  }
}

@media (min-width: 1200px) {
  .st-article-item-category {
    margin: 0 0 7px;
  }
}

.st-article-item-category a {
  text-decoration: none;
}

.st-article-item-category a:focus,
.st-article-item-category a:hover {
  text-decoration: none;
}

.st-article-item-category.-primary {
  color: #5082ff;
}

.st-article-item-category.-secondary {
  color: #f6583e;
}

.st-article-item-category.-tertiary {
  color: #ffd80b;
}

.st-article-item-title {
  font-family: 'source serif pro', sans-serif;
  font-size: 30px;
  line-height: 41px;
  letter-spacing: -0.02em;
  font-weight: 600;
}

@media (min-width: 1600px) {
  .st-article-item-title {
    font-size: 40px;
    line-height: 54px;
  }
}

.st-article-item-title a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-article-item-title a:hover {
  opacity: 0.8;
}

.st-article-item-title a:focus,
.st-article-item-title a:hover {
  text-decoration: none;
}

.st-article-head {
  margin: 0 0 60px;
}

@media (min-width: 768px) {
  .st-article-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 80px;
  }
}

@media (min-width: 1024px) {
  .st-article-head {
    margin: 0 0 68px;
  }
}

@media (min-width: 1200px) {
  .st-article-head {
    margin: 0 0 90px;
  }
}

.st-article-head-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-article-head-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-article-head-title h2 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-article-head-action {
  display: none;
}

@media (min-width: 768px) {
  .st-article-head-action {
    display: inline-block;
  }
}

.st-article-action {
  margin: 100px 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .st-article-action {
    margin: 130px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-article-action {
    margin: 135px 0 0;
  }
}

.st-article-action.-sm {
  margin: 60px 0 0;
}

@media (min-width: 768px) {
  .st-article-action.-sm-hidden {
    display: none;
  }
}

.st-article-pagination {
  margin: 95px 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .st-article-pagination {
    margin: 104px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-article-pagination {
    margin: 94px 0 0;
  }
}

.st-article-section-content {
  padding: 80px 0 120px;
}

@media (min-width: 768px) {
  .st-article-section-content {
    padding: 120px 0 149px;
  }
}

@media (min-width: 768px) {
  .st-article-section.-sm .st-article-section-content {
    padding: 120px 0;
  }
}

@media (min-width: 1024px) {
  .st-article-section.-sm .st-article-section-content {
    padding: 140px 0 120px;
  }
}

@media (min-width: 768px) {
  .st-article-section.-lg .st-article-section-content {
    padding: 125px 0 100px;
  }
}

@media (min-width: 1024px) {
  .st-article-section.-lg .st-article-section-content {
    padding: 120px 0 140px;
  }
}

@media (min-width: 1200px) {
  .st-article-section.-lg .st-article-section-content {
    padding: 140px 0 180px;
  }
}

.st-article-top {
  position: relative;
}

.st-article-top-content {
  padding: 252px 0 77px;
  text-align: center;
  color: #fff;
}

@media (min-width: 768px) {
  .st-article-top-content {
    padding: 237px 0 70px;
  }
}

.st-article-top-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-article-top-container {
    padding: 0 168px;
  }
}

@media (min-width: 1024px) {
  .st-article-top-container {
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
  }
}

.st-article-top-title {
  margin: 0 0 20px;
}

.st-article-top-title h1 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-article-top-title h1 {
    font-size: 50px;
    line-height: 60px;
  }
}

.st-article-top-description p {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
}

@media (min-width: 768px) {
  .st-article-top-description p {
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 0.01em;
  }
}

.st-article-top-particle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.st-article-top-particle-item {
  position: absolute;
}

.st-article-top-particle-item img {
  width: 100%;
}

.st-article-top-particle-item.-v1 {
  width: 20px;
  height: 20px;
  top: 152px;
  left: 75px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f3af00;
  -webkit-transform: rotate(-24deg);
  -moz-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  -o-transform: rotate(-24deg);
  transform: rotate(-24deg);
}

@media (min-width: 768px) {
  .st-article-top-particle-item.-v1 {
    width: 30px;
    height: 30px;
    top: 194px;
    left: 81px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
}

@media (min-width: 1024px) {
  .st-article-top-particle-item.-v1 {
    left: 209px;
  }
}

@media (min-width: 1200px) {
  .st-article-top-particle-item.-v1 {
    left: 297px;
  }
}

@media (min-width: 1600px) {
  .st-article-top-particle-item.-v1 {
    left: 497px;
  }
}

.st-article-top-particle-item.-v2 {
  width: 69px;
  height: 73px;
  bottom: -32px;
  left: 0;
}

@media (min-width: 768px) {
  .st-article-top-particle-item.-v2 {
    width: 113px;
    height: 120px;
    bottom: -61px;
  }
}

@media (min-width: 1024px) {
  .st-article-top-particle-item.-v2 {
    width: 138px;
    height: 146px;
    bottom: -73px;
  }
}

@media (min-width: 1200px) {
  .st-article-top-particle-item.-v2 {
    width: 136px;
    height: 145px;
    bottom: -72px;
    left: 89px;
  }
}

@media (min-width: 1600px) {
  .st-article-top-particle-item.-v2 {
    left: 289px;
  }
}

.st-article-top-particle-item.-v3 {
  width: 71px;
  height: 71px;
  top: 154px;
  right: 4px;
}

@media (min-width: 768px) {
  .st-article-top-particle-item.-v3 {
    width: 118px;
    height: 118px;
    top: 218px;
    right: -18px;
  }
}

@media (min-width: 1024px) {
  .st-article-top-particle-item.-v3 {
    width: 170px;
    height: 170px;
    top: 185px;
    right: 23px;
  }
}

@media (min-width: 1200px) {
  .st-article-top-particle-item.-v3 {
    right: 111px;
  }
}

@media (min-width: 1600px) {
  .st-article-top-particle-item.-v3 {
    right: 311px;
  }
}

.st-article.-inverse,
.st-offer.-inverse .st-article.st-offer-action {
  background: 0 0;
  color: #fff;
}

.st-hero {
  position: relative;
  height: 720px;
}

@media (min-width: 768px) {
  .st-hero {
    height: 1059px;
  }
}

@media (min-width: 1024px) {
  .st-hero {
    height: 1039px;
  }
}

@media (min-width: 1200px) {
  .st-hero {
    height: 1084px;
  }
}

@media (min-width: 1600px) {
  .st-hero {
    height: 75.5vw;
    max-height: 2000px;
  }
}

.st-hero:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  height: 3px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1;
  background: #201360;
}

.st-hero-content {
  position: relative;
  padding: 130px 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .st-hero-content {
    padding: 174px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-hero-content {
    padding: 167px 0 0;
  }
}

@media (min-width: 1200px) {
  .st-hero-content {
    padding: 190px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-hero-content {
    padding: 225px 0 0;
  }
}

.st-hero-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  contain: content;
  overflow: hidden;
}

.st-hero-bg-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.st-hero-bg-item span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-position: bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.st-hero-bg-item.-v1 span {
  background-image: url(../img/hero/1.png);
}

@media (min-width: 1024px) {
  .st-hero-bg-item.-v1 span {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1024px) and (min--moz-device-pixel-ratio: 2),
  (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),
  (min-width: 1024px) and (min-resolution: 192dpi) {
  .st-hero-bg-item.-v1 span {
    background-image: url(../img/hero/1@1.5x.png);
  }
}

.st-hero-bg-item.-v2 span {
  background-image: url(../img/hero/2.png);
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1024px) and (min--moz-device-pixel-ratio: 2),
  (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),
  (min-width: 1024px) and (min-resolution: 192dpi) {
  .st-hero-bg-item.-v2 span {
    background-image: url(../img/hero/2@1.5x.png);
  }
}

.st-hero-bg-item.-v3 span {
  background-image: url(../img/hero/3.png);
  background-position: 35% bottom;
}

@media (min-width: 768px) {
  .st-hero-bg-item.-v3 span {
    background-position: 30% bottom;
  }
}

@media (min-width: 1024px) {
  .st-hero-bg-item.-v3 span {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: bottom center;
  }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 1024px) and (min--moz-device-pixel-ratio: 2),
  (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),
  (min-width: 1024px) and (min-resolution: 192dpi) {
  .st-hero-bg-item.-v3 span {
    background-image: url(../img/hero/3@1.5x.png);
  }
}

.st-hero-title {
  margin: 0 0 10px;
}

@media (min-width: 1200px) {
  .st-hero-title {
    margin: 0 0 18px;
  }
}

.st-hero-title h1 {
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 375px) {
  .st-hero-title h1 {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .st-hero-title h1 {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .st-hero-title h1 {
    font-size: 60px;
  }
}

@media (min-width: 1600px) {
  .st-hero-title h1 {
    font-size: 80px;
  }
}

.st-hero-description {
  margin: 0 auto 40px;
  line-height: 1.8;
  max-width: 300px;
}

@media (min-width: 768px) {
  .st-hero-description {
    max-width: 450px;
  }
}

@media (min-width: 1200px) {
  .st-hero-description {
    margin: 0 auto 50px;
    max-width: 980px;
  }
}

@media (min-width: 1600px) {
  .st-hero-description {
    margin: 0 auto 53px;
    max-width: 1140px;
  }
}

.st-hero-description h2 {
  font-size: 16px;
  /* line-height: 120%; */
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.7;
}

@media (min-width: 375px) {
  .st-hero-description h2 {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .st-hero-description h2 {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .st-hero-description h2 {
    font-size: 20px;
  }
}

@media (min-width: 1600px) {
  .st-hero-description h2 {
    font-size: 24px;
  }
}

.st-advantage {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.st-advantage-content {
  padding: 0 0 120px;
}

@media (min-width: 768px) {
  .st-advantage-content {
    padding: 50px 0 139px;
  }
}

@media (min-width: 1200px) {
  .st-advantage-content {
    padding: 128px 0 260px;
  }
}

@media (min-width: 1600px) {
  .st-advantage-content {
    padding: 128px 0 260px;
  }
}

@media (min-width: 768px) {
  .st-advantage-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .st-advantage-item {
    border: 1px solid #5d4cbb;
    border-radius: 20px;
  }
}

.st-advantage-item {
  margin: 0 auto 90px;
  max-width: 240px;
  text-align: center;
  padding: 24px;
  transition: all 0.5s;
  text-decoration: none;
}
a.st-advantage-item:hover {
  transform: scale(1.1);
  box-shadow: 0px 0px 3px 3px #0a064c;
  text-decoration: none;
}
@media (min-width: 768px) {
  .st-advantage-item {
    width: 180px;
    /* max-width: 190px; */
    margin: 0 auto;
    /* text-align: left */
  }
}

@media (min-width: 1024px) {
  .st-advantage-item {
    width: 200px;
  }
}

@media (min-width: 1600px) {
  .st-advantage-item {
    width: 240px;
  }
}

.st-advantage-img {
  width: 70px;
  height: 70px;
  margin: 20px auto;
}

@media (min-width: 768px) {
  .st-advantage-img {
    width: 80px;
    height: 80px;
    /* margin: 0 0 40px */
  }
}

@media (min-width: 1024px) {
  .st-advantage-img {
    width: 95px;
    height: 95px;
  }
}

.st-advantage-img img {
  width: 100%;
}

.st-advantage-title {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-advantage-title {
    margin: 0 0 26px;
  }
}

@media (min-width: 1024px) {
  .st-advantage-title {
    margin: 0 0 28px;
  }
}

@media (min-width: 1600px) {
  .st-advantage-title {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 44px;
  }
}

.st-advantage-description p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .st-advantage-description p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) {
  .st-advantage-description p {
    font-size: 16px;
    line-height: 25px;
  }
}

@media (min-width: 1600px) {
  .st-advantage-description p {
    font-size: 18px;
    line-height: 34px;
  }
}

.st-advantage-action {
  margin: 40px 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .st-advantage-action {
    margin: 20px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-advantage-action {
    margin: 20px 0 0;
  }
}

@media (min-width: 1200px) {
  .st-advantage-action {
    margin: 20px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-advantage-action {
    margin: 20px 0 0;
  }
}

.st-review-content {
  padding: 0 0 120px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-review-content {
    padding: 0 0 140px;
  }
}

@media (min-width: 1024px) {
  .st-review-content {
    padding: 0 0 280px;
  }
}

@media (min-width: 1200px) {
  .st-review-content {
    padding: 0 0 140px;
  }
}

@media (min-width: 1600px) {
  .st-review-content {
    padding: 0 0 260px;
  }
}

.st-review-title {
  margin: 0 0 60px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-review-title {
    margin: 0 0 80px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .st-review-title {
    margin: 0 0 100px;
  }
}

.st-review-title h2 {
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-review-title h2 {
    font-size: 44px;
  }
}

@media (min-width: 1600px) {
  .st-review-title h2 {
    font-size: 56px;
  }
}

.st-review-items {
  position: relative;
  white-space: nowrap;
  margin: 0 0 0 20px;
  contain: layout;
  will-change: transform;
  z-index: 4;
}

@media (min-width: 768px) {
  .st-review-items {
    margin: 0 0 0 40px;
  }
}

.st-review-items-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.st-review-item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 269px;
  margin: 0 10px 0 0;
  white-space: normal;
  border: 2px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s max-height 50ms, 0.5s -webkit-transform 50ms;
  transition: 0.5s max-height 50ms, 0.5s -webkit-transform 50ms;
  -o-transition: 0.5s max-height 50ms, 0.5s -o-transform 50ms;
  -moz-transition: 0.5s transform 50ms, 0.5s max-height 50ms, 0.5s -moz-transform 50ms;
  transition: 0.5s transform 50ms, 0.5s max-height 50ms;
  transition: 0.5s transform 50ms, 0.5s max-height 50ms, 0.5s -webkit-transform 50ms, 0.5s -moz-transform 50ms,
    0.5s -o-transform 50ms;
  will-change: transform;
}

@media (min-width: 768px) {
  .st-review-item {
    width: 358px;
    margin: 0 40px 0 0;
  }
}

.st-review-item-body {
  position: relative;
  padding: 30px 20px 70px;
  -webkit-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  transition: padding 0.5s;
}

@media (min-width: 768px) {
  .st-review-item-body {
    padding: 50px 40px 75px;
  }
}

@media (min-width: 1200px) {
  .st-review-item-body {
    padding: 60px 40px 90px;
  }
}

.st-menu.-open .st-review-item.st-menu-navbar-toggle,
.st-navbar.-open .st-menu.st-navbar-menu .st-review-item.st-menu-navbar-toggle,
.st-navbar.-open .st-review-item.st-navbar-toggle,
.st-review-item.-active {
  -webkit-transition: 0.55s -webkit-transform 0s;
  transition: 0.55s -webkit-transform 0s;
  -o-transition: 0.55s -o-transform 0s;
  -moz-transition: 0.55s transform 0s, 0.55s -moz-transform 0s;
  transition: 0.55s transform 0s;
  transition: 0.55s transform 0s, 0.55s -webkit-transform 0s, 0.55s -moz-transform 0s, 0.55s -o-transform 0s;
}

@media (min-width: 768px) {
  .st-menu.-open .st-review-item.st-menu-navbar-toggle,
  .st-navbar.-open .st-menu.st-navbar-menu .st-review-item.st-menu-navbar-toggle,
  .st-navbar.-open .st-review-item.st-navbar-toggle,
  .st-review-item.-active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.st-menu.-open .st-review-item.st-menu-navbar-toggle .st-review-text p,
.st-navbar.-open .st-menu.st-navbar-menu .st-review-item.st-menu-navbar-toggle .st-review-text p,
.st-navbar.-open .st-review-item.st-navbar-toggle .st-review-text p,
.st-review-item.-active .st-review-text p {
  opacity: 1;
}

.st-menu.-open .st-review-item.st-menu-navbar-toggle .st-review-more,
.st-navbar.-open .st-menu.st-navbar-menu .st-review-item.st-menu-navbar-toggle .st-review-more,
.st-navbar.-open .st-review-item.st-navbar-toggle .st-review-more,
.st-review-item.-active .st-review-more {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: 0.5s opacity 0.2s;
  -o-transition: 0.5s opacity 0.2s;
  -moz-transition: 0.5s opacity 0.2s;
  transition: 0.5s opacity 0.2s;
}

.st-review-item.-full {
  width: 100%;
  margin: 0;
  border: none;
}

.st-review-item.-full .st-review-heading {
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .st-review-item.-full .st-review-heading {
    margin-bottom: 20px;
  }
}

.st-review-item.-full .st-review-text {
  line-height: 30px;
}

.st-review-item.-full .st-review-head {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .st-review-item.-full .st-review-stars {
    margin: 0 0 25px;
  }
}

@media (min-width: 768px) {
  .st-review-item.-full .st-review-stars-item {
    margin: 0 0 0 16px;
    width: 26px;
    height: 26px;
  }

  .st-review-item.-full .st-review-stars-item:first-child {
    margin: 0;
  }
}

.st-review-head {
  margin: 0 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .st-review-head {
    margin: 0 0 35px;
  }
}

@media (min-width: 1600px) {
  .st-review-head {
    margin: 0 0 50px;
  }
}

.st-review-head-avatar {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.st-review-head-text {
  margin: 0 0 0 16px;
}

.st-review-name {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 22px;
}

.st-review-country {
  font-size: 18px;
  line-height: 22px;
  opacity: 0.5;
}

.st-review-more {
  position: absolute;
  bottom: 30px;
  display: inline-block;
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: #f6583e;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s opacity 0s;
  -o-transition: 0.4s opacity 0s;
  -moz-transition: 0.4s opacity 0s;
  transition: 0.4s opacity 0s;
}

@media (min-width: 768px) {
  .st-review-more {
    bottom: 30px;
    font-size: 16px;
    line-height: 30px;
  }
}

@media (min-width: 1200px) {
  .st-review-more {
    margin: 30px 0 0;
    bottom: 40px;
  }
}

@media (min-width: 1600px) {
  .st-review-more {
    font-size: 18px;
  }
}

.st-review-more a {
  position: relative;
  display: block;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-review-more a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  margin: auto;
}

.st-review-more a:focus,
.st-review-more a:hover {
  text-decoration: none;
}

.st-review-more.-hidden,
.st-review-more.st-cursor.-nav {
  display: none;
}

.st-review-more.-visible {
  opacity: 1;
}

.st-review-stars {
  margin: 0 0 20px;
}

.st-review-stars-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 13px;
  width: 20px;
  height: 20px;
}

@media (min-width: 1200px) {
  .st-review-stars-item {
    margin: 0 0 0 15px;
    width: 26px;
    height: 26px;
  }
}

.st-review-stars-item:first-child {
  margin: 0;
}

.st-review-stars-item img {
  width: 100%;
  height: 100%;
}

.st-review-stars-item img:nth-child(2) {
  display: none;
}

.st-review-stars-item.-hidden img:nth-child(1),
.st-review-stars-item.st-cursor.-nav img:nth-child(1) {
  display: none;
}

.st-review-stars-item.-hidden img:nth-child(2),
.st-review-stars-item.st-cursor.-nav img:nth-child(2) {
  display: inline-block;
}

.st-review-heading {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-review-heading {
    font-size: 16px;
  }
}

@media (min-width: 1600px) {
  .st-review-heading {
    font-size: 18px;
  }
}

.st-review-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

@media (min-width: 768px) {
  .st-review-text {
    font-size: 16px;
    line-height: 30px;
  }
}

@media (min-width: 1600px) {
  .st-review-text {
    font-size: 18px;
  }
}

.st-review-text p {
  display: block;
  position: relative;
  opacity: 0.7;
}

.st-menu.-open .st-review-item.st-menu-navbar-toggle .st-review-text p,
.st-navbar.-open .st-menu.st-navbar-menu .st-review-item.st-menu-navbar-toggle .st-review-text p,
.st-navbar.-open .st-review-item.st-navbar-toggle .st-review-text p,
.st-review-item.-active .st-review-text p {
  display: none;
}

.st-menu.-open .st-review-item.st-menu-navbar-toggle .st-review-text p:last-child,
.st-navbar.-open .st-menu.st-navbar-menu .st-review-item.st-menu-navbar-toggle .st-review-text p:last-child,
.st-navbar.-open .st-review-item.st-navbar-toggle .st-review-text p:last-child,
.st-review-item.-active .st-review-text p:last-child {
  display: block;
}

.st-review-text.-full {
  display: none;
}

.st-review-text.-cut {
  max-height: 120px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-review-text.-cut {
    max-height: 200px;
  }
}

.-full .st-review-text.-cut {
  display: none;
}

.-full .st-review-text.-full {
  display: block;
}

.st-more {
  overflow: hidden;
}

.st-more-title {
  margin: 0 auto 24px;
  max-width: 320px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-more-title {
    /* margin: 0 auto 131px; */
    max-width: 600px;
  }
}

@media (min-width: 1200px) {
  .st-more-title {
    /* margin: 0 auto 127px */
  }
}

@media (min-width: 1600px) {
  .st-more-title {
    /* margin: 0 auto 77px; */
    max-width: 758px;
  }
}

.st-more-title h2 {
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-more-title h2 {
    font-size: 44px;
  }
}

@media (min-width: 1600px) {
  .st-more-title h2 {
    font-size: 56px;
  }
}

.st-more-title span {
  display: block;
  margin-top: 20px;
  color: #6c38ef;
}

.st-more-row {
  margin: 0 0 36px;
  contain: content;
}

.st-more-row:first-child {
  -webkit-transform: translateX(-2%);
  -moz-transform: translateX(-2%);
  -ms-transform: translateX(-2%);
  -o-transform: translateX(-2%);
  transform: translateX(-2%);
}

.st-more-row:last-child {
  -webkit-transform: translateX(5%);
  -moz-transform: translateX(5%);
  -ms-transform: translateX(5%);
  -o-transform: translateX(5%);
  transform: translateX(5%);
}

@media (min-width: 768px) {
  .st-more-row {
    margin: 0 0 52px;
  }

  .st-more-row:first-child {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  .st-more-row:last-child {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@media (min-width: 1200px) {
  .st-more-row {
    margin: 0 0 54px;
  }
}

@media (min-width: 1600px) {
  .st-more-row {
    margin: 0 0 57px;
  }
}

.st-more-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.st-more-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px;
  width: 215px;
  height: 142px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  white-space: normal;
}

@media (min-width: 768px) {
  .st-more-item {
    margin: 0 22px;
    width: 300px;
    height: 198px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
  }
}

@media (min-width: 1024px) {
  .st-more-item {
    width: 302px;
    height: 199px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
  }
}

@media (min-width: 1600px) {
  .st-more-item {
    margin: 0 25px;
    width: 335px;
    height: 221px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
  }
}

.st-more-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 13px;
  left: 14px;
  width: 34px;
  height: 26px;
  -webkit-border-radius: 109px;
  -moz-border-radius: 109px;
  border-radius: 109px;
  background: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .st-more-icon {
    top: 18px;
    left: 19px;
    width: 47px;
    height: 36px;
    -webkit-border-radius: 152px;
    -moz-border-radius: 152px;
    border-radius: 152px;
  }
}

@media (min-width: 1600px) {
  .st-more-icon {
    top: 20px;
    left: 21px;
    width: 53px;
    height: 40px;
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    border-radius: 170px;
  }
}

.st-more-icon img {
  height: 14px;
}

@media (min-width: 768px) {
  .st-more-icon img {
    height: 18px;
  }
}

@media (min-width: 1600px) {
  .st-more-icon img {
    height: 20px;
  }
}

.st-more-heading {
  position: absolute;
  bottom: 24px;
  left: 16px;
  max-width: 100px;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.02em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-more-heading {
    bottom: 34px;
    left: 23px;
    max-width: 135px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width: 1600px) {
  .st-more-heading {
    bottom: 38px;
    left: 26px;
    max-width: 150px;
    font-size: 16px;
    line-height: 22px;
  }
}

.st-more-present {
  position: absolute;
  right: 18px;
  bottom: 23px;
  width: 27px;
  height: 26px;
}

@media (min-width: 768px) {
  .st-more-present {
    right: 25px;
    bottom: 32px;
    width: 37px;
    height: 36px;
  }
}

@media (min-width: 1600px) {
  .st-more-present {
    right: 28px;
    bottom: 32px;
    width: 42px;
    height: 40px;
  }
}

.st-more-present img {
  width: 100%;
}

.st-more-new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 13px;
  right: 13px;
  width: 39px;
  height: 25px;
  font-size: 9px;
  font-weight: 700;
  -webkit-border-radius: 108px;
  -moz-border-radius: 108px;
  border-radius: 108px;
  background: #f6583e;
}

@media (min-width: 768px) {
  .st-more-new {
    top: 18px;
    right: 18px;
    width: 54px;
    height: 36px;
    font-size: 12px;
    -webkit-border-radius: 152px;
    -moz-border-radius: 152px;
    border-radius: 152px;
  }
}

@media (min-width: 1600px) {
  .st-more-new {
    top: 20px;
    right: 20px;
    width: 61px;
    height: 40px;
    font-size: 14px;
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    border-radius: 170px;
  }
}

.st-more-play {
  position: absolute;
  right: 13px;
  bottom: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #f6583e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .st-more-play {
    right: 19px;
    bottom: 19px;
    width: 51px;
    height: 51px;
  }
}

@media (min-width: 1600px) {
  .st-more-play {
    right: 21px;
    bottom: 21px;
    width: 57px;
    height: 57px;
  }
}

.st-more-play svg {
  width: 8px;
  height: 9px;
}

@media (min-width: 768px) {
  .st-more-play svg {
    width: 12px;
    height: 13px;
  }
}

@media (min-width: 1600px) {
  .st-more-play svg {
    width: 13px;
    height: 14px;
  }
}

.st-feature {
  overflow: hidden;
}

.st-feature-content {
  padding: 60px 0;
  text-align: center;
}

@media (min-width: 768px) {
  .st-feature-content {
    padding: 180px 0 210px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .st-feature-content {
    padding: 20px 0 20px;
  }
}

@media (min-width: 1200px) {
  .st-feature-content {
    padding: 20px 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-feature-content {
    padding: 40px 0 40px;
  }
}

@media (min-width: 768px) {
  .st-feature-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-feature-grid-col {
  margin: 0 0 100px;
}

@media (min-width: 768px) {
  .st-feature-grid-col {
    margin: 0;
    width: 50%;
  }
}

.st-feature-grid-col:last-child {
  margin: 80px 0 0;
}

@media (min-width: 768px) {
  .st-feature-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.st-feature-body {
  max-width: 320px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .st-feature-body {
    max-width: 280px;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .st-feature-body {
    max-width: 400px;
  }
}

@media (min-width: 1200px) {
  .st-feature-body {
    max-width: 420px;
  }
}

.st-feature-title {
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .st-feature-title {
    margin: 0 0 28px;
  }
}

@media (min-width: 1200px) {
  .st-feature-title {
    white-space: nowrap;
  }
}

.st-feature-title h2 {
  font-size: 30px;
  line-height: 110%;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-feature-title h2 {
    /* font-size: 44px */
  }
}

@media (min-width: 1600px) {
  .st-feature-title h2 {
    /* font-size: 56px */
  }
}

.st-feature-description {
  margin: 0 0 40px;
}

@media (min-width: 1200px) {
  .st-feature-description {
    margin: 0 0 70px;
  }
}

@media (min-width: 1600px) {
  .st-feature-description {
    margin: 0 0 60px;
  }
}

.st-feature-description p {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.01em;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .st-feature-description p {
    font-size: 18px;
  }
}

@media (min-width: 1600px) {
  .st-feature-description p {
    font-size: 20px;
  }
}

.st-feature-img {
  position: relative;
}

.st-feature-video {
  position: relative;
  width: 260px;
  z-index: 1;
}

.st-feature-video video {
  width: 100%;
}

.st-feature-device {
  position: relative;
  width: 168px;
  height: 357px;
  margin: 0 auto;
}

@media (min-width: 375px) {
  .st-feature-device {
    width: 202px;
    height: 429px;
  }
}

@media (min-width: 768px) {
  .st-feature-device {
    width: 215px;
    height: 456px;
    margin: 0;
  }
}

@media (min-width: 1600px) {
  .st-feature-device {
    width: 239px;
    height: 508px;
  }
}

.st-feature-device-img {
  position: relative;
  z-index: 1;
}

.st-feature-device img {
  width: 100%;
}

.st-feature-particle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.st-feature-particle-item {
  position: absolute;
}

.st-feature-particle-item img {
  width: 100%;
}

.st-feature-particle-item.-v1 {
  width: 77px;
  height: 77px;
  top: 33px;
  left: -58px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v1 {
    width: 99px;
    height: 99px;
    top: 61px;
    left: -62px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v1 {
    left: -69px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v1 {
    left: -169px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v1 {
    width: 110px;
    height: 110px;
    top: 80px;
    left: -192px;
  }
}

.st-feature-particle-item.-v2 {
  width: 98px;
  height: 98px;
  right: -76px;
  bottom: -12px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v2 {
    width: 154px;
    height: 154px;
    right: -124px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v2 {
    right: -85px;
    bottom: -33px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v2 {
    right: -178px;
    bottom: -43px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v2 {
    width: 172px;
    height: 172px;
    right: -193px;
  }
}

.st-feature-particle-item.-v3 {
  width: 88px;
  height: 93px;
  left: -62px;
  bottom: -1px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v3 {
    width: 157px;
    height: 167px;
    left: -82px;
    bottom: -30px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v3 {
    left: -117px;
    bottom: 120px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v3 {
    left: 90px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v3 {
    width: 175px;
    height: 185px;
    left: -203px;
    bottom: 80px;
  }
}

.st-feature-particle-item.-v4 {
  width: 77px;
  height: 77px;
  top: -24px;
  right: -57px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v4 {
    width: 99px;
    height: 99px;
    top: 3px;
    right: -110px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v4 {
    top: -18px;
    right: -100px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v4 {
    top: 0;
    right: -151px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v4 {
    width: 110px;
    height: 110px;
    top: 10px;
    right: -160px;
  }
}

.st-feature-particle-item.-v5 {
  width: 97px;
  height: 103px;
  left: -58px;
  bottom: -42px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v5 {
    width: 124px;
    height: 132px;
    left: -70px;
    bottom: -52px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v5 {
    left: -80px;
    bottom: 73px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v5 {
    left: -184px;
    bottom: 63px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v5 {
    width: 138px;
    height: 136px;
    left: -194px;
    bottom: 78px;
  }
}

.st-feature-particle-item.-v6 {
  width: 90px;
  height: 90px;
  top: -43px;
  right: -60px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v6 {
    width: 153px;
    height: 153px;
    top: -60px;
    right: -125px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v6 {
    top: 45px;
    right: -92px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v6 {
    right: -122px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v6 {
    width: 170px;
    height: 170px;
    right: -142px;
  }
}

.st-feature-particle-item.-v7 {
  width: 28px;
  height: 28px;
  right: -24px;
  bottom: -47px;
}

@media (min-width: 768px) {
  .st-feature-particle-item.-v7 {
    width: 36px;
    height: 36px;
    right: -42px;
    bottom: -50px;
  }
}

@media (min-width: 1024px) {
  .st-feature-particle-item.-v7 {
    right: -92px;
    bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .st-feature-particle-item.-v7 {
    right: -72px;
    bottom: 16px;
  }
}

@media (min-width: 1600px) {
  .st-feature-particle-item.-v7 {
    width: 40px;
    height: 40px;
    right: -82px;
    bottom: -25px;
  }
}

.st-feature.-lg .st-feature-content {
  padding: 144px 0 0px;
}

@media (min-width: 768px) {
  .st-feature.-lg .st-feature-content {
    padding: 134px 0 212px;
  }
}

@media (min-width: 1024px) {
  .st-feature.-lg .st-feature-content {
    padding: 20px 0 20px;
  }
}

@media (min-width: 1200px) {
  .st-feature.-lg .st-feature-content {
    padding: 20px 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-feature.-lg .st-feature-content {
    padding: 40px 0 40px;
  }
}

.st-feature.-md .st-feature-content {
  padding: 100px 0;
}

@media (min-width: 768px) {
  .st-feature.-md .st-feature-content {
    padding: 197px 0 242px;
  }
}

@media (min-width: 1024px) {
  .st-feature.-md .st-feature-content {
    padding: 20px 0 20px;
  }
}

@media (min-width: 1200px) {
  .st-feature.-md .st-feature-content {
    padding: 20px 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-feature.-md .st-feature-content {
    padding: 40px 0 40px;
  }
}

.st-sound {
  overflow: hidden;
}

.st-sound-content {
  position: relative;
  padding: 100px 0 203px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-sound-content {
    padding: 204px 0 224px;
  }
}

@media (min-width: 1024px) {
  .st-sound-content {
    padding: 140px 0;
  }
}

@media (min-width: 1200px) {
  .st-sound-content {
    padding: 160px 0 160px;
  }
}

@media (min-width: 1600px) {
  .st-sound-content {
    padding: 180px 0 180px;
  }
}

.st-sound-body {
  max-width: 330px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-sound-body {
    margin: 0;
    text-align: left;
  }
}

@media (min-width: 1600px) {
  .st-sound-body {
    max-width: 465px;
  }
}

@media (min-width: 768px) {
  .st-sound-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-sound-title {
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .st-sound-title {
    margin: 0 0 80px;
  }
}

@media (min-width: 1024px) {
  .st-sound-title {
    margin: 0 0 60px;
  }
}

@media (min-width: 1600px) {
  .st-sound-title {
    margin: 0 0 80px;
  }
}

.st-sound-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-sound-title h2 {
    font-size: 40px;
    /* line-height: 46px */
  }
}

@media (min-width: 1600px) {
  .st-sound-title h2 {
    font-size: 40px;
    /* line-height: 69px */
  }
}

.st-sound-items {
  text-align: left;
}

.st-sound-item {
  display: inline-block;
  width: 33.3333%;
  text-align: center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

@media (min-width: 768px) {
  .st-sound-item {
    margin: 0 0 30px;
    display: block;
    width: 100%;
    text-align: left;
  }
}

.st-sound-item:last-child {
  margin: 0;
}

.st-sound-item.-disable .st-sound-icon {
  opacity: 0.5;
}

@media (min-width: 1200px) {
  .st-sound-item.-disable .st-sound-icon:hover {
    opacity: 0.8;
  }
}

.st-sound-item.-disable .st-sound-range-label {
  opacity: 0.7;
}

.st-sound-icon {
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  border: none;
  background: 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (min-width: 768px) {
  .st-sound-icon {
    width: 80px;
    height: 80px;
  }
}

.st-sound-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(13, 24, 126, 0.5);
  border: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: -1;
  -webkit-transition: 0.5s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.5s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: 0.5s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: 0.5s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.5s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.5s transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.5s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.5s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8), 0.5s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.5s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

@media (min-width: 1200px) {
  .st-sound-icon:hover:after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.st-sound-icon span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.st-sound-icon svg {
  font-size: 27px;
}

@media (min-width: 768px) {
  .st-sound-icon svg {
    font-size: 34px;
  }
}

.st-sound-range {
  margin: 12px 0 0;
}

@media (min-width: 768px) {
  .st-sound-range {
    margin: 0 0 0 30px;
    display: inline-block;
    vertical-align: middle;
  }
}

.st-sound-range-label {
  font-size: 13px;
  line-height: 13px;
  text-transform: capitalize;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (min-width: 768px) {
  .st-sound-range-label {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.01em;
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  .st-sound-range-label {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    font-weight: 400;
  }
}

.st-sound-range-input {
  display: none;
}

@media (min-width: 1200px) {
  .st-sound-range-input {
    display: block;
    width: 220px;
  }
}

.st-sound-range-input .rangeslider {
  background: #0d187e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.st-sound-range-input .rangeslider--horizontal {
  height: 10px;
}

.st-sound-range-input .rangeslider__fill {
  background: #f6583e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.st-sound-range-input .rangeslider__handle {
  width: 30px;
  height: 30px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

.st-sound-range-input .rangeslider__handle:after {
  width: 14px;
  height: 14px;
  background-image: none;
  background: rgba(246, 88, 62, 0.4);
}

.st-sound-range-input input[type='range']:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.st-sound-img {
  margin: auto;
  height: 376px;
  -webkit-animation: st-sound-bg-img-morph 8s linear infinite;
  -moz-animation: st-sound-bg-img-morph 8s linear infinite;
  -o-animation: st-sound-bg-img-morph 8s linear infinite;
  animation: st-sound-bg-img-morph 8s linear infinite;
}

@media (min-width: 768px) {
  .st-sound-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 672px;
    height: 624px;
  }
}

@media (min-width: 1024px) {
  .st-sound-img {
    width: 467px;
    height: 434px;
  }
}

@media (min-width: 1200px) {
  .st-sound-img {
    width: 519px;
    height: 481px;
  }
}

@media (min-width: 1600px) {
  .st-sound-img {
    width: 609px;
    height: 565px;
  }
}

.st-sound-img-bg {
  position: absolute;
  bottom: -85px;
  left: 50%;
  margin: auto;
  width: 405px;
  height: 376px;
  overflow: hidden;
  -webkit-border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  -moz-border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  -webkit-animation: st-sound-bg-morph 10s linear infinite;
  -moz-animation: st-sound-bg-morph 10s linear infinite;
  -o-animation: st-sound-bg-morph 10s linear infinite;
  animation: st-sound-bg-morph 10s linear infinite;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .st-sound-img-bg {
    width: 100%;
    height: 100%;
    top: -19px;
    bottom: auto;
    left: 456px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (min-width: 1024px) {
  .st-sound-img-bg {
    top: 0;
    left: 133px;
  }
}

@media (min-width: 1200px) {
  .st-sound-img-bg {
    left: 64px;
  }
}

.st-sound-img-bg-item {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  will-change: transform;
}

.st-sound-img-bg-item:nth-child(1) {
  width: 130%;
  left: -50px;
  bottom: 20px;
  background-image: url(../img/sound/1.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (min-resolution: 192dpi) {
  .st-sound-img-bg-item:nth-child(1) {
    background-image: url(../img/sound/1@2x.jpg);
  }
}

@media (min-width: 768px) {
  .st-sound-img-bg-item:nth-child(1) {
    bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .st-sound-img-bg-item:nth-child(1) {
    bottom: 20px;
  }
}

.st-sound-img-bg-item:nth-child(2) {
  z-index: 1;
  background-image: url(../img/sound/2.png);
}

@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (min-resolution: 192dpi) {
  .st-sound-img-bg-item:nth-child(2) {
    background-image: url(../img/sound/2@2x.png);
  }
}

@media (min-width: 768px) {
  .st-sound-img-bg-item:nth-child(2) {
    left: -100px;
  }
}

@media (min-width: 1024px) {
  .st-sound-img-bg-item:nth-child(2) {
    left: auto;
  }
}

.st-sound-img-bg img {
  width: 100%;
}

.st-sound-img-particle {
  position: absolute;
  width: 56px;
  height: 48px;
  left: -30px;
  bottom: -100px;
  -webkit-transform: rotate(-125deg);
  -moz-transform: rotate(-125deg);
  -ms-transform: rotate(-125deg);
  -o-transform: rotate(-125deg);
  transform: rotate(-125deg);
}

@media (min-width: 768px) {
  .st-sound-img-particle {
    width: 93px;
    height: 80px;
    left: 480px;
    bottom: 0;
  }
}

@media (min-width: 1024px) {
  .st-sound-img-particle {
    width: 65px;
    height: 56px;
    left: 167px;
    bottom: 2px;
  }
}

@media (min-width: 1200px) {
  .st-sound-img-particle {
    width: 72px;
    height: 62px;
    left: 102px;
    bottom: -15px;
  }
}

@media (min-width: 1600px) {
  .st-sound-img-particle {
    width: 84px;
    height: 72px;
    left: 55px;
    bottom: 32px;
  }
}

.st-sound-img-particle img {
  width: 100%;
}

@-webkit-keyframes st-sound-bg-morph {
  0%,
  100% {
    -webkit-border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }

  24% {
    -webkit-border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
    border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
  }

  40% {
    -webkit-border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }

  77% {
    -webkit-border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@-moz-keyframes st-sound-bg-morph {
  0%,
  100% {
    -moz-border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }

  24% {
    -moz-border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
    border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
  }

  40% {
    -moz-border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }

  77% {
    -moz-border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@-o-keyframes st-sound-bg-morph {
  0%,
  100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }

  24% {
    border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
  }

  40% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }

  77% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@keyframes st-sound-bg-morph {
  0%,
  100% {
    -webkit-border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    -moz-border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
  }

  24% {
    -webkit-border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
    -moz-border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
    border-radius: 60% 30% 36% 54%/30% 29% 61% 60%;
  }

  40% {
    -webkit-border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    -moz-border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
  }

  77% {
    -webkit-border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    -moz-border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}

@-webkit-keyframes st-sound-bg-img-morph {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }

  24% {
    -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }

  40% {
    -webkit-transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
    transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
  }

  77% {
    -webkit-transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
    transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
  }
}

@-moz-keyframes st-sound-bg-img-morph {
  0%,
  100% {
    -moz-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }

  24% {
    -moz-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }

  40% {
    -moz-transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
    transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
  }

  77% {
    -moz-transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
    transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
  }
}

@-o-keyframes st-sound-bg-img-morph {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }

  24% {
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }

  40% {
    transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
  }

  77% {
    transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
  }
}

@keyframes st-sound-bg-img-morph {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    -moz-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }

  24% {
    -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    -moz-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }

  40% {
    -webkit-transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
    -moz-transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
    transform: translate3d(4px, 0, 0) rotateZ(0.01deg);
  }

  77% {
    -webkit-transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
    -moz-transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
    transform: translate3d(0, -4px, 0) rotateZ(0.01deg);
  }
}

.st-track {
  position: relative;
  overflow: hidden;
}

.st-track-content {
  position: relative;
  padding: 80px 0 180px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-track-content {
    padding: 140px 0 206px;
  }
}

@media (min-width: 1024px) {
  .st-track-content {
    padding: 140px 0;
  }
}

@media (min-width: 1200px) {
  .st-track-content {
    padding: 140px 0 280px;
  }
}

@media (min-width: 1600px) {
  .st-track-content {
    padding: 220px 0 260px;
  }
}

.st-track-particle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 1200px) {
  .st-track-particle {
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  .st-track-particle {
    max-width: 1600px;
  }
}

.st-track-particle-item {
  position: absolute;
}

.st-track-particle-item.-v1 {
  width: 60px;
  height: 60px;
  top: 100px;
  left: -22px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #4115c2;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

@media (min-width: 768px) {
  .st-track-particle-item.-v1 {
    top: 74px;
    left: 65px;
  }
}

@media (min-width: 1024px) {
  .st-track-particle-item.-v1 {
    top: 427px;
  }
}

@media (min-width: 1200px) {
  .st-track-particle-item.-v1 {
    top: 447px;
    left: 117px;
  }
}

@media (min-width: 1600px) {
  .st-track-particle-item.-v1 {
    top: 521px;
    left: 226px;
  }
}

.st-track-particle-item.-v2 {
  width: 90px;
  height: 90px;
  top: 139px;
  right: -69px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #0b87df;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 768px) {
  .st-track-particle-item.-v2 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .st-track-particle-item.-v2 {
    display: block;
    top: 66px;
    right: 69px;
  }
}

@media (min-width: 1200px) {
  .st-track-particle-item.-v2 {
    right: 191px;
  }
}

@media (min-width: 1600px) {
  .st-track-particle-item.-v2 {
    top: 140px;
    right: 360px;
  }
}

.st-track-particle-item.-v3 {
  display: none;
}

@media (min-width: 1200px) {
  .st-track-particle-item.-v3 {
    display: block;
    width: 40px;
    height: 40px;
    top: 1045px;
    right: 95px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #5330ac;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

@media (min-width: 1600px) {
  .st-track-particle-item.-v3 {
    top: 1223px;
    right: 224px;
  }
}

@media (min-width: 768px) {
  .st-track-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .st-track-body {
    max-width: 720px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .st-track-body {
    max-width: 980px;
  }
}

@media (min-width: 1600px) {
  .st-track-body {
    max-width: 1140px;
  }
}

.st-track-title {
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .st-track-title {
    margin: 0 0 28px;
  }
}

.st-track-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-track-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-track-title h2 {
    font-size: 40px;
    line-height: 69px;
  }
}

.st-track-description {
  margin: 0 0 66px;
}

@media (min-width: 768px) {
  .st-track-description {
    margin: 0 0 152px;
  }
}

@media (min-width: 1024px) {
  .st-track-description {
    margin: 0 0 145px;
  }
}

@media (min-width: 1200px) {
  .st-track-description {
    margin: 0 0 157px;
  }
}

@media (min-width: 1600px) {
  .st-track-description {
    margin: 0 0 160px;
  }
}

.st-track-description p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .st-track-description p {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (min-width: 1600px) {
  .st-track-description p {
    font-size: 24px;
    line-height: 34px;
  }
}

.st-track-img {
  margin: 0 -5px;
}

.st-track-img-col {
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .st-track-img-col {
    margin: 0 7px;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .st-track-img-col {
    margin: 0 10px;
  }
}

@media (min-width: 768px) {
  .st-track-img-col.-center {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@media (min-width: 1024px) {
  .st-track-img-col.-center {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.st-track-img-item {
  margin: 0 0 10px;
}

.st-track-img-item:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-track-img-item {
    margin: 0 0 18px;
  }
}

@media (min-width: 1024px) {
  .st-track-img-item {
    margin: 0 0 20px;
  }
}

.st-track-img img {
  max-width: 135px;
}

@media (min-width: 768px) {
  .st-track-img img {
    max-width: 141px;
  }
}

@media (min-width: 1024px) {
  .st-track-img img {
    max-width: 160px;
  }
}

.st-track-img.-lg {
  margin: 0 0 10px;
}

@media (min-width: 768px) {
  .st-track-img.-lg {
    margin: 0 7px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-track-img.-lg {
    margin: 0 10px 0 0;
  }
}

.st-track-img.-lg img {
  max-width: 280px;
}

@media (min-width: 768px) {
  .st-track-img.-lg img {
    max-width: 282px;
  }
}

@media (min-width: 1024px) {
  .st-track-img.-lg img {
    max-width: 319px;
  }
}

.st-track-action {
  margin: 60px 0 0;
}

@media (min-width: 768px) {
  .st-track-action {
    margin: 100px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-track-action {
    margin: 80px 0 0;
  }
}

.st-map {
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-map {
    overflow: initial;
  }
}

.st-map-content {
  text-align: center;
}

.st-map-stage {
  position: relative;
  overflow: hidden;
  contain: content;
}

.st-map-stage-world img {
  width: 100%;
}

.st-map-stage-pin {
  position: absolute;
  top: 30%;
  left: 35%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}

@media (min-width: 1024px) {
  .st-map-stage-pin {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
  }
}

.st-map-stage-pin span {
  display: block;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  -o-animation-duration: 6s;
  animation-duration: 6s;
}

.st-map-stage-pin.-sun span:after,
.st-map-stage-pin.-sun span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  will-change: transform, opacity;
}

.st-map-stage-pin.-sun span:before {
  background: rgba(255, 216, 11, 0.2);
  -webkit-animation: st-map-pin-sun-1 linear infinite backwards;
  -moz-animation: st-map-pin-sun-1 linear infinite backwards;
  -o-animation: st-map-pin-sun-1 linear infinite backwards;
  animation: st-map-pin-sun-1 linear infinite backwards;
  -webkit-animation-delay: inherit;
  -moz-animation-delay: inherit;
  -o-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-duration: inherit;
  -moz-animation-duration: inherit;
  -o-animation-duration: inherit;
  animation-duration: inherit;
}

@-webkit-keyframes st-map-pin-sun-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  20% {
    opacity: 1;
  }

  25%,
  30% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  35% {
    opacity: 0;
  }

  100%,
  50% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-moz-keyframes st-map-pin-sun-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }

  20% {
    opacity: 1;
  }

  25%,
  30% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }

  35% {
    opacity: 0;
  }

  100%,
  50% {
    opacity: 0;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-o-keyframes st-map-pin-sun-1 {
  0% {
    opacity: 0;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  20% {
    opacity: 1;
  }

  25%,
  30% {
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  35% {
    opacity: 0;
  }

  100%,
  50% {
    opacity: 0;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes st-map-pin-sun-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  20% {
    opacity: 1;
  }

  25%,
  30% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  35% {
    opacity: 0;
  }

  100%,
  50% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.st-map-stage-pin.-sun span:after {
  background: #fed70b;
  -webkit-animation: st-map-pin-sun-2 linear infinite backwards;
  -moz-animation: st-map-pin-sun-2 linear infinite backwards;
  -o-animation: st-map-pin-sun-2 linear infinite backwards;
  animation: st-map-pin-sun-2 linear infinite backwards;
  -webkit-animation-delay: inherit;
  -moz-animation-delay: inherit;
  -o-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-duration: inherit;
  -moz-animation-duration: inherit;
  -o-animation-duration: inherit;
  animation-duration: inherit;
}

@-webkit-keyframes st-map-pin-sun-2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }

  15%,
  35% {
    opacity: 1;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  100%,
  35% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
}

@-moz-keyframes st-map-pin-sun-2 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.4);
    transform: scale(0.4);
  }

  15%,
  35% {
    opacity: 1;
    -moz-transform: scale(0.6);
    transform: scale(0.6);
  }

  100%,
  35% {
    opacity: 0;
    -moz-transform: scale(0.4);
    transform: scale(0.4);
  }
}

@-o-keyframes st-map-pin-sun-2 {
  0% {
    opacity: 0;
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }

  15%,
  35% {
    opacity: 1;
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  100%,
  35% {
    opacity: 0;
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
}

@keyframes st-map-pin-sun-2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }

  15%,
  35% {
    opacity: 1;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  100%,
  35% {
    opacity: 0;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
}

.st-map-stage-pin.-moon span:after,
.st-map-stage-pin.-moon span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  will-change: transform, opacity;
}

.st-map-stage-pin.-moon span:before {
  background-image: url(data:image/svg+xml;
	base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNyI+PHBhdGggZD0iTTExLjQ2LDEzLjUxbC0uMTgtLjA4QTYsNiwwLDAsMSwxMC4xMiwzLjFhNiw2LDAsMSwwLDEuMzQsMTAuNDFaIiBmaWxsPSIjZGJkOGZmIi8+PC9zdmc+DQo=);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-animation: st-map-pin-moon-1 linear infinite backwards;
  -moz-animation: st-map-pin-moon-1 linear infinite backwards;
  -o-animation: st-map-pin-moon-1 linear infinite backwards;
  animation: st-map-pin-moon-1 linear infinite backwards;
  -webkit-animation-delay: inherit;
  -moz-animation-delay: inherit;
  -o-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-duration: inherit;
  -moz-animation-duration: inherit;
  -o-animation-duration: inherit;
  animation-duration: inherit;
}

@-webkit-keyframes st-map-pin-moon-1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  20%,
  30% {
    opacity: 1;
  }

  30%,
  40% {
    opacity: 0;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes st-map-pin-moon-1 {
  0% {
    opacity: 0;
    -moz-transform: rotate(0);
    transform: rotate(0);
  }

  20%,
  30% {
    opacity: 1;
  }

  30%,
  40% {
    opacity: 0;
    -moz-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes st-map-pin-moon-1 {
  0% {
    opacity: 0;
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  20%,
  30% {
    opacity: 1;
  }

  30%,
  40% {
    opacity: 0;
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    opacity: 0;
  }
}

@keyframes st-map-pin-moon-1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  20%,
  30% {
    opacity: 1;
  }

  30%,
  40% {
    opacity: 0;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    opacity: 0;
  }
}

.st-map-stage-pin.-moon span:after {
  top: 5%;
  left: 80%;
  right: auto;
  bottom: auto;
  height: 30%;
  width: 30%;
  background-image: url(data:image/svg+xml;
	base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiPjxwYXRoIGQ9Ik0zLjg4LDUuMjNsLS4xNCwwTC44Niw0LjM2YS41LjUsMCwwLDEtLjEtLjkyTDMuNDMsMiwxLjcxLDEuNDhBLjUuNSwwLDAsMSwyLC41MmwyLjg4Ljg1YS40OS40OSwwLDAsMSwuMzUuNDIuNTEuNTEsMCwwLDEtLjI2LjVMMi4zLDMuNzQsNCw0LjI1YS41LjUsMCwwLDEsLjM0LjYyQS41Mi41MiwwLDAsMSwzLjg4LDUuMjNaIiBmaWxsPSIjZGJkOGZmIi8+PC9zdmc+DQo=);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-animation: st-map-pin-moon-2 linear infinite backwards;
  -moz-animation: st-map-pin-moon-2 linear infinite backwards;
  -o-animation: st-map-pin-moon-2 linear infinite backwards;
  animation: st-map-pin-moon-2 linear infinite backwards;
  -webkit-animation-delay: inherit;
  -moz-animation-delay: inherit;
  -o-animation-delay: inherit;
  animation-delay: inherit;
  -webkit-animation-duration: inherit;
  -moz-animation-duration: inherit;
  -o-animation-duration: inherit;
  animation-duration: inherit;
}

@-webkit-keyframes st-map-pin-moon-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-25deg) translate(0, 0);
    transform: rotate(-25deg) translate(0, 0);
  }
}

@-moz-keyframes st-map-pin-moon-2 {
  0% {
    opacity: 0;
    -moz-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -moz-transform: rotate(-25deg) translate(0, 0);
    transform: rotate(-25deg) translate(0, 0);
  }
}

@-o-keyframes st-map-pin-moon-2 {
  0% {
    opacity: 0;
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -o-transform: rotate(-25deg) translate(0, 0);
    transform: rotate(-25deg) translate(0, 0);
  }
}

@keyframes st-map-pin-moon-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(-25deg) translate(0, 0);
    -moz-transform: rotate(-25deg) translate(0, 0);
    -o-transform: rotate(-25deg) translate(0, 0);
    transform: rotate(-25deg) translate(0, 0);
  }
}

.st-map-body {
  position: relative;
  max-width: 512px;
  height: 330px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

@media (min-width: 768px) {
  .st-map-body {
    width: 100%;
    max-width: 610px;
    height: 400px;
  }
}

@media (min-width: 1024px) {
  .st-map-body {
    max-width: 835px;
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .st-map-body {
    height: 660px;
    max-width: 1028px;
  }
}

@media (min-width: 1600px) {
  .st-map-body {
    height: 771px;
    max-width: 1178px;
  }
}

.st-map-world {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0a064c;
}

@media (min-width: 768px) {
  .st-map-world {
    width: 100%;
  }
}

.st-map-world #map {
  width: 100%;
  height: 100%;
}

.st-map-world #map > div {
  background-color: #0a064c !important;
}

.st-map-title {
  position: relative;
  margin: 0 0 36px;
  text-align: center;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-map-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 70px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .st-map-title {
    margin: 0 0 65px;
  }
}

@media (min-width: 1200px) {
  .st-map-title {
    margin: 0 0 30px;
  }
}

@media (min-width: 1600px) {
  .st-map-title {
    margin: 0 0 40px;
  }
}

.st-map-title h1 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-map-title h1 {
    font-size: 40px;
    line-height: 46px;
  }
}
40px @media(min-width:1600px) {
  .st-map-title h1 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-map-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-map-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-map-title h2 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-map-action {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 60px 0 0;
}

@media (min-width: 768px) {
  .st-map-action {
    margin: 0;
  }
}

.st-map-action.-lg-hidden {
  display: none;
}

@media (min-width: 1600px) {
  .st-map-action.-lg-hidden {
    display: inline-block;
    margin: -165px auto 0;
  }
}

.st-map-action.-xl-hidden {
  display: inline-block;
}

@media (min-width: 1600px) {
  .st-map-action.-xl-hidden {
    display: none;
  }
}

.st-map.-lg .st-map-content {
  padding: 150px 0 50px;
}

@media (min-width: 768px) {
  .st-map.-lg .st-map-content {
    padding: 176px 0 50px;
  }
}

@media (min-width: 1024px) {
  .st-map.-lg .st-map-content {
    padding: 180px 0 100px;
  }
}

@media (min-width: 1600px) {
  .st-map.-lg .st-map-content {
    padding: 288px 0 100px;
  }
}

.st-map.-lg .st-map-title {
  display: block;
  text-align: center;
}

.st-map.-inverse .st-map-world #map > div,
.st-offer.-inverse .st-map.st-offer-action .st-map-world #map > div {
  background-color: #201360 !important;
}

.st-playlist {
  overflow: hidden;
}

.st-playlist-content {
  padding: 160px 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .st-playlist-content {
    padding: 226px 0 149px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .st-playlist-content {
    padding: 120px 0 120px;
  }
}

@media (min-width: 1200px) {
  .st-playlist-content {
    padding: 160px 0 160px;
  }
}

@media (min-width: 1600px) {
  .st-playlist-content {
    padding: 180px 0 180px;
  }
}

@media (min-width: 768px) {
  .st-playlist-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-playlist-grid-col {
  margin: 0 0 100px;
}

@media (min-width: 768px) {
  .st-playlist-grid-col {
    margin: 0;
    width: 50%;
  }
}

.st-playlist-grid-col:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-playlist-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.st-playlist-title {
  margin: 0 0 60px;
}

@media (min-width: 1600px) {
  .st-playlist-title {
    margin: 0 0 63px;
  }
}

.st-playlist-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-playlist-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-playlist-title h2 {
    font-size: 40px;
    line-height: 69px;
  }
}

.st-playlist-title br {
  display: none;
}

@media (min-width: 768px) {
  .st-playlist-title br {
    display: inline;
  }
}

.st-playlist-particle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.st-playlist-particle-item {
  position: absolute;
  display: none;
}

@media (min-width: 768px) {
  .st-playlist-particle-item {
    display: block;
  }
}

.st-playlist-particle-item img {
  width: 100%;
}

@media (min-width: 768px) {
  .st-playlist-particle-item.-v1 {
    width: 110px;
    height: 110px;
    top: -80px;
    left: -69px;
  }
}

@media (min-width: 1024px) {
  .st-playlist-particle-item.-v1 {
    top: -60px;
    left: -69px;
  }
}

@media (min-width: 1200px) {
  .st-playlist-particle-item.-v1 {
    top: -45px;
    left: -204px;
  }
}

@media (min-width: 1600px) {
  .st-playlist-particle-item.-v1 {
    top: -76px;
    left: -162px;
  }
}

@media (min-width: 768px) {
  .st-playlist-particle-item.-v2 {
    width: 172px;
    height: 172px;
    right: -120px;
    bottom: 105px;
  }
}

@media (min-width: 1024px) {
  .st-playlist-particle-item.-v2 {
    right: -154px;
    bottom: 74px;
  }
}

@media (min-width: 1200px) {
  .st-playlist-particle-item.-v2 {
    right: -100px;
    bottom: 80px;
  }
}

@media (min-width: 1600px) {
  .st-playlist-particle-item.-v2 {
    right: -206px;
    bottom: 110px;
  }
}

.st-playlist-items {
  pointer-events: none;
  contain: layout;
}

@media (min-width: 768px) {
  .st-playlist-items {
    position: relative;
    top: 85px;
  }
}

.st-playlist-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 260px;
  height: 75px;
  margin: 0 auto 11px;
  background: #2c0f82;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  opacity: 1;
  pointer-events: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
  -moz-transition: opacity 0.9s;
  transition: opacity 0.9s;
  will-change: transform;
}

.st-playlist-item:last-child {
  margin: 0 auto;
}

.st-playlist-item.-show {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.st-playlist-item.-show:nth-child(2) {
  -webkit-transition-delay: 0.26s;
  -moz-transition-delay: 0.26s;
  -o-transition-delay: 0.26s;
  transition-delay: 0.26s;
}

.st-playlist-item.-hide {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.st-playlist-item.-hide:last-child {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.st-playlist-item.-hidden,
.st-playlist-item.st-cursor.-nav {
  opacity: 0;
  pointer-events: none;
}

.st-playlist-item.-xs-hidden {
  display: none;
}

@media (min-width: 768px) {
  .st-playlist-item.-xs-hidden {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.st-playlist-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 43px;
  height: 43px;
  margin: 0 24px 0 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.st-playlist-preview-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.st-playlist-preview-icon {
  position: relative;
  z-index: 1;
}

.st-playlist-preview-icon svg {
  margin: 0 0 0 3px;
  height: 12px;
}

.st-playlist-preview-icon.-pause svg {
  margin: 0;
}

.st-playlist-preview-img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.st-playlist-preview-img img {
  height: 100%;
}

.st-playlist-preview-img.-v1 {
  right: -7px;
  bottom: 2px;
  height: 18px;
}

.st-playlist-preview-img.-v2 {
  right: -11px;
  height: 18px;
}

.st-playlist-preview-img.-v3 {
  right: -11px;
  bottom: 2px;
  height: 17px;
}

.st-playlist-preview.-border {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.st-playlist-text {
  text-align: left;
}

.st-playlist-name {
  margin: 0 0 3px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

.st-playlist-time {
  font-size: 11px;
  line-height: 12px;
  opacity: 0.5;
}

.st-playlist-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 180px;
  background: #f6583e;
}

.st-help {
  position: relative;
  overflow: hidden;
}

.st-help-content {
  padding: 0 0 0px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-help-content {
    padding: 231px 0 219px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .st-help-content {
    padding: 157px 0;
  }
}

@media (min-width: 1200px) {
  .st-help-content {
    padding: 160px 0 60px;
  }
}

@media (min-width: 1600px) {
  .st-help-content {
    padding: 177px 0 62px;
  }
}

@media (min-width: 768px) {
  .st-help-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-help-grid-col {
  margin: 0 0 80px;
}

@media (min-width: 768px) {
  .st-help-grid-col {
    margin: 0;
    width: 50%;
  }
}

.st-help-grid-col:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-help-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .st-help-grid-col.-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.st-help-title {
  margin: 80px auto 30px;
  max-width: 290px;
}

@media (min-width: 768px) {
  .st-help-title {
    margin: 0 0 38px;
  }
}

@media (min-width: 1600px) {
  .st-help-title {
    max-width: 435px;
  }
}

@media (min-width: 1600px) {
  .st-help-title br {
    display: none;
  }
}

.st-help-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-help-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-help-title h2 {
    font-size: 40px;
    line-height: 69px;
  }
}

.st-help-device {
  position: relative;
  width: 168px;
  height: 357px;
  margin: 0 auto;
}

@media (min-width: 375px) {
  .st-help-device {
    width: 202px;
    height: 429px;
  }
}

@media (min-width: 768px) {
  .st-help-device {
    width: 215px;
    height: 456px;
    margin: 0;
  }
}

@media (min-width: 1600px) {
  .st-help-device {
    width: 239px;
    height: 508px;
  }
}

.st-help-device-img {
  position: relative;
  z-index: 2;
}

.st-help-device img {
  width: 100%;
}

.st-help-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.st-help-image-item {
  position: absolute;
  z-index: 1;
}

.st-help-image-item img {
  width: 100%;
}

.st-help-image-item.-v1 {
  width: 100px;
  height: 214px;
  top: 60px;
  left: 120px;
}

@media (min-width: 768px) {
  .st-help-image-item.-v1 {
    width: 171px;
    height: 244px;
    top: 40px;
    left: 67px;
  }
}

@media (min-width: 1024px) {
  .st-help-image-item.-v1 {
    top: 0px;
    left: 166px;
  }
}

@media (min-width: 1600px) {
  .st-help-image-item.-v1 {
    top: 0px;
    left: 148px;
  }
}

.st-help-image-item.-v2 {
  display: none;
}

@media (min-width: 1024px) {
  .st-help-image-item.-v2 {
    display: block;
    top: 120px;
    right: -294px;
  }
}

@media (min-width: 1200px) {
  .st-help-image-item.-v2 {
    right: -258px;
  }
}

@media (min-width: 1600px) {
  .st-help-image-item.-v2 {
    top: 142px;
    right: -255px;
  }
}

.st-help-image-item.-v2 img {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.st-help-image-item.-v3 {
  display: none;
}

@media (min-width: 1600px) {
  .st-help-image-item.-v3 {
    display: block;
    top: 61px;
    right: -488px;
    opacity: 0.7;
  }
}

.st-help-image-item.-v3 img {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}

.st-help-items {
  margin: 0 auto 60px;
  max-width: 280px;
  text-align: left;
}

@media (min-width: 768px) {
  .st-help-items {
    margin: 0 0 60px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .st-help-items {
    margin: 0 0 77px;
  }
}

@media (min-width: 1600px) {
  .st-help-items {
    margin: 0 0 60px;
  }
}

.st-help-items-col {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 37px;
}

.st-help-items-col:first-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-help-items-col {
    display: block;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .st-help-items-col {
    display: inline-block;
    margin: 0 0 0 76px;
  }
}

@media (min-width: 1200px) {
  .st-help-items-col {
    margin: 0 0 0 67px;
  }
}

@media (min-width: 1600px) {
  .st-help-items-col {
    margin: 0 0 0 94px;
  }
}

.st-help-item {
  margin: 0 0 30px;
}

@media (min-width: 768px) {
  .st-help-item {
    margin: 0 0 16px;
  }
}

@media (min-width: 1024px) {
  .st-help-item {
    margin: 0 0 24px;
  }
}

@media (min-width: 1200px) {
  .st-help-item {
    margin: 0 0 27px;
  }
}

@media (min-width: 1600px) {
  .st-help-item {
    margin: 0 0 24px;
  }
}

.st-help-item:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-help-item:last-child {
    margin: 0 0 16px;
  }
}

@media (min-width: 1024px) {
  .st-help-item:last-child {
    margin: 0;
  }
}

.st-help-item-icon {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  text-align: center;
}

.st-help-item-text {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 14px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .st-help-item-text {
    margin: 0 0 0 19px;
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 1024px) {
  .st-help-item-text {
    margin: 0 0 0 14px;
    font-size: 18px;
    line-height: 25px;
  }
}

@media (min-width: 1200px) {
  .st-help-item-text {
    font-size: 20px;
  }
}

@media (min-width: 1600px) {
  .st-help-item-text {
    font-size: 24px;
    line-height: 34px;
  }
}

.st-help-fill {
  display: none;
}

@media (min-width: 768px) {
  .st-help-fill {
    display: block;
    position: absolute;
    right: 0;
    top: -231px;
    left: -webkit-calc(50% + 46px);
    left: -moz-calc(50% + 46px);
    left: calc(50% + 46px);
    width: 600px;
    height: 1000px;
    /*background: #5330ac;*/
    -webkit-transform: skewX(-2deg);
    -moz-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-2deg);
    -webkit-transition: left 0.25s;
    -o-transition: left 0.25s;
    -moz-transition: left 0.25s;
    transition: left 0.25s;
  }
}

@media (min-width: 1200px) {
  .st-help-fill {
    top: -157px;
  }
}

@media (min-width: 1200px) {
  .st-help-fill {
    left: 50%;
    top: -175px;
  }
}

@media (min-width: 1600px) {
  .st-help-fill {
    width: 900px;
    top: -177px;
  }
}

@media (min-width: 1900px) {
  .st-help-fill {
    width: 2500px;
  }
}

.st-application {
  position: relative;
  overflow: hidden;
  color: #fff;
}

.st-application:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: -2px;
  height: 3px;
  z-index: 1;
  background: #0a064c;
}

@media (min-width: 768px) {
  .st-application {
    overflow: initial;
  }
}

.st-application-content {
  padding: 0 0 150px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-application-content {
    padding: 0 0 160px;
  }
}

@media (min-width: 1024px) {
  .st-application-content {
    padding: 0 0 236px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .st-application-content {
    padding: 0 0 129px;
  }
}

@media (min-width: 1600px) {
  .st-application-content {
    padding: 0 0 202px;
  }
}

@media (min-width: 1024px) {
  .st-application-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-application-grid-col {
  margin: 0 0 80px;
}

@media (min-width: 768px) {
  .st-application-grid-col {
    margin: 0 0 93px;
  }
}

@media (min-width: 1024px) {
  .st-application-grid-col {
    margin: 0;
    width: 50%;
  }
}

.st-application-grid-col:last-child {
  margin: 120px 0 0;
}

@media (min-width: 768px) {
  .st-application-grid-col.-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .st-application-body {
    max-width: 385px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .st-application-body {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .st-application-body {
    max-width: 356px;
  }
}

@media (min-width: 1600px) {
  .st-application-body {
    max-width: 450px;
  }
}

.st-application-title {
  margin: 80px 0 20px;
}

@media (min-width: 768px) {
  .st-application-title {
    margin: 0 0 28px;
  }
}

@media (min-width: 1024px) {
  .st-application-title {
    margin: 80px 0 39px;
  }
}

@media (min-width: 1200px) {
  .st-application-title {
    margin: 120px 0 28px;
  }
}

.st-application-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-application-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-application-title h2 {
    font-size: 40px;
    line-height: 69px;
  }
}

.st-application-title br {
  display: none;
}

@media (min-width: 768px) {
  .st-application-title br {
    display: inline;
  }
}

.st-application-description {
  margin: 0 0 40px;
}

@media (min-width: 768px) {
  .st-application-description {
    margin: 0 0 60px;
  }
}

.st-application-description p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .st-application-description p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 1024px) {
  .st-application-description p {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (min-width: 1600px) {
  .st-application-description p {
    font-size: 24px;
    line-height: 34px;
  }
}

.st-application-device {
  position: relative;
  width: 168px;
  height: 357px;
  margin: 0 auto;
}

@media (min-width: 375px) {
  .st-application-device {
    width: 202px;
    height: 429px;
  }
}

@media (min-width: 768px) {
  .st-application-device {
    width: 215px;
    height: 456px;
    margin: 0;
  }
}

@media (min-width: 1600px) {
  .st-application-device {
    width: 239px;
    height: 508px;
  }
}

.st-application-device-img {
  position: relative;
  z-index: 2;
}

.st-application-device img {
  width: 100%;
}

.st-application-particle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.st-application-particle-item {
  position: absolute;
}

.st-application-particle-item.-v1 {
  width: 85px;
  height: 85px;
  top: 30px;
  left: -107px;
}

@media (min-width: 768px) {
  .st-application-particle-item.-v1 {
    width: 77px;
    height: 77px;
    top: 30px;
    left: -155px;
  }
}

@media (min-width: 1200px) {
  .st-application-particle-item.-v1 {
    width: 74px;
    height: 74px;
  }
}

@media (min-width: 1600px) {
  .st-application-particle-item.-v1 {
    width: 85px;
    height: 85px;
    top: 30px;
    left: -170px;
  }
}

.st-application-particle-item.-v2 {
  width: 104px;
  height: 104px;
  left: -112px;
  bottom: -50px;
}

@media (min-width: 768px) {
  .st-application-particle-item.-v2 {
    width: 132px;
    height: 132px;
    bottom: 24px;
  }
}

@media (min-width: 1200px) {
  .st-application-particle-item.-v2 {
    width: 128px;
    height: 128px;
  }
}

@media (min-width: 1600px) {
  .st-application-particle-item.-v2 {
    width: 147px;
    height: 147px;
    left: -132px;
    bottom: 26px;
  }
}

.st-application-particle-item.-v3 {
  width: 101px;
  height: 101px;
  top: 175px;
  right: -110px;
}

@media (min-width: 768px) {
  .st-application-particle-item.-v3 {
    width: 99px;
    height: 99px;
    top: 126px;
    right: -147px;
  }
}

@media (min-width: 1200px) {
  .st-application-particle-item.-v3 {
    width: 96px;
    height: 96px;
  }
}

@media (min-width: 1600px) {
  .st-application-particle-item.-v3 {
    width: 110px;
    height: 110px;
    top: 147px;
    right: -162px;
  }
}

.st-application-circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 248px;
  height: 248px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0e1380;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .st-application-circle {
    width: 401px;
    height: 401px;
  }
}

@media (min-width: 1200px) {
  .st-application-circle {
    width: 389px;
    height: 389px;
  }
}

@media (min-width: 1600px) {
  .st-application-circle {
    width: 446px;
    height: 446px;
  }
}

.st-application.-lg .st-application-content {
  padding: 100px 0;
}

@media (min-width: 768px) {
  .st-application.-lg .st-application-content {
    padding: 120px 0 160px;
  }
}

@media (min-width: 1024px) {
  .st-application.-lg .st-application-content {
    padding: 113px 0 236px;
  }
}

@media (min-width: 1200px) {
  .st-application.-lg .st-application-content {
    padding: 94px 0 129px;
  }
}

@media (min-width: 1600px) {
  .st-application.-lg .st-application-content {
    padding: 92px 0 202px;
  }
}

.st-social {
  margin: 0 -28px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

.st-social-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 28px;
  font-size: 20px;
  text-decoration: none;
}

.st-social-item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.st-social-item:focus,
.st-social-item:hover {
  text-decoration: none;
}

.st-search-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  background: #5330ac;
  will-change: transform;
}

.st-search-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-search-container {
    padding: 0 85px;
  }
}

@media (min-width: 1024px) {
  .st-search-container {
    padding: 0 108px;
  }
}

@media (min-width: 1200px) {
  .st-search-container {
    padding: 0 121px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  .st-search-container {
    padding: 0 221px;
    max-width: 1600px;
  }
}

.st-search-content {
  position: relative;
  height: 100vh;
}

.st-search-head {
  margin: 0 0 30px;
}

@media (min-width: 768px) {
  .st-search-head {
    margin: 0 0 48px;
  }
}

@media (min-width: 1200px) {
  .st-search-head {
    margin: 0 0 50px;
  }
}

@media (min-width: 1600px) {
  .st-search-head {
    margin: 0 0 70px;
  }
}

.st-search-head-content {
  padding: 120px 0 0;
}

@media (min-width: 768px) {
  .st-search-head-content {
    padding: 230px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-search-head-content {
    padding: 180px 0 0;
  }
}

@media (min-width: 1200px) {
  .st-search-head-content {
    padding: 200px 0 0;
  }
}

.st-search-back {
  position: absolute;
  top: 20px;
  width: 50px;
  height: 50px;
  margin: 0 0 50px;
  font-size: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-transition: margin 0.5s;
  -o-transition: margin 0.5s;
  -moz-transition: margin 0.5s;
  transition: margin 0.5s;
}

@media (min-width: 768px) {
  .st-search-back {
    top: 28px;
    width: 76px;
    height: 76px;
    margin: 0 0 142px;
  }
}

@media (min-width: 1024px) {
  .st-search-back {
    top: 30px;
    margin: 0 0 90px;
  }
}

@media (min-width: 1200px) {
  .st-search-back {
    margin: 0 0 110px;
  }
}

@media (min-width: 1600px) {
  .st-search-back {
    top: 50px;
    margin: 0 0 74px;
  }
}

.st-search-back a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.st-search-back a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #7357bc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-search-back a:focus,
.st-search-back a:hover {
  text-decoration: none;
}

.st-search-back a:hover:before {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.st-search-back span {
  position: relative;
  z-index: 1;
}

.st-search-tags {
  display: none;
  color: #0a064c !important;
}

.st-search-tags.-visible {
  display: block;
}

.st-search-result {
  display: none;
  overflow: hidden;
}

.st-search-result-content {
  margin: 0 0 100px;
}

@media (min-width: 768px) {
  .st-search-result-content {
    margin: 0 0 80px;
  }
}

@media (min-width: 1600px) {
  .st-search-result-content {
    margin: 0 0 84px;
  }
}

.st-search-result.-visible {
  display: block;
}

.st-search-input label {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-menu.-open .st-search-input.st-menu-navbar-toggle label,
.st-navbar.-open .st-menu.st-navbar-menu .st-search-input.st-menu-navbar-toggle label,
.st-navbar.-open .st-search-input.st-navbar-toggle label,
.st-search-input.-active label {
  opacity: 0.4;
}

.st-store-content {
  padding: 40px 0 60px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-store-content {
    padding: 60px 0 80px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .st-store-content {
    padding: 80px 0 120px;
  }
}

@media (min-width: 768px) {
  .st-store-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .st-store-grid-col.-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.st-store-img {
  width: 70px;
  height: 70px;
  margin: 0 auto 16px;
  overflow: hidden;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

@media (min-width: 768px) {
  .st-store-img {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .st-store-img {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 1200px) {
  .st-store-img {
    width: 96px;
    height: 96px;
  }
}

.st-store-img.-shadow {
  -webkit-filter: drop-shadow(0 6px 48px rgba(35, 12, 100, 0.14));
  filter: drop-shadow(0 6px 48px rgba(35, 12, 100, 0.14));
}

.st-store-text {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

@media (min-width: 768px) {
  .st-store-text {
    margin: 0 0 0 20px;
    max-width: 325px;
    font-size: 16px;
    line-height: 25px;
  }
}

@media (min-width: 1024px) {
  .st-store-text {
    margin: 0 0 0 30px;
    max-width: 392px;
    font-size: 18px;
    line-height: 31px;
  }
}

@media (min-width: 1200px) {
  .st-store-text {
    margin: 0 0 0 44px;
    font-size: 20px;
    line-height: 36px;
  }
}

.st-store.-lg .st-store-content {
  padding: 0 0 100px;
}

@media (min-width: 768px) {
  .st-store.-lg .st-store-content {
    padding: 0 0 120px;
  }
}

@media (min-width: 1024px) {
  .st-store.-lg .st-store-content {
    padding: 0 0 140px;
  }
}

@media (min-width: 1600px) {
  .st-store.-lg .st-store-content {
    padding: 0 0 230px;
  }
}

.st-quote {
  position: relative;
}

.st-quote-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f0ecfa;
  opacity: 0.6;
}

@media (min-width: 1024px) {
  .st-quote-fill {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
}

.st-quote-body {
  position: relative;
  padding: 60px 20px 80px;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-quote-body {
    padding: 52px 84px 60px;
  }
}

@media (min-width: 1024px) {
  .st-quote-body {
    padding: 52px 95px 60px;
  }
}

@media (min-width: 1200px) {
  .st-quote-body {
    padding: 52px 150px 60px 80px;
  }
}

@media (min-width: 1600px) {
  .st-quote-body {
    padding: 72px 160px 60px 180px;
  }
}

@media (min-width: 1200px) {
  .st-quote-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.st-quote-icon {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 0 50px 0 0;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background: #fff;
}

@media (min-width: 1200px) {
  .st-quote-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1600px) {
  .st-quote-icon {
    width: 100px;
    height: 100px;
    margin: 0 100px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
}

.st-quote-icon svg {
  width: 23px;
  height: 18px;
  opacity: 0.2;
}

@media (min-width: 1600px) {
  .st-quote-icon svg {
    width: 38px;
    height: 30px;
  }
}

.st-quote-text {
  margin: 0 0 20px;
}

@media (min-width: 1200px) {
  .st-quote-text {
    margin: 0 0 30px;
  }
}

.st-quote-text p {
  font-family: 'source serif pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #5330ac;
}

@media (min-width: 768px) {
  .st-quote-text p {
    font-size: 30px;
    line-height: 45px;
  }
}

@media (min-width: 1600px) {
  .st-quote-text p {
    font-size: 40px;
    line-height: 60px;
  }
}

.st-quote-text p a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}

.st-quote-text p a:hover {
  text-decoration: none;
}

.st-quote-text p a:hover:after {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.st-quote-text p a:hover:before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.st-quote-text p a:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f6583e;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  -o-transition: -o-transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out, -moz-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -moz-transform 0.25s ease-out,
    -o-transform 0.25s ease-out;
}

@media (min-width: 768px) {
  .st-quote-text p a:after {
    height: 3px;
  }
}

@media (min-width: 1600px) {
  .st-quote-text p a:after {
    height: 4px;
    bottom: 6px;
  }
}

.st-quote-text p a:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f6583e;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.25s -webkit-transform 0.25s ease-out;
  transition: 0.25s -webkit-transform 0.25s ease-out;
  -o-transition: 0.25s -o-transform 0.25s ease-out;
  -moz-transition: 0.25s transform 0.25s ease-out, 0.25s -moz-transform 0.25s ease-out;
  transition: 0.25s transform 0.25s ease-out;
  transition: 0.25s transform 0.25s ease-out, 0.25s -webkit-transform 0.25s ease-out,
    0.25s -moz-transform 0.25s ease-out, 0.25s -o-transform 0.25s ease-out;
}

@media (min-width: 768px) {
  .st-quote-text p a:before {
    height: 3px;
  }
}

@media (min-width: 1600px) {
  .st-quote-text p a:before {
    height: 4px;
    bottom: 6px;
  }
}

.st-quote-author {
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .st-quote-author {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.02em;
  }
}

@media (min-width: 1600px) {
  .st-quote-author {
    margin: 0 0 50px;
    font-size: 20px;
    line-height: 30px;
  }
}

.st-quote-social-item {
  margin: 0 0 0 30px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.02em;
  font-weight: 600;
  text-decoration: none;
  color: #f6583e;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-quote-social-item:focus,
.st-quote-social-item:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #f6583e;
}

.st-quote-social-item:first-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-quote-social-item {
    margin: 0 0 0 50px;
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 1200px) {
  .st-quote-social-item {
    margin: 0 0 0 46px;
    font-size: 18px;
    line-height: 18px;
  }
}

@media (min-width: 1600px) {
  .st-quote-social-item {
    margin: 0 0 0 40px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 500;
  }
}

.st-tag {
  position: relative;
}

.st-tag-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f0ecfa;
  opacity: 0.6;
}

@media (min-width: 1024px) {
  .st-tag-fill {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
}

.st-tag-body {
  position: relative;
  padding: 40px 20px 80px;
  text-align: center;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-tag-body {
    padding: 40px 144px 74px 84px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .st-tag-body {
    padding: 40px 167px 50px 33px;
  }
}

@media (min-width: 1200px) {
  .st-tag-body {
    padding: 40px 255px 60px 95px;
  }
}

@media (min-width: 1600px) {
  .st-tag-body {
    padding: 40px 323px 60px 180px;
  }
}

.st-tag-items {
  margin: -10px 0 60px;
  text-align: left;
}

@media (min-width: 768px) {
  .st-tag-items {
    margin: -16px 0 40px;
  }
}

@media (min-width: 1024px) {
  .st-tag-items {
    margin: -10px 0 46px;
  }
}

@media (min-width: 1200px) {
  .st-tag-items {
    margin: -10px 0 40px;
  }
}

@media (min-width: 1600px) {
  .st-tag-items {
    margin: -16px 0 40px;
  }
}

.st-tag-items.-by2 {
  margin: -10px 0 0;
  text-align: left;
}

@media (min-width: 768px) {
  .st-tag-items.-by2 {
    margin: -16px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-tag-items.-by2 {
    margin: -10px 0 0;
  }
}

@media (min-width: 1200px) {
  .st-tag-items.-by2 {
    margin: -10px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-tag-items.-by2 {
    margin: -16px 0 0;
  }
}

.st-tag-item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  margin: 10px 10px 0 0;
  height: 46px;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  cursor: pointer;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-tag-item:hover {
  opacity: 0.8;
}

@media (min-width: 768px) {
  .st-tag-item {
    height: 56px;
    margin: 16px 16px 0 0;
    font-size: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
  }
}

@media (min-width: 1024px) {
  .st-tag-item {
    margin: 10px 10px 0 0;
    font-size: 18px;
  }
}

@media (min-width: 1600px) {
  .st-tag-item {
    margin: 16px 16px 0 0;
    font-size: 20px;
  }
}

.st-tag-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-decoration: none;
}

.st-tag-item a:focus,
.st-tag-item a:hover {
  text-decoration: none;
}

.st-tag-item button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: 0 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0 !important;
}

.st-tag-item.-primary {
  background: #ebe6f8;
}

.st-tag-item.-secondary {
  background: #d0ddff;
}

.st-tag-item.-tertiary {
  background: #ffdecb;
}

@media (min-width: 768px) {
  .st-tag-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.st-tag-avatar {
  width: 50px;
  height: 50px;
  margin: 0 auto 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

@media (min-width: 768px) {
  .st-tag-avatar {
    margin: 0 30px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-tag-avatar {
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-tag-avatar {
    width: 80px;
    height: 80px;
    margin: 0 27px 0 0;
  }
}

.st-tag-name {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-tag-name {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 30px;
  }
}

@media (min-width: 1024px) {
  .st-tag-name {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 1600px) {
  .st-tag-name {
    font-size: 24px;
    line-height: 30px;
  }
}

.st-tag-text p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .st-tag-text p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.02em;
  }
}

@media (min-width: 1600px) {
  .st-tag-text p {
    margin: 0 0 50px;
    font-size: 20px;
    line-height: 30px;
  }
}

.st-share {
  position: relative;
  display: inline-block;
  margin: 60px 0 20px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: -0.01em;
  overflow: hidden;
  color: #f6583e;
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.st-share:hover .st-share-link {
  opacity: 0;
}

.st-share:hover .st-share-item {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.st-share:after {
  content: none;
  float: left;
  margin-top: 100%;
}

@media (min-width: 768px) {
  .st-share:after {
    content: '';
  }
}

@media (min-width: 768px) {
  .st-share {
    position: fixed;
    top: 50%;
    left: 35px;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    font-size: 20px;
    line-height: 30px;
    color: #0a064c;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
}

@media (min-width: 1600px) {
  .st-share {
    left: 115px;
  }
}

.st-share-body {
  height: 35px;
  pointer-events: auto;
}

.st-share-items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -14px;
  cursor: pointer;
}

.st-share-items:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .st-share-items {
    margin: 0;
  }
}

.st-share-link {
  display: none;
}

@media (min-width: 768px) {
  .st-share-link {
    display: block;
    padding: 0 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}

.st-share-item {
  position: relative;
  padding: 0 14px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  z-index: 2;
}

@media (min-width: 768px) {
  .st-share-item {
    padding: 0 21px;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.3s, -webkit-transform 0.4s;
    -o-transition: opacity 0.3s, -o-transform 0.4s;
    -moz-transition: opacity 0.3s, transform 0.4s, -moz-transform 0.4s;
    transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
  }

  .st-share-item:first-child {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  .st-share-item:last-child {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.st-share-item a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s, color 0.3s;
  -o-transition: opacity 0.3s, color 0.3s;
  -moz-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
}

.st-share-item a:hover {
  text-decoration: none;
  color: #f6583e;
  opacity: 0.8;
}

@media (min-width: 768px) {
  .st-share-item a:hover {
    opacity: 1;
  }
}

.st-share-item a:active {
  color: #0a064c;
}

.st-share.-xs-hidden {
  display: none;
}

@media (min-width: 768px) {
  .st-share.-xs-hidden {
    display: block;
  }
}

.st-share.-sm-hidden {
  display: block;
}

@media (min-width: 768px) {
  .st-share.-sm-hidden {
    display: none;
  }
}

.st-share.-visible {
  opacity: 1;
}

.st-share.-visible .st-share-body {
  pointer-events: auto;
}

.st-pagination {
  white-space: nowrap;
}

.st-pagination-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 40px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (min-width: 375px) {
  .st-pagination-item {
    margin: 0 0 0 56px;
  }
}

@media (min-width: 768px) {
  .st-pagination-item {
    margin: 0 0 0 84px;
    font-size: 20px;
  }
}

.st-pagination-item:first-child {
  margin: 0;
}

.st-pagination-item:focus,
.st-pagination-item:hover {
  text-decoration: none;
}

.st-pagination-item:hover {
  opacity: 0.8;
}

.st-pagination-item span {
  position: relative;
  z-index: 1;
}

.st-pagination-item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 45px;
  height: 45px;
  margin: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

@media (min-width: 375px) {
  .st-pagination-item:before {
    width: 53px;
    height: 53px;
  }
}

@media (min-width: 768px) {
  .st-pagination-item:before {
    width: 75px;
    height: 75px;
  }
}

.st-pagination-item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 45px;
  height: 45px;
  margin: auto;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  background: #f6583e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

@media (min-width: 375px) {
  .st-pagination-item:after {
    width: 53px;
    height: 53px;
  }
}

@media (min-width: 768px) {
  .st-pagination-item:after {
    width: 75px;
    height: 75px;
  }
}

.st-menu.-open .st-pagination-item.st-menu-navbar-toggle,
.st-navbar.-open .st-menu.st-navbar-menu .st-pagination-item.st-menu-navbar-toggle,
.st-navbar.-open .st-pagination-item.st-navbar-toggle,
.st-pagination-item.-active {
  color: #fff;
}

.st-menu.-open .st-pagination-item.st-menu-navbar-toggle:after,
.st-navbar.-open .st-menu.st-navbar-menu .st-pagination-item.st-menu-navbar-toggle:after,
.st-navbar.-open .st-pagination-item.st-navbar-toggle:after,
.st-pagination-item.-active:after {
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}

.st-menu {
  height: 100%;
}

@media (min-width: 1024px) {
  .st-menu {
    display: none;
  }
}

.st-menu-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  background: #0a064c;
  will-change: transform;
}

.st-menu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100%;
  z-index: 1;
  text-align: center;
  overflow: auto;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-overflow-scrolling: touch;
}

.st-menu-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.st-menu-navbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100;
}

.st-menu-navbar-container {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .st-menu-navbar-container {
    padding: 0 40px;
  }
}

@media (min-width: 1600px) {
  .st-menu-navbar-container {
    padding: 0;
    max-width: 1400px;
    margin: 0 auto;
  }
}

.st-menu-navbar-content {
  padding: 20px 0 0;
}

@media (min-width: 1200px) {
  .st-menu-navbar-content {
    padding: 30px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-menu-navbar-content {
    padding: 50px 0 0;
  }
}

.st-menu-navbar-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.st-menu-navbar-grid-col {
  pointer-events: auto;
}

.st-menu-navbar-logo {
  position: relative;
  display: inline-block;
  width: 112px;
  height: 30px;
  text-decoration: none;
}

.st-menu-navbar-logo:focus,
.st-menu-navbar-logo:hover {
  text-decoration: none;
}

@media (min-width: 1600px) {
  .st-menu-navbar-logo {
    width: 149px;
    height: 40px;
  }
}

.st-menu-navbar-logo svg {
  width: 100%;
  height: 100%;
}

.st-menu-navbar-toggle {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .st-menu-navbar-toggle {
    display: none;
  }
}

.st-menu-navbar-toggle button:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.8s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: 0.8s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: 0.8s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.8s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.8s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8), 0.8s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.8s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-menu-navbar-toggle.-active button:after,
.st-menu.-open .st-menu-navbar-toggle button:after,
.st-navbar.-open .st-menu-navbar-toggle.st-navbar-toggle button:after,
.st-navbar.-open .st-menu.st-navbar-menu .st-menu-navbar-toggle button:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.8s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: 0.8s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: 0.8s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.8s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: 0.8s transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.8s -webkit-transform cubic-bezier(0.47, 1.64, 0.41, 0.8), 0.8s -moz-transform cubic-bezier(0.47, 1.64, 0.41, 0.8),
    0.8s -o-transform cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-menu-navbar-toggle.-active span:first-child,
.st-menu.-open .st-menu-navbar-toggle span:first-child,
.st-navbar.-open .st-menu-navbar-toggle.st-navbar-toggle span:first-child,
.st-navbar.-open .st-menu.st-navbar-menu .st-menu-navbar-toggle span:first-child {
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
}

.st-menu-navbar-toggle.-active span:nth-child(2),
.st-menu.-open .st-menu-navbar-toggle span:nth-child(2),
.st-navbar.-open .st-menu-navbar-toggle.st-navbar-toggle span:nth-child(2),
.st-navbar.-open .st-menu.st-navbar-menu .st-menu-navbar-toggle span:nth-child(2) {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

.st-menu-nav {
  margin: -40px 0 0;
}

.st-menu-item {
  margin: 0 0 30px;
  font-size: 26px;
  line-height: 110%;
  font-weight: 700;
}

@media (max-height: 400px) {
  .st-menu-item {
    margin: 0 0 25px;
  }
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-menu-item {
    margin: 0 0 50px;
    font-size: 40px;
    letter-spacing: -0.03em;
  }
}

.st-menu-item a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-menu-item a:focus,
.st-menu-item a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.st-menu-item-icon {
  position: relative;
  top: -0.15em;
  font-size: 20px;
  line-height: 0;
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-menu-item-icon {
    font-size: 30px;
  }
}

.st-menu-item-title {
  margin: 0 0 0 10px;
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-menu-item-title {
    margin: 0 0 0 16px;
  }
}

.st-menu-item.-inverse,
.st-offer.-inverse .st-menu-item.st-offer-action {
  color: #a07aff;
}

.st-menu-social {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  max-width: 300px;
  margin: 0 auto;
  white-space: nowrap;
}

@media (min-width: 375px) {
  .st-menu-social {
    max-width: 332px;
  }
}

@media (max-height: 400px) {
  .st-menu-social {
    bottom: 20px;
  }
}

@media (min-width: 768px) and (min-height: 600px) {
  .st-menu-social {
    bottom: 100px;
  }
}

@media (min-width: 768px) {
  .st-menu-social {
    display: block;
    max-width: 100%;
  }
}

.st-menu-social-item {
  margin: 50px 0 0;
}

@media (max-height: 400px) {
  .st-menu-social-item {
    margin: 30px 0 0;
  }
}

.st-menu-social-item:first-child {
  margin: 0;
}

.st-quality-content {
  padding: 0 0 100px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-quality-content {
    padding: 0 0 140px;
  }
}

@media (min-width: 1200px) {
  .st-quality-content {
    padding: 0 0 120px;
  }
}

@media (min-width: 1600px) {
  .st-quality-content {
    padding: 0 0 230px;
  }
}

.st-quality-title {
  margin: 0 0 60px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-quality-title {
    margin: 0 0 80px;
  }
}

@media (min-width: 1200px) {
  .st-quality-title {
    margin: 0 0 100px;
  }
}

.st-quality-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-quality-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-quality-title h2 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-quality-items {
  white-space: nowrap;
  margin: 0 0 0 10px;
}

@media (min-width: 768px) {
  .st-quality-items {
    margin: 0 0 0 84px;
  }
}

@media (min-width: 1024px) {
  .st-quality-items {
    margin: 0 0 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-quality-items {
    margin: 0 0 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-quality-items {
    margin: 0 0 0 100px;
  }
}

.st-quality-items-wrap {
  -webkit-transition: 0.7s !important;
  -o-transition: 0.7s !important;
  -moz-transition: 0.7s !important;
  transition: 0.7s !important;
}

@media (min-width: 768px) {
  .st-quality-items-wrap {
    -webkit-transition: 0.7s !important;
    -o-transition: 0.7s !important;
    -moz-transition: 0.7s !important;
    transition: 0.7s !important;
  }
}

.st-quality-item {
  display: inline-block;
  vertical-align: top;
  width: 182px;
  height: 146px;
  margin: 0 10px 0 0;
  text-align: left;
  white-space: normal;
  border: 2px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 768px) {
  .st-quality-item {
    width: 260px;
    height: 220px;
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-quality-item {
    width: 320px;
    height: 290px;
    margin: 0 40px 0 0;
  }
}

@media (min-width: 1200px) {
  .st-quality-item {
    height: 310px;
  }
}

@media (min-width: 1600px) {
  .st-quality-item {
    height: 450px;
  }
}

.st-quality-item:last-child {
  height: 136px;
}

@media (min-width: 768px) {
  .st-quality-item:last-child {
    height: 177px;
  }
}

@media (min-width: 1024px) {
  .st-quality-item:last-child {
    height: 250px;
  }
}

@media (min-width: 1600px) {
  .st-quality-item:last-child {
    height: 360px;
  }
}

.st-quality-item-body {
  padding: 20px 10px;
}

@media (min-width: 768px) {
  .st-quality-item-body {
    padding: 30px 20px;
  }
}

@media (min-width: 1024px) {
  .st-quality-item-body {
    padding: 40px 40px 20px;
  }
}

@media (min-width: 1600px) {
  .st-quality-item-body {
    padding: 80px 40px 20px;
  }
}

.st-quality-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .st-quality-head {
    margin: 0 0 15px;
  }
}

@media (min-width: 1024px) {
  .st-quality-head {
    margin: 0 0 30px;
  }
}

.st-quality-img {
  position: relative;
  width: 42px;
  height: 42px;
  margin: 0 8px 0 0;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .st-quality-img {
    width: 50px;
    height: 50px;
    margin: 0 16px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-quality-img {
    width: 80px;
    height: 80px;
    margin: 0 20px 0 0;
  }
}

.st-quality-img span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-family: segoe ui symbol;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

.st-quality-img i {
  height: 29px;
  font-size: 22px;
  font-style: normal;
  font-family: segoe ui symbol;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

@media (min-width: 768px) {
  .st-quality-img i {
    height: 31px;
    font-size: 27px;
  }
}

@media (min-width: 1024px) {
  .st-quality-img i {
    height: 50px;
    font-size: 44px;
  }
}

.st-quality-img img {
  height: 22px;
}

@media (min-width: 768px) {
  .st-quality-img img {
    height: 27px;
  }
}

@media (min-width: 1024px) {
  .st-quality-img img {
    height: 44px;
  }
}

.st-quality-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-quality-text {
    font-size: 18px;
    line-height: 22px;
  }
}

.st-quality-count {
  margin: 0 0 0 48px;
  font-size: 30px;
  line-height: 34px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .st-quality-count {
    margin: 0;
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1024px) {
  .st-quality-count {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-comparison {
  overflow: hidden;
}

.st-comparison-particle {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  .st-comparison-particle {
    display: block;
  }
}

.st-comparison-particle-item {
  position: absolute;
}

.st-comparison-particle-item.-v1 {
  left: 146px;
  bottom: -124px;
  width: 80px;
  height: 80px;
  background: #0b87df;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

@media (min-width: 768px) {
  .st-comparison-particle-item.-v1 {
    left: -110px;
    bottom: -130px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-particle-item.-v1 {
    left: 0;
    bottom: -40px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-particle-item.-v1 {
    left: 66px;
    bottom: -95px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-particle-item.-v1 {
    left: 146px;
    bottom: -124px;
  }
}

.st-comparison-particle-item.-v2 {
  top: -146px;
  right: 200px;
  width: 40px;
  height: 40px;
  background: #4115c2;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 768px) {
  .st-comparison-particle-item.-v2 {
    top: 230px;
    right: 60px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-particle-item.-v2 {
    top: 0;
    right: -40px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-particle-item.-v2 {
    top: -146px;
    right: 100px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-particle-item.-v2 {
    top: -146px;
    right: 200px;
  }
}

.st-comparison-particle-item.-v3 {
  right: 170px;
  bottom: -334px;
  width: 40px;
  height: 40px;
  background: #4f1ecc;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

@media (min-width: 768px) {
  .st-comparison-particle-item.-v3 {
    right: -105px;
    bottom: 70px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-particle-item.-v3 {
    right: -110px;
    bottom: -170px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-particle-item.-v3 {
    display: none;
  }
}

@media (min-width: 1600px) {
  .st-comparison-particle-item.-v3 {
    display: block;
    right: 170px;
    bottom: -334px;
  }
}

.st-comparison-container {
  padding: 0 10px;
}

@media (min-width: 768px) {
  .st-comparison-container {
    padding: 0 84px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-container {
    padding: 0 107px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-container {
    padding: 0 20px 0 120px;
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1600px) {
  .st-comparison-container {
    padding: 0 220px;
    max-width: 1600px;
  }
}

.st-comparison-content {
  padding: 100px 0 91px;
  text-align: center;
}

@media (min-width: 768px) {
  .st-comparison-content {
    padding: 140px 0 205px;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .st-comparison-content {
    padding: 160px 0 225px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-content {
    padding: 248px 0 282px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-content {
    padding: 295px 0 483px;
  }
}

.st-comparison-grid {
  position: relative;
}

@media (min-width: 1024px) {
  .st-comparison-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.st-comparison-grid-col {
  margin: 0 0 40px;
}

@media (min-width: 768px) {
  .st-comparison-grid-col {
    margin: 0 0 60px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-grid-col {
    margin: 0;
    width: 50%;
  }
}

.st-comparison-grid-col:last-child {
  margin: 0;
}

@media (min-width: 768px) {
  .st-comparison-body {
    max-width: 386px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-body {
    max-width: 370px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-body {
    max-width: 420px;
  }
}

.st-comparison-title {
  margin: 0 0 20px;
}

@media (min-width: 768px) {
  .st-comparison-title {
    margin: 0 0 28px;
  }
}

.st-comparison-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-comparison-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-title h2 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-comparison-description {
  margin: 0 0 60px;
}

@media (min-width: 1200px) {
  .st-comparison-description {
    margin: 0 0 70px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-description {
    margin: 0 0 60px;
  }
}

.st-comparison-description p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.7;
}

@media (min-width: 768px) {
  .st-comparison-description p {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-description p {
    font-size: 24px;
    line-height: 34px;
  }
}

.st-comparison-items {
  height: 262px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-comparison-items {
    height: 340px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-items {
    height: 460px;
  }
}

.st-comparison-items-wrap {
  width: 100%;
  height: 100%;
  will-change: transform;
}

.st-comparison-item {
  max-width: 300px;
  height: 58px;
  background: #ffc1af;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  will-change: transform;
}

@media (min-width: 768px) {
  .st-comparison-item:first-child {
    width: 320px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-item:first-child {
    width: 290px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-item:first-child {
    width: 320px;
  }
}

@media (min-width: 768px) {
  .st-comparison-item {
    max-width: 100%;
    width: 560px;
    height: 70px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-item {
    width: 380px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-item {
    width: 560px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-item {
    height: 100px;
  }
}

.st-comparison-item-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  color: #0a064c;
}

@media (min-width: 768px) {
  .st-comparison-item-body {
    padding: 0 30px 0 32px;
  }
}

@media (min-width: 1024px) {
  .st-comparison-item-body {
    padding: 0 20px 0 22px;
  }
}

@media (min-width: 1200px) {
  .st-comparison-item-body {
    padding: 0 30px 0 32px;
  }
}

@media (min-width: 1600px) {
  .st-comparison-item-body {
    padding: 0 30px;
  }
}

.st-comparison-item.-v1 {
  background: #ffe777;
}

.st-comparison-item.-v2 {
  background: #ffdf83;
}

.st-comparison-item.-v3 {
  background: #ffd88e;
}

.st-comparison-item.-v4 {
  background: #ffd09a;
}

.st-comparison-item.-v5 {
  background: #ffc8a5;
}

.st-comparison-item.-v6 {
  background: #ffc2af;
}

.st-comparison-item.-v7 {
  background: #ffbabb;
}

.st-comparison-item.-v8 {
  background: #ffafca;
}

.st-comparison-country {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.st-comparison-country-flag {
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 0 0;
}

@media (min-width: 768px) {
  .st-comparison-country-flag {
    margin: 0 22px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-comparison-country-flag {
    margin: 0 14px 0 0;
  }
}

.st-comparison-country-flag i {
  position: relative;
  top: 1px;
  font-size: 22px;
  font-style: normal;
}

@media (min-width: 1600px) {
  .st-comparison-country-flag i {
    top: 2px;
    font-size: 26px;
  }
}

.st-comparison-country-flag img {
  height: 22px;
}

@media (min-width: 1600px) {
  .st-comparison-country-flag img {
    height: 26px;
  }
}

.st-comparison-country-name {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-comparison-country-name {
    font-size: 18px;
  }
}

.st-comparison-time {
  font-size: 14px;
  font-weight: 500;
}

@media (min-width: 1600px) {
  .st-comparison-time {
    font-size: 18px;
  }
}

.st-comparison-roller {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .st-comparison-roller {
    max-width: 100%;
    margin: 0;
  }
}

.st-comparison-marks {
  position: absolute;
  bottom: -50px;
  left: 0;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .st-comparison-marks {
    bottom: -97px;
  }
}

.st-comparison-marks-item {
  display: inline-block;
  vertical-align: bottom;
  width: 4px;
  height: 14px;
  margin: 0 70px 0 0;
  background: #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

@media (min-width: 768px) {
  .st-comparison-marks-item {
    height: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
  }
}

.st-comparison-marks-item:nth-child(2n) {
  height: 7px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

@media (min-width: 768px) {
  .st-comparison-marks-item:nth-child(2n) {
    height: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
  }
}

.st-comparison-marks-item:last-child {
  margin: 0;
}

@media (min-width: 1600px) {
  .st-habit-container {
    padding: 0 100px;
    max-width: 1600px;
    margin: 0 auto;
  }
}

.st-habit-content {
  padding: 0 0 100px;
}

@media (min-width: 768px) {
  .st-habit-content {
    padding: 0 0 160px;
  }
}

@media (min-width: 1024px) {
  .st-habit-content {
    padding: 0 0 134px;
  }
}

@media (min-width: 1200px) {
  .st-habit-content {
    padding: 0 0 194px;
  }
}

@media (min-width: 1600px) {
  .st-habit-content {
    padding: 0 0 230px;
  }
}

.st-habit-title {
  position: relative;
  margin: 0 0 40px;
  text-align: center;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-habit-title {
    margin: 0 0 30px;
  }
}

@media (min-width: 1024px) {
  .st-habit-title {
    margin: 0 0 19px;
  }
}

@media (min-width: 1200px) {
  .st-habit-title {
    margin: 0;
  }
}

@media (min-width: 1600px) {
  .st-habit-title {
    margin: 0 0 31px;
  }
}

.st-habit-title h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-habit-title h2 {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-habit-title h2 {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-habit-fill {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  background: #0b0f66;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-habit-fill {
    display: block;
  }
}

@media (min-width: 768px) {
  .st-habit-fill.-top {
    top: 0;
    height: 200px;
  }
}

@media (min-width: 1024px) {
  .st-habit-fill.-top {
    height: 165px;
  }
}

@media (min-width: 1200px) {
  .st-habit-fill.-top {
    height: 140px;
  }
}

@media (min-width: 1600px) {
  .st-habit-fill.-top {
    height: 248px;
  }
}

@media (min-width: 768px) {
  .st-habit-fill.-bottom {
    bottom: 0;
    height: 88px;
  }
}

@media (min-width: 1024px) {
  .st-habit-fill.-bottom {
    height: 104px;
  }
}

@media (min-width: 1200px) {
  .st-habit-fill.-bottom {
    height: 88px;
  }
}

@media (min-width: 1600px) {
  .st-habit-fill.-bottom {
    height: 128px;
  }
}

.st-habit-body {
  position: relative;
  padding: 100px 10px 40px;
  background: #0b0f66;
  overflow: hidden;
}

.st-habit-body:after,
.st-habit-body:before {
  z-index: 2;
}

@media (min-width: 768px) {
  .st-habit-body:after,
  .st-habit-body:before {
    height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(#0b0f66), to(rgba(11, 15, 102, 0)));
    background: -webkit-linear-gradient(top, #0b0f66 0, rgba(11, 15, 102, 0) 100%);
    background: -moz-linear-gradient(top, #0b0f66 0, rgba(11, 15, 102, 0) 100%);
    background: -o-linear-gradient(top, #0b0f66 0, rgba(11, 15, 102, 0) 100%);
    background: linear-gradient(180deg, #0b0f66 0, rgba(11, 15, 102, 0) 100%);
  }
}

@media (min-width: 1200px) {
  .st-habit-body:after,
  .st-habit-body:before {
    height: 35px;
  }
}

@media (min-width: 1600px) {
  .st-habit-body:after,
  .st-habit-body:before {
    height: 50px;
  }
}

.st-habit-body:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

@media (min-width: 768px) {
  .st-habit-body:before {
    top: 199px;
  }
}

@media (min-width: 1024px) {
  .st-habit-body:before {
    top: 164px;
  }
}

@media (min-width: 1200px) {
  .st-habit-body:before {
    top: 139px;
  }
}

@media (min-width: 1600px) {
  .st-habit-body:before {
    top: 247px;
  }
}

.st-habit-body:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  .st-habit-body:after {
    bottom: 87px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media (min-width: 1024px) {
  .st-habit-body:after {
    bottom: 103px;
  }
}

@media (min-width: 1200px) {
  .st-habit-body:after {
    bottom: 87px;
  }
}

@media (min-width: 1600px) {
  .st-habit-body:after {
    bottom: 127px;
  }
}

@media (min-width: 768px) {
  .st-habit-body {
    padding: 60px 80px 44px;
  }
}

@media (min-width: 1024px) {
  .st-habit-body {
    padding: 60px 68px 48px;
  }
}

@media (min-width: 1200px) {
  .st-habit-body {
    padding: 50px 120px 34px;
  }
}

@media (min-width: 1600px) {
  .st-habit-body {
    padding: 80px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
  }
}

@media (min-width: 768px) {
  .st-habit-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.st-habit-grid-col {
  position: relative;
  width: 300px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .st-habit-grid-col {
    position: initial;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
}

.st-habit-grid-col.-left {
  margin: 0 auto 87px;
}

@media (min-width: 768px) {
  .st-habit-grid-col.-left {
    margin: 0;
    padding-right: 13px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .st-habit-grid-col.-left {
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .st-habit-grid-col.-right {
    padding-left: 13px;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .st-habit-grid-col.-right {
    padding-left: 20px;
  }
}

.st-habit-particle {
  display: none;
}

@media (min-width: 768px) {
  .st-habit-particle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    opacity: 0.2;
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .st-habit-particle-item {
    padding: 0 33px;
  }
}

@media (min-width: 1024px) {
  .st-habit-particle-item {
    padding: 0 47px;
  }
}

@media (min-width: 1200px) {
  .st-habit-particle-item {
    padding: 0 55px;
  }
}

@media (min-width: 1600px) {
  .st-habit-particle-item {
    padding: 0 70px;
  }
}

@media (min-width: 768px) {
  .st-habit-particle.-left {
    left: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .st-habit-particle.-left {
    left: 20px;
  }
}

@media (min-width: 1200px) {
  .st-habit-particle.-left {
    left: 0;
  }
}

@media (min-width: 768px) {
  .st-habit-particle.-left .st-habit-particle-item:first-child {
    padding: 0 54px;
  }
}

@media (min-width: 1024px) {
  .st-habit-particle.-left .st-habit-particle-item:first-child {
    padding: 0 75px;
  }
}

@media (min-width: 768px) {
  .st-habit-particle.-right {
    right: 0;
  }
}

@media (min-width: 1024px) {
  .st-habit-particle.-right {
    right: 20px;
  }
}

@media (min-width: 1200px) {
  .st-habit-particle.-right {
    right: 0;
  }
}

@media (min-width: 768px) {
  .st-habit-particle.-right .st-habit-particle-item:last-child {
    padding: 0 54px;
  }
}

@media (min-width: 1024px) {
  .st-habit-particle.-right .st-habit-particle-item:last-child {
    padding: 0 75px;
  }
}

.st-habit-inner {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .st-habit-inner {
    max-width: 300px;
  }
}

@media (min-width: 1024px) {
  .st-habit-inner {
    max-width: 420px;
  }
}

@media (min-width: 1200px) {
  .st-habit-inner {
    max-width: 480px;
  }
}

@media (min-width: 1600px) {
  .st-habit-inner {
    max-width: 600px;
  }
}

@media (min-width: 768px) {
  .st-habit-inner.-left {
    margin-left: auto;
  }
}

.st-habit-img {
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}

@media (min-width: 1600px) {
  .st-habit-img {
    z-index: 3;
  }
}

.st-habit-img.-v1 {
  position: absolute;
  top: 136px;
  left: -webkit-calc(50% + 60px);
  left: -moz-calc(50% + 60px);
  left: calc(50% + 60px);
  width: 152px;
  height: 152px;
  background-image: url(../img/habit/1.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

@media (min-width: 768px) {
  .st-habit-img.-v1 {
    top: 0;
    left: 0;
    bottom: 0;
    width: 343px;
    height: auto;
    background-image: url(../img/habit/1-2.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }
}

.st-habit-img.-v2 {
  position: absolute;
  top: 544px;
  left: -webkit-calc(50% + 25px);
  left: -moz-calc(50% + 25px);
  left: calc(50% + 25px);
  width: 234px;
  height: 234px;
  background-image: url(../img/habit/2.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

@media (min-width: 768px) {
  .st-habit-img.-v2 {
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    width: 343px;
    height: auto;
    background-image: url(../img/habit/2-2.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
  }
}

.st-habit-img img {
  width: 100%;
}

.st-habit-heading {
  margin: 0 0 30px 13px;
  font-size: 14px;
  font-weight: 700;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .st-habit-heading {
    margin: 0 0 50px;
  }
}

@media (min-width: 1024px) {
  .st-habit-heading {
    margin: 0 0 26px;
  }
}

@media (min-width: 1200px) {
  .st-habit-heading {
    margin: 0 0 30px;
  }
}

@media (min-width: 1600px) {
  .st-habit-heading {
    margin: 0 0 50px;
  }
}

@media (min-width: 768px) {
  .st-habit-heading.-sm-hidden {
    display: none;
  }
}

.st-habit-items {
  height: 262px;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-habit-items {
    height: 430px;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .st-habit-items {
    height: 403px;
  }
}

@media (min-width: 1200px) {
  .st-habit-items {
    height: 427px;
  }
}

@media (min-width: 1600px) {
  .st-habit-items {
    height: 430px;
  }
}

@media (min-width: 768px) {
  .st-habit-items-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .st-habit-items.-by1 .st-habit-items-wrap {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.st-habit-item {
  width: 300px;
  height: 58px;
  margin: 0 auto;
  background: #1e2390;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  will-change: transform;
}

@media (min-width: 1024px) {
  .st-habit-item:first-child {
    width: 290px;
  }
}

@media (min-width: 1200px) {
  .st-habit-item:first-child {
    width: 320px;
  }
}

@media (min-width: 768px) {
  .st-habit-item {
    width: 291px;
    height: 70px;
    margin: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}

@media (min-width: 1024px) {
  .st-habit-item {
    width: 420px;
  }
}

@media (min-width: 1200px) {
  .st-habit-item {
    width: 460px;
  }
}

@media (min-width: 1600px) {
  .st-habit-item {
    width: 560px;
    height: 100px;
  }
}

.st-habit-item-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
  .st-habit-item-body {
    padding: 0 30px 0 32px;
  }
}

@media (min-width: 1024px) {
  .st-habit-item-body {
    padding: 0 20px 0 22px;
  }
}

@media (min-width: 1200px) {
  .st-habit-item-body {
    padding: 0 30px 0 32px;
  }
}

@media (min-width: 1600px) {
  .st-habit-item-body {
    padding: 0 30px;
  }
}

.st-habit-items.-by1 .st-habit-item-body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .st-habit-items.-by1 .st-habit-item-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.st-habit-item-country {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.st-habit-items.-by1 .st-habit-item-country {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .st-habit-items.-by1 .st-habit-item-country {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.st-habit-item-flag {
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 0 0;
}

@media (min-width: 768px) {
  .st-habit-item-flag {
    margin: 0 19px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-habit-item-flag {
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-habit-item-flag {
    margin: 0 16px 0 0;
  }
}

.st-habit-item-flag i {
  position: relative;
  top: 0;
  font-size: 22px;
  font-style: normal;
}

@media (min-width: 1024px) {
  .st-habit-item-flag i {
    top: 1px;
  }
}

@media (min-width: 1600px) {
  .st-habit-item-flag i {
    top: 2px;
    font-size: 26px;
  }
}

.st-habit-item-flag img {
  height: 22px;
}

@media (min-width: 1600px) {
  .st-habit-item-flag img {
    height: 26px;
  }
}

.st-habit-item-flag.-sm {
  margin: 0 0 0 16px;
}

@media (min-width: 768px) {
  .st-habit-item-flag.-sm {
    margin: 0 0 0 19px;
  }
}

@media (min-width: 1024px) {
  .st-habit-item-flag.-sm {
    margin: 0 0 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-habit-item-flag.-sm {
    margin: 0 0 0 16px;
  }
}

.st-habit-items.-by1 .st-habit-item-flag.-sm {
  margin: 0 16px 0 0;
}

@media (min-width: 768px) {
  .st-habit-items.-by1 .st-habit-item-flag.-sm {
    margin: 0 0 0 19px;
  }
}

@media (min-width: 1024px) {
  .st-habit-items.-by1 .st-habit-item-flag.-sm {
    margin: 0 0 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-habit-items.-by1 .st-habit-item-flag.-sm {
    margin: 0 0 0 16px;
  }
}

.st-habit-item-name {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 7px 0 0;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .st-habit-item-name {
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .st-habit-items.-by1 .st-habit-item-name {
    text-align: right;
  }
}

.st-habit-item-time {
  font-size: 14px;
  font-weight: 500;
}

@media (min-width: 1600px) {
  .st-habit-item-time {
    font-size: 18px;
  }
}

.st-habit-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 0;
}

@media (min-width: 768px) {
  .st-habit-time {
    margin: 30px 0 0;
  }
}

@media (min-width: 1024px) {
  .st-habit-time {
    margin: 40px 0 0;
  }
}

@media (min-width: 1600px) {
  .st-habit-time {
    margin: 30px 0 0;
  }
}

.st-habit-time-item {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.5;
}

.st-habit-time-item:last-child {
  display: none;
}

@media (min-width: 1600px) {
  .st-habit-time-item:last-child {
    display: block;
  }
}

@media (min-width: 768px) {
  .st-habit-time-item {
    padding: 0;
    font-size: 14px;
  }
}

@media (min-width: 1600px) {
  .st-habit-time-item {
    font-size: 18px;
  }
}

@media (min-width: 1600px) {
  .st-graph-container {
    padding: 0 100px;
    max-width: 1600px;
    margin: 0 auto;
  }
}

.st-graph-inner {
  position: relative;
  padding: 40px 0 40px 10px;
  background: #201360;
  overflow: hidden;
}

@media (min-width: 768px) {
  .st-graph-inner {
    padding: 60px 45px;
  }
}

@media (min-width: 1024px) {
  .st-graph-inner {
    padding: 54px 57px 64px 52px;
  }
}

@media (min-width: 1200px) {
  .st-graph-inner {
    padding: 60px 100px 60px 120px;
  }
}

@media (min-width: 1600px) {
  .st-graph-inner {
    padding: 80px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
  }
}

.st-graph-head {
  text-align: center;
}

.st-graph-title {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 700;
  cursor: pointer;
  color: #a07aff;
  z-index: 1;
}

.st-graph-title:hover:after {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.st-graph-title:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #a07aff;
  opacity: 0.15;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

@media (min-width: 768px) {
  .st-graph-title:after {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}

@media (min-width: 768px) {
  .st-graph-title {
    height: 58px;
    margin: 0 0 20px;
    padding: 0 20px;
    font-size: 30px;
    line-height: 34px;
  }
}

@media (min-width: 1024px) {
  .st-graph-title {
    height: 80px;
    padding: 0 30px;
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-graph-title {
    height: 100px;
    font-size: 60px;
    line-height: 69px;
  }
}

.st-graph-title.-primary {
  color: #a07aff;
}

.st-graph-title.-primary:after {
  background: #a07aff;
}

.st-graph-title.-secondary {
  color: #52d5ff;
}

.st-graph-title.-secondary:after {
  background: #52d5ff;
}

.st-graph-title.-tertiary {
  color: #f6583e;
}

.st-graph-title.-tertiary:after {
  background: #f6583e;
}

.st-graph-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  margin: 0 0 14px;
}

@media (min-width: 768px) {
  .st-graph-nav {
    height: 58px;
    margin: 0 0 30px;
  }
}

@media (min-width: 1024px) {
  .st-graph-nav {
    height: 80px;
    margin: 0 0 20px;
  }
}

@media (min-width: 1600px) {
  .st-graph-nav {
    height: 100px;
  }
}

.st-graph-nav-text {
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 18px;
  font-weight: 700;
  text-transform: lowercase;
}

@media (min-width: 768px) {
  .st-graph-nav-text {
    font-size: 40px;
    line-height: 46px;
  }
}

@media (min-width: 1600px) {
  .st-graph-nav-text {
    font-size: 60px;
    line-height: 69px;
  }
}

.st-graph-nav-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0 10px 2px;
  height: 100%;
}

@media (min-width: 768px) {
  .st-graph-nav-input {
    margin: 0 0 0 20px;
    padding: 0 20px 2px;
  }
}

@media (min-width: 1024px) {
  .st-graph-nav-input {
    padding: 0 30px 2px;
  }
}

.st-graph-nav-input:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f72c6a;
  opacity: 0.1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

@media (min-width: 768px) {
  .st-graph-nav-input:after {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
}

.st-graph-nav-input-enter {
  max-width: 100px;
}

@media (min-width: 768px) {
  .st-graph-nav-input-enter {
    max-width: 250px;
  }
}

@media (min-width: 1024px) {
  .st-graph-nav-input-enter {
    max-width: 320px;
  }
}

@media (min-width: 1200px) {
  .st-graph-nav-input-enter {
    max-width: 400px;
  }
}

@media (min-width: 1600px) {
  .st-graph-nav-input-enter {
    max-width: 500px;
  }
}

.st-graph-nav-input-buffer {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
  min-width: 22px;
  font-size: 16px;
}

@media (min-width: 768px) {
  .st-graph-nav-input-buffer {
    min-width: 35px;
    font-size: 40px;
  }
}

@media (min-width: 1600px) {
  .st-graph-nav-input-buffer {
    min-width: 50px;
    font-size: 60px;
  }
}

.st-graph-nav-input-addon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 22px;
  -moz-box-flex: 1;
  -ms-flex: 1 0 22px;
  flex: 1 0 22px;
  cursor: pointer;
  color: #a07aff;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.st-graph-nav-input-addon:hover {
  opacity: 0.9;
}

.st-graph-nav-input-addon:hover:after {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

.st-graph-nav-input-addon:hover svg {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

@media (min-width: 768px) {
  .st-graph-nav-input-addon {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 40px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 40px;
    flex: 1 0 40px;
  }
}

.st-graph-nav-input-addon:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #a07aff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.st-graph-nav-input-addon span:last-child {
  display: none;
}

.st-graph-nav-input-addon span svg {
  width: 10px;
  margin: -2px 0 0;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -o-transition: -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  -moz-transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -webkit-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8), -moz-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8),
    -o-transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

@media (min-width: 768px) {
  .st-graph-nav-input-addon span svg {
    width: 20px;
  }
}

.st-graph-nav-input-addon.-delete span:first-child {
  display: none;
}

.st-graph-nav-input-addon.-delete span:last-child {
  display: block;
}

.st-graph-nav-input.-right:after {
  background: #a07aff;
}

.st-graph-nav-input.-right .st-graph-nav-input-enter {
  padding: 0 6px 0 0;
}

@media (min-width: 768px) {
  .st-graph-nav-input.-right .st-graph-nav-input-enter {
    padding: 0 16px 0 0;
  }
}

.st-graph-nav-input.-hidden input,
.st-graph-nav-input.st-cursor.-nav input {
  pointer-events: none;
}

.st-graph-nav-input.-hidden .st-graph-nav-input-buffer,
.st-graph-nav-input.st-cursor.-nav .st-graph-nav-input-buffer {
  min-width: 0;
}

.st-graph-nav-input.-hidden .st-graph-nav-input-enter,
.st-graph-nav-input.st-cursor.-nav .st-graph-nav-input-enter {
  width: 0;
  padding: 0;
}

.st-graph-empty {
  display: none;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 600;
  opacity: 0.5;
  cursor: pointer;
  color: #f72c6a;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (min-width: 768px) {
  .st-graph-empty {
    font-size: 20px;
    line-height: 23px;
  }
}

@media (min-width: 1024px) {
  .st-graph-empty {
    font-size: 26px;
    line-height: 30px;
  }
}

@media (min-width: 1200px) {
  .st-graph-empty {
    font-size: 30px;
    line-height: 34px;
  }
}

.st-graph-empty.-active,
.st-menu.-open .st-graph-empty.st-menu-navbar-toggle,
.st-navbar.-open .st-graph-empty.st-navbar-toggle,
.st-navbar.-open .st-menu.st-navbar-menu .st-graph-empty.st-menu-navbar-toggle {
  display: block;
}

.st-graph-empty.-inverse,
.st-offer.-inverse .st-graph-empty.st-offer-action {
  color: #a07aff;
}

.st-graph-hint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px 40px;
  opacity: 0;
  pointer-events: none;
  color: #f72c6a;
  -webkit-transition: opacity 0.4s, color 0.25s;
  -o-transition: opacity 0.4s, color 0.25s;
  -moz-transition: opacity 0.4s, color 0.25s;
  transition: opacity 0.4s, color 0.25s;
}

@media (min-width: 768px) {
  .st-graph-hint {
    margin: 0 -25px 40px;
  }
}

@media (min-width: 1024px) {
  .st-graph-hint {
    margin: 0 -20px 45px;
  }
}

@media (min-width: 1200px) {
  .st-graph-hint {
    margin: 0 -20px 30px;
  }
}

@media (min-width: 1600px) {
  .st-graph-hint {
    margin: 0 -20px 45px;
  }
}

.st-graph-hint-item {
  padding: 0 15px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.03em;
  font-weight: 600;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-align: left;
}

.st-graph-hint-item:first-child {
  margin: 0;
}

.st-graph-hint-item:last-child {
  display: none;
}

.st-graph-hint-item:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  .st-graph-hint-item {
    padding: 0 25px;
    font-size: 20px;
    line-height: 23px;
  }

  .st-graph-hint-item:last-child {
    display: block;
  }
}

@media (min-width: 1024px) {
  .st-graph-hint-item {
    padding: 0 20px;
    font-size: 26px;
    line-height: 30px;
  }
}

@media (min-width: 1200px) {
  .st-graph-hint-item {
    font-size: 30px;
    line-height: 34px;
  }
}

.st-graph-hint.-inverse,
.st-offer.-inverse .st-graph-hint.st-offer-action {
  color: #a07aff;
}

.st-graph-hint.-visible {
  opacity: 1;
  pointer-events: auto;
}

.st-graph-highchart {
  overflow: auto;
  -ms-overflow-style: none;
}

@media (min-width: 768px) {
  .st-graph-highchart {
    overflow: initial;
  }
}

.st-graph-highchart::-webkit-scrollbar {
  width: 0;
}

.st-highchart {
  height: 305px;
  min-width: 630px;
}

@media (min-width: 768px) {
  .st-highchart {
    height: 425px;
    width: 100%;
    min-width: 100%;
  }
}

@media (min-width: 1024px) {
  .st-highchart {
    height: 280px;
  }
}

@media (min-width: 1200px) {
  .st-highchart {
    height: 330px;
  }
}

@media (min-width: 1600px) {
  .st-highchart {
    height: 420px;
  }
}

.st-highchart #highchart {
  height: 100% !important;
}

.st-highchart .highcharts-grid-line {
  display: none;
  opacity: 0 !important;
}

.st-highchart .highcharts-xaxis {
  display: none;
}

#netList {
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  width: 170px;
  right: 0;
  font-size: 13px;
  min-height: 80px;
  line-height: 40px;
  top: 45px;
}
#netList > p {
  position: relative;
  padding: 0 10px 0 30px;
}
#netList > p:hover {
  /* background: #fc0; */
  color: #fff;
}

#netList > p:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: 15px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-radius: 20px;
}
#netList > p.active {
  color: #01ff67;
}
#netList > p.active::before {
  background: #01ff67;
}