@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slider:not(.slick-initialized) .slick-slide {
  display: none;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow.slick-hidden {
  display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
          transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: 0px) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
          animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

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

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

/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
          transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
          transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
          transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
          transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: 0px) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

/* PrismJS 1.20.0
https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+markup-templating+php+ruby&plugins=line-numbers */
/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #2d2d2d;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #999;
}

.token.punctuation {
  color: #ccc;
}

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
  color: #e2777a;
}

.token.function-name {
  color: #6196cc;
}

.token.boolean,
.token.number,
.token.function {
  color: #f08d49;
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
  color: #f8c555;
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
  color: #cc99cd;
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
  color: #7ec699;
}

.token.operator,
.token.entity,
.token.url {
  color: #67cdcc;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.token.inserted {
  color: green;
}

pre[class*="language-"].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
  position: relative;
  white-space: inherit;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

.code-block.code-block--light,
.code-example-block.code-example-block--light {
  /* PrismJS 1.21.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+markup-templating+php+ruby&plugins=line-numbers */
  /**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
  /* Inline code */
}

.code-block.code-block--light code[class*="language-"],
.code-block.code-block--light pre[class*="language-"],
.code-example-block.code-example-block--light code[class*="language-"],
.code-example-block.code-example-block--light pre[class*="language-"] {
  color: black;
}

.code-block.code-block--light pre[class*="language-"]::-moz-selection, .code-block.code-block--light pre[class*="language-"] ::-moz-selection,
.code-block.code-block--light code[class*="language-"]::-moz-selection, .code-block.code-block--light code[class*="language-"] ::-moz-selection,
.code-example-block.code-example-block--light pre[class*="language-"]::-moz-selection,
.code-example-block.code-example-block--light pre[class*="language-"] ::-moz-selection,
.code-example-block.code-example-block--light code[class*="language-"]::-moz-selection,
.code-example-block.code-example-block--light code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

.code-block.code-block--light pre[class*="language-"]::selection, .code-block.code-block--light pre[class*="language-"] ::selection,
.code-block.code-block--light code[class*="language-"]::selection, .code-block.code-block--light code[class*="language-"] ::selection,
.code-example-block.code-example-block--light pre[class*="language-"]::selection,
.code-example-block.code-example-block--light pre[class*="language-"] ::selection,
.code-example-block.code-example-block--light code[class*="language-"]::selection,
.code-example-block.code-example-block--light code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  .code-block.code-block--light code[class*="language-"],
  .code-block.code-block--light pre[class*="language-"],
  .code-example-block.code-example-block--light code[class*="language-"],
  .code-example-block.code-example-block--light pre[class*="language-"] {
    text-shadow: none;
  }
}

.code-block.code-block--light :not(pre) > code[class*="language-"],
.code-example-block.code-example-block--light :not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.code-block.code-block--light .token.comment,
.code-block.code-block--light .token.prolog,
.code-block.code-block--light .token.doctype,
.code-block.code-block--light .token.cdata,
.code-example-block.code-example-block--light .token.comment,
.code-example-block.code-example-block--light .token.prolog,
.code-example-block.code-example-block--light .token.doctype,
.code-example-block.code-example-block--light .token.cdata {
  color: slategray;
}

.code-block.code-block--light .token.punctuation,
.code-example-block.code-example-block--light .token.punctuation {
  color: #999;
}

.code-block.code-block--light .token.namespace,
.code-example-block.code-example-block--light .token.namespace {
  opacity: .7;
}

.code-block.code-block--light .token.property,
.code-block.code-block--light .token.tag,
.code-block.code-block--light .token.boolean,
.code-block.code-block--light .token.number,
.code-block.code-block--light .token.constant,
.code-block.code-block--light .token.symbol,
.code-block.code-block--light .token.deleted,
.code-example-block.code-example-block--light .token.property,
.code-example-block.code-example-block--light .token.tag,
.code-example-block.code-example-block--light .token.boolean,
.code-example-block.code-example-block--light .token.number,
.code-example-block.code-example-block--light .token.constant,
.code-example-block.code-example-block--light .token.symbol,
.code-example-block.code-example-block--light .token.deleted {
  color: #905;
}

.code-block.code-block--light .token.selector,
.code-block.code-block--light .token.attr-name,
.code-block.code-block--light .token.string,
.code-block.code-block--light .token.char,
.code-block.code-block--light .token.builtin,
.code-block.code-block--light .token.inserted,
.code-example-block.code-example-block--light .token.selector,
.code-example-block.code-example-block--light .token.attr-name,
.code-example-block.code-example-block--light .token.string,
.code-example-block.code-example-block--light .token.char,
.code-example-block.code-example-block--light .token.builtin,
.code-example-block.code-example-block--light .token.inserted {
  color: #690;
}

.code-block.code-block--light .token.operator,
.code-block.code-block--light .token.entity,
.code-block.code-block--light .token.url,
.code-block.code-block--light .language-css .token.string,
.code-block.code-block--light .style .token.string,
.code-example-block.code-example-block--light .token.operator,
.code-example-block.code-example-block--light .token.entity,
.code-example-block.code-example-block--light .token.url,
.code-example-block.code-example-block--light .language-css .token.string,
.code-example-block.code-example-block--light .style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: rgba(255, 255, 255, 0.5);
}

.code-block.code-block--light .token.atrule,
.code-block.code-block--light .token.attr-value,
.code-block.code-block--light .token.keyword,
.code-example-block.code-example-block--light .token.atrule,
.code-example-block.code-example-block--light .token.attr-value,
.code-example-block.code-example-block--light .token.keyword {
  color: #07a;
}

.code-block.code-block--light .token.function,
.code-block.code-block--light .token.class-name,
.code-example-block.code-example-block--light .token.function,
.code-example-block.code-example-block--light .token.class-name {
  color: #DD4A68;
}

.code-block.code-block--light .token.regex,
.code-block.code-block--light .token.important,
.code-block.code-block--light .token.variable,
.code-example-block.code-example-block--light .token.regex,
.code-example-block.code-example-block--light .token.important,
.code-example-block.code-example-block--light .token.variable {
  color: #e90;
}

.code-block.code-block--light .token.important,
.code-block.code-block--light .token.bold,
.code-example-block.code-example-block--light .token.important,
.code-example-block.code-example-block--light .token.bold {
  font-weight: bold;
}

.code-block.code-block--light .token.italic,
.code-example-block.code-example-block--light .token.italic {
  font-style: italic;
}

.code-block.code-block--light .token.entity,
.code-example-block.code-example-block--light .token.entity {
  cursor: help;
}

.code-block.code-block--light .line-numbers-rows > span,
.code-example-block.code-example-block--light .line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}

.code-block.code-block--light .line-numbers-rows > span:before,
.code-example-block.code-example-block--light .line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial,sans-serif;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  z-index: 1;
}

.irs-handle.type_last {
  z-index: 2;
}

.irs-min, .irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: .4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}

.irs--flat.irs-with-grid {
  height: 60px;
}

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}

.irs--flat .irs-min, .irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
  color: #999;
}

.irs--big {
  height: 55px;
}

.irs--big.irs-with-grid {
  height: 70px;
}

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, white));
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #428bca), to(#b9d4ec));
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #B4B9BE), to(white));
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919BA5), to(white));
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min, .irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}

.irs--big .irs-grid-pol {
  background-color: #428bca;
}

.irs--big .irs-grid-text {
  color: #428bca;
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0));
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d));
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6));
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #919ba5), to(#ffffff));
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min, .irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}

.irs--sharp.irs-with-grid {
  height: 57px;
}

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
  background-color: black;
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: .4;
  background-color: #a804b2;
  border-radius: 2px;
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
  height: 25px;
}

.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--round {
  height: 50px;
}

.irs--round.irs-with-grid {
  height: 65px;
}

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--round .irs-min, .irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}

.irs--round .irs-grid {
  height: 25px;
}

.irs--round .irs-grid-pol {
  background-color: #dedede;
}

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--square {
  height: 50px;
}

.irs--square.irs-with-grid {
  height: 60px;
}

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--square .irs-min, .irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}

.irs--square .irs-grid {
  height: 25px;
}

.irs--square .irs-grid-pol {
  background-color: #dedede;
}

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}

body:not(.wp-admin) {
  /* wpDiscuz CSS Style */
  /* Tooltip */
  /* Rating Section */
  /* Form Head */
  /* Subscription Bar */
  /* Comment Form */
  /* COMMENT FORM | BUTTONS */
  /* Comment Form | ROWS and COLS */
  /* Comment Fields | FIELDS */
  /* Comment Fields | CAPTCHA */
  /* Comment Fields | CHECKBOX / RADIO */
  /* Comment Fields | SELECT */
  /* Comment Fields | RATING */
  /* Comment Fields | DATE */
  /* Comment Fields | COLOR */
  /* Comment Fields | SPOILER */
  /* reCAPTCHA V2 */
  /* Comment Threads */
  /* Comment - Default Layout (#1) */
  /* Comment - Layout #2 */
  /* Comment - Layout #3 */
  /* Bubble */
  /* Feedback Shortcode */
  /* Tools Actions */
  /* No Avatar */
  /* errors */
  /* bdi darcvin 1 keyov*/
  /* new error class for all errors */
  /* Labels & Avatar Colors */
  /* Blog User (All other user roles / logged-in users) */
  /* Blog User Google */
  /* Blog Facebook */
  /* Blog User Twitter */
  /* Blog User VK */
  /* Blog User OK */
  /* Blog User Disqus */
  /* Blog User WordPress */
  /* Blog User Instagram */
  /* Blog User Linkedin */
  /* Blog User Yandex */
  /* Blog User Mail.ru */
  /* Blog User Weibo */
  /* Blog User WeChat */
  /* Blog User QQ */
  /* Blog User Baidu */
  /* DARK STYLE */
  /* Blog User WordPress */
  /* Tablets */
  /* Smart Phones */
  /*custom style*/
  /*mobile style*/
  /*hide elements*/
}

body:not(.wp-admin) #comments {
  max-width: 1100px;
  margin: 50px auto;
  color: #333333;
  font-style: normal;
}

body:not(.wp-admin) #wpdcom {
  max-width: 100%;
  padding: 0;
  margin: 7px auto 15px auto;
}

body:not(.wp-admin) #wpdcom * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: initial;
}

body:not(.wp-admin) #wpdcom i {
  margin: 0;
}

body:not(.wp-admin) #comments #wpdcom span, body:not(.wp-admin) #respond #wpdcom span, body:not(.wp-admin) #wpdcom span {
  display: inline;
  letter-spacing: inherit;
  text-transform: none;
  font-size: 1em;
}

body:not(.wp-admin) #wpdcom form {
  margin: 0px;
  padding: 0px;
  border: none;
  background: none;
}

body:not(.wp-admin) #wpdcom input:required {
  -webkit-box-shadow: 0px 0px 1px #555;
          box-shadow: 0px 0px 1px #555;
}

body:not(.wp-admin) #wpdcom button {
  min-height: auto;
  min-width: auto;
  max-width: auto;
  min-height: auto;
  display: inline-block;
  font-weight: normal;
  text-transform: none;
}

body:not(.wp-admin) #wpdcom svg {
  display: inline;
}

body:not(.wp-admin) #wpdcom .wpd-cursor-pointer {
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .avatar {
  padding: 0px;
  margin: 0 auto;
  float: none;
  display: inline;
  height: auto;
  border: none;
  border-radius: 0%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom .page-numbers {
  padding: 2px 7px;
  font-size: 14px;
  margin: 20px 1px;
  line-height: 33px;
  background: #fff;
}

body:not(.wp-admin) #wpdcom span.current {
  color: #fff;
}

body:not(.wp-admin) #wpdcom .wc-label a:focus {
  outline: 0;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-hidden {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-clear, body:not(.wp-admin) #wpdcom .clearfix, body:not(.wp-admin) .wpdiscuz_top_clearing, body:not(.wp-admin) .wpdiscuz_clear {
  clear: both;
}

body:not(.wp-admin) .wpdiscuz_clear_right {
  clear: right;
}

body:not(.wp-admin) .wpdiscuz_clear_left {
  clear: left;
}

body:not(.wp-admin) #wpdcom .wpd-space {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

body:not(.wp-admin) #wpdcom .wpd-hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}

body:not(.wp-admin) #wpdcom .wpd-up {
  color: #009149 !important;
}

body:not(.wp-admin) #wpdcom .wpd-up svg {
  fill: #009149 !important;
}

body:not(.wp-admin) #wpdcom .wpd-down {
  color: #fc5844 !important;
}

body:not(.wp-admin) #wpdcom .wpd-down svg {
  fill: #fc5844 !important;
}

body:not(.wp-admin) #wpdcom .wpd-reply {
  margin-left: 25px;
}

body:not(.wp-admin) #wpdcom .wpd-reply.wpd_comment_level-2 {
  margin-left: 70px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-reply {
  margin-left: 40px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2 {
  margin-left: 28px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply {
  margin-left: 45px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply.wpd_comment_level-2 {
  margin-left: 62px;
}

body:not(.wp-admin) #wpdcom .wpdlb {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

body:not(.wp-admin) .wpd-tooltip {
  position: relative;
  overflow: hidden;
}

body:not(.wp-admin) .wpd-tooltip:hover {
  overflow: visible;
}

body:not(.wp-admin) .wpd-tooltip:hover .wpd-tooltip-content {
  opacity: 1;
}

body:not(.wp-admin) .wpd-tooltip .wpd-tooltip-content {
  background: #555555;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  max-width: 200px;
  min-width: 145px;
  padding: 10px;
  position: absolute;
  opacity: 0;
}

body:not(.wp-admin) .wpd-tooltip .wpd-tooltip-content a {
  color: #ffffff;
  text-decoration: none;
}

body:not(.wp-admin) .wpd-tooltip .wpd-tooltip-content::after {
  background: #555555;
  content: "";
  height: 10px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

body:not(.wp-admin) .wpd-tooltip.wpd-top .wpd-tooltip-content {
  bottom: calc(100% + 0.3em);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

body:not(.wp-admin) .wpd-tooltip.wpd-top .wpd-tooltip-content::after {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}

body:not(.wp-admin) .wpd-tooltip.wpd-bottom .wpd-tooltip-content {
  bottom: calc(-100% - 1.8em);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

body:not(.wp-admin) .wpd-tooltip.wpd-bottom .wpd-tooltip-content::after {
  top: -5px;
}

body:not(.wp-admin) .wpd-tooltip.wpd-right .wpd-tooltip-content {
  left: calc(100% + 1.5em);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

body:not(.wp-admin) .wpd-tooltip.wpd-right .wpd-tooltip-content::after {
  left: -5px;
  margin-top: -5px;
  top: 50%;
}

body:not(.wp-admin) .wpd-tooltip.wpd-left .wpd-tooltip-content {
  right: calc(100% + 1.5em);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

body:not(.wp-admin) .wpd-tooltip.wpd-left .wpd-tooltip-content::after {
  right: -5px;
  margin-top: -5px;
  top: 50%;
}

body:not(.wp-admin) [wpd-tooltip] {
  position: relative;
}

body:not(.wp-admin) [wpd-tooltip]::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 7px 7px 0 7px;
  border-style: solid;
  border-color: #555555 transparent transparent transparent;
  z-index: 100;
  opacity: 0;
}

body:not(.wp-admin) [wpd-tooltip]::after {
  content: attr(wpd-tooltip);
  position: absolute;
  left: 50%;
  top: -8px;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
  background: #555555;
  text-align: center;
  color: #fff;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.5;
  min-width: 6vw;
  border-width: 0;
  border-radius: 4px;
  pointer-events: none;
  z-index: 99;
  opacity: 0;
  text-transform: none;
}

body:not(.wp-admin) [wpd-tooltip]:hover::after, body:not(.wp-admin) [wpd-tooltip]:hover::before {
  opacity: 1;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

body:not(.wp-admin) [wpd-tooltip-size='small']::after {
  min-width: 5vw;
}

body:not(.wp-admin) [wpd-tooltip-size='medium']::after {
  min-width: 10vw;
}

body:not(.wp-admin) [wpd-tooltip-size='long']::after {
  min-width: 14vw;
}

body:not(.wp-admin) [wpd-tooltip-position='left']::before {
  left: 0%;
  top: 50%;
  margin-left: -11px;
  -webkit-transform: translatey(-50%) rotate(-90deg);
          transform: translatey(-50%) rotate(-90deg);
}

body:not(.wp-admin) [wpd-tooltip-position='top']::before {
  left: 50%;
}

body:not(.wp-admin) [wpd-tooltip-position='bottom']::before {
  top: 100%;
  margin-top: 8px;
  -webkit-transform: translateX(-50%) translatey(-100%) rotate(-180deg);
          transform: translateX(-50%) translatey(-100%) rotate(-180deg);
}

body:not(.wp-admin) [wpd-tooltip-position='right']::before {
  left: 100%;
  top: 50%;
  margin-left: 0px;
  -webkit-transform: translatey(-50%) rotate(90deg);
          transform: translatey(-50%) rotate(90deg);
}

body:not(.wp-admin) [wpd-tooltip-position='left']::after {
  left: 0%;
  top: 50%;
  margin-left: -8px;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}

body:not(.wp-admin) [wpd-tooltip-position='top']::after {
  left: 50%;
}

body:not(.wp-admin) [wpd-tooltip-position='bottom']::after {
  top: 100%;
  margin-top: 8px;
  -webkit-transform: translateX(-50%) translateY(0%);
          transform: translateX(-50%) translateY(0%);
}

body:not(.wp-admin) [wpd-tooltip-position='right']::after {
  left: 100%;
  top: 50%;
  margin-left: 9px;
  -webkit-transform: translateX(0%) translateY(-50%);
          transform: translateX(0%) translateY(-50%);
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) .wpd-social-login [wpd-tooltip]::after {
  top: -24px;
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) .wpd-social-login [wpd-tooltip]::before {
  top: -24px;
}

body:not(.wp-admin) #wpdcom div.wpd-field-desc {
  position: relative;
  display: inline;
}

body:not(.wp-admin) #wpdcom div.wpd-field-desc span {
  position: absolute;
  width: 200px;
  color: #FFFFFF;
  background: #555555;
  height: auto;
  line-height: 17px;
  padding: 8px 10px;
  font-size: 12px !important;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  left: -150px;
}

body:not(.wp-admin) #wpdcom div.wpd-field-desc span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-top: 8px solid #555555;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

body:not(.wp-admin) #wpdcom div:hover.wpd-field-desc span {
  visibility: visible;
  opacity: 1;
  bottom: 34px;
  left: 50%;
  margin-left: -100px;
  z-index: 999999;
}

body:not(.wp-admin) #wpdcom div:hover.wpd-tooltip {
  position: relative;
}

body:not(.wp-admin) #wpdcom span.wpd-field-desc {
  position: relative;
  display: inline;
}

body:not(.wp-admin) #wpdcom span.wpd-field-desc span {
  position: absolute;
  width: 200px;
  color: #FFFFFF;
  background: #555555;
  height: auto;
  line-height: 17px;
  padding: 8px 10px;
  font-size: 12px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  left: -150px;
}

body:not(.wp-admin) #wpdcom span.wpd-field-desc span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 8px solid #555555;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

body:not(.wp-admin) #wpdcom span:hover.wpd-field-desc span {
  visibility: visible;
  opacity: 1;
  bottom: 38px;
  left: 50%;
  margin-left: -105px;
  z-index: 999999;
}

@font-face {
  body:not(.wp-admin) {
    font-family: 'square721_cn_btroman';
    src: url("css/fonts/sqr721c-webfont.eot");
    src: url("css/fonts/sqr721c-webfont.eot?#iefix") format("embedded-opentype"), url("css/fonts/sqr721c-webfont.woff2") format("woff2"), url("css/fonts/sqr721c-webfont.woff") format("woff"), url("css/fonts/sqr721c-webfont.ttf") format("truetype"), url("css/fonts/sqr721c-webfont.svg#svgFontName") format("svg");
  }
}

body:not(.wp-admin) #wpd-post-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-right: -10px;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-left: -10px;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-data {
  width: 125px;
  white-space: nowrap;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-title {
  width: 125px;
  white-space: break-spaces;
  word-break: break-all;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #888;
  line-height: 16px;
  display: block;
  margin-top: 7px;
  margin-bottom: -3px;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #ffffff;
  border: 1px dashed #777777;
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 50%;
  font-family: square721_cn_btroman, "Open Sans", san-serif;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value span {
  color: #666666;
  display: block !important;
  cursor: default;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv {
  font-size: 24px !important;
  line-height: 60px !important;
  padding-top: 0px !important;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
  font-size: 18px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 17px !important;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrt {
  font-size: 10px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 0px !important;
  font-style: normal;
  font-family: 'Manrope', Arial, sans-serif;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv {
  display: none !important;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt {
  display: block !important;
  color: #ffffff;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover {
  background-color: #555555;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg {
  width: 26px;
  height: 26px;
  display: block;
  margin-right: -3px;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star {
  fill: #cccccc;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active {
  fill: #ffc600;
}

body:not(.wp-admin) #wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rating-stars {
  display: none;
}

body:not(.wp-admin) #wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rating-data:hover .wpd-rate-starts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts {
  display: none;
  margin-top: 7px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg {
  width: 26px;
  height: 26px;
  display: block;
  margin-right: -3px;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts svg .wpd-star {
  fill: #cccccc;
}

body:not(.wp-admin) #wpd-post-rating .wpd-rating-wrap .wpd-rate-starts:hover svg .wpd-star {
  fill: #FFED85;
}

body:not(.wp-admin) #wpd-post-rating.wpd-not-rated .wpd-rating-wrap .wpd-rate-starts svg:hover ~ svg .wpd-star {
  fill: #cccccc;
}

body:not(.wp-admin) .wpd-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-right: -10px;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  border-bottom: 1px dashed #999999;
  margin-left: -10px;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-data {
  width: 125px;
  white-space: nowrap;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-title {
  width: 125px;
  white-space: break-spaces;
  word-break: break-all;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #888;
  line-height: 16px;
  display: block;
  margin-top: 7px;
  margin-bottom: -3px;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #ffffff;
  border: 1px dashed #777777;
  height: 60px;
  width: 60px;
  text-align: center;
  border-radius: 50%;
  font-family: square721_cn_btroman, "Open Sans", san-serif;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value span {
  color: #666666;
  display: block !important;
  cursor: default;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrv {
  font-size: 24px !important;
  line-height: 60px !important;
  padding-top: 0px !important;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrc {
  font-size: 18px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 17px !important;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value .wpdrt {
  font-size: 10px !important;
  line-height: 16px !important;
  display: none !important;
  padding-top: 0px !important;
  font-style: normal;
  font-family: 'Manrope', Arial, sans-serif;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrv {
  display: none !important;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrc,
body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover .wpdrt {
  display: block !important;
  color: #ffffff !important;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-value:hover {
  background-color: #555555;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-stars {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg {
  width: 26px;
  height: 26px;
  display: block;
  margin-right: -3px;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-star {
  fill: #cccccc;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-stars svg .wpd-active {
  fill: #ffc600;
}

body:not(.wp-admin) .wpd-rating .wpd-rating-wrap .wpd-rating-name {
  font-size: 12px;
  padding-top: 5px;
  color: #999999;
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-form-head {
  border-bottom: 1px solid #cccccc;
  padding: 7px 2px 9px 2px;
  margin-top: 20px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body:not(.wp-admin) #wpdcom .wpd-sbs-toggle {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-sbs-toggle i.fa-envelope {
  font-size: 15px;
  margin-right: 4px;
}

body:not(.wp-admin) #wpdcom .wpd-sbs-toggle i.fa-caret-down {
  font-size: 16px;
  margin-left: 4px;
  color: #666666;
}

body:not(.wp-admin) #wpdcom .wpd-sbs-toggle .wpd-sbs-title {
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body:not(.wp-admin) #wpdcom .wpd-social-login {
  text-align: right;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpd-connect-with {
  line-height: 20px;
  font-size: 14px !important;
  margin: 0px 9px;
  vertical-align: baseline;
  color: #666;
}

body:not(.wp-admin) #wpdcom .wpd-social-login i {
  opacity: 0.8;
  font-size: 12px;
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  line-height: 22px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 2px;
}

body:not(.wp-admin) #wpdcom .wpd-social-login i:hover {
  opacity: 1;
}

body:not(.wp-admin) #wpdcom .wpd-social-login i.wpd-disqus {
  font-style: normal;
  font-weight: bold;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 13px;
  line-height: 23px;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-fb i {
  background-color: #4267B2;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-tw i {
  background-color: #1DA1F2;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-gg i {
  background-color: #D54C3F;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-ds i {
  background-color: #2196F3;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-wp i {
  background-color: #999999;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-vk i {
  background-color: #4C75A3;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-ok i {
  background-color: #EF7800;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-insta i {
  background-color: #F97149;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-linked i {
  background-color: #007BB6;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-yandex i {
  background-color: #FF0000;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-mailru i {
  background-color: #168DE2;
  color: #ff9e00;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-weibo i {
  background-color: #d52a2c;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-weixin i {
  background-color: #20c300;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-qq i {
  background-color: #1479d7;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpdsn-baidu i {
  background-color: #F23F40;
  color: #2319dc;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-sep {
  border-right: 1px #cccccc solid;
  margin: 0 12px;
  display: inline;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login {
  font-size: 14px;
  line-height: 20px;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login i {
  margin-right: 2px;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login a {
  color: #3272bf;
  text-decoration: none;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login a:hover {
  color: #0d3e81;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-social-login-spinner {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  padding: 20px 30px 10px 30px;
  background-color: #F8F8F8;
  border: 1px dotted #dddddd;
  clear: both;
  line-height: normal;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-button {
  text-transform: uppercase;
  padding: 3px 20px;
  margin: 5px 0 0 15px;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  color: #00B38F;
  display: inline-block;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-agree {
  border: 1px dotted #00B38F;
  color: #00B38F;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-agree:hover {
  color: #FFFFFF;
  background: #00B38F;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-disagree {
  border: 1px dotted #ff312f;
  color: #ff312f;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-button.wpd-agreement-button-disagree:hover {
  color: #FFFFFF;
  background: #ff312f;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-buttons {
  margin-top: 4px;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-buttons-left {
  float: left;
}

body:not(.wp-admin) #wpdcom .wpd-social-login-agreement .wpd-agreement-buttons-right {
  float: right;
}

body:not(.wp-admin) #wpdcom .wpd-secondary-forms-social-content .wpd-social-login-agreement {
  padding: 20px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-bar {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 0px 5px 0px;
  margin-bottom: 0px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-bar form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-bar .wpdiscuz_subscribe_status {
  font-size: 14px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-intro {
  font-size: 14px;
  display: block;
  padding: 3px 10px 3px 1px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-option {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 13px;
  display: block;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-email {
  font-size: 14px;
  display: block;
  padding: 0 5px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30%;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-button {
  font-size: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-email select {
  width: 100% !important;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-email input[type="email"] {
  font-size: 13px !important;
  padding: 3px !important;
  width: 100% !important;
  height: auto !important;
  line-height: 20px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  clear: both;
  float: none;
  margin: 0;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] {
  font-size: 16px !important;
  min-height: 29px !important;
  height: 29px !important;
  padding: 1px 3px 5px 3px !important;
  min-width: 40px;
  line-height: 14px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  border: 1px solid #ddd;
  clear: both;
  float: none;
  margin: 0;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-agreement {
  font-size: 12px;
  display: block;
  clear: left;
  padding-top: 10px;
  width: 92%;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-agreement label {
  cursor: pointer;
  display: inline;
  font-size: 13px;
  margin: 0 4px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
  letter-spacing: 0;
}

body:not(.wp-admin) #wpdcom .wpd-form-wrap {
  padding-bottom: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^=wpd-editor-wraper] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  /*overflow: hidden;*/
}

body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar {
  margin-right: 15px;
  border-radius: 100%;
  text-align: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar img,
body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar img.avatar {
  width: 56px;
  height: 56px;
  max-width: 56px;
  border-radius: 100%;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea {
  height: 54px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  -webkit-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  outline: none;
  -webkit-transition: .18s ease-out;
  transition: .18s ease-out;
  resize: none;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:hover {
  -webkit-box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
          box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::-moz-placeholder {
  line-height: 28px;
  color: #666666;
  font-size: 16px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::-webkit-input-placeholder {
  line-height: 28px;
  color: #666666;
  font-size: 16px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea:-ms-input-placeholder {
  line-height: 28px;
  color: #666666;
  font-size: 16px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap {
  margin-bottom: 15px;
  margin-top: 10px;
  position: relative;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap table {
  border: none;
  margin: 15px 0px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap table td {
  border: none;
  padding: 1px 0px;
  border-bottom: 1px dashed #cccccc;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap table td label {
  font-size: 13px;
  color: #666666;
  display: inline;
  line-height: 22px;
  margin-right: 20px;
  vertical-align: text-bottom;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap {
  text-align: right;
  margin-top: 10px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .wc_save_wrap .wc_cancel_edit {
  margin: 0px 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form.wpd-secondary-form-wrapper {
  margin-bottom: 25px;
}

body:not(.wp-admin) #wpdcom .wpd-form.wpd-secondary-form-wrapper .wpdiscuz-textarea-wrap {
  padding-top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-wrap .wpd-login-to-comment {
  text-align: center;
  font-size: 16px;
  padding: 15px 0 0 0;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap {
  padding-bottom: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-avatar {
  -ms-flex-preferred-size: 69px;
      flex-basis: 69px;
  margin-right: 0;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea {
  -ms-flex-preferred-size: calc( 100% - 70px);
      flex-basis: calc( 100% - 70px);
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: right;
  margin-top: 3px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wmu-upload-wrap i {
  color: #888;
  font-size: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::after {
  right: -90px;
  left: auto;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt [wpd-tooltip]::before {
  right: 0;
  left: auto;
}

body:not(.wp-admin) #wpdcom input[type="button"],
body:not(.wp-admin) #wpdcom input[type="reset"],
body:not(.wp-admin) #wpdcom input[type="submit"],
body:not(.wp-admin) #wpdcom button {
  margin: inherit;
}

body:not(.wp-admin) #wpdcom .wpd-second-button,
body:not(.wp-admin) #wpdcom .wpd-prim-button {
  border: none;
  cursor: pointer;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 4px 20px;
  letter-spacing: 1px;
  -webkit-box-shadow: 1px 1px 3px -1px #bbb;
          box-shadow: 1px 1px 3px -1px #bbb;
  border-radius: 3px;
  max-width: none;
  max-width: none;
}

body:not(.wp-admin) #wpdcom .wpd-second-button:hover,
body:not(.wp-admin) #wpdcom .wpd-prim-button:hover {
  opacity: 0.9;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
}

body:not(.wp-admin) #wpdcom .wpd-second-button {
  background-color: #f5f5f5;
  color: #999999;
  -webkit-box-shadow: 1px 1px 2px -1px #ccc;
          box-shadow: 1px 1px 2px -1px #ccc;
}

body:not(.wp-admin) #wpdcom .wc-field-submit input[type="submit"] {
  margin-left: 2%;
}

body:not(.wp-admin) #wpdcom .wpd_label, body:not(.wp-admin) #wpdcom .wpd_label {
  margin: 1px 0px 5px 0px;
  padding: 0px;
  display: inline-block;
}

body:not(.wp-admin) #wpdcom .wpd_label, body:not(.wp-admin) #wpdcom .wpd_label span {
  display: inline-block;
}

body:not(.wp-admin) #wpdcom .wpd_label input[type="checkbox"].wpd_label__checkbox {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd_label__checkbox {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd_label__check {
  display: inline-block;
  border: 0px;
  border-radius: 0;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  margin: 0px 3px 0px 0px;
}

body:not(.wp-admin) #wpdcom .wpd_label__check i.wpdicon {
  font-size: 15px;
  line-height: 20px;
  padding: 4px 5px;
  width: 32px;
  margin: 0px;
}

body:not(.wp-admin) #wpdcom .wpd_label__check i.wpdicon-on {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd_label__check i.wpdicon-off {
  display: inline-block;
  color: #aaaaaa;
  border: 1px solid #dddddd;
}

body:not(.wp-admin) #wpdcom .wpd_label__checkbox:checked + .wpd_label__text .wpd_label__check .wpdicon-on {
  display: inline-block;
}

body:not(.wp-admin) #wpdcom .wpd_label__checkbox:checked + .wpd_label__text .wpd_label__check .wpdicon-off {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd_label__check i.wpdicon-off.fa-unlock-alt, body:not(.wp-admin) #wpdcom .wpd_label__check i.wpdicon-on.fa-lock {
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-form .ql-texteditor textarea {
  width: 100%;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  padding: 10px;
  line-height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  border: none;
}

body:not(.wp-admin) #wpdcom .ql-editor {
  min-height: 65px;
  border-bottom-color: #fff;
  word-break: break-word;
}

body:not(.wp-admin) #wpdcom .ql-editor::before {
  font-size: 16px;
  color: #aaa;
  letter-spacing: 1px;
}

body:not(.wp-admin) #wpdcom .ql-editor > * {
  cursor: text;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-family: 'Manrope', Arial;
  font-weight: normal;
  color: #666666;
}

body:not(.wp-admin) #wpdcom .ql-container {
  border-radius: 3px 3px 0 0;
  background: #fff;
  border-bottom: none;
  border-color: #dddddd;
}

body:not(.wp-admin) #wpdcom .ql-toolbar {
  padding: 8px 8px 3px 5px;
  background-color: #fafafa;
  border-top: none;
  border-radius: 0 0 3px 3px;
  border-color: #dddddd;
}

body:not(.wp-admin) #wpdcom .ql-toolbar.wpd-toolbar-hidden {
  display: none;
}

body:not(.wp-admin) #wpdcom .ql-toolbar .ql-stroke {
  stroke: #999999;
}

body:not(.wp-admin) #wpdcom .ql-toolbar .ql-fill {
  fill: #999999;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button:hover .ql-stroke {
  color: #0274be;
  stroke: #0274be;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button:hover .ql-fill {
  color: #0274be;
  fill: #0274be;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-active .ql-stroke {
  color: #0274be;
  stroke: #0274be;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-active .ql-fill {
  color: #0274be;
  fill: #0274be;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-spoiler,
body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-sourcecode {
  color: #999999;
  width: auto;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 15px;
  font-weight: bold;
  font-family: 'Manrope', arial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button:hover {
  text-decoration: none;
}

body:not(.wp-admin) #wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i {
  font-size: 18px;
  color: #999999;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-spoiler:hover,
body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-sourcecode:hover,
body:not(.wp-admin) #wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i:hover {
  color: #0274be;
}

body:not(.wp-admin) #wpdcom .wpd-editor-char-counter {
  font-size: 9px;
  padding: 3px 5px 2px;
  position: absolute;
  right: 0;
  z-index: 10;
  color: #888;
}

body:not(.wp-admin) #wpdcom .wpd-editor-char-counter.error {
  color: red;
}

body:not(.wp-admin) #wpdcom.wpdiscuz_unauth .wc-field-submit {
  padding-top: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-form-foot {
  margin-left: 70px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-full {
  width: 100%;
  float: none;
  margin: 0;
  text-align: left;
  padding: 0;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-left {
  width: 49%;
  float: left;
  margin: 0;
  text-align: left;
  padding: 0;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-right {
  width: 49%;
  float: right;
  margin: 0;
  text-align: right;
  padding: 0;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-full .wpdiscuz-item {
  text-align: left;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-left .wpdiscuz-item {
  text-align: left;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item {
  text-align: right;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item label.wpd-field-label {
  float: none;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item {
  width: 100%;
  vertical-align: baseline;
  padding: 1px 0 7px 0;
  position: relative;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field {
  width: 100%;
  line-height: 20px;
  color: #777777;
  display: inline-block;
  float: none;
  clear: both;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 14px;
  border-radius: 3px;
  vertical-align: baseline;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-has-icon .wpd-field {
  padding-left: 30px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-has-desc .wpd-field {
  padding-right: 30px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-icon {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.3;
  padding: 0;
  margin: 0px;
  position: absolute;
  top: 9px;
  left: 8px;
  width: 20px;
  text-align: left;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wpd-field-desc {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  opacity: 1;
  margin: 0px;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  text-align: right;
  border-left: 1px solid #ccc;
  color: #aaa;
  padding: 0px 5px;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-select .wpd-field-desc {
  border-left: none;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="text"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"],
body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"] {
  height: 32px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item textarea {
  height: 72px;
}

body:not(.wp-admin) .wpdiscuz_select {
  background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC") #fefefe no-repeat scroll right center !important;
  border-radius: 0;
  border: 1px solid lightgray !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 28px !important;
  padding: 3px 22px 3px 8px !important;
  font-size: 13px !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  outline: 0 none !important;
  text-indent: .01px;
  text-overflow: "" !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  line-height: 20px !important;
  clear: both;
  float: none !important;
  margin: 0 !important;
}

body:not(.wp-admin) #wpdcom .wc-field-submit {
  text-align: right;
  padding: 1px 2px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body:not(.wp-admin) #wpdcom .wc-field-submit input[type="button"] {
  margin: 1px;
  border: #ddd 1px solid;
  font-size: 13px;
  line-height: 16px;
  padding: 6px 15px;
  clear: both;
  float: none;
}

body:not(.wp-admin) #wpdcom .wpd-item-wrap {
  text-align: left;
}

body:not(.wp-admin) #wpdcom .wpd-item {
  text-align: left;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-left .wpd-field-group .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-right .wpd-field-group .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title {
  font-size: 13px;
  text-align: left;
  line-height: 20px;
  padding: 5px 0;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-left .wpd-has-desc .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-right .wpd-has-desc .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpd-has-desc .wpd-field-group-title {
  padding-right: 35px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-right .wpd-top-custom-fields {
  padding: 5px 10px 10px 0px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-right .wpd-bottom-custom-fields {
  padding: 5px 0px;
  margin-bottom: 5px;
  margin-top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label {
  float: right;
  display: block;
  width: 111px;
  text-align: right;
  padding: 0;
  line-height: 30px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_img {
  display: inline !important;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 80px;
  height: 26px;
  border-bottom: 2px solid #e6e6e6;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label a {
  margin: 0;
  display: inline;
  padding: 0;
  text-decoration: none;
  height: auto;
  width: auto;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-input {
  float: left;
  display: block;
  min-width: 30px;
  width: calc(100% - 112px);
  line-height: 30px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-input input[type="text"] {
  width: 100%;
  padding: 3px 5px;
  height: 28px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_refresh_img {
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-captcha-label .wc_captcha_refresh_img img {
  max-width: 16px !important;
  max-height: 16px !important;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  display: inline !important;
  background-color: #e6e6e6;
  padding: 5px;
  border: 1px solid #e4e4e4;
  border-left: 1px solid #d9d9d9;
  vertical-align: middle;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-bin-captcha {
  background: #f5f5f5;
  padding: 2px 15px;
  font-size: 11px;
  color: #aaa;
  line-height: 28px;
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item .wc-bin-captcha i {
  margin-right: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-captcha {
  margin-bottom: -5px;
  padding-bottom: 2px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single {
  border-bottom: none;
  text-align: right;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-item {
  margin: 0px;
  padding: 0px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-field {
  height: 20px;
  vertical-align: top;
  outline: none;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single .wpd-field-label {
  height: 20px;
  vertical-align: top;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpd-field-label a {
  display: inline;
  vertical-align: baseline;
  line-height: inherit;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single {
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-left .wpd-field-group.wpd-field-single .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-right .wpd-field-group.wpd-field-single .wpd-field-group-title {
  font-size: inherit;
  text-align: right;
  line-height: inherit;
  height: 25px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-radio, body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox {
  padding-bottom: 12px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-radio input, body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox input {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-left div:last-of-type, body:not(.wp-admin) #wpdcom .wpd-form-col-right div:last-of-type {
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom .wpd-field-radio .wpd-item, body:not(.wp-admin) #wpdcom .wpd-field-checkbox .wpd-item {
  display: inline-block;
  padding: 1px;
  margin: 1px 0;
  min-width: 60px;
}

body:not(.wp-admin) #wpdcom .wpd-field-radio .wpd-field, body:not(.wp-admin) #wpdcom .wpd-field-checkbox .wpd-field {
  width: auto;
  height: 25px;
  display: inline-block;
  float: left;
  padding: 0px;
  line-height: 20px;
  vertical-align: baseline;
  margin: 0px 6px 0 0;
}

body:not(.wp-admin) #wpdcom .wpd-field-radio .wpd-field-label, body:not(.wp-admin) #wpdcom .wpd-field-checkbox .wpd-field-label {
  width: auto;
  height: 22px;
  display: inline;
  float: none;
  padding: 0px;
  line-height: 20px;
  font-size: 12px;
  margin: 0px;
  vertical-align: middle;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-agreement,
body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-cookies-consent {
  padding-top: 0px;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-radio .wpd-item-wrap,
body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-checkbox .wpd-item-wrap {
  float: none;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-single .wpd-field,
body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-single .wpd-field-label {
  line-height: 20px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-single {
  padding-bottom: 0px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-single .wpd-field-desc {
  top: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-right .wpdiscuz-item.wpd-field-select {
  text-align: left;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-select select.wpdiscuz_select {
  height: 32px !important;
  max-width: 400px !important;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc select.wpdiscuz_select {
  width: calc(100% - 40px) !important;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-select .wpd-field-group-title {
  padding-top: 12px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-select.wpd-has-desc .wpd-field-desc {
  top: 9px;
}

body:not(.wp-admin) .wpd-custom-field {
  display: table;
  width: 100%;
  padding: 1px 0;
  line-height: 20px;
}

body:not(.wp-admin) .wpd-custom-field .fa-star {
  font-size: 1.2em;
}

body:not(.wp-admin) .wpd-cf-label {
  background: #f9f9f9;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  display: table-cell;
  font-size: 13px;
  opacity: 1;
  padding: 5px 10px;
  vertical-align: top;
  width: 29%;
  border-bottom: 1px #f0f0f0 solid;
}

body:not(.wp-admin) .wpd-cf-value {
  display: table-cell;
  border-bottom: 1px #f0f0f0 solid;
  width: 69%;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  font-size: 13px;
  vertical-align: top;
  opacity: 0.7;
  padding: 5px 10px;
}

body:not(.wp-admin) #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-label {
  background: transparent;
  border: none;
  padding: 2px 10px 2px 2px;
}

body:not(.wp-admin) #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-value {
  font-size: 14px;
  border-bottom: none;
  padding: 1px 10px;
}

body:not(.wp-admin) #wpdcom .wpd-top-custom-fields .wpd-custom-field.wpd-cf-rating .wpd-cf-value i {
  min-width: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-rating {
  border-bottom: 1px dotted #ddd;
  height: 77px;
  margin-bottom: 0px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpdiscuz-rating {
  border: none;
  float: left;
  margin: 0px;
  padding: 5px 0 5px 1px;
  margin-left: -5px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpdiscuz-rating > input {
  visibility: visible;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpdiscuz-rating > label::before {
  margin: 1px 3px;
  line-height: 18px;
  font-size: 1.1em;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpdiscuz-rating > .half::before {
  position: absolute;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpdiscuz-rating > label {
  float: right;
  font-size: 1.1em;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-rating.wpd-has-desc .wpd-field-desc {
  right: 0px;
  top: 0px;
  position: relative;
  font-size: 14px;
  margin-left: 5px;
  padding: 0 7px;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-rating.wpd-has-desc .wpd-field-desc i.fa {
  font-size: 17px;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title {
  display: inline-block;
  vertical-align: baseline;
  padding: 0px 0 2px 0;
  margin-top: -2px;
  padding-right: 35px;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpdiscuz-item .wpdiscuz-rating {
  padding: 0px 6px 0 0;
  vertical-align: middle;
  line-height: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpd-item-wrap {
  display: inline-block;
  float: left;
  padding-right: 7px;
  vertical-align: baseline;
  padding: 0px 1px 1px 1px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .wpdiscuz-item.wpd-field-group.wpd-field-rating {
  height: auto;
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment td {
  vertical-align: middle;
  padding-right: 10px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-radio td,
body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-checkbox td {
  vertical-align: top;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-radio td input,
body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-checkbox td input {
  width: auto;
  vertical-align: baseline;
  margin-right: 1px;
  display: inline;
  line-height: 22px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpd-edit-rating td label {
  margin-right: 1px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-edit-form-wrap .editcomment .wpdiscuz-item {
  padding: 7px 0;
}

body:not(.wp-admin) .wpdiscuz-stars-label {
  line-height: 20px;
  padding: 10px 0 2px 3px;
  font-size: 14px;
}

body:not(.wp-admin) .wpdiscuz-stars-wrapper {
  display: block;
}

body:not(.wp-admin) .wpdiscuz-stars-wrapper-inner {
  position: absolute;
}

body:not(.wp-admin) .wpdiscuz-activ-stars {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  top: 0;
  left: 0;
}

body:not(.wp-admin) .wpdiscuz-pasiv-stars {
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body:not(.wp-admin) .wpdiscuz-activ-stars {
  overflow: hidden;
}

body:not(.wp-admin) .wpdiscuz-pasiv-stars i.wpdiscuz-pasiv-star, body:not(.wp-admin) .wpdiscuz-activ-stars i.wpdiscuz-activ-star {
  padding: 0px 2px;
  font-size: 20px;
}

body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpdiscuz-item.wpd-field-group.wpd-field-rating {
  height: auto;
  border-bottom: none;
  padding-bottom: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date {
  height: 77px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date .wpd-field-title {
  font-size: 13px;
  line-height: 20px;
  padding: 5px 0 8px 0;
  text-align: left;
  padding-bottom: 8px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field {
  padding-left: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date.wpd-has-desc .wpd-field {
  padding-right: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-icon {
  left: 2px;
  top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-desc {
  top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date.wpd-has-icon .wpd-field-title {
  padding-left: 26px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-date.wpd-has-desc .wpd-field-title {
  padding-left: 26px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color {
  height: 77px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color .wpd-field-title {
  font-size: 13px;
  line-height: 20px;
  padding: 5px 0 8px 0;
  text-align: left;
  padding-bottom: 8px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field {
  padding-left: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color.wpd-has-desc .wpd-field {
  padding-right: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-icon {
  left: 2px;
  top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-desc {
  top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color.wpd-has-icon .wpd-field-title {
  padding-left: 26px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field-color.wpd-has-desc .wpd-field-title {
  padding-left: 26px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-spoiler-wrap {
  background-color: #eee;
  border: 1px solid #555;
  border-style: dashed;
  margin: 5px 0;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler {
  padding: 5px;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler .fas {
  margin: 0 5px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-spoiler-wrap .wpdiscuz-spoiler-content {
  display: none;
  font-style: italic;
  padding: 5px;
}

@media screen and (min-width: 655px) {
  body:not(.wp-admin) #wpdcom .wpd-field-captcha {
    text-align: right !important;
    display: block;
    border-bottom: none;
    margin-top: 3px !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha {
    display: inline-block;
    margin: 0px 0px 0px auto;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha iframe {
    margin-bottom: 0;
  }
  body:not(.wp-admin) #wpdcom .wpd_main_comm_form .wpd-field-captcha .wpdiscuz-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: right 0;
    -webkit-transform-origin: right 0;
    margin: 0px 0px 0px auto;
  }
  body:not(.wp-admin) #wpdcom .wpd-secondary-form-wrapper .wpd-field-captcha .wpdiscuz-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: right 0;
    -webkit-transform-origin: right 0;
    margin: 0px 0px 0px auto;
  }
  body:not(.wp-admin) #wpdcom .wpd_comment_level-5 .wpd-secondary-form-wrapper .wpdiscuz-recaptcha {
    transform-origin: center 0;
    -webkit-transform-origin: center 0;
  }
}

@media screen and (max-width: 730px) {
  body:not(.wp-admin) #wpdcom .wpd_main_comm_form .wpd-field-captcha .wpdiscuz-recaptcha {
    transform-origin: right 0;
    -webkit-transform-origin: right 0;
  }
}

@media screen and (max-width: 655px) {
  body:not(.wp-admin) #wpdcom .wpd-field-captcha {
    float: none;
    width: 100%;
    display: block;
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-captcha input {
    height: 1px;
    padding: 0px;
    margin: 0px;
    clear: both;
  }
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-bar .wpd-field-captcha {
  text-align: left !important;
  display: inline-block !important;
  border-bottom: none;
  clear: both;
  float: none;
  position: relative;
  -webkit-transform-origin: left 0px 0px !important;
          transform-origin: left 0px 0px !important;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  padding: 20px 0px 20px 0px;
  margin-bottom: -40px;
}

body:not(.wp-admin) #wpdcom #wpd-threads {
  margin-top: 20px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head {
  width: 100%;
  border-bottom: 2px solid #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-info {
  color: #555555;
  padding: 5px 15px 3px 5px;
  font-weight: 600;
  margin-bottom: -2px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  line-height: 24px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-info.wpd-reviews-tab {
  padding: 5px 15px 0px 14px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-info .wpdtc {
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpdiscuz-user-settings {
  font-size: 15px;
  color: #777777;
  cursor: pointer;
  text-align: center;
  padding: 5px 10px 6px 12px;
  margin: 0 2px -2px 2px;
  width: 40px;
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpd-filter {
  font-size: 16px;
  color: #999999;
  border-bottom: 2px solid #999999;
  cursor: pointer;
  text-align: center;
  padding: 5px 10px;
  margin: 0 1px -2px 1px;
  line-height: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-reacted {
  color: #ffa600;
  border-bottom-color: #ffa600;
  width: 34px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-hottest {
  color: #fc5844;
  border-bottom-color: #fc5844;
  width: 34px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-sorting {
  font-size: 14px;
  color: #777777;
  line-height: 18px;
  text-transform: capitalize;
  min-width: 100px;
  font-family: 'Manrope', Arial, sans-serif;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-sorting i {
  font-size: 15px;
  margin-left: 6px;
  vertical-align: top;
  line-height: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list .wpd-load-more-submit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list {
  padding: 30px 0;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-bottom: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-left {
  width: 60px;
  text-align: center;
  margin-right: 20px;
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-left {
  width: auto;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-right {
  padding-bottom: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 80px);
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar {
  position: relative;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar img,
body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar img.avatar {
  width: 56px;
  height: 56px;
  max-width: 56px;
  border-radius: 100%;
  border: 1px solid #cccccc;
  padding: 2px;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar i {
  position: absolute;
  bottom: 1px;
  right: 5px;
  border-radius: 50%;
  padding: 3px;
  font-size: 10px;
  border: 2px solid #fff;
  width: 20px;
  line-height: initial !important;
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-label {
  margin: 9px auto 2px auto;
  border-radius: 3px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  width: 100%;
  padding: 1px 5px;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-label span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  padding: 0;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-follow-link {
  color: #999999;
  font-size: 13px;
  cursor: pointer;
  padding-left: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header {
  font-size: 13px;
  color: #999999;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-header {
  padding: 5px 0 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-author {
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.7px;
  margin-right: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-header i {
  line-height: 1.75;
}

body:not(.wp-admin) #wpdcom .wpd-comment-date {
  padding: 0 5px;
  font-size: 11px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-date i {
  font-size: 11px;
  margin-right: 4px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status {
  padding: 0 5px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status div {
  display: inline-block;
  cursor: default;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status i {
  margin: 0 3px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status .wpd-sticky {
  vertical-align: top;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status .wpd-closed {
  color: #999999;
  font-size: 12px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share {
  padding: 0 6px;
  color: #aaaaaa;
  cursor: default;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content {
  text-align: center;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i {
  font-size: 12px;
  padding: 0 6px;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i:hover {
  color: #ffee46;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-link {
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  color: #aaaaaa;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 9px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-link span {
  margin-left: 12px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text {
  font-size: 15px;
  color: #777777;
  padding: 0 0 8px 0;
  word-break: break-word;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text * {
  line-height: 1.6;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text p {
  margin: 0;
  min-height: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text ol, body:not(.wp-admin) #wpdcom .wpd-comment-text ul {
  margin: 0 0 1rem 1rem;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper {
  font-style: italic;
  font-size: 15px;
  padding: 15px;
  background: #fffce1;
  margin-bottom: 10px;
  color: #777;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper .wpd-inline-feedback-info {
  font-style: normal;
  font-weight: 600;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text .wpd-inline-feedback-wrapper i.fa-quote-left {
  margin-right: 8px;
  font-size: 17px;
  color: #999797;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  font-size: 0;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-up,
body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down.wpd-dislike-hidden {
  display: none !important;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-up svg,
body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down svg {
  fill: #888888;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-result {
  padding: 0 8px;
  font-size: 14px;
  text-align: center;
  color: #999999;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button {
  cursor: pointer;
  font-size: 14px;
  color: #999999;
  white-space: nowrap;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button i {
  margin-right: 6px;
  opacity: 0.7;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button svg {
  vertical-align: middle;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 22px;
  height: 22px;
  opacity: 0.7;
  fill: #999999;
  margin-right: 2px;
}

@-moz-document url-prefix() {
  body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button svg {
    vertical-align: bottom;
  }
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button span {
  line-height: 21px;
  font-size: 1em;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-up:hover,
body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down:hover {
  opacity: 1;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button:hover {
  color: #777777;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button:hover svg {
  opacity: 1;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-tools i {
  color: #aaaaaa;
  font-size: 14px;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-toggle i {
  color: #aaaaaa;
  font-size: 15px;
  cursor: pointer;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies {
  font-size: 13px !important;
  color: #888;
  margin-right: 7px;
}

body:not(.wp-admin) #wpdcom .wpd-hidden-replies .wpd-toggle.wpd-hidden:last-child {
  visibility: visible;
  opacity: 1;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-sep {
  border-right: 1px #cccccc solid;
  margin: 0 7px;
  width: 1px;
  height: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-tool-wrap,
body:not(.wp-admin) #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-sep,
body:not(.wp-admin) #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-tools,
body:not(.wp-admin) #wpdcom .wpd-comment-right:hover .wpd-comment-footer .wpd-toggle,
body:not(.wp-admin) #wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-share,
body:not(.wp-admin) #wpdcom .wpd-comment-right:hover .wpd-comment-header .wpd-comment-link {
  visibility: visible;
  opacity: 1;
}

body:not(.wp-admin) #wpdcom .wpd-comment-right .wpd-comment-last-edited {
  margin: 10px 0 20px 0;
  font-size: 12px;
  color: #999;
  font-style: italic;
}

body:not(.wp-admin) #wpdcom .wpd-comment-right .wpd-comment-last-edited i {
  padding-right: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-left {
  width: 50px;
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-left {
  width: auto;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-avatar img,
body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-avatar img.avatar {
  width: 48px;
  height: 48px;
  max-width: 48px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-label {
  font-size: 10px;
  line-height: 13px;
  margin: 10px auto 7px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-follow-link {
  font-size: 11px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author,
body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a {
  font-size: 14px;
  margin-right: 5px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-reply-to {
  font-size: 13px;
  color: #999999;
  font-style: italic;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-reply-to i {
  margin-right: 6px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-reply-to a {
  text-decoration: none;
  opacity: 0.8;
  color: #0274be;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-reply-to a:hover {
  opacity: 1;
  color: #000000;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-text {
  font-size: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down {
  display: -ms-flexbox;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result {
  font-size: 13px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button {
  font-size: 13px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button svg {
  width: 20px;
  height: 20px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button span {
  line-height: 19px;
  font-size: 1em;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-tools i {
  font-size: 13px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-toggle i {
  font-size: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-sep {
  height: 14px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-reply-to {
  margin-bottom: 6px;
  border-left: 1px solid #cccccc;
  padding: 0px 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar i {
  bottom: 0px;
  right: 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right {
  padding-right: 15px;
  padding-left: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-follow-link {
  margin-top: 5px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment-footer .wpd-toggle .wpd-view-replies {
  background: #fff;
  padding: 5px 10px;
  border-radius: 12px;
  margin-right: 1px;
  margin-left: -6px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpd-form-foot {
  margin-left: 65px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar {
  width: 54px;
  margin-right: 11px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar {
  width: 48px;
  height: 48px;
  max-width: 48px;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #cccccc;
  padding: 1px;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea::-webkit-input-placeholder {
  line-height: 27px;
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea:-ms-input-placeholder {
  line-height: 27px;
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea::-ms-input-placeholder {
  line-height: 27px;
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea::placeholder {
  line-height: 27px;
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpdiscuz-textarea-wrap textarea {
  height: 48px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment {
  margin-bottom: 20px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header,
body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top,
body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: -3px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info .wpd-uinfo-top {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-comment-label {
  width: auto;
  padding: 1px 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-label {
  margin: 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar {
  padding-right: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img.avatar {
  width: 48px;
  height: 48px;
  max-width: 48px;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #cccccc;
  padding: 1px;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar i {
  bottom: -2px;
  right: 7px;
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar i {
  line-height: 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-follow-link {
  font-size: 12px;
  padding-left: 2px;
  padding-right: 12px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-text {
  margin: 8px 0 5px 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-date {
  padding: 0 10px 0 0;
  font-size: 12px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-status {
  padding: 0 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link {
  margin-bottom: 0;
  padding-top: 1px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to {
  font-size: 12px;
  padding-top: 2px;
  margin-left: 0px;
  font-style: normal;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to i {
  margin-right: 3px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply {
  margin-bottom: 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-user-info .wpd-uinfo-top {
  margin-bottom: 3px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-date {
  padding: 0 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-label {
  font-size: 10px;
  line-height: 13px;
  margin: 0 10px 0 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-follow-link {
  margin-right: 12px;
  border-right: 1px solid #ccc;
  padding-right: 12px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap {
  margin: 0px 0px 5px 0px;
  background-color: #fafafa;
  border-left: 3px solid #dedede;
  padding: 10px 15px 0px 17px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-avatar img.avatar {
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right {
  padding-right: 15px;
  padding-left: 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-new-loaded-comment.wpd-comment.wpd-reply > .wpd-comment-wrap > .wpd-comment-right {
  padding-left: 0;
  padding-right: 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-tools-actions {
  top: 25px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-thread-list {
  padding: 35px 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-wrap {
  padding-bottom: 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpdiscuz-edit-form-wrap {
  margin-left: 36px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-form-foot {
  margin-left: 84px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar {
  width: 67px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpdiscuz-textarea-wrap textarea {
  height: 60px;
  padding: 14px 15px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar {
  width: 64px;
  height: 64px;
  max-width: 64px;
  border-radius: 100%;
  padding: 3px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img {
  border-color: #d1d1d1;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-wrap {
  margin-bottom: 35px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left {
  width: 70px;
  margin-right: -34px;
  position: relative;
  z-index: 2;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar {
  margin-top: -6px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 12px;
  line-height: 1.75;
  padding-top: 8px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment-status .wpd-closed {
  font-size: 11px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment-status div {
  margin-left: 4px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right {
  padding-bottom: 0px;
  border-left: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  width: calc(100% - 35px);
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header {
  background-color: #f7f7f7;
  margin-left: -1px;
  padding: 10px 0 7px 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header {
  background-color: #f6fff4;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author {
  padding-left: 42px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader {
  margin-left: 42px;
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 11px;
  line-height: 22px;
  color: #999;
  padding-top: 1px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-subheader .wpd-comment-date i {
  font-size: 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-label {
  margin: -1px 10px 0 0;
  border-radius: 0 0 5px 5px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  width: auto;
  padding: 3px 15px;
  cursor: default;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author a {
  font-size: 14px;
  font-weight: normal;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-follow-link {
  font-size: 12px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-share {
  font-size: 12px;
  padding: 0 12px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-link {
  font-size: 11px;
  padding: 1px 8px 0px 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text {
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 17px;
  font-size: 16px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer {
  margin-bottom: -14px;
  margin-left: 40px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote {
  padding-left: 18px;
  margin-left: -20px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down {
  border: 1px solid #aaaaaa;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  width: 28px;
  height: 28px;
  background-color: #fff;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg.fa-chevron-up,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg.fa-chevron-down {
  width: 15px;
  padding: 1px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up svg.fa-plus,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down svg.fa-minus {
  width: 15px;
  padding: 2px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up {
  border: 1px solid #009149 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down.wpd-down {
  border: 1px solid #fc5844 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result {
  padding: 0 10px;
  font-size: 16px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 26px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {
  background-color: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 15px;
  padding: 1px 20px 1px 16px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button svg {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-wpanel {
  width: 20px;
  height: 20px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i {
  background: #fff;
  border-radius: 50%;
  padding: 5px;
  height: 25px;
  width: 25px;
  line-height: 14px;
  border: 1px solid #aaa;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-sep {
  margin: 0 3px;
  border: none;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img.avatar {
  width: 48px;
  height: 48px;
  max-width: 48px;
  border: none;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-wrap {
  margin-bottom: 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-status {
  padding-top: 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 36px;
  margin-top: 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  padding: 5px 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to .wpd-comment-date {
  margin-left: auto;
  font-style: normal;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left {
  width: 70px;
  margin-right: -34px;
  position: relative;
  z-index: 2;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left .wpd-avatar {
  margin-top: 0px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right {
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header {
  background-color: transparent;
  margin-left: 0px;
  padding: 6px 0 5px 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author {
  padding-left: 36px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-label {
  margin: 0 8px 0 6px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  width: auto;
  padding: 1px 12px;
  cursor: default;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a {
  font-size: 14px;
  font-weight: normal;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-text {
  padding-left: 36px;
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 14px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer {
  margin-bottom: 20px;
  margin-left: 36px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cccccc;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote {
  background: transparent;
  padding-left: 0;
  margin-left: 0;
  font-size: 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down {
  border: none;
  padding: 0;
  width: 15px;
  height: 15px;
  display: inline;
  background: transparent;
}

body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up,
body:not(.wp-admin) _:-ms-lang(x), body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down {
  display: -ms-flexbox;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-up.wpd-up {
  border: none !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-down.wpd-down {
  border: none !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-vote-result {
  padding: 0 8px;
  font-size: 14px;
  background: transparent;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button {
  background: transparent;
  border: none;
  padding: 0;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button svg {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer .wpd-tool-wrap i {
  background: transparent;
  border: none;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child {
  margin-bottom: 30px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child .wpd-comment-footer {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment.wpd-reply:last-child .wpd-comment.wpd-reply {
  margin-top: 20px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-new-loaded-comment > .wpd-comment-wrap > .wpd-comment-right > .wpd-comment-text {
  padding-right: 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment-right .wpd-comment-last-edited {
  margin-left: 40px;
}

body:not(.wp-admin) #wpd-bubble-wrapper {
  display: none;
  position: fixed;
  z-index: 99;
  text-align: center;
  opacity: 0.9;
  bottom: 80px;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-bubble-hover {
  opacity: 1;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-all-comments-count {
  font-size: 15px;
  font-weight: 600;
  font-family: sans-serif;
}

body:not(.wp-admin) #wpd-bubble-wrapper > div {
  display: none;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 15px #aaa;
          box-shadow: 0px 0px 15px #aaa;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

body:not(.wp-admin) #wpd-bubble-wrapper svg {
  width: 60%;
  height: 60%;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-count svg, body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification svg {
  margin-left: 3px;
  margin-top: 3px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble svg {
  margin-left: 2px;
}

body:not(.wp-admin) #wpd-bubble-wrapper path.wpd-bubble-count-first {
  fill: #fff;
}

body:not(.wp-admin) #wpd-bubble-wrapper path.wpd-bubble-count-second {
  fill: transparent;
}

body:not(.wp-admin) #wpd-bubble-wrapper path.wpd-bubble-plus-first {
  fill: #fff;
}

body:not(.wp-admin) #wpd-bubble-wrapper path.wpd-bubble-plus-second {
  fill: transparent;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble {
  cursor: pointer;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
  width: 400px;
  height: 46px;
  position: absolute;
  top: 50%;
  left: 75px;
  border-radius: 5px;
  padding: 7px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message {
  left: -412px;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message::before {
  content: '';
  border: 9px solid transparent;
  position: absolute;
  top: 50%;
  left: -9px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left: none;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before {
  left: 400px;
  border-left: 9px solid;
  border-right: none;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble-count .wpd-new-comments-count {
  display: none;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble-count.wpd-new-comments .wpd-new-comments-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: #ff842a;
  position: absolute;
  top: 38px;
  left: 38px;
  font-size: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments) + #wpd-bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-bubble-hover > #wpd-bubble-count:not(.wpd-new-comments) {
  display: none;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble-notification {
  background-color: #fe7617;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble-notification path.wpd-bubble-notification-first {
  fill: #fff;
}

body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble-notification path.wpd-bubble-notification-second {
  fill: transparent;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-new-comment-added {
  opacity: 1;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-count {
  display: none;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-new-comment-added #wpd-bubble-all-comments-count {
  color: #b9501d;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message {
  display: none;
  width: 430px;
  height: 100%;
  position: absolute;
  background-color: #fbfbfb;
  top: 0;
  left: 75px;
  border: 1px solid #b2b2b2;
  -webkit-box-shadow: 0px 0px 10px #bbb;
          box-shadow: 0px 0px 10px #bbb;
  border-radius: 5px;
  padding: 7px;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message {
  left: -446px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author, body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50%;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment {
  font-size: 12px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message span:not(.wpd-bubble-spans) {
  display: inline-block;
  margin: 5px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-avatar {
  width: 20px;
  height: 20px;
  line-height: 16px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-avatar img {
  border-radius: 50%;
  width: 100%;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-author-name {
  color: #4e9f93;
  font-size: 14px;
  font-weight: 600;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-date {
  color: #fe7617;
  font-size: 10px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment, body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-reply-link a {
  color: #333;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-reply-link a {
  color: #777;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message #wpd-bubble-comment-text {
  font-size: 12px;
  margin-left: 7px;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message::before {
  content: '';
  border: 9px solid transparent;
  position: absolute;
  top: 20px;
  left: -10px;
  border-left: none;
  padding: 0;
  border-right-color: #b2b2b2;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-notification-message::after {
  content: '';
  border: 9px solid transparent;
  position: absolute;
  top: 20px;
  left: -9px;
  border-left: none;
  border-right-color: #fbfbfb;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message::before {
  left: 429px;
  border-right: none;
  border-left: 9px solid #b2b2b2;
}

body:not(.wp-admin) #wpd-bubble-wrapper.wpd-right-corner #wpd-bubble-notification-message::after {
  left: 428px;
  border-right: none;
  border-left: 9px solid #fbfbfb;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-comment-close a {
  color: #333;
  text-decoration: none;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-add-message-close {
  display: inline-block;
  top: 0px;
  right: 10px;
  position: absolute;
}

body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-add-message-close a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

body:not(.wp-admin) .wpd-inline-shortcode {
  display: inline;
}

body:not(.wp-admin) .wpd-inline-shortcode.wpd-active {
  background-color: #e9f7f4;
  padding: 5px 0px;
}

body:not(.wp-admin) .wpd-inline-shortcode .wpd-inline-form-close {
  display: inline-block;
  top: 0px;
  right: 10px;
  position: absolute;
}

body:not(.wp-admin) .wpd-inline-shortcode .wpd-inline-form-close a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
}

body:not(.wp-admin) .wpd-inline-shortcode .wpd-inline-form-close a:hover {
  color: #fff;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
}

body:not(.wp-admin) .wpd-inline-icon-wrapper {
  display: inline-block;
  position: relative;
  height: 24px;
  vertical-align: middle;
  padding: 0px 7px;
}

body:not(.wp-admin) .wpd-inline-icon-wrapper svg.wpd-inline-icon {
  cursor: pointer;
  display: inline-block;
  background: transparent;
}

body:not(.wp-admin) .wpd-inline-icon-wrapper path.wpd-inline-icon-second {
  fill: transparent;
}

body:not(.wp-admin) .wpd-inline-icon-count {
  position: relative;
  height: 20px;
  border-radius: 2px;
  padding: 0px 11px;
  cursor: pointer;
  margin-left: 7px;
  vertical-align: top;
  color: #fff;
  font-family: 'Manrope', Arial;
  font-size: 13px;
  line-height: 20px;
  display: none;
}

body:not(.wp-admin) .wpd-inline-icon-count.wpd-has-comments {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body:not(.wp-admin) .wpd-inline-icon-count::before {
  content: '';
  border: 5px solid transparent;
  position: absolute;
  top: 6px;
  left: -5px;
  border-left: none;
  padding: 0;
}

body:not(.wp-admin) .wpd-inline-form-wrapper {
  display: none;
  text-shadow: none;
  position: absolute;
  top: 35px;
  left: -191px;
  width: 400px;
  background-color: transparent;
  z-index: 9;
}

body:not(.wp-admin) .wpd-inline-form-wrapper::before {
  content: '';
  border: 10px solid transparent;
  position: absolute;
  top: -10px;
  left: 50%;
  border-top: none;
  padding: 0;
}

body:not(.wp-admin) .wpd-inline-form-question {
  border-radius: 4px;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
}

body:not(.wp-admin) .wpd-inline-form {
  border-radius: 4px;
  padding: 12px;
  margin-top: 5px;
}

body:not(.wp-admin) .wpd-inline-form form {
  margin: 0px;
  padding: 0px;
}

body:not(.wp-admin) .wpd-inline-form input, body:not(.wp-admin) .wpd-inline-form button {
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
}

body:not(.wp-admin) .wpd-inline-form button.wpd-inline-submit span {
  color: #fff;
}

body:not(.wp-admin) .wpd-inline-form .wpd-inline-notification {
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0px 8px 0;
  cursor: pointer;
}

body:not(.wp-admin) .wpd-inline-form .wpd-inline-comment-input {
  width: 100%;
  border: none;
  height: 30px;
  border-radius: 4px;
}

body:not(.wp-admin) .wpd-inline-form .wpd-inline-comment-content {
  resize: vertical;
  margin-bottom: 5px;
  max-width: 100% !important;
  width: 100%;
  border-radius: 4px;
  border: none;
  -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
  line-height: 20px !important;
  font-size: 13px;
  background-color: #f9f9f9;
  min-height: auto;
  height: 76px;
}

body:not(.wp-admin) .wpd-inline-form .wpd-inline-comment-content:focus {
  background-color: #fff;
}

body:not(.wp-admin) .wpd-inline-form-second-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 30px;
}

body:not(.wp-admin) .wpd-inline-form input.wpd-inline-name-input {
  width: 32%;
  margin-right: 5px;
  border: none;
  -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
}

body:not(.wp-admin) .wpd-inline-form button.wpd-inline-submit {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 40% !important;
  border: 1px solid #fff !important;
  background-color: transparent !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

body:not(.wp-admin) .wpd-inline-form button.wpd-inline-submit span {
  padding: 0;
  margin: 0;
  line-height: 20px;
  font-size: 13px;
  text-transform: uppercase;
}

body:not(.wp-admin) .wpd-inline-form button.wpd-inline-submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

body:not(.wp-admin) .wpd-inline-submit-icon {
  vertical-align: top;
  width: 20px;
  height: 18px;
}

body:not(.wp-admin) .wpd-inline-icon-wrapper path.wpd-inline-submit-icon-first {
  fill: #fff;
}

body:not(.wp-admin) .wpd-inline-icon-wrapper path.wpd-inline-submit-icon-second {
  fill: transparent;
}

body:not(.wp-admin) .wpd-last-inline-comments-wrapper {
  position: absolute;
  text-align: center;
  width: 220px;
  background-color: #fbfbfb;
  border: 1px solid;
  border-radius: 5px;
  top: 35px;
  left: -60%;
  z-index: 2;
  -webkit-box-shadow: inset -7px 0px 15px 3px #eee;
  box-shadow: inset -7px 0px 15px 3px #eee;
}

body:not(.wp-admin) .wpd-last-inline-comments-wrapper::before {
  content: '';
  border: 9px solid transparent;
  position: absolute;
  top: -9px;
  left: 40%;
  border-top: none;
  padding: 0;
}

body:not(.wp-admin) .wpd-last-inline-comments-wrapper::after {
  content: '';
  border: 9px solid transparent;
  position: absolute;
  top: -8px;
  left: 40%;
  border-top: none;
  border-bottom-color: #f8f8f8;
}

body:not(.wp-admin) .wpd-last-inline-comments {
  padding: 10px;
  text-align: left;
}

body:not(.wp-admin) .wpd-last-inline-comment:not(:last-child) {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 3px;
}

body:not(.wp-admin) .wpd-last-inline-comment > div {
  color: #666;
}

body:not(.wp-admin) .wpd-last-inline-comment .wpd-last-inline-comment-author-name {
  margin-left: 5px;
  margin-top: 0px;
  font-size: 16px;
  line-height: 24px;
}

body:not(.wp-admin) .wpd-last-inline-comment .wpd-last-inline-comment-date {
  font-size: 10px;
  display: block;
  margin: -6px 0 0 37px;
  padding: 0;
  line-height: 12px;
}

body:not(.wp-admin) .wpd-last-inline-comment .wpd-last-inline-comment-text {
  line-height: 18px;
  font-size: 12px;
  padding: 4px 0px 6px 0;
  color: #777;
}

body:not(.wp-admin) .wpd-last-inline-comment span {
  display: inline-block;
  margin: 2px;
}

body:not(.wp-admin) .wpd-last-inline-comment-author-avatar img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block !important;
}

body:not(.wp-admin) .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments {
  display: inline-block;
  color: #fff;
  border-radius: 15px;
  padding: 3px 15px;
  font-size: 11px;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: 0 0 15px 0;
  opacity: 0.9;
}

body:not(.wp-admin) .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:hover, body:not(.wp-admin) .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:active, body:not(.wp-admin) .wpd-last-inline-comments-wrapper .wpd-view-all-inline-comments:focus {
  color: #fff;
  text-decoration: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 1;
}

body:not(.wp-admin) .wpd-inline-icon.wpd-ignored path.wpd-inline-icon-first {
  -webkit-animation: 30s wpd_wiggle ease infinite, wpd_blink 7s ease-out infinite;
          animation: 30s wpd_wiggle ease infinite, wpd_blink 7s ease-out infinite;
}

@-webkit-keyframes wpd_wiggle {
  0% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  2% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  4% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  6% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  8% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes wpd_wiggle {
  0% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  2% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  4% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  6% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  8% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@-webkit-keyframes wpd_blink {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@keyframes wpd_blink {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

body:not(.wp-admin) #wpdcom .wpd-tools {
  position: relative;
}

body:not(.wp-admin) #wpdcom .wpd-tools-actions {
  display: none;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 14px;
  position: absolute;
  left: -50%;
  min-width: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px 8px;
  border-radius: 3px;
  z-index: 9;
  color: #999;
  top: 26px;
}

body:not(.wp-admin) #wpdcom .wpd-tools-actions .wpd-cta-button {
  cursor: pointer;
  line-height: 18px;
  padding: 2px 5px;
}

body:not(.wp-admin) #wpdcom .wpd-tools-actions .wpd-cta-button a {
  color: #999;
}

body:not(.wp-admin) #wpdcom .wpd-tools-actions .wpd-cta-button:hover {
  background-color: #F5F5F5;
}

body:not(.wp-admin) #wpdcom .wpdf-sorting {
  position: relative;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-sort-buttons {
  display: none;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
  width: 100%;
  left: 0;
  top: 32px;
  z-index: 9;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button {
  padding: 5px 0;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover {
  background-color: #F5F5F5;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-status .wpd-unapproved {
  color: #fc9007;
}

body:not(.wp-admin) #wpdiscuz-comment-message {
  position: fixed;
  top: 38px;
  right: 5px;
  width: 400px;
  z-index: 99999;
  font-size: 14px;
  line-height: 20px;
}

body:not(.wp-admin) #wpdiscuz-comment-message.wpdiscuz-comment-message-auth {
  top: 60px;
}

body:not(.wp-admin) #wpdiscuz-comment-message div {
  color: #fff;
  padding: 5px 10px;
  margin-top: 5px;
}

body:not(.wp-admin) #wpdiscuz-comment-message .wpdiscuz-message-error {
  background-color: #D32F2F;
  -webkit-box-shadow: #666 0px 0px 8px;
          box-shadow: #666 0px 0px 8px;
  padding: 10px 20px;
}

body:not(.wp-admin) #wpdiscuz-comment-message .wpdiscuz-message-success {
  background-color: #4CAF50;
  -webkit-box-shadow: #666 0px 0px 8px;
          box-shadow: #666 0px 0px 8px;
  padding: 10px 20px;
}

body:not(.wp-admin) #wpdiscuz-comment-message .wpdiscuz-message-warning {
  background-color: #FFA726;
  -webkit-box-shadow: #666 0px 0px 8px;
          box-shadow: #666 0px 0px 8px;
  padding: 10px 20px;
}

body:not(.wp-admin) #wpd-editor-source-code-wrapper-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 9999999;
  height: 100%;
}

body:not(.wp-admin) #wpd-editor-source-code-wrapper {
  display: none;
  width: 50%;
  height: 350px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 99999991;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  border-radius: 5px;
  text-align: right;
}

body:not(.wp-admin) #wpd-editor-source-code {
  height: 300px;
  width: 100%;
  resize: none;
}

body:not(.wp-admin) #wpd-insert-source-code {
  padding: 3px 40px;
  margin-top: 5px;
}

body:not(.wp-admin) .wpd-vote-result-sep {
  height: 11px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 1px;
  background-color: #ccc;
}

body:not(.wp-admin) #wpdiscuz-loading-bar {
  position: fixed;
  top: 6px;
  right: 12px;
  width: 32px;
  height: 25px;
  border: 0;
  background-image: url("loading.gif");
  z-index: 999999;
  display: none;
}

body:not(.wp-admin) #wpdiscuz-loading-bar.wpdiscuz-loading-bar-auth {
  top: 38px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-info-bar {
  display: none;
  padding: 10px;
  margin: 20px auto 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-current-view {
  padding: 3px;
  color: #555;
}

body:not(.wp-admin) #wpdcom .wpd-comment-info-bar .wpd-current-view i {
  margin-right: 6px;
  font-size: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-filter-view-all {
  color: #fff;
  background: #999;
  padding: 5px 20px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 3px;
}

body:not(.wp-admin) #wpdcom #bywpdiscuz {
  display: none;
}

body:not(.wp-admin) #wpdcom .by-wpdiscuz {
  text-align: right;
  border-top: #ddd solid 1px;
  padding: 1px 1px 1px 1px;
}

body:not(.wp-admin) #wpdcom .by-wpdiscuz a {
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  color: #ccc;
  padding: 1px;
  margin: 0;
  line-height: 12px;
  border: 0;
  text-decoration: none;
}

body:not(.wp-admin) #wpdcom .wpdimg {
  border: 0;
  padding: 0;
  margin: 0;
  height: 12px;
  cursor: pointer;
  display: inline;
  clear: both;
}

body:not(.wp-admin) #wpdcom .wc-copyright {
  margin: 0 0 0 auto;
  text-align: right;
  display: block;
  padding-top: 2px;
}

body:not(.wp-admin) #wpdcom .wc-copyright a {
  font-size: 9px;
  color: #aaa;
  cursor: help;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
}

body:not(.wp-admin) #wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-comment .wpd-comment-wrap {
  display: block;
}

body:not(.wp-admin) #wpdcom.wpdiscuz_no_avatar.wpd-layout-1 .wpd-comment .wpd-follow-link {
  text-align: left;
}

body:not(.wp-admin) .wc_comment_edit_not_possible, body:not(.wp-admin) .wc_comment_not_edited, body:not(.wp-admin) .wc_comment_not_updated,
body:not(.wp-admin) .wc_deny_voting_from_same_ip, body:not(.wp-admin) .wc_error_email_text, body:not(.wp-admin) .wc_error_url_text,
body:not(.wp-admin) .wc_follow_email_confirm_fail, body:not(.wp-admin) .wc_follow_impossible, body:not(.wp-admin) .wc_follow_login_to_follow,
body:not(.wp-admin) .wc_follow_not_added, body:not(.wp-admin) .wc_invalid_captcha, body:not(.wp-admin) .wc_invalid_field, body:not(.wp-admin) .wc_login_to_vote,
body:not(.wp-admin) .wc_msg_input_max_length, body:not(.wp-admin) .wc_msg_input_min_length, body:not(.wp-admin) .wc_msg_required_fields,
body:not(.wp-admin) .wc_self_vote, body:not(.wp-admin) .wc_vote_only_one_time, body:not(.wp-admin) .wc_voting_error, body:not(.wp-admin) .wpdiscuz-sendmail-error {
  background-color: #fce8e8 !important;
  font-size: 14px;
  text-align: center;
  color: #ce4a66;
  border: 1px solid #f2d3d2;
  padding: 5px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 5px 0;
  border-radius: 3px;
}

body:not(.wp-admin) .wpd-ajax-error {
  background-color: #fce8e8 !important;
  font-size: 14px;
  text-align: center;
  color: #ce4a66;
  border: 1px solid #f2d3d2;
  padding: 5px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 5px 0;
  border-radius: 3px;
}

body:not(.wp-admin) #wpdcom .wpd-avatar img {
  border-color: #999999;
}

body:not(.wp-admin) #wpdcom .wpd-comment-label {
  color: #666666;
  border: 1px solid #999999;
}

body:not(.wp-admin) #wpdcom .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-comment-author a {
  color: #666666;
  text-decoration: none;
}

body:not(.wp-admin) #wpdcom .wpd-blog-user .wpd-comment-label {
  color: #ffffff;
  background-color: #31839e;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-blog-user .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-blog-user .wpd-comment-author a {
  color: #31839e;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-blog-user .wpd-comment-subheader {
  border-top: 1px dashed #31839e;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-google .wpd-comment-label {
  color: #ffffff;
  background-color: #bf301c !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-google .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-google .wpd-comment-author a {
  color: #bf301c !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-google {
  border-left: 3px solid #bf301c !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-google .wpd-avatar img {
  border-bottom-color: #bf301c !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-google .wpd-comment-subheader {
  border-top: 1px dashed #bf301c !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-google .wpd-comment-right {
  border-left: 1px solid #bf301c !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-google .wpd-avatar i {
  background: #bf301c !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-facebook .wpd-comment-label {
  color: #ffffff;
  background-color: #4267B2 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-facebook .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-facebook .wpd-comment-author a {
  color: #4267B2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-facebook {
  border-left: 3px solid #4267B2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-facebook .wpd-avatar img {
  border-bottom-color: #4267B2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-facebook .wpd-comment-subheader {
  border-top: 1px dashed #4267B2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-facebook .wpd-comment-right {
  border-left: 1px solid #4267B2 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-facebook .wpd-avatar i {
  background: #4267B2 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-twitter .wpd-comment-label {
  color: #ffffff;
  background-color: #1DA8F4 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-twitter .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-twitter .wpd-comment-author a {
  color: #1DA8F4 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-twitter {
  border-left: 3px solid #1DA8F4 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-twitter .wpd-avatar img {
  border-bottom-color: #1DA8F4 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-twitter .wpd-comment-subheader {
  border-top: 1px dashed #1DA8F4 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-twitter .wpd-comment-right {
  border-left: 1px solid #1DA8F4 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-twitter .wpd-avatar i {
  background: #1DA8F4 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-vk .wpd-comment-label {
  color: #ffffff;
  background-color: #4A76A8 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-vk .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-vk .wpd-comment-author a {
  color: #4A76A8 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-vk {
  border-left: 3px solid #4A76A8 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-vk .wpd-avatar img {
  border-bottom-color: #4A76A8 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-vk .wpd-comment-subheader {
  border-top: 1px dashed #4A76A8 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-vk .wpd-comment-right {
  border-left: 1px solid #4A76A8 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-vk .wpd-avatar i {
  background: #4A76A8 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-ok .wpd-comment-label {
  color: #ffffff;
  background-color: #ee8208 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-ok .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-ok .wpd-comment-author a {
  color: #ee8208 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-ok {
  border-left: 3px solid #ee8208 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-ok .wpd-avatar img {
  border-bottom-color: #ee8208 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-ok .wpd-comment-subheader {
  border-top: 1px dashed #ee8208 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-ok .wpd-comment-right {
  border-left: 1px solid #ee8208 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-ok .wpd-avatar i {
  background: #ee8208 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-disqus .wpd-comment-label {
  color: #ffffff;
  background-color: #b67339 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-disqus .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-disqus .wpd-comment-author a {
  color: #b67339 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-disqus {
  border-left: 3px solid #b67339 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-disqus .wpd-avatar img {
  border-bottom-color: #b67339 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-disqus .wpd-comment-subheader {
  border-top: 1px dashed #b67339 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-disqus .wpd-comment-right {
  border-left: 1px solid #b67339 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-disqus .wpd-avatar i {
  background: #b67339 !important;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  width: 22px;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-wordpress .wpd-comment-label {
  color: #ffffff;
  background-color: #000000 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-wordpress .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-wordpress .wpd-comment-author a {
  color: #000000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-wordpress {
  border-left: 3px solid #555555 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img {
  border-bottom-color: #000000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-wordpress .wpd-comment-subheader {
  border-top: 1px dashed #000000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-wordpress .wpd-comment-right {
  border-left: 1px solid #000000 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-wordpress .wpd-avatar i {
  background: #ffffff !important;
  color: #000000 !important;
  padding: 0px;
  font-size: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-instagram .wpd-comment-label {
  color: #ffffff;
  background-color: #F97149 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-instagram .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-instagram .wpd-comment-author a {
  color: #F97149 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-instagram {
  border-left: 3px solid #F97149 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-instagram .wpd-avatar img {
  border-bottom-color: #F97149 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-instagram .wpd-comment-subheader {
  border-top: 1px dashed #F97149 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-instagram .wpd-comment-right {
  border-left: 1px solid #F97149 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-instagram .wpd-avatar i {
  background: #F97149 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-linkedin .wpd-comment-label {
  color: #ffffff;
  background-color: #007BB6 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-linkedin .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-linkedin .wpd-comment-author a {
  color: #007BB6 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-linkedin {
  border-left: 3px solid #007BB6 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-linkedin .wpd-avatar img {
  border-bottom-color: #007BB6 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-linkedin .wpd-comment-subheader {
  border-top: 1px dashed #007BB6 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-linkedin .wpd-comment-right {
  border-left: 1px solid #007BB6 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-linkedin .wpd-avatar i {
  background: #007BB6 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-yandex .wpd-comment-label {
  color: #ffffff;
  background-color: #FF0000 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-yandex .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-yandex .wpd-comment-author a {
  color: #FF0000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-yandex {
  border-left: 3px solid #FF0000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-yandex .wpd-avatar img {
  border-bottom-color: #FF0000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-yandex .wpd-comment-subheader {
  border-top: 1px dashed #FF0000 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-yandex .wpd-comment-right {
  border-left: 1px solid #FF0000 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-yandex .wpd-avatar i {
  background: #FF0000 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-mailru .wpd-comment-label {
  color: #ffffff;
  background-color: #168DE2 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-mailru .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-mailru .wpd-comment-author a {
  color: #168DE2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-mailru {
  border-left: 3px solid #168DE2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-mailru .wpd-avatar img {
  border-bottom-color: #168DE2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-mailru .wpd-comment-subheader {
  border-top: 1px dashed #168DE2 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-mailru .wpd-comment-right {
  border-left: 1px solid #168DE2 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-mailru .wpd-avatar i {
  background: #168DE2 !important;
  color: #ff9e00;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-weibo .wpd-comment-label {
  color: #ffffff;
  background-color: #D52A2C !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-weibo .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-weibo .wpd-comment-author a {
  color: #D52A2C !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-weibo {
  border-left: 3px solid #D52A2C !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-weibo .wpd-avatar img {
  border-bottom-color: #D52A2C !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-weibo .wpd-comment-subheader {
  border-top: 1px dashed #D52A2C !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-weibo .wpd-comment-right {
  border-left: 1px solid #D52A2C !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-weibo .wpd-avatar i {
  background: #D52A2C !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-weixin .wpd-comment-label {
  color: #ffffff;
  background-color: #20c300 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-weixin .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-weixin .wpd-comment-author a {
  color: #20c300 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-weixin {
  border-left: 3px solid #20c300 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-weixin .wpd-avatar img {
  border-bottom-color: #20c300 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-weixin .wpd-comment-subheader {
  border-top: 1px dashed #20c300 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-weixin .wpd-comment-right {
  border-left: 1px solid #20c300 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-weixin .wpd-avatar i {
  background: #20c300 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-qq .wpd-comment-label {
  color: #ffffff;
  background-color: #1479d7 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-qq .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-qq .wpd-comment-author a {
  color: #1479d7 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-qq {
  border-left: 3px solid #1479d7 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-qq .wpd-avatar img {
  border-bottom-color: #1479d7 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-qq .wpd-comment-subheader {
  border-top: 1px dashed #1479d7 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-qq .wpd-comment-right {
  border-left: 1px solid #1479d7 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-qq .wpd-avatar i {
  background: #1479d7 !important;
  color: #ffffff;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-baidu .wpd-comment-label {
  color: #ffffff;
  background-color: #F23F40 !important;
  border: none;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-baidu .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-baidu .wpd-comment-author a {
  color: #F23F40 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-soc-user-baidu {
  border-left: 3px solid #F23F40 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-baidu .wpd-avatar img {
  border-bottom-color: #F23F40 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-soc-user-baidu .wpd-comment-subheader {
  border-top: 1px dashed #F23F40 !important;
}

body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply .wpd-soc-user-baidu .wpd-comment-right {
  border-left: 1px solid #F23F40 !important;
}

body:not(.wp-admin) #wpdcom .wpd-soc-user-baidu .wpd-avatar i {
  background: #F23F40 !important;
  color: #2319dc;
}

body:not(.wp-admin) .wpd-comment-text pre {
  overflow: auto;
  display: block;
  max-width: 100%;
}

body:not(.wp-admin) .wpd-inline-icon.wpd-blink {
  -webkit-animation: wpdBlink 1s;
          animation: wpdBlink 1s;
}

@-webkit-keyframes wpdBlink {
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes wpdBlink {
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

body:not(.wp-admin) #wpdcom.wpd-dark {
  background: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-cf-label {
  background: #555;
  color: #ccc;
  border-bottom: 1px #777 solid;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-cf-value {
  border-bottom: 1px #777 solid;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-comment-text {
  color: #ccc;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-comment .wpd-avatar img,
body:not(.wp-admin) #wpdcom.wpd-dark .wpd-comment .wpd-avatar img.avatar {
  background-color: #999;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-comment .wpd-avatar i {
  border: 2px solid #ccc;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-field-group-title {
  color: #ccc;
}

body:not(.wp-admin) #wpdcom.wpd-dark input[type="text"],
body:not(.wp-admin) #wpdcom.wpd-dark input[type="email"],
body:not(.wp-admin) #wpdcom.wpd-dark input[type="url"],
body:not(.wp-admin) #wpdcom.wpd-dark input[type="password"],
body:not(.wp-admin) #wpdcom.wpd-dark input[type="search"],
body:not(.wp-admin) #wpdcom.wpd-dark input[type="tel"],
body:not(.wp-admin) #wpdcom.wpd-dark input[type="number"],
body:not(.wp-admin) #wpdcom.wpd-dark textarea,
body:not(.wp-admin) #wpdcom.wpd-dark select {
  background-color: #999;
  border-color: #999;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-form-row .wpd-field {
  color: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-sbs-toggle {
  color: #aaa;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-thread-head .wpd-thread-info {
  color: #aaa;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-thread-filter .wpdf-sorting {
  color: #999;
}

body:not(.wp-admin) #wpdcom.wpd-dark .ql-editor > * {
  color: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark .ql-toolbar {
  background-color: #555;
}

body:not(.wp-admin) #wpdcom.wpd-dark .ql-container {
  background-color: #999;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpdem-sticker-container.wpdem-sticker-open {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpdem-sticker-container {
  background-color: #999;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap {
  background-color: #292929;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment.wpd-sticky-comment .wpd-comment-header {
  background-color: #292929;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down {
  background-color: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-right {
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right {
  border-bottom: none;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result {
  background-color: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {
  background-color: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .trns-moderate-comments {
  background-color: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap {
  background: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i {
  background: #222;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-reply-to {
  background-color: transparent;
  border-bottom: 1px solid #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark #wpdiscuz-search-form .wpdiscuz-search-box {
  background-color: #111;
  border: 1px solid #555;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-comment-text .wpd-inline-feedback-wrapper {
  background-color: #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-soc-user-wordpress .wpd-comment-label {
  background-color: #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark .wpd-soc-user-wordpress .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-soc-user-wordpress .wpd-comment-author a {
  color: #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-1 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img {
  border-color: #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-2 .wpd-comment .wpd-soc-user-wordpress .wpd-avatar img {
  border-bottom-color: #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-soc-user-wordpress .wpd-comment-subheader {
  border-top: 1px dashed #666;
}

body:not(.wp-admin) #wpdcom.wpd-dark.wpd-layout-3 .wpd-reply .wpd-soc-user-wordpress .wpd-comment-right {
  border-left: 1px solid #666;
}

@media screen and (max-width: 1024px) {
  body:not(.wp-admin) #wpd-bubble-wrapper {
    left: 10px !important;
  }
  body:not(.wp-admin) #wpd-bubble-wrapper > div {
    width: 40px;
    height: 40px;
  }
  body:not(.wp-admin) #wpd-bubble-wrapper #wpd-bubble-all-comments-count {
    font-size: 13px;
  }
  body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
    height: auto;
    left: 53px;
    padding: 7px 14px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  body:not(.wp-admin) {
    /* Inline Commenting */
    /* Comment Bubble */
    /* Comment Form */
    /* Comment Threads */
    /* Comment Layouts */
    /* Comment Layout #1 */
    /* Comment Layout #2 */
    /* Comment Layout #3 */
  }
  body:not(.wp-admin) #wpdcom {
    padding: 5px 3%;
  }
  body:not(.wp-admin) #wpdcom #wpd-threads .wpd-comment-link [wpd-tooltip]::after {
    left: -150%;
  }
  body:not(.wp-admin) #wpdcom #wpd-threads .wpd-tool-wrap [wpd-tooltip]::after {
    left: -50%;
  }
  body:not(.wp-admin) .wpd-inline-form-wrapper {
    left: 0;
    width: 320px;
    position: relative;
    top: 7px;
    bottom: 15px;
  }
  body:not(.wp-admin) .wpd-inline-form-wrapper::before {
    display: none;
  }
  body:not(.wp-admin) .wpd-inline-form-question {
    padding: 5px 20px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
  }
  body:not(.wp-admin) .wpd-inline-form-wrapper .wpd-inline-submit-icon {
    display: none;
  }
  body:not(.wp-admin) .wpd-last-inline-comments-wrapper {
    position: relative;
    width: 300px;
    top: 0;
    left: 0;
  }
  body:not(.wp-admin) .wpd-last-inline-comments-wrapper::after,
  body:not(.wp-admin) .wpd-last-inline-comments-wrapper::before {
    display: none;
  }
  body:not(.wp-admin) #wpd-bubble-wrapper {
    bottom: 20px;
  }
  body:not(.wp-admin) #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
    width: 290px;
  }
  body:not(.wp-admin) #wpdcom .wpd-auth {
    margin: 0 0 2px -3px;
  }
  body:not(.wp-admin) #wpdcom .wpd-social-login .wpd-connect-with {
    display: none !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar {
    display: none;
  }
  body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  body:not(.wp-admin) #wpdcom .wpdiscuz_select {
    font-size: 14px !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-form .wpd-form-foot,
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-form .wpd-form-foot,
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-form-foot {
    margin-left: 0;
  }
  body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-left,
  body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-form-col-right {
    width: 100%;
    float: none;
  }
  body:not(.wp-admin) #wpdcom .wpdiscuz-item.wpd-field-group.wpd-field-rating {
    border-bottom: none;
    height: auto;
  }
  body:not(.wp-admin) #wpdcom .wpdiscuz-item .wpdiscuz-rating > label {
    font-size: 1.4em;
  }
  body:not(.wp-admin) #wpdcom .ql-toolbar {
    padding: 5px 8px 3px 5px;
  }
  body:not(.wp-admin) #wpdcom .ql-snow.ql-toolbar button, body:not(.wp-admin) #wpdcom .ql-snow .ql-toolbar button {
    height: 24px !important;
    padding: 4px 5px !important;
    width: 24px !important;
  }
  body:not(.wp-admin) #wpdcom .ql-toolbar .wpd-editor-buttons-right .wmu-upload-wrap {
    font-size: 1.3em !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    margin-top: 3px;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-captcha .wpdiscuz-recaptcha div {
    width: auto !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-radio .wpd-item, body:not(.wp-admin) #wpdcom .wpd-field-checkbox .wpd-item {
    display: block;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-radio .wpd-field, body:not(.wp-admin) #wpdcom .wpd-field-checkbox .wpd-field {
    height: auto;
    float: none;
    vertical-align: middle;
  }
  body:not(.wp-admin) #wpdcom .wpd-field-radio .wpd-field-label, body:not(.wp-admin) #wpdcom .wpd-field-checkbox .wpd-field-label {
    font-size: 14px;
  }
  body:not(.wp-admin) #wpdcom .wpd-form-col-left .wpd-field-group .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-right .wpd-field-group .wpd-field-group-title, body:not(.wp-admin) #wpdcom .wpd-form-col-full .wpd-field-group .wpd-field-group-title {
    font-size: 14px;
  }
  body:not(.wp-admin) #wpdiscuz-comment-message {
    width: 97%;
  }
  body:not(.wp-admin) #wpdcom .wpd-hidden {
    visibility: visible;
    opacity: 1;
  }
  body:not(.wp-admin) #wpdcom .wpd-tools-actions {
    left: auto;
    right: 0px;
  }
  body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-info {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border-bottom: 2px solid #ccc;
  }
  body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-filter {
    margin-top: 5px;
  }
  body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-button {
    width: 99%;
    margin-top: 8px;
  }
  body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-bar #wpdiscuz_subscription_button {
    width: 100%;
    min-height: 20px !important;
    height: 26px !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-toggle .wpd-view-replies {
    display: inline-block;
    width: 78px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px !important;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-wrap {
    display: block;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-left {
    width: 100%;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-right {
    width: 100%;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-left {
    text-align: left;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment.wpd-reply .wpd-comment-left {
    width: 100%;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {
    display: inline-block;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-form .wpd-avatar {
    display: none;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment-label {
    display: inline-block;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment-header .wpd-comment-link {
    padding-top: 0;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-comment-label {
    width: auto;
    padding: 1px 10px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment.wpd-reply .wpd-comment-label {
    display: inline-block;
    margin: 10px auto 5px auto;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-follow-link {
    display: inline-block;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {
    margin-right: 5px;
    vertical-align: bottom;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img,
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar img.avatar {
    width: 36px;
    height: 36px;
    padding: 1px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar i {
    padding: 2px;
    font-size: 9px;
    border: 1px solid  #fff;
    width: 16px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-reply.wpd_comment_level-2 {
    margin-left: 25px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-reply {
    margin-left: 0px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-reply {
    margin-left: 0px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2 {
    margin-left: 15px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-bottom: -3px;
    float: right;
    margin-left: 61px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -44px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-date {
    padding-left: 0;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link {
    margin-bottom: 0;
    padding-top: 1px;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: right;
    margin-top: -20px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-2 .wpd-comment-header .wpd-reply-to {
    margin-right: 10px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar {
    margin-bottom: -41px;
    margin-top: 0;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left {
    width: 45px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img, body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar, body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img, body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar {
    width: 40px;
    height: 40px;
    max-width: none;
    padding: 2px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header .wpd-comment-author {
    padding-left: 55px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-right {
    border-left: none;
    border-bottom: none;
    width: 100%;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text {
    padding-left: 7px;
    padding-top: 15px;
    padding-bottom: 17px;
    font-size: 90%;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer {
    margin-bottom: -10px;
    margin-left: 7px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote {
    padding-left: 0;
    margin-left: 0;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up, body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down {
    border: none;
    padding: 0;
    width: 16px;
    height: 16px;
    background-color: none;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-reply-button {
    background-color: transparent;
    border: none;
    border-radius: 15px;
    padding: 0 10px 0 0;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-result {
    padding: 0 8px;
    font-size: 14px;
    background-color: transparent;
    line-height: 24px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap {
    padding-left: 10px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap i {
    background: none;
    padding: 5px 3px;
    width: auto;
    line-height: 14px;
    border: none;
    height: auto;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar i {
    padding: 2px;
    font-size: 9px;
    width: 18px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-wpanel {
    display: none;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to {
    margin-left: 0px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply.wpd_comment_level-2 {
    margin-left: 20px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-reply {
    margin-left: 0;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img, body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-avatar img.avatar {
    width: 34px;
    height: 34px;
    max-width: 40px;
    border: none;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left .wpd-avatar {
    margin-top: 0px;
    margin-bottom: -28px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-left {
    width: 54px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-right {
    border-left: 1px solid #d1d1d1;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author {
    padding-left: 55px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-label {
    margin: 0 8px 0 0px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-text {
    padding-left: 10px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-footer {
    margin-left: 10px;
  }
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up,
  body:not(.wp-admin) #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-down.wpd-down {
    border: none;
  }
}

body:not(.wp-admin) #comments {
  margin-top: 30px;
  margin-bottom: 30px;
}

body:not(.wp-admin) #wpdcom .wpd-form-head {
  border-bottom: 2px solid #edeef0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login a {
  color: #6e5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-sep {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpd-connect-with {
  color: #05060c;
  font-weight: bold;
}

body:not(.wp-admin) #wpdcom .wpd-sbs-toggle {
  font-weight: bold;
}

body:not(.wp-admin) #wpdcom .wpd-second-button, body:not(.wp-admin) #wpdcom .wpd-prim-button {
  border-radius: 8px;
}

body:not(.wp-admin) #wpdcom .wpd-form-row .wpd-field {
  border: 1px solid #e4e5e7;
  padding: 3px 10px 3px 30px !important;
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom .wpd-second-button, body:not(.wp-admin) #wpdcom .wpd-prim-button {
  padding: 7px 20px 5px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-email input[type="email"] {
  border: 1px solid #e4e5e7;
  padding: 3px 10px !important;
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] {
  font-size: 21px !important;
  padding: 1px 3px 0px 3px !important;
  border: none;
}

body:not(.wp-admin) .selecter.open .selecter-options {
  max-width: 300px;
}

body:not(.wp-admin) .wpdiscuz-subscribe-bar .selecter-selected {
  padding: 0 40px 0 16px;
}

body:not(.wp-admin) #comments #wpdcom .wpdiscuz-subscribe-bar .selecter-item {
  display: block;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text {
  padding: 18px 24px;
  border: 1px solid #e7e9eb;
  margin: 0 0 8px;
  border-radius: 16px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button {
  color: #8589a3;
  font-weight: bold;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button:hover {
  color: #6f5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-reply-button svg {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-up, body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down {
  opacity: 1;
  width: 14px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-up svg, body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down svg {
  fill: #e4e5e7;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-up svg:hover, body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-down svg:hover {
  fill: #6e5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote-result {
  font-weight: bold;
  color: #8589a3;
  min-width: 38px;
}

body:not(.wp-admin) #wpdcom .wpd-up {
  color: #6f5bd8 !important;
}

body:not(.wp-admin) #wpdcom .wpd-up svg {
  fill: #6f5bd8 !important;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar, body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar {
  width: 56px;
  height: 56px;
  background: #f7f8fa url(avatar.svg) no-repeat;
  border-radius: 50%;
}

body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-avatar, body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-avatar {
  width: 48px;
  height: 48px;
  background-size: 48px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar img, body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar img.avatar, body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar img, body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar img.avatar {
  border: none;
  padding: 0;
  background: none;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-author {
  font-size: 16px;
  line-height: 20px;
  margin-right: 0;
}

body:not(.wp-admin) #wpdcom .wpd-blog-post_author .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-blog-post_author .wpd-comment-author a, body:not(.wp-admin) #wpdcom .wpd-blog-guest .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-blog-guest .wpd-comment-author a {
  color: #05060c !important;
  text-transform: capitalize;
}

body:not(.wp-admin) #wpdcom .wpd-blog-guest .wpd-comment-label {
  color: #ab8929 !important;
}

body:not(.wp-admin) #wpdcom .wpd-blog-post_author .wpd-comment-label {
  color: #6e5bd8 !important;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  padding: 5px 6px;
  border-radius: 8px;
  background-color: #eae6ff !important;
}

body:not(.wp-admin) #wpdcom .wpd-comment-date {
  font-size: 14px;
  line-height: 20px;
  color: #3a3a3a;
  padding: 3px 28px 0 38px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-date i {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-toggle i:hover {
  color: #6f5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-tools i, body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-link i {
  color: #6f5bd8;
  font-size: 14px;
  line-height: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share {
  color: #6f5bd8;
  font-size: 16px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
  cursor: pointer;
  padding-top: 3px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i {
  font-size: 16px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i:hover {
  color: #fff;
}

body:not(.wp-admin) .wpd-tooltip .wpd-tooltip-content {
  padding: 5px 10px;
}

body:not(.wp-admin) #wpdcom.wpd-layout-1 .wpd-comment .wpd-reply-to {
  border: none;
  margin-bottom: 0 0 10px;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-reply-to a {
  color: #6f5bd8;
  font-weight: bold;
  opacity: 1;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-reply-to a:hover {
  color: #05060c;
}

body:not(.wp-admin) #wpdcom .ql-container {
  border: none !important;
}

body:not(.wp-admin) #wpdcom .ql-editor {
  background: #f7f8fa;
  border: none;
  min-height: 106px;
  padding: 28px 24px;
  border-radius: 15px 15px 0 0;
}

body:not(.wp-admin) #wpdcom .ql-editor.ql-blank:before {
  left: 24px;
}

body:not(.wp-admin) #wpdcom .ql-editor:before {
  font-size: 14px;
  font-style: normal;
}

body:not(.wp-admin) #wpdcom .ql-toolbar {
  border-radius: 0 0 15px 15px;
  padding: 7px 28px;
  background-color: #fbfcfd;
  border-color: #e4e5e7;
  border-top: 1px solid #e4e5e7 !important;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button:hover .ql-stroke, body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-active .ql-stroke, body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-active .ql-fill, body:not(.wp-admin) #wpdcom .ql-toolbar button:hover .ql-fill {
  color: #6e5bd8;
  stroke: #6e5bd8;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-sourcecode:hover, body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-spoiler:hover {
  color: #6e5bd8;
}

body:not(.wp-admin) #wpd-editor-toolbar-0_0 button {
  border-radius: 8px;
  margin: 0 2px;
  height: 32px;
  padding: 4px 6px;
  width: 32px;
}

body:not(.wp-admin) #wpd-editor-toolbar-0_0 button.ql-active {
  background-color: #eae6ff;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-spoiler:hover, body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-sourcecode:hover, body:not(.wp-admin) #wpdcom .ql-toolbar .wmu-upload-wrap .wmu-add i:hover {
  color: #6e5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-tools-actions .wpd-cta-button {
  padding: 7px 5px 2px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status {
  padding: 3px 0 0;
}

body:not(.wp-admin) #wpdcom .wpd-comment-status .wpd-sticky, body:not(.wp-admin) #wpdcom .wpd-comment-status .wpd-closed {
  font-size: 16px;
  line-height: 20px;
  color: #6E5BD8;
  padding: 0 5px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-filter {
  margin: 0 0 20px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpd-filter.sorting-label {
  border: none;
  font-weight: bold;
  color: #05060c;
  font-size: 14px;
  line-height: 38px;
  margin-right: 7px;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-sorting {
  border: none;
  background: #f7f8fa;
  border-radius: 16px;
  padding: 14px 23px 14px 30px;
}

body:not(.wp-admin) #comments #wpdcom .wpd-thread-filter .wpdf-sorting span {
  color: #8d8a98;
  font-size: 14px;
  line-height: 18px;
  min-width: 87px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

body:not(.wp-admin) #comments #wpdcom .wpd-thread-head .wpd-thread-info {
  padding-bottom: 24px;
  color: #05060c;
  border-bottom-color: #6e5bd8;
}

body:not(.wp-admin) #comments #wpdcom .wpd-thread-head .wpd-thread-info span {
  font-size: 30px;
  line-height: 34px;
  font-family: 'Manrope', Arial, Helvetica, sans-serif;
  font-weight: bold;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-sorting i {
  color: #8d8a98;
  vertical-align: middle;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list .wpd-load-more-submit-wrap {
  padding: 0;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list .wpd-load-more-submit-wrap .wpd-prim-button {
  display: block;
  width: 100%;
  background: #f7f8fa;
  text-align: center;
  color: #6f5bd8;
  padding: 11px 20px;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list .wpd-load-more-submit-wrap .wpd-prim-button:hover {
  background: #f1f3f6;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list .wpd-load-more-submit-wrap i {
  margin-left: 6px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap {
  padding-top: 40px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar {
  margin-right: 27px;
}

body:not(.wp-admin) #wpdcom .wmu-upload-wrap {
  margin: 7px 0 3px 5px;
}

body:not(.wp-admin) #wpdcom #wpd-threads {
  padding-top: 0;
}

body:not(.wp-admin) #wpdcom .wpd-thread-list {
  padding-top: 56px;
  padding-bottom: 6px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-left {
  margin-right: 23px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-right {
  padding-top: 8px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-header {
  margin: 0 0 10px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer {
  padding-left: 22px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-footer .wpd-vote {
  padding-right: 23px;
}

body:not(.wp-admin) #wpdcom .wpd-comment .wpd-comment-wrap {
  padding-bottom: 15px;
}

body:not(.wp-admin) #wpdcom .wpd-reply.wpd_comment_level-2 {
  margin-left: 90px;
}

body:not(.wp-admin) #wpdcom .wpdiscuz-sort-buttons {
  top: 62px;
  border: none;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
  padding: 10px 30px;
  border-radius: 16px;
}

body:not(.wp-admin) #comments #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover {
  background-color: #fff;
  color: #6e5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-tools-actions {
  border: none;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
  padding: 10px;
  border-radius: 16px;
  left: auto;
  right: 0;
}

body:not(.wp-admin) #comments #wpdcom .wpd-tools-actions span {
  padding: 4px 10px;
}

body:not(.wp-admin) #comments #wpdcom .wpd-tools-actions span:hover {
  background-color: #fff;
  color: #6e5bd8;
}

body:not(.wp-admin) #wpdcom .wc-field-submit input[type="submit"] {
  padding: 4px 20px 4px;
  background-color: #6e5bd8;
  font-weight: bold;
  color: #fff;
}

body:not(.wp-admin) #wpdcom .wc-field-submit input[type="submit"]:hover {
  background: #4b32ce;
}

body:not(.wp-admin) #wpdcom .wpd-auth .wpd-login a:hover {
  color: #333333;
}

body:not(.wp-admin) #wpdcom .wpd-form-foot {
  margin-left: 82px;
}

body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-spoiler, body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-sourcecode {
  line-height: 24px;
}

body:not(.wp-admin) .ql-snow .ql-toolbar button svg, body:not(.wp-admin) .ql-snow.ql-toolbar button svg {
  height: auto !important;
}

body:not(.wp-admin) #wpdcom .wpd-reply.wpd_comment_level-3 {
  margin-left: 75px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text ol, body:not(.wp-admin) #wpdcom .wpd-comment-text ul {
  padding: 0 0 0 10px;
  margin: 0 0 16px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text p {
  margin: 0 0 16px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text pre.ql-syntax {
  margin: 0 0 16px;
  color: #111111;
  margin-bottom: 20px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding: 0px 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #efefef;
  -o-border-image: initial;
     border-image: initial;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f8f8f8), color-stop(50%, #fdfdfd)) 0% 0%/50px 50px;
  background: linear-gradient(#f8f8f8 50%, #fdfdfd 50%) 0% 0%/50px 50px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text blockquote {
  margin: 0 0 16px;
  color: #fff;
  background: #6e5bd8;
  padding: 15px 15px 15px 60px;
  position: relative;
  min-height: 55px;
  margin: 0 0 15px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text blockquote:before {
  content: "”";
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 0 0;
  font-size: 70px;
  line-height: 70px;
  font-family: "Times New Roman", Arial, Helvetica;
  position: absolute;
  left: 15px;
  top: 10px;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text blockquote p {
  margin: 0;
}

body:not(.wp-admin) #wpdcom .wpd-comment-text a {
  color: #6f5bd8;
}

body:not(.wp-admin) #wpdcom .wpd-social-login .wpd-connect-with {
  line-height: 30px;
}

body:not(.wp-admin) #wpdcom .wpd-blog-administrator .wpd-comment-author, body:not(.wp-admin) #wpdcom .wpd-blog-administrator .wpd-comment-author a {
  color: #05060c !important;
}

body:not(.wp-admin) #wpdcom .wpd-blog-administrator .wpd-comment-label {
  color: #6e5bd8 !important;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea {
  border: none;
  background: #f7f8fa;
  border: none;
  padding: 15px 24px;
  border-radius: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-avatar {
  -ms-flex-preferred-size: 56px;
      flex-basis: 56px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea.wpd-field::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea.wpd-field::-moz-placeholder {
  font-size: 14px;
  line-height: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea.wpd-field:-moz-placeholder {
  font-size: 14px;
  line-height: 18px;
}

body:not(.wp-admin) #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea.wpd-field:-ms-input-placeholder {
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 767px) {
  body:not(.wp-admin) #wpdcom .ql-toolbar {
    padding: 7px 14px;
  }
  body:not(.wp-admin) #comments #wpdcom .wpd-thread-head .wpd-thread-info span {
    font-size: 22px;
    line-height: 26px;
  }
  body:not(.wp-admin) #comments #wpdcom .wpd-thread-head .wpd-thread-info {
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 600px) {
  body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-spoiler, body:not(.wp-admin) #wpdcom .ql-toolbar button.ql-sourcecode {
    line-height: 16px;
  }
  body:not(.wp-admin) #wpdcom .wmu-upload-wrap {
    margin: 0px 0 0px 5px;
  }
  body:not(.wp-admin) #wpdcom .wpd-thread-head .wpd-thread-filter {
    margin: 20px 0;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment .wpd-avatar, body:not(.wp-admin) #wpdcom .wpd-form .wpd-avatar, body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-avatar, body:not(.wp-admin) #wpdcom .wpd-comment.wpd-reply .wpd-avatar {
    width: 34px;
    height: 34px;
    background-size: 34px;
  }
  body:not(.wp-admin) #wpdcom .wpd-reply.wpd_comment_level-3 {
    margin-left: 0;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment-text {
    padding: 10px 14px;
    font-size: 14px;
  }
  body:not(.wp-admin) #wpdcom .wpd-comment-text p {
    font-size: 14px;
  }
}

body:not(.wp-admin) #wpdiscuz-comment-message {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-comment-header .wpd-comment-link {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-thread-head .wpdiscuz-user-settings {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-reacted {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-thread-filter .wpdf-hottest {
  display: none;
}

body:not(.wp-admin) #wpdcom .wpd-sbs-toggle {
  display: none;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/subset/Manrope-ExtraBold-subset.woff2) format("woff2"), url(../fonts/subset/Manrope-ExtraBold-subset.zopfli.woff) format("woff"), url(../fonts/subset/Manrope-ExtraBold-subset.woff2) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  unicode-range: U+9,U+A,U+20-29,U+2C-5B,U+5D,U+5F,U+61-7D,U+A9,U+BB,U+2013,U+2014,U+2019,U+2026,U+2122,U+E800-E804,U+E806,U+E809-E80B,U+E817,U+E81C-E820,U+E839,U+E83E,U+E847,U+E853,U+E854,U+E863,U+E86F,U+E87B-E881,U+E883,U+E884;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/subset/Manrope-Bold-subset.woff2) format("woff2"), url(../fonts/subset/Manrope-Bold-subset.zopfli.woff) format("woff"), url(../fonts/subset/Manrope-Bold-subset.woff2) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  unicode-range: U+9,U+A,U+20-29,U+2C-5B,U+5D,U+5F,U+61-7D,U+A9,U+BB,U+2013,U+2014,U+2019,U+2026,U+2122,U+E800-E804,U+E806,U+E809-E80B,U+E817,U+E81C-E820,U+E839,U+E83E,U+E847,U+E853,U+E854,U+E863,U+E86F,U+E87B-E881,U+E883,U+E884;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/subset/Manrope-SemiBold-subset.woff2) format("woff2"), url(../fonts/subset/Manrope-SemiBold-subset.zopfli.woff) format("woff"), url(../fonts/subset/Manrope-SemiBold-subset.woff2) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  unicode-range: U+9,U+A,U+20-29,U+2C-5B,U+5D,U+5F,U+61-7D,U+A9,U+BB,U+2013,U+2014,U+2019,U+2026,U+2122,U+E800-E804,U+E806,U+E809-E80B,U+E817,U+E81C-E820,U+E839,U+E83E,U+E847,U+E853,U+E854,U+E863,U+E86F,U+E87B-E881,U+E883,U+E884;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/subset/Manrope-Medium-subset.woff2) format("woff2"), url(../fonts/subset/Manrope-Medium-subset.zopfli.woff) format("woff"), url(../fonts/subset/Manrope-Medium-subset.woff2) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  unicode-range: U+9,U+A,U+20-29,U+2C-5B,U+5D,U+5F,U+61-7D,U+A9,U+BB,U+2013,U+2014,U+2019,U+2026,U+2122,U+E800-E804,U+E806,U+E809-E80B,U+E817,U+E81C-E820,U+E839,U+E83E,U+E847,U+E853,U+E854,U+E863,U+E86F,U+E87B-E881,U+E883,U+E884;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/subset/Manrope-Regular-subset.woff2) format("woff2"), url(../fonts/subset/Manrope-Regular-subset.zopfli.woff) format("woff"), url(../fonts/subset/Manrope-Regular-subset.woff2) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  unicode-range: U+9,U+A,U+20-29,U+2C-5B,U+5D,U+5F,U+61-7D,U+A9,U+BB,U+2013,U+2014,U+2019,U+2026,U+2122,U+E800-E804,U+E806,U+E809-E80B,U+E817,U+E81C-E820,U+E839,U+E83E,U+E847,U+E853,U+E854,U+E863,U+E86F,U+E87B-E881,U+E883,U+E884;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/subset/Manrope-Light-subset.woff2) format("woff2"), url(../fonts/subset/Manrope-Light-subset.zopfli.woff) format("woff"), url(../fonts/subset/Manrope-Light-subset.woff2) format("truetype");
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  unicode-range: U+9,U+A,U+20-29,U+2C-5B,U+5D,U+5F,U+61-7D,U+A9,U+BB,U+2013,U+2014,U+2019,U+2026,U+2122,U+E800-E804,U+E806,U+E809-E80B,U+E817,U+E81C-E820,U+E839,U+E83E,U+E847,U+E853,U+E854,U+E863,U+E86F,U+E87B-E881,U+E883,U+E884;
}

@font-face {
  font-family: 'PT Mono';
  src: url(../fonts/PTMono/ptmono-regular-webfont.woff2) format("woff2"), url(../fonts/PTMono/ptmono-regular-webfont.woff) format("woff"), url(../fonts/PTMono/ptmono-regular-webfont.svg#pt_monoregular) format("svg");
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/fonts/icomoon.eot?749y2l");
  src: url("../fonts/icomoon/fonts/icomoon.eot?749y2l#iefix") format("embedded-opentype"), url("../fonts/icomoon/fonts/icomoon.ttf?749y2l") format("truetype"), url("../fonts/icomoon/fonts/icomoon.woff?749y2l") format("woff"), url("../fonts/icomoon/fonts/icomoon.svg?749y2l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lock-outline:before {
  content: "\e91f";
}

.icon-briefcase:before {
  content: "\e91e";
}

.icon-explore-user:before {
  content: "\e91d";
}

.icon-security-measures:before {
  content: "\e91c";
}

.icon-calc-2 .path1:before {
  content: "\e91a";
  color: #d8d3ef;
}

.icon-calc-2 .path2:before {
  content: "\e91b";
  margin-left: -0.875em;
  color: #6f5bd8;
}

.icon-user-check:before {
  content: "\e919";
}

.icon-eye-2:before {
  content: "\e918";
}

.icon-api:before {
  content: "\e917";
}

.icon-b-security:before {
  content: "\e913";
}

.icon-download-2:before {
  content: "\e914";
}

.icon-password:before {
  content: "\e915";
}

.icon-pin-3:before {
  content: "\e916";
}

.icon-search:before {
  content: "\e911";
}

.icon-recipe-create:before {
  content: "\e912";
}

.icon-license-key:before {
  content: "\e90d";
}

.icon-logo-google-plus:before {
  content: "\e90e";
}

.icon-pin-2:before {
  content: "\e90f";
}

.icon-system-update:before {
  content: "\e910";
}

.icon-arrow-right:before {
  content: "\e800";
}

.icon-play:before {
  content: "\e801";
}

.icon-install:before {
  content: "\e802";
}

.icon-set:before {
  content: "\e803";
}

.icon-spaceship:before {
  content: "\e804";
}

.icon-comment:before {
  content: "\e805";
}

.icon-email:before {
  content: "\e806";
}

.icon-lines:before {
  content: "\e807";
}

.icon-phone:before {
  content: "\e808";
}

.icon-fb:before {
  content: "\e809";
}

.icon-tw:before {
  content: "\e80a";
}

.icon-lin:before {
  content: "\e80b";
}

.icon-people:before {
  content: "\e80c";
}

.icon-plus:before {
  content: "\e80d";
}

.icon-settings:before {
  content: "\e80e";
}

.icon-users:before {
  content: "\e80f";
}

.icon-cat-customer:before {
  content: "\e810";
}

.icon-cat-security:before {
  content: "\e811";
}

.icon-filter-organization:before {
  content: "\e812";
}

.icon-letter:before {
  content: "\e813";
}

.icon-badge:before {
  content: "\e814";
}

.icon-ok:before {
  content: "\e815";
}

.icon-design-dev:before {
  content: "\e816";
}

.icon-load:before {
  content: "\e817";
}

.icon-buy:before {
  content: "\e818";
}

.icon-check:before {
  content: "\e819";
}

.icon-table:before {
  content: "\e81a";
}

.icon-anomaly:before {
  content: "\e81b";
}

.icon-eye:before {
  content: "\e81c";
}

.icon-download:before {
  content: "\e81d";
}

.icon-reports:before {
  content: "\e81e";
}

.icon-support:before {
  content: "\e81f";
}

.icon-links:before {
  content: "\e820";
}

.icon-options:before {
  content: "\e821";
}

.icon-flexible:before {
  content: "\e822";
}

.icon-settings-gear:before {
  content: "\e823";
}

.icon-cloud:before {
  content: "\e824";
}

.icon-maintance:before {
  content: "\e825";
}

.icon-window-dev:before {
  content: "\e826";
}

.icon-transform-origin:before {
  content: "\e827";
}

.icon-backend:before {
  content: "\e828";
}

.icon-frontend:before {
  content: "\e829";
}

.icon-check-double:before {
  content: "\e82a";
}

.icon-hierarchy:before {
  content: "\e82b";
}

.icon-authorization:before {
  content: "\e82c";
}

.icon-badge-2:before {
  content: "\e82d";
}

.icon-team:before {
  content: "\e82e";
}

.icon-user:before {
  content: "\e82f";
}

.icon-push:before {
  content: "\e830";
}

.icon-slack-logo:before {
  content: "\e831";
}

.icon-customers:before {
  content: "\e832";
}

.icon-calendar-date-2:before {
  content: "\e833";
}

.icon-drag-drop:before {
  content: "\e834";
}

.icon-plug-2:before {
  content: "\e835";
}

.icon-report-out-of:before {
  content: "\e836";
}

.icon-schedule-report:before {
  content: "\e837";
}

.icon-versioning-support:before {
  content: "\e838";
}

.icon-multi-tenant:before {
  content: "\e839";
}

.icon-customer-info:before {
  content: "\e83a";
}

.icon-time-series:before {
  content: "\e83b";
}

.icon-custom-action:before {
  content: "\e83c";
}

.icon-flag-2:before {
  content: "\e83d";
}

.icon-clocks:before {
  content: "\e83e";
}

.icon-close:before {
  content: "\e83f";
}

.icon-network:before {
  content: "\e840";
}

.icon-alarm:before {
  content: "\e841";
}

.icon-document:before {
  content: "\e842";
}

.icon-flag:before {
  content: "\e843";
}

.icon-customer-mana:before {
  content: "\e844";
}

.icon-guide:before {
  content: "\e845";
}

.icon-menu-doc:before {
  content: "\e846";
}

.icon-menu-how-it:before {
  content: "\e847";
}

.icon-webhook:before {
  content: "\e848";
}

.icon-exclamation:before {
  content: "\e849";
}

.icon-folder-info:before {
  content: "\e84a";
}

.icon-feedback:before {
  content: "\e84b";
}

.icon-like:before {
  content: "\e84c";
}

.icon-code-folder:before {
  content: "\e84d";
}

.icon-speedometer:before {
  content: "\e84e";
}

.icon-saas:before {
  content: "\e84f";
}

.icon-bill:before {
  content: "\e850";
}

.icon-customer-ex:before {
  content: "\e851";
}

.icon-siem:before {
  content: "\e852";
}

.icon-check-2:before {
  content: "\e853";
}

.icon-arrow-down:before {
  content: "\e854";
}

.icon-fast:before {
  content: "\e855";
}

.icon-focus:before {
  content: "\e856";
}

.icon-scale-up:before {
  content: "\e857";
}

.icon-money-coins:before {
  content: "\e858";
}

.icon-privacy1:before {
  content: "\e859";
}

.icon-multiple:before {
  content: "\e85a";
}

.icon-preview:before {
  content: "\e85b";
}

.icon-window-code:before {
  content: "\e85c";
}

.icon-gdpr:before {
  content: "\e85d";
}

.icon-documents-thick:before {
  content: "\e85e";
}

.icon-bulb:before {
  content: "\e85f";
}

.icon-wand:before {
  content: "\e860";
}

.icon-web-design:before {
  content: "\e861";
}

.icon-account-v:before {
  content: "\e862";
}

.icon-back-management:before {
  content: "\e863";
}

.icon-whatsapp-1:before {
  content: "\e864";
}

.icon-details:before {
  content: "\e865";
}

.icon-stopwatch:before {
  content: "\e866";
}

.icon-house-pricing:before {
  content: "\e867";
}

.icon-self-service:before {
  content: "\e86e";
}

.icon-domain-verified:before {
  content: "\e86f";
}

.icon-saml:before {
  content: "\e870";
}

.icon-fully-managed:before {
  content: "\e871";
}

.icon-support-1:before {
  content: "\e872";
}

.icon-server-rack:before {
  content: "\e873";
}

.icon-domain-verified-1:before {
  content: "\e874";
}

.icon-fully-managed-1:before {
  content: "\e875";
}

.icon-saml-1:before {
  content: "\e876";
}

.icon-self-service-1:before {
  content: "\e877";
}

.icon-support-2:before {
  content: "\e878";
}

.icon-question:before {
  content: "\e879";
}

.icon-support-plus:before {
  content: "\e87a";
}

.icon-events-scale:before {
  content: "\e87b";
}

.icon-full-control:before {
  content: "\e87c";
}

.icon-network-f:before {
  content: "\e87d";
}

.icon-options-1:before {
  content: "\e87e";
}

.icon-plug-1:before {
  content: "\e87f";
}

.icon-components:before {
  content: "\e880";
}

.icon-data-separation:before {
  content: "\e881";
}

.icon-schedule-report-1:before {
  content: "\e883";
}

.icon-template:before {
  content: "\e884";
}

.icon-intensive-scale:before {
  content: "\e885";
}

.icon-calc:before {
  content: "\e886";
}

.icon-explore:before {
  content: "\e887";
}

.icon-tooltip:before {
  content: "\e888";
}

.icon-countdown:before {
  content: "\e889";
}

.icon-form:before {
  content: "\e900";
}

.icon-lock:before {
  content: "\e901";
}

.icon-user-filled:before {
  content: "\e902";
}

.icon-user-focus:before {
  content: "\e903";
}

.icon-play-filled:before {
  content: "\e904";
}

.icon-window-paragraph:before {
  content: "\e905";
}

.icon-dots:before {
  content: "\e906";
}

.icon-errors:before {
  content: "\e907";
}

.icon-warning:before {
  content: "\e908";
}

.icon-algorithm:before {
  content: "\e909";
}

.icon-play-triangle:before {
  content: "\e90a";
}

.icon-privacy:before {
  content: "\e90b";
}

.icon-switches:before {
  content: "\e90c";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-vkontakte:before {
  content: "\f189";
}

.icon-whatsapp:before {
  content: "\f232";
}

.col-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}

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

.col-row.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

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

@media only screen and (min-width: 769px) {
  .col-row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.col-row > .col {
  padding-left: 10px;
  padding-right: 10px;
}

.col-row > .col.l-1 {
  width: 8.33%;
}

.col-row > .col.l-2 {
  width: 16.66%;
}

.col-row > .col.l-2_5 {
  width: 20%;
}

.col-row > .col.l-3 {
  width: 25%;
}

.col-row > .col.l-4 {
  width: 33.3%;
}

.col-row > .col.l-5 {
  width: 41.66%;
}

.col-row > .col.l-6 {
  width: 50%;
}

.col-row > .col.l-7 {
  width: 58.33%;
}

.col-row > .col.l-8 {
  width: 66.66%;
}

.col-row > .col.l-9 {
  width: 75%;
}

.col-row > .col.l-9_5 {
  width: 80%;
}

.col-row > .col.l-10 {
  width: 83.33%;
}

.col-row > .col.l-11 {
  width: 91.66%;
}

.col-row > .col.l-12 {
  width: 100%;
}

.col-row > .col.l-auto {
  width: auto;
}

@media only screen and (max-width: 1366px) {
  .col-row > .col.ds-1 {
    width: 8.33%;
  }
  .col-row > .col.ds-2 {
    width: 16.66%;
  }
  .col-row > .col.ds-3 {
    width: 25%;
  }
  .col-row > .col.ds-4 {
    width: 33.3%;
  }
  .col-row > .col.ds-5 {
    width: 41.66%;
  }
  .col-row > .col.ds-6 {
    width: 50%;
  }
  .col-row > .col.ds-7 {
    width: 58.33%;
  }
  .col-row > .col.ds-8 {
    width: 66.66%;
  }
  .col-row > .col.ds-9 {
    width: 75%;
  }
  .col-row > .col.ds-10 {
    width: 83.33%;
  }
  .col-row > .col.ds-11 {
    width: 91.66%;
  }
  .col-row > .col.ds-12 {
    width: 100%;
  }
  .col-row > .col.ds-auto {
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .col-row > .col.t-1 {
    width: 8.33%;
  }
  .col-row > .col.t-2 {
    width: 16.66%;
  }
  .col-row > .col.t-3 {
    width: 25%;
  }
  .col-row > .col.t-4 {
    width: 33.3%;
  }
  .col-row > .col.t-5 {
    width: 41.66%;
  }
  .col-row > .col.t-6 {
    width: 50%;
  }
  .col-row > .col.t-7 {
    width: 58.33%;
  }
  .col-row > .col.t-8 {
    width: 66.66%;
  }
  .col-row > .col.t-9 {
    width: 75%;
  }
  .col-row > .col.t-10 {
    width: 83.33%;
  }
  .col-row > .col.t-11 {
    width: 91.66%;
  }
  .col-row > .col.t-12 {
    width: 100%;
  }
  .col-row > .col.t-auto {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .col-row > .col.m-1 {
    width: 8.33%;
  }
  .col-row > .col.m-2 {
    width: 16.66%;
  }
  .col-row > .col.m-3 {
    width: 25%;
  }
  .col-row > .col.m-4 {
    width: 33.3%;
  }
  .col-row > .col.m-5 {
    width: 41.66%;
  }
  .col-row > .col.m-6 {
    width: 50%;
  }
  .col-row > .col.m-7 {
    width: 58.33%;
  }
  .col-row > .col.m-8 {
    width: 66.66%;
  }
  .col-row > .col.m-9 {
    width: 75%;
  }
  .col-row > .col.m-10 {
    width: 83.33%;
  }
  .col-row > .col.m-11 {
    width: 91.66%;
  }
  .col-row > .col.m-12 {
    width: 100%;
  }
  .col-row > .col.m-auto {
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .hide-on-t {
    display: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .show-on-t {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .hide-on-m {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .show-on-m {
    display: none !important;
  }
}

@media only screen and (min-width: 641px) {
  .show-on-ms {
    display: none !important;
  }
}

.btn {
  margin: 0;
  z-index: 10;
  height: 48px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  line-height: 16px;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 16px 32px;
  position: relative;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  -webkit-appearance: none;
  border-radius: 8px;
  -webkit-transition: background-color .35s ease, color .35s ease, border-color .35s ease, -webkit-box-shadow .35s ease;
  transition: background-color .35s ease, color .35s ease, border-color .35s ease, -webkit-box-shadow .35s ease;
  transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease;
  transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease, -webkit-box-shadow .35s ease;
}

.btn--default {
  color: #fff;
  background: #6F7DFF;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
}

.btn--default:hover {
  background: #4C5ADE;
}

.btn--default--inversed {
  color: #6F7DFF;
  background: #f7f8fa;
}

.btn--default--inversed:hover {
  background: #f1f3f6;
}

.btn--primary {
  color: #fff;
  background: #6F7DFF;
}

.btn--primary:hover {
  background: #4C5ADE;
}

.btn--primary.btn--outline {
  background: none;
  color: #6F7DFF;
  -webkit-box-shadow: inset 0 0 0 2px #6F7DFF;
          box-shadow: inset 0 0 0 2px #6F7DFF;
}

.btn--primary.btn--outline:hover {
  background: #f1f3f6;
}

.btn--dark--inversed {
  color: #243d4d;
  background: #f7f8fa;
}

.btn--dark--inversed:hover {
  background: #f1f3f6;
}

.btn--secondary {
  color: #2E1D02;
  background: #ffbd07;
  -webkit-box-shadow: 0 20px 30px 0 #fff0c7;
          box-shadow: 0 20px 30px 0 #fff0c7;
}

.btn--secondary:hover {
  background: #edae00;
}

.btn--secondary--inversed {
  color: #fbbd06;
  background: #f7f8fa;
}

.btn--secondary--inversed:hover {
  background: #f1f3f6;
}

.btn--white {
  color: #6F7DFF;
  background: #fff;
}

.btn--white:hover {
  background: #eae6ff;
}

.btn--small {
  height: 48px;
  border-radius: 12px;
}

.btn--block {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .btn--ms-block {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.btn i {
  line-height: 1;
  margin-left: 21px;
}

.btn .icon-arrow-right {
  font-size: 10px;
}

.btn .icon-play {
  font-size: 28px;
}

.btn .icon-play-filled {
  font-size: 16px;
  margin-left: 16px;
}

.btn .icon-eye {
  font-size: 16px;
  margin-left: 16px;
}

.btn--video {
  padding: 0;
  color: #07080e;
}

.btn--video .icon-play {
  color: #d9dde5;
  font-size: 40px;
  background: #fff;
  border-radius: 50%;
  margin: 0 12px 0 0;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.btn--video:hover .icon-play {
  color: inherit;
}

.btn-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -16px -32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .btn-panel {
    margin: 0 -6px -16px;
  }
}

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

.btn-panel > .btn, .btn-panel > .btn-holder {
  margin: 0 16px 32px;
}

@media only screen and (max-width: 1680px) {
  .btn-panel > .btn, .btn-panel > .btn-holder {
    margin: 0 8px 16px;
  }
}

.default-section {
  padding: 23px 0 64px;
}

@media only screen and (max-width: 1680px) {
  .default-section {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .default-section {
    padding-top: 42px;
  }
}

.default-section__center {
  max-width: 850px;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
}

@media only screen and (max-width: 1680px) {
  .default-section__center {
    max-width: 720px;
  }
}

@media only screen and (max-width: 768px) {
  .default-section__center {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.default-section__center--big {
  font-size: 24px;
  line-height: 1.67;
}

@media only screen and (max-width: 1680px) {
  .default-section__center--big {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .default-section__center--big {
    font-size: 18px;
    line-height: 1.78;
  }
}

.default-section__center--big h2, .default-section__center--big h2.h1 {
  margin-bottom: 41px;
}

@media only screen and (max-width: 1680px) {
  .default-section__center--big h2, .default-section__center--big h2.h1 {
    margin-bottom: 22px;
  }
}

.default-section__center--big p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .default-section__center--big p {
    margin-bottom: 32px;
  }
}

.default-section__center .marked-list--inline, .default-section__center .marked-list--two-columns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab-body {
  position: relative;
}

.tab {
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.tab:not(.tab--active) {
  opacity: 0;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  bottom: 9999px;
  position: absolute;
}

.selecter {
  position: relative;
}

.selecter.mobile .selecter-element {
  z-index: 10;
  pointer-events: auto;
}

.selecter-element {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}

.wpcf7-not-valid + .selecter-selected:after {
  opacity: 0;
}

.wpcf7-not-valid + .selecter-selected {
  border-color: #FC1D3C;
}

.selecter-selected {
  width: 100%;
  height: 48px;
  display: block;
  color: #8d8a98;
  padding: 0 16px;
  cursor: pointer;
  font-size: 14px;
  overflow: hidden;
  line-height: 46px;
  position: relative;
  background: #f7f8fa;
  white-space: nowrap;
  border-radius: 16px;
  text-overflow: ellipsis;
  border: 1px solid #f7f8fa;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.selecter-selected.selected {
  color: #000;
}

.selecter-selected:after {
  top: 50%;
  right: 17px;
  color: #cccdd2;
  line-height: 1;
  font-size: 8px;
  content: '\e854';
  margin-top: -4px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-family: "icomoon";
  -webkit-transition: color .35s ease, opacity .35s ease, -webkit-transform .35s ease;
  transition: color .35s ease, opacity .35s ease, -webkit-transform .35s ease;
  transition: transform .35s ease, color .35s ease, opacity .35s ease;
  transition: transform .35s ease, color .35s ease, opacity .35s ease, -webkit-transform .35s ease;
}

.selecter.open .selecter-selected:after {
  color: #6F7DFF;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.selecter-options {
  opacity: 0;
  z-index: 150;
  color: #000;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  font-size: 14px;
  margin: 16px 0 0;
  overflow-y: auto;
  min-width: 199px;
  line-height: 18px;
  max-height: 320px;
  position: absolute;
  background: #fff;
  overflow-x: hidden;
  border-radius: 16px;
  padding: 24px 24px 8px;
  scroll-behavior: smooth;
  display: block !important;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
}

.selecter.open .selecter-options {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.selecter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: 0 0 24px;
  min-height: 24px;
  position: relative;
  padding: 0 0 0 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-word;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.selecter-item:after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 8px;
  line-height: 1;
  content: '\e853';
  color: transparent;
  border-radius: 4px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #edeef0;
  font-family: 'icomoon';
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.selecter-item:hover {
  color: #6F7DFF;
}

.selecter-item.selected:after {
  color: #fff;
  background: #6F7DFF;
}

.selecter-item:first-child {
  display: none;
}

.form-row {
  position: relative;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .form-row {
    margin-bottom: 18px;
  }
}

.form-row > label {
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 8px;
}

.form-row > br {
  display: none;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.custom-form div.wpcf7 div.ajax-loader,
.custom-form div.wpcf7 span.ajax-loader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  opacity: 0;
  width: auto;
  height: auto;
  z-index: 150;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  line-height: 1;
  font-size: 20px;
  background: none;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #4C5ADE;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form div.wpcf7 div.ajax-loader:before,
.custom-form div.wpcf7 span.ajax-loader:before {
  color: #fff;
  content: '\e817';
  font-family: 'icomoon';
}

.custom-form div.wpcf7 div.ajax-loader.is-active,
.custom-form div.wpcf7 span.ajax-loader.is-active {
  opacity: 1;
  pointer-events: auto;
}

.custom-form div.wpcf7 div.ajax-loader.is-active:before,
.custom-form div.wpcf7 span.ajax-loader.is-active:before {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
}

.custom-form .wpcf7-form p {
  position: relative;
}

.custom-form .wpcf7-form.invalid .wpcf7-response-output, .custom-form .wpcf7-form.unaccepted .wpcf7-response-output {
  color: #FC1D3C;
}

.custom-form .wpcf7-form.sent .wpcf7-response-output {
  color: #31c534;
}

.custom-form .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}

.custom-form .wpcf7-text, .custom-form .wpcf7-select, .custom-form .wpcf7-textarea {
  width: 100%;
  height: 48px;
  display: block;
  padding: 0 23px;
  font-size: 14px;
  background: #f7f8fa;
  font-family: inherit;
  -webkit-appearance: none;
  border: 1px solid #f7f8fa;
  -webkit-transition: border-color .35s ease;
  transition: border-color .35s ease;
  border-radius: 16px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .custom-form .wpcf7-text, .custom-form .wpcf7-select, .custom-form .wpcf7-textarea {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 360px) {
  .custom-form .wpcf7-text, .custom-form .wpcf7-select, .custom-form .wpcf7-textarea {
    padding: 0 16px;
  }
}

.custom-form .wpcf7-text:focus, .custom-form .wpcf7-select:focus, .custom-form .wpcf7-textarea:focus {
  border-color: #CAC7D8;
}

.custom-form .wpcf7-text:focus::-webkit-input-placeholder, .custom-form .wpcf7-select:focus::-webkit-input-placeholder, .custom-form .wpcf7-textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

.custom-form .wpcf7-text:focus:-ms-input-placeholder, .custom-form .wpcf7-select:focus:-ms-input-placeholder, .custom-form .wpcf7-textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.custom-form .wpcf7-text:focus::-ms-input-placeholder, .custom-form .wpcf7-select:focus::-ms-input-placeholder, .custom-form .wpcf7-textarea:focus::-ms-input-placeholder {
  opacity: 0;
}

.custom-form .wpcf7-text:focus::placeholder, .custom-form .wpcf7-select:focus::placeholder, .custom-form .wpcf7-textarea:focus::placeholder {
  opacity: 0;
}

.custom-form .wpcf7-text:focus:-ms-input-placeholder, .custom-form .wpcf7-select:focus:-ms-input-placeholder, .custom-form .wpcf7-textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.custom-form .wpcf7-text:focus::-ms-input-placeholder, .custom-form .wpcf7-select:focus::-ms-input-placeholder, .custom-form .wpcf7-textarea:focus::-ms-input-placeholder {
  opacity: 0;
}

.custom-form .wpcf7-text.wpcf7-not-valid, .custom-form .wpcf7-select.wpcf7-not-valid, .custom-form .wpcf7-textarea.wpcf7-not-valid {
  border-color: #FC1D3C;
}

.custom-form .wpcf7-text::-webkit-input-placeholder, .custom-form .wpcf7-select::-webkit-input-placeholder, .custom-form .wpcf7-textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form .wpcf7-text:-ms-input-placeholder, .custom-form .wpcf7-select:-ms-input-placeholder, .custom-form .wpcf7-textarea:-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form .wpcf7-text::-ms-input-placeholder, .custom-form .wpcf7-select::-ms-input-placeholder, .custom-form .wpcf7-textarea::-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form .wpcf7-text::placeholder, .custom-form .wpcf7-select::placeholder, .custom-form .wpcf7-textarea::placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form .wpcf7-text:-ms-input-placeholder, .custom-form .wpcf7-select:-ms-input-placeholder, .custom-form .wpcf7-textarea:-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form .wpcf7-text::-ms-input-placeholder, .custom-form .wpcf7-select::-ms-input-placeholder, .custom-form .wpcf7-textarea::-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.custom-form .wpcf7-textarea {
  height: auto;
  resize: none;
  padding-top: 16px;
  padding-bottom: 16px;
}

.custom-form .wpcf7-select {
  cursor: pointer;
  padding-right: 50px;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: calc(100% - 23px) 50%;
  background-image: url(../images/down-arrow.svg);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .custom-form .wpcf7-select {
    padding-right: 40px;
    background-position: calc(100% - 16px) 50%;
  }
}

.custom-form .wpcf7-select:not(.selected) {
  color: #8d8a98;
}

.custom-form .wpcf7-select.wpcf7-not-valid {
  background-image: none;
}

.custom-form .wpcf7-select option:first-child {
  display: none;
}

.custom-form .wpcf7-select[multiple] {
  height: auto;
  min-height: 48px;
  line-height: 48px;
}

.custom-form .wpcf7-submit {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .custom-form .wpcf7-submit {
    margin-top: 25px;
  }
}

.custom-form .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  text-align: left;
  max-width: 400px;
  line-height: 18px;
  padding-top: 20px;
  margin-left: -3px;
  margin-right: -3px;
  margin-bottom: -6px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .custom-form .wpcf7-checkbox {
    max-width: none;
  }
}

@media only screen and (max-width: 768px) {
  .custom-form .wpcf7-checkbox {
    line-height: 24px;
  }
}

.custom-form .wpcf7-checkbox label {
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.custom-form .wpcf7-checkbox input[type='checkbox'] {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}

.custom-form .wpcf7-checkbox input[type='checkbox']:checked + .wpcf7-list-item-label:after {
  color: #fff;
  background: #6F7DFF;
}

.custom-form .wpcf7-list-item {
  width: 33.3333%;
  margin: 0 0 22px;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .custom-form .wpcf7-list-item {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .custom-form .wpcf7-list-item {
    width: 50%;
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .custom-form .wpcf7-list-item {
    width: 100%;
    margin-bottom: 32px;
  }
}

.custom-form .wpcf7-list-item-label {
  padding-left: 32px;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .custom-form .wpcf7-list-item-label {
    padding-left: 48px;
  }
}

.custom-form .wpcf7-list-item-label:after {
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 11px;
  content: '\e819';
  position: absolute;
  color: transparent;
  border-radius: 4px;
  background: #edeef0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'icomoon';
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 768px) {
  .custom-form .wpcf7-list-item-label:after {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
}

.custom-form .wpcf7-display-none {
  display: none;
}

.custom-form .wpcf7-not-valid-tip {
  top: 0;
  bottom: 0;
  right: 16px;
  width: 16px;
  font-size: 0;
  line-height: 0;
  text-align: left;
  position: absolute;
  pointer-events: none;
  text-indent: -9999px;
  background: url(../images/error.svg) 50% 50%/contain no-repeat;
}

.custom-form .wpcf7 .screen-reader-response {
  width: auto;
  height: auto;
  color: #000;
  display: block;
  margin: 0 0 23px;
  position: static;
  font-weight: bold;
  overflow: visible;
  display: none !important;
}

.custom-form .wpcf7-mail-sent-ok, .custom-form .wpcf7-validation-errors, .custom-form .wpcf7-response-output {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  padding: 0 !important;
  border: none !important;
  margin: 8px 0 !important;
}

.custom-form .wpcf7-validation-errors {
  color: #FC1D3C;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.custom-form .wpcf7-mail-sent-ok {
  color: #31c534;
}

.custom-form .btn--default {
  -webkit-box-shadow: 0 10px 27px 0 #d9d5ed;
          box-shadow: 0 10px 27px 0 #d9d5ed;
}

.multiple-select {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .multiple-select .wpcf7-checkbox {
    display: block;
  }
}

.multiple-select__selected {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #8d8a98;
  font-size: 14px;
  line-height: 48px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f7f8fa;
  border-radius: 16px;
  padding: 0 60px 0 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.multiple-select__selected strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.multiple-select__selected__arrow {
  top: 50%;
  right: 23px;
  color: #cccdd2;
  line-height: 1;
  font-size: 8px;
  margin-top: -4px;
  position: absolute;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.multiple-select--open .multiple-select__selected__arrow {
  color: #6F7DFF;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.multiple-select__selected-count {
  width: 32px;
  height: 32px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: -12px;
  margin-right: 12px;
  border-radius: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #6F7DFF;
}

@media only screen and (max-width: 768px) {
  .multiple-select > .checkbox {
    opacity: 0;
    top: -9999px;
    z-index: 150;
    right: 9999px;
    left: -9999px;
    margin: 16px 0 0;
    background: #fff;
    position: absolute;
    border-radius: 16px;
    padding: 32px 24px 10px;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0 11px 45px 0 #dee1e6;
            box-shadow: 0 11px 45px 0 #dee1e6;
    -webkit-transition: all 0s ease .35s, opacity .35s ease;
    transition: all 0s ease .35s, opacity .35s ease;
  }
}

@media only screen and (max-width: 640px) {
  .multiple-select > .checkbox {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .multiple-select > .checkbox .wpcf7-checkbox {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .multiple-select--open .checkbox {
    left: 0;
    right: 0;
    top: 100%;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, transform .35s ease;
    transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
  }
}

.acceptance-text {
  font-size: 16px;
}

.acceptance-text a {
  color: #6F7DFF;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.acceptance-text a:hover {
  color: #4C5ADE;
}

.custom-form .acceptance-row {
  margin-bottom: 20px;
}

.custom-form .acceptance-check {
  display: block;
  padding-top: 0;
}

.custom-form .acceptance-check .wpcf7-list-item {
  width: auto;
  margin-bottom: 0;
}

.custom-form .acceptance-check.has-error .wpcf7-list-item-label {
  color: #FC1D3C;
}

.custom-form .acceptance-check.has-error .wpcf7-list-item-label:after {
  -webkit-box-shadow: inset 0 0 0 1px #FC1D3C;
          box-shadow: inset 0 0 0 1px #FC1D3C;
}

.custom-form .terms-checkbox {
  margin-bottom: 0;
}

.custom-form .acceptance-text {
  margin-bottom: 20px;
}

.custom-form .intl-tel-input .country-list {
  z-index: 11;
}

.custom-form-terms {
  z-index: 11;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  margin: 28px 0 0 !important;
}

.custom-form-terms a {
  text-decoration: none;
  color: #6F7DFF !important;
}

.custom-form-terms a:hover {
  color: #4C5ADE !important;
}

form .wpcf7-spinner {
  top: 50%;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.search-form {
  width: 100%;
  max-width: 356px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .search-form {
    margin: 0 0 0 10px;
    width: calc(50% + 10px);
  }
}

@media only screen and (max-width: 768px) {
  .search-form {
    margin: 0;
    width: 100%;
    max-width: none;
  }
}

.search-form div.wpcf7 div.ajax-loader,
.search-form div.wpcf7 span.ajax-loader {
  width: 40px;
  background: #f5f5f7;
  border-radius: 8px 0 0 8px;
}

.search-form div.wpcf7 div.ajax-loader:before,
.search-form div.wpcf7 span.ajax-loader:before {
  color: #6F7DFF;
}

.search-form .wpcf7 .screen-reader-response {
  display: none !important;
}

.search-form .wpcf7-form {
  position: relative;
}

.search-form .wpcf7-form p,
.search-form .wpcf7-form .form-row {
  margin: 0;
}

.search-form .wpcf7-form p {
  height: 0;
  position: static;
}

.search-form .wpcf7-text {
  height: 40px;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 8px;
  background: #f5f5f7;
  padding: 0 59px 0 48px;
}

@media only screen and (max-width: 1024px) {
  .search-form .wpcf7-text {
    height: 48px;
  }
}

.search-form .wpcf7-text:not(:focus) {
  border-color: #f5f5f7;
}

.search-form .wpcf7-submit {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 100%;
  border: none;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  -webkit-appearance: none;
  border-radius: 8px 0 0 8px;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
  background: url(../images/search.svg) 50% 50%/16px 17px no-repeat;
}

.search-form .wpcf7-submit:hover {
  background-color: rgba(220, 221, 225, 0.2);
}

.search-form__dropdown-holder {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
  .search-form__dropdown-holder {
    display: none;
  }
}

.search-form__dropdown {
  opacity: 0;
  top: -9999px;
  z-index: 250;
  left: -9999px;
  right: 9999px;
  margin-top: 8px;
  overflow-y: auto;
  max-height: 250px;
  position: absolute;
  border-radius: 8px;
  overflow-x: hidden;
  pointer-events: auto;
  scroll-behavior: smooth;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
}

.search-form__dropdown-holder.search-form__dropdown-holder--open .search-form__dropdown {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.search-form__dropdown__icon {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 100%;
  border: none;
  line-height: 1;
  color: #cccdd2;
  font-size: 12px;
  cursor: pointer;
  border-radius: 0;
  background: none;
  pointer-events: auto;
  -webkit-appearance: none;
  -webkit-transition: color .35s ease, -webkit-transform .35s ease;
  transition: color .35s ease, -webkit-transform .35s ease;
  transition: color .35s ease, transform .35s ease;
  transition: color .35s ease, transform .35s ease, -webkit-transform .35s ease;
}

.search-form__dropdown-holder.search-form__dropdown-holder--open .search-form__dropdown__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.search-form__dropdown__icon:hover {
  color: #b1b2ba;
}

.search-form__dropdown__icon i {
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.search-form__dropdown__list {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  line-height: 18px;
}

.search-form__dropdown__list a {
  display: block;
  padding: 11px 16px;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.search-form__dropdown__list a:hover {
  background-color: rgba(220, 221, 225, 0.2);
}

.filter-panel {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 104px 0 -65px;
  background-color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 1680px) {
  .filter-panel {
    margin: 74px 0 -56px;
  }
}

@media only screen and (max-width: 768px) {
  .filter-panel {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 32px;
    margin-bottom: -87px;
  }
}

.filter-list {
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .filter-list {
    max-width: 356px;
    margin-right: 10px;
    width: calc(50% + 10px);
  }
}

@media only screen and (max-width: 768px) {
  .filter-list {
    width: 100%;
    margin: 0 0 16px;
    max-width: none;
  }
}

.filter-list__active-category {
  color: #616166;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 18px;
  border-radius: 8px;
  padding: 14px 16px;
  position: relative;
  background: #fff;
  border: 1px solid #cccdd2;
  -webkit-box-shadow: 0 1px 1px 0 #dcdde1;
          box-shadow: 0 1px 1px 0 #dcdde1;
}

.filter-list__active-category__arrow {
  top: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cccdd2;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.filter-list__active-category__arrow:before {
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform .35s ease;
  transition: -webkit-transform .35s ease;
  transition: transform .35s ease;
  transition: transform .35s ease, -webkit-transform .35s ease;
}

.filter-list--open .filter-list__active-category__arrow:before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media only screen and (max-width: 1024px) {
  .filter-list .filter-menu-container {
    opacity: 0;
    z-index: 150;
    top: -9999px;
    left: -9999px;
    right: 9999px;
    margin-top: 10px;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cccdd2;
    -webkit-box-shadow: 0 1px 1px 0 #dcdde1;
            box-shadow: 0 1px 1px 0 #dcdde1;
    -webkit-transition: all 0s ease .35s, opacity .35s ease;
    transition: all 0s ease .35s, opacity .35s ease;
  }
}

@media only screen and (max-width: 1024px) {
  .filter-list--open .filter-menu-container {
    left: 0;
    right: 0;
    top: 100%;
    opacity: 1;
    -webkit-transition: opacity .35s ease;
    transition: opacity .35s ease;
  }
}

.filter-list .menu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -8px -16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .filter-list .menu {
    margin: 0;
    display: block;
  }
}

.filter-list li {
  margin: 0 8px 16px;
}

@media only screen and (max-width: 1024px) {
  .filter-list li {
    margin: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .filter-list li.active {
    display: none;
  }
}

.filter-list li.active a {
  font-weight: bold;
  color: #6F7DFF;
  background: #eae6ff;
  border-color: #eae6ff;
}

.filter-list a {
  min-width: 50px;
  padding: 10px 15px;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: 1px solid #dcdde1;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 1024px) {
  .filter-list a {
    min-width: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    border-radius: 0;
    padding: 14px 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.filter-list a:hover {
  border-color: #6F7DFF;
}

@media only screen and (max-width: 1024px) {
  .filter-list a:hover {
    background-color: rgba(220, 221, 225, 0.2);
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px 54px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .pagination {
    padding-top: 64px;
    margin-bottom: 32px;
  }
}

.pagination a,
.pagination .page-numbers {
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  margin: 0 8px;
  display: block;
  font-size: 14px;
  text-align: left;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 50%;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.pagination a.prev, .pagination a.next, .pagination a.first, .pagination a.last,
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.pagination .page-numbers.first,
.pagination .page-numbers.last {
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 0;
  background: none;
  text-indent: -9999px;
}

.pagination a.prev:after, .pagination a.next:after, .pagination a.first:after, .pagination a.last:after,
.pagination .page-numbers.prev:after,
.pagination .page-numbers.next:after,
.pagination .page-numbers.first:after,
.pagination .page-numbers.last:after {
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-indent: 0;
  font-size: 10px;
  content: '\e800';
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -8px 0 0 -8px;
  font-family: "icomoon";
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination a.first:after, .pagination a.last:after,
.pagination .page-numbers.first:after,
.pagination .page-numbers.last:after {
  margin-left: -11px;
}

.pagination a.first:before, .pagination a.last:before,
.pagination .page-numbers.first:before,
.pagination .page-numbers.last:before {
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-indent: 0;
  font-size: 10px;
  content: '\e800';
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -8px 0 0 -5px;
  font-family: "icomoon";
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination a.prev:after, .pagination a.prev:before, .pagination a.first:after, .pagination a.first:before,
.pagination .page-numbers.prev:after,
.pagination .page-numbers.prev:before,
.pagination .page-numbers.first:after,
.pagination .page-numbers.first:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pagination .extend {
  margin: 0 8px;
}

.pagination a {
  color: #6F7DFF;
  background: #f5f5f7;
}

.pagination a:hover, .pagination a:not(.active):hover {
  background: #eae6ff;
}

.pagination a.prev, .pagination a.next, .pagination a.first, .pagination a.last {
  background: none;
}

.pagination a.prev:hover, .pagination a.next:hover, .pagination a.first:hover, .pagination a.last:hover {
  color: #4C5ADE;
}

.pagination span.page-numbers {
  color: #fff;
  background: #6F7DFF;
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

/* .header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  position: fixed;
  padding: 20px 0;
  min-width: 320px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
} */

/* @media only screen and (min-width: 1367px) {
  .header {
    padding-left: 40px;
    padding-right: 40px;
  }
} */

/* @media only screen and (max-width: 1680px) {
  .header {
    padding-top: 16px;
    padding-bottom: 16px;
  }
} */

/* @media only screen and (max-width: 1024px) {
  .header {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 24px 0 23px;
    border-bottom: 1px solid #edeef0;
  }
  .header:after {
    top: 100%;
    opacity: 0;
    content: '';
    left: -9999px;
    right: 9999px;
    height: 9999px;
    background: #000;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 0s ease .35s, opacity .35s ease;
    transition: all 0s ease .35s, opacity .35s ease;
  }
  .mobile-menu-open .header:after {
    left: 0;
    right: 0;
    opacity: .4;
    -webkit-transition: opacity .35s ease;
    transition: opacity .35s ease;
  }
} */

/* @media only screen and (max-width: 768px) {
  .header {
    padding: 22px 0;
    min-height: 64px;
  }
} */

@media only screen and (min-width: 641px) {
  #wrapper.header-transparent .header:not(.header--dark) {
    border: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

#wrapper.header-transparent .header {
  position: relative;
}

@media only screen and (max-width: 640px) {
  #wrapper.header-transparent .header .container {
    min-height: 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  #wrapper.header-transparent .header .logo {
    width: 109px;
    margin-right: 0;
  }
}

#wrapper.header-transparent .header.header--dark .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* .header.header--dark .container > .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #6F7DFF;
  background: #fff;
} */

/* .header.header--dark .container > .btn:hover {
  background: #eae6ff;
} */

/* .header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
} */

/* @media only screen and (min-width: 1367px) {
  .header .container:not(.container--default) {
    max-width: 1360px;
  }
} */

/* @media only screen and (min-width: 1367px) and (max-width: 1680px) {
  .header .container:not(.container--default) {
    max-width: 1280px;
  }
} */

/* @media only screen and (min-width: 1025px) {
  .header .container:not(.container--default) {
    min-height: 48px;
  }
} */

/* .header .container > .btn:not(.btn--small) {
  height: 48px;
} */

/* @media only screen and (max-width: 640px) {
  .header .container > .btn:not(.btn--small) {
    display: none;
  }
} */

@media only screen and (max-width: 640px) {
  .header--simple .container {
    min-height: 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* .header--dark {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #100831;
} */

/* .header--black {
  background: #1E1F2B;
  -webkit-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
} */

.header--transparent {
  background: none;
}

#wrapper.homepage {
  padding-top: 0;
}

.header-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 1.2;
  min-height: 40px;
  font-weight: 500;
  overflow: hidden;
  padding: 4px 54px;
  position: relative;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -20px 0 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1367px) {
  .header-banner {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media only screen and (max-width: 1680px) {
  .header-banner {
    margin-top: -16px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .header-banner {
    margin-top: -24px;
    margin-bottom: 23px;
  }
}

@media only screen and (max-width: 768px) {
  .header-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 32px 12px 26px;
  }
}

.header-banner__text {
  display: block;
}

.header-banner__close {
  top: 50%;
  padding: 0;
  right: 24px;
  width: 20px;
  height: 20px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  line-height: 1;
  cursor: pointer;
  font-size: 16px;
  background: none;
  margin: -10px 0 0;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

@media only screen and (max-width: 768px) {
  .header-banner__close {
    right: 12px;
  }
}

.header-banner__close:hover {
  opacity: 0.8;
}

.header-banner .btn--small {
  height: 32px;
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px 16px;
  margin-left: 16px;
  border-radius: 8px;
}

@media only screen and (max-width: 768px) {
  .header-banner .btn--small {
    margin: 8px 0 0;
  }
}

.header-banner .btn--small:hover:before {
  opacity: 0.1;
}

.header-banner .btn::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  content: '';
  z-index: -10;
  border-radius: 8px;
  background: #000;
  position: absolute;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

/* .logo {
  top: -2px;
  width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-right: 56px;
  position: relative;
} */

/* @media only screen and (max-width: 1024px) {
  .logo {
    top: auto;
    width: 109px;
  }
}

@media only screen and (max-width: 1680px) {
  .logo {
    width: 136px;
    margin-right: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .logo {
    margin-right: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .logo {
    width: 106px;
    height: 20px;
  }
} */

@media only screen and (max-width: 640px) {
  .header--simple .logo {
    width: 109px;
    margin-right: 0;
  }
}

/* .logo a {
  display: block;
  overflow: hidden;
}

.logo img {
  width: 100%;
  height: auto;
  display: block;
} */

/* .burger {
  right: 24px;
  width: 16px;
  height: 14px;
  bottom: 28px;
  z-index: 1200;
  position: absolute;
} */

/* @media only screen and (min-width: 1025px) {
  .burger {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .burger {
    bottom: 25px;
  }
}

.burger i {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  background: #cccdd2;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

body.mobile-menu-open .burger i {
  background: none;
}

.burger i:after, .burger i:before {
  left: 0;
  right: 0;
  content: '';
  height: 2px;
  position: absolute;
  background: #cccdd2;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

body.mobile-menu-open .burger i:after, body.mobile-menu-open .burger i:before {
  left: -4px;
  right: -4px;
}

.burger i:after {
  top: -6px;
}

body.mobile-menu-open .burger i:after {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.burger i:before {
  bottom: -6px;
}

body.mobile-menu-open .burger i:before {
  bottom: 50%;
  margin-bottom: -1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media only screen and (max-width: 1024px) {
  body.mobile-menu-open {
    overflow: hidden !important;
  }
} */

/* .main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  list-style: none;
  line-height: 18px;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 -12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .main-menu {
    margin-left: -8px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu {
    padding: 0;
    display: block;
    padding: 0 22px 0 32px;
    margin: 0 -22px 0 -32px;
  }
  .main-menu:not(:first-child) {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu-main-nav-container {
    padding-bottom: 32px;
  }
}

.main-menu .menu {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu {
    width: 100%;
    display: block;
  }
}

.main-menu .menu > li {
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li {
    margin: 0 12px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .main-menu .menu > li {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li:not(:first-child) {
    margin-top: 18px;
  }
  .main-menu .menu > li.menu-item--open.menu-item-has-children > a:before {
    margin-top: -3px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li:last-child {
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1367px) {
  .main-menu .menu > li:not(.header-btn) + .header-btn {
    margin-left: 2px;
  }
}

@media only screen and (max-width: 768px) {
  .main-menu .menu > li.menu-item--open .menu-toggle-drop i {
    color: #6F7DFF;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.main-menu .menu > li.menu-item-has-children > a {
  position: relative;
}

.main-menu .menu > li.menu-item-has-children > a:before {
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  content: '';
  margin-top: -5px;
  position: absolute;
  border-style: solid;
  border-color: #cccdd2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-width: 0 2px 2px 0;
  -webkit-transition: border-color .35s ease, opacity .35s ease, -webkit-transform .35s ease;
  transition: border-color .35s ease, opacity .35s ease, -webkit-transform .35s ease;
  transition: border-color .35s ease, transform .35s ease, opacity .35s ease;
  transition: border-color .35s ease, transform .35s ease, opacity .35s ease, -webkit-transform .35s ease;
}

@media only screen and (min-width: 1025px) {
  .header:not(:hover) .main-menu .menu > li.menu-item-has-children > a:before {
    opacity: 0;
  }
}

.header--dark .main-menu .menu > li.menu-item-has-children > a:before {
  border-color: #fff;
}

.main-menu .menu > li.menu-item-has-children:hover > a:before {
  border-color: #6F7DFF;
}

.header--dark .main-menu .menu > li.menu-item-has-children:hover > a:before {
  border-color: #ffbd07;
}

.header--black .main-menu .menu > li.menu-item-has-children:hover > a:before {
  border-color: #6F7DFF;
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li:hover .menu-toggle-drop:after {
    border-color: #6F7DFF;
  }
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li:hover > .sub-menu {
    top: 100%;
    opacity: 1;
    left: -32px;
    -webkit-transition: all 0s ease .1s, opacity .35s ease .1s;
    transition: all 0s ease .1s, opacity .35s ease .1s;
  }
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li:hover:nth-last-child(2) > .sub-menu {
    left: auto;
    right: -32px;
  }
}

.main-menu .menu > li > a {
  color: #05060C;
  padding-right: 18px;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li > a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.header--dark .main-menu .menu > li > a {
  color: #fff;
}

.main-menu .menu > li > a:hover {
  color: #6F7DFF;
}

.header--dark .main-menu .menu > li > a:hover {
  color: #ffbd07;
}

.header--black .main-menu .menu > li > a:hover {
  color: #6F7DFF;
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li.header-btn {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li.header-btn + .header-btn {
    margin-top: 14px;
  }
}

.main-menu .menu > li.header-btn > a {
  min-width: 112px;
  position: relative;
  border-radius: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 13px 48px 13px 20px;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .main-menu .menu > li.header-btn > a {
    font-size: 13px;
    min-width: 100px;
    padding-right: 48px;
    padding: 12px 36px 12px 16px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .main-menu .menu > li.header-btn > a {
    min-width: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li.header-btn > a {
    min-width: 170px;
  }
}

.main-menu .menu > li.header-btn > a i {
  font-size: 10px;
  margin-top: 3px;
  margin-left: 24px;
}

.main-menu .menu > li.header-btn > a:after {
  top: 50%;
  right: 24px;
  display: block;
  line-height: 1;
  font-size: 10px;
  content: '\e800';
  margin-top: -5px;
  position: absolute;
  font-family: 'icomoon';
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .main-menu .menu > li.header-btn > a:after {
    right: 18px;
    font-size: 8px;
    margin-top: -4px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li.header-btn > a:after {
    right: 32px;
  }
}

.main-menu .menu > li.header-btn--default > a {
  color: #6F7DFF;
  background: #f7f8fa;
}

.main-menu .menu > li.header-btn--default > a:hover {
  color: #4C5ADE;
  background: #f1f3f6;
}

.main-menu .menu > li.header-btn--primary > a {
  color: #fff;
  padding-top: 15px;
  border-radius: 8px;
  padding-bottom: 15px;
  background: #6F7DFF;
}

.main-menu .menu > li.header-btn--primary > a:hover {
  color: #fff;
  background: #4C5ADE;
}

.main-menu .menu > li.header-btn--secondary > a {
  color: #000;
  background: #ffbd07;
}

.main-menu .menu > li.header-btn--secondary > a:hover {
  color: #000;
  background: #edae00;
}

.main-menu .menu > li .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (min-width: 1025px) {
  .main-menu .menu > li .sub-menu {
    opacity: 0;
    top: -9999px;
    left: -9999px;
    max-width: 525px;
    min-width: 288px;
    position: absolute;
    padding: 26px 24px 7px;
    display: block !important;
    -webkit-transition: all 0s ease .35s, opacity .35s ease;
    transition: all 0s ease .35s, opacity .35s ease;
  }
  .main-menu .menu > li .sub-menu:after {
    top: 19px;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -10;
    position: absolute;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 50px 0 rgba(220, 221, 225, 0.45);
            box-shadow: 0 4px 50px 0 rgba(220, 221, 225, 0.45);
  }
  .header--dark .main-menu .menu > li .sub-menu:after {
    background: #201647;
    -webkit-box-shadow: 0px 8px 48px rgba(57, 57, 104, 0.15);
            box-shadow: 0px 8px 48px rgba(57, 57, 104, 0.15);
  }
  .header--black .main-menu .menu > li .sub-menu:after {
    background: #393C4F;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu {
    font-weight: normal;
    padding: 20px 0 10px;
  }
}

.main-menu .menu > li .sub-menu li {
  margin: 0 -24px;
  padding: 17px 24px;
}

.main-menu .menu > li .sub-menu li:not(:first-child) {
  border-top: 1px solid #EDEEF0;
}

.header--dark .main-menu .menu > li .sub-menu li:not(:first-child) {
  border-top-color: #3D345C;
}

.header--black .main-menu .menu > li .sub-menu li:not(:first-child) {
  border-top-color: rgba(255, 255, 255, 0.24);
}

@media only screen and (max-width: 1024px) {
  .header--black .main-menu .menu > li .sub-menu li:not(:first-child) {
    border-top-color: rgba(255, 255, 255, 0.1);
  }
}

.main-menu .menu > li .sub-menu li.menu-item-has-children {
  padding: 0 24px;
  margin: 0 -24px;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu li.menu-item-has-children {
    margin-right: -22px;
    padding-right: 22px;
  }
}

.main-menu .menu > li .sub-menu li.menu-item-has-children:not(:first-child) {
  padding-top: 24px;
  border-top: 1px solid #edeef0;
}

.main-menu .menu > li .sub-menu li.menu-item-has-children:not(:last-child) {
  padding-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu li.menu-item-has-children:not(:last-child) {
    padding-bottom: 24px;
  }
}

.main-menu .menu > li .sub-menu li.menu-item-has-children > a {
  padding: 0;
  min-height: 0;
  color: #878996;
  display: block;
  font-size: 10px;
  line-height: 13px;
  font-weight: bold;
  margin-bottom: 24px;
  pointer-events: none;
  letter-spacing: 0.83px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu li.menu-item-has-children > a {
    margin-bottom: 16px;
  }
}

.main-menu .menu > li .sub-menu li.menu-item-has-children > a .menu-toggle-drop {
  display: none;
}

.main-menu .menu > li .sub-menu li.menu-item--has-badge a {
  padding-right: 100px;
}

.main-menu .menu > li .sub-menu li.menu-item--has-badge .descr {
  margin-right: -100px;
}

.main-menu .menu > li .sub-menu li.dark-badge .menu-item__badge {
  color: #fff;
  background: #6F7DFF;
}

.main-menu .menu > li .sub-menu li.dark-badge .menu-item__badge:after {
  background-image: url(../images/badge-bg-frame.svg);
}

.main-menu .menu > li .sub-menu a {
  color: #05060c;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  position: relative;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.main-menu .menu > li .sub-menu a br {
  display: none;
}

.main-menu .menu > li .sub-menu a .descr {
  display: block;
  margin: 2px 0 0;
  font-size: 13px;
  color: #878996;
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu a .descr {
    margin-top: 8px;
    font-size: 12px;
  }
}

.header--dark .main-menu .menu > li .sub-menu a .descr {
  color: #EDEEF0;
}

.main-menu .menu > li .sub-menu a .menu-item__badge {
  top: 0;
  right: 0;
  font-size: 9px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  color: #6F7DFF;
  white-space: nowrap;
  background: #eae6ff;
  padding: 8px 8px 7px 4px;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu a .menu-item__badge {
    top: 1px;
  }
}

.main-menu .menu > li .sub-menu a .menu-item__badge:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 11px;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.header--dark .main-menu .menu > li .sub-menu a {
  color: #fff;
}

.main-menu .menu > li .sub-menu a i {
  left: 0;
  top: 50%;
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  margin-top: -28px;
  border-radius: 50%;
  position: absolute;
  color: #6F7DFF;
  background: #f4f2ff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu > li .sub-menu a i {
    top: 0;
    width: 40px;
    height: 40px;
    margin-top: 0;
    font-size: 16px;
  }
}

.main-menu .menu > li .sub-menu a i img, .main-menu .menu > li .sub-menu a i svg {
  width: 24px;
  height: 24px;
  display: block;
}

.main-menu .menu > li .sub-menu a:hover {
  color: #6F7DFF;
}

.header--dark .main-menu .menu > li .sub-menu a:hover {
  color: #ffbd07;
}

.header--black .main-menu .menu > li .sub-menu a:hover {
  color: #6F7DFF;
}

.main-menu .menu > li .sub-menu a:hover i {
  background: #ebe8ff;
}

.main-menu .menu > li .sub-menu .sub-menu {
  opacity: 1;
  padding: 0;
  width: auto;
  position: static;
  display: block !important;
}

.main-menu .menu .menu-toggle-drop {
  top: 1px;
  width: 16px;
  right: -1px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cccdd2;
  line-height: 1;
  cursor: pointer;
  font-size: 10px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .main-menu .menu .menu-toggle-drop {
    top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .main-menu .menu .menu-toggle-drop {
    font-size: 12px;
  }
}

.main-menu .menu .menu-toggle-drop i {
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media only screen and (min-width: 1025px) {
  .nav {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 1025px) {
  .nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (max-width: 1024px) {
  .nav {
    margin: 0;
    opacity: 0;
    width: 335px;
    top: -9999px;
    right: 9999px;
    bottom: 9999px;
    z-index: 1100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    scroll-behavior: smooth;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    padding: 17px 22px 10px 32px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0s ease .35s, opacity .35s ease, -webkit-transform .35s ease;
    transition: all 0s ease .35s, opacity .35s ease, -webkit-transform .35s ease;
    transition: all 0s ease .35s, opacity .35s ease, transform .35s ease;
    transition: all 0s ease .35s, opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
  }
  .header--dark .nav {
    background: #201647;
  }
  .header--black .nav {
    background: #1E1F2B;
  }
  body.mobile-menu-open .nav {
    right: 0;
    top: 72px;
    bottom: 0;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, transform .35s ease;
    transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
  }
}

@media only screen and (max-width: 768px) {
  body.mobile-menu-open .nav {
    top: 64px;
  }
} */

@media only screen and (max-width: 1024px) {
  .nav__footer {
    margin: 0 -32px;
    padding: 32px 32px 12px;
    width: calc(100% + 64px);
    border-top: 1px solid #edeef0;
  }
}

.nav .copyright {
  color: #878996;
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.nav .socials .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px 7px;
}

.nav .socials .menu li {
  margin: 0 16px 16px !important;
}

.footer {
  color: #878996;
  padding: 32px 0 48px;
}

@media only screen and (min-width: 1367px) {
  .footer {
    background: #F7F7F9;
  }
  .footer:not(.no-subscribe) {
    padding-top: 192px;
    margin-top: -160px;
  }
}

@media only screen and (max-width: 768px) {
  .footer {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}

.footer--contract {
  padding-top: 97px;
  padding-bottom: 200px;
  background: url(../images/contract-footer-bg.svg) 50% 100%/1197px auto no-repeat;
}

@media only screen and (max-width: 1024px) {
  .footer--contract {
    padding-top: 56px;
    padding-bottom: 124px;
  }
}

@media only screen and (min-width: 1025px) {
  .footer--contract > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer__logo {
  width: 148px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .footer__logo {
    margin: 0 auto 53px;
  }
}

@media only screen and (max-width: 360px) {
  .footer__logo {
    margin-bottom: 36px;
  }
}

.footer__logo-panel {
  margin: 0 0 32px;
  padding: 0 0 32px;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 1680px) {
  .footer__logo-panel {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__logo-panel {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .footer__logo-panel {
    padding: 0 24px 24px;
    margin: 0 -24px 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__logo-panel .logo {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 37px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 1680px) {
  .footer__main {
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__socials-panel {
    margin: 0 -24px 34px;
    padding: 0 24px 40px;
    width: calc(100% + 48px);
    border-bottom: 1px solid #edeef0;
  }
}

.footer__address-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 36px 8px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #EDEEF0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .footer__address-panel {
    padding: 24px 0 0;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__address-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .footer__address-panel {
    display: block;
    margin-top: 11px;
    text-align: center;
  }
}

.footer__address {
  width: 228px;
  color: #000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
  font-weight: bold;
  margin: 0 32px 0 0;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .footer__address {
    color: #05060c;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 44px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__address {
    width: auto;
    margin: 0 0 32px;
  }
}

.footer__address p {
  margin-bottom: 0;
}

.footer__contacts-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  line-height: 1.2;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -45px -20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .footer__contacts-list {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__contacts-list {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__contacts-list {
    font-size: 14px;
  }
}

@media only screen and (max-width: 640px) {
  .footer__contacts-list {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.footer__contacts-list > li {
  padding: 0 45px 20px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .footer__contacts-list > li {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .footer__contacts-list > li {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.footer__contacts-list > li > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.footer__contacts-list > li > a:hover {
  color: #6d6f7d;
}

.footer__contacts-list__icon {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cccdd2;
  line-height: 1;
  font-size: 16px;
  margin-right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.footer__contacts-list > li > a:hover .footer__contacts-list__icon {
  color: #878996;
}

.footer__contacts-list__icon img {
  width: 24px;
  height: 24px;
  display: block;
  margin-left: -4px;
  margin-right: -4px;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__list-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2px;
  margin-left: -16px;
  margin-right: -16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .footer__list-panel {
    padding-left: 0;
    padding-right: 0;
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__list-panel {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 640px) {
  .footer__list-panel {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__list-panel > .footer__list-column {
    width: 50% !important;
  }
  .footer__list-panel > .footer__list-column--wide {
    width: 100% !important;
  }
}

.footer__list-column {
  min-width: 180px;
  margin: 0 0 12px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .footer__list-column {
    min-width: 160px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer__list-column {
    min-width: 0;
    width: 33.3333%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__list-column {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__list-column {
    width: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .footer__list-column {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.footer__list-title {
  color: #000;
  display: block;
  font-size: 18px;
  margin: 0 0 16px;
  font-weight: bold;
  line-height: 1.33333;
}

@media only screen and (max-width: 768px) {
  .footer__list-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}

.footer__list {
  font-size: 14px;
  line-height: 1.3;
}

.footer__list ul {
  margin: 0;
  list-style: none;
  padding: 12px 0 0;
}

@media only screen and (max-width: 768px) {
  .footer__list ul {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .footer__list-column--wide .footer__list ul {
    -webkit-columns: 2;
            columns: 2;
    -webkit-column-gap: 20px;
            column-gap: 20px;
  }
}

.footer__list li {
  overflow: hidden;
  margin-bottom: 22px;
}

.footer__list li:before {
  width: 100%;
  content: '';
  display: block;
}

@media only screen and (max-width: 1680px) {
  .footer__list li {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__list li {
    margin-bottom: 14px;
  }
  .footer__list-column--wide .footer__list li {
    width: 100%;
    margin-bottom: 14px;
    vertical-align: top;
    display: inline-block;
    page-break-inside: avoid;
  }
  .footer__list-column--wide .footer__list li:last-child {
    margin-top: -2px;
  }
}

.footer__list li.dark-badge .menu-item__badge {
  color: #fff;
  background: #6F7DFF;
}

.footer__list li.dark-badge .menu-item__badge:after {
  background-image: url(../images/badge-bg-frame.svg);
}

.footer__list a {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .footer__list a {
    display: inline-block;
  }
}

.footer__list a:hover {
  color: #6d6f7d;
}

@media only screen and (min-width: 769px) {
  .footer__list a.has-badge {
    padding-right: 94px;
  }
}

.footer__list .menu-item__badge {
  top: 50%;
  right: 0;
  font-size: 9px;
  line-height: 1;
  font-weight: bold;
  margin: -12px 0 0;
  position: absolute;
  color: #6F7DFF;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  background: #eae6ff;
  padding: 8px 8px 7px 4px;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0;
}

@media only screen and (max-width: 768px) {
  .footer__list .menu-item__badge {
    top: auto;
    width: 80px;
    right: auto;
    display: block;
    position: relative;
    margin: 4px 0 0 11px;
  }
}

.footer__list .menu-item__badge:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 11px;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.footer .copyright {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  padding: 25px 0 0;
  text-align: center;
  border-top: 1px solid #edeef0;
}

@media only screen and (max-width: 768px) {
  .footer .copyright {
    color: #878996;
    font-size: 12px;
    margin: 0 -24px;
    font-weight: normal;
    padding: 24px 24px 0;
  }
}

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

.footer .copyright a:hover {
  text-decoration: underline;
}

.footer .socials {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 280px;
  margin-left: 32px;
}

@media only screen and (max-width: 1680px) {
  .footer .socials {
    min-width: 228px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer .socials {
    margin-left: 0;
    max-width: none;
  }
}

@media only screen and (max-width: 640px) {
  .footer .socials {
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 768px) {
  .footer .socials ul {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 768px) {
  .footer .socials li {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.footer.only-logo-copy .copyright {
  padding: 0;
  border: none;
}

.socials ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 16px;
  margin: 0 -16px;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .socials ul {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media only screen and (max-width: 768px) {
  .socials ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.socials li {
  margin: 0 16px;
}

@media only screen and (max-width: 1680px) {
  .socials li {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.socials li.facebook a:before {
  content: '\e809';
}

.socials li.twitter a:before {
  content: '\e80a';
}

.socials li.linkedin a:before {
  content: '\e80b';
}

.socials li.whatsapp a {
  font-size: 22px;
}

.socials li.whatsapp a:before {
  content: '\f232';
}

.socials a {
  width: 56px;
  height: 56px;
  color: #cccdd2;
  display: block;
  overflow: hidden;
  line-height: 56px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  border-radius: 50%;
  background: #f5f5f7;
  text-indent: -9999px;
  -webkit-transition: background-color .35s ease, color .35s ease;
  transition: background-color .35s ease, color .35s ease;
}

.socials a:hover {
  color: #b1b2ba;
  background: #ededf0;
}

.socials a:before {
  display: block;
  text-indent: 0;
  font-style: normal;
  font-weight: normal;
  font-family: 'icomoon';
}

.footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  margin: 0 -40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 20px;
  list-style: none;
  line-height: 27px;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 18px 12px 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .footer-list {
    font-size: 18px;
    padding-right: 0;
    line-height: 24px;
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .footer-list {
    font-size: 20px;
    line-height: 27px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 360px) {
  .footer-list {
    font-size: 18px;
    line-height: 24px;
  }
}

.footer--contract .footer-list {
  padding-bottom: 4px;
}

.footer-list__item {
  margin: 0 40px;
}

@media only screen and (max-width: 1680px) {
  .footer-list__item {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .footer-list__item {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .footer-list__item {
    margin-bottom: 24px;
  }
}

.footer-list__link {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.footer-list__link:hover {
  color: #6F7DFF;
}

.footer--landing .footer__main {
  padding: 0;
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1366px) {
  .footer--landing .footer__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 1024px) {
  .footer--landing .footer__main {
    display: block;
  }
}

.footer--landing .footer__list {
  font-size: 20px;
  color: #05060c;
  line-height: 1.2;
  font-weight: bold;
}

@media only screen and (max-width: 1366px) {
  .footer--landing .footer__list {
    font-size: 18px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .footer--landing .footer__list {
    margin-bottom: 16px;
  }
}

.footer--landing .footer__list .menu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -36px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .footer--landing .footer__list .menu {
    margin: 0 -24px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer--landing .footer__list .menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .footer--landing .footer__list .menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.footer--landing .footer__list .menu-item {
  margin: 0 36px;
}

@media only screen and (max-width: 1366px) {
  .footer--landing .footer__list .menu-item {
    margin: 0 24px;
  }
}

@media only screen and (max-width: 768px) {
  .footer--landing .footer__list .menu-item {
    margin-bottom: 20px;
  }
}

.footer--landing .footer__contacts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 46px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -28px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .footer--landing .footer__contacts-list {
    padding-top: 36px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 640px) {
  .footer--landing .footer__contacts-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.footer--landing .footer__contacts-list li {
  margin: 0 28px 16px;
}

@media only screen and (max-width: 640px) {
  .footer--landing .footer__contacts-list li {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .footer--landing .logo {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer--landing .socials {
  margin: 0;
  padding: 0;
  min-width: 0;
}

@media only screen and (max-width: 1024px) {
  .footer--landing .socials ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (min-width: 769px) {
  .footer--landing .copyright {
    padding-top: 32px;
  }
}

ul.footer__list-panel {
  padding: 0;
  margin: 0;
  list-style: none;
}

.intro {
  z-index: 10;
  font-size: 24px;
  position: relative;
  line-height: 1.2916;
  padding: 89px 0 131px;
}

@media only screen and (max-width: 1680px) {
  .intro {
    font-size: 20px;
    padding-top: 70px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1366px) {
  .intro {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .intro {
    text-align: center;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .intro {
    font-size: 18px;
    line-height: 1.78;
    padding-top: 48px;
    padding-bottom: 15px;
  }
}

.intro:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 1680px) {
  .intro:before {
    top: -50px;
  }
}

@media only screen and (max-width: 768px) {
  .intro:before {
    background-position: 50% -38px;
  }
}

.intro:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -15;
  height: 696px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

@media only screen and (max-width: 768px) {
  .intro h1, .intro .h1 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.intro p {
  margin-bottom: 31px;
}

@media only screen and (max-width: 1366px) {
  .intro p {
    margin-bottom: 22px;
  }
}

@media only screen and (max-width: 768px) {
  .intro p {
    padding-left: 27px;
    padding-right: 27px;
    margin-bottom: 32px;
  }
}

.intro .marked-list {
  max-width: 500px;
  padding-top: 17px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .intro .marked-list {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .intro .marked-list {
    padding-top: 5px;
    margin-bottom: 39px;
  }
}

@media only screen and (max-width: 1024px) {
  .intro .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .intro .btn-panel .btn {
    padding-right: 27px;
  }
  .intro .btn-panel .btn .icon-arrow-right {
    margin-right: 9px;
  }
}

.intro__visual {
  right: 40px;
  margin-top: 10px;
  position: relative;
  margin-right: -160px;
  margin-bottom: -131px;
}

@media only screen and (max-width: 1680px) {
  .intro__visual {
    right: 0;
    margin-top: -30px;
    margin-right: -150px;
    margin-bottom: -112px;
  }
}

@media only screen and (max-width: 1366px) {
  .intro__visual {
    margin: -41px -80px -80px -100px;
  }
}

@media only screen and (max-width: 1024px) {
  .intro__visual {
    max-width: 720px;
    margin: 10px auto -70px;
  }
}

@media only screen and (max-width: 768px) {
  .intro__visual {
    max-width: none;
    margin: 54px -55px -48px -55px;
  }
}

.intro__visual:before {
  content: '';
  display: block;
  padding-top: 81.0704%;
}

.intro__visual img, .intro__visual svg {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .intro__visual img, .intro__visual svg {
    margin: 0 auto;
  }
}

.intro__visual svg {
  width: 100%;
  height: 100%;
  display: block;
}

.intro__visual .lottie-animation {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.intro__logo {
  left: 50%;
  bottom: 0;
  width: 100%;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 1366px) {
  .intro__logo {
    max-width: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .intro__logo {
    max-width: 400px;
  }
}

.intro__logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.logos {
  padding: 36px 0;
}

.logos .container {
  max-width: none;
}

.logos img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.steps__section {
  z-index: 10;
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .steps__section {
    padding-top: 112px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .steps__section {
    padding-top: 75px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__section {
    padding-bottom: 64px;
  }
}

.steps__section:after {
  left: 0;
  right: 0;
  bottom: 0;
  top: 195px;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
  background: #f7f8fa;
}

@media only screen and (max-width: 1680px) {
  .steps__section:after {
    top: 133px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps__section:after {
    top: 76px;
  }
}

.steps__section:before {
  left: 50%;
  top: 300px;
  content: '';
  z-index: -5;
  width: 259px;
  height: 259px;
  position: absolute;
  margin-left: -700px;
  pointer-events: none;
  background: url(../images/f-dashboard.svg) 50% 50%/contain no-repeat;
}

.steps__section .default-section__center {
  margin-bottom: -19px;
}

@media only screen and (max-width: 1366px) {
  .steps__section .default-section__center {
    margin-bottom: 0;
  }
}

.steps__tabset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 49px;
  margin-bottom: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .steps__tabset {
    padding-top: 0;
  }
}

@media only screen and (max-width: 1366px) {
  .steps__tabset {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps__tabset {
    display: block;
    margin-bottom: 112px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__tabset {
    padding-top: 15px;
  }
}

.steps__tab-controls {
  padding: 0;
  width: 364px;
  color: #90909f;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
  font-weight: 600;
  list-style: none;
  line-height: 1.17;
  margin: 0 48px 26px 0;
  counter-reset: counter;
}

@media only screen and (max-width: 1680px) {
  .steps__tab-controls {
    width: 320px;
    font-size: 22px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .steps__tab-controls {
    width: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps__tab-controls {
    margin: 0 auto 30px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__tab-controls {
    width: 268px;
    font-size: 18px;
  }
}

.steps__tab-controls > li {
  counter-increment: counter;
}

.steps__tab-controls > li:not(:first-child) {
  margin-top: 16px;
}

.steps__tab-controls > li > a {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
  padding: 24px 15px 24px 100px;
  -webkit-box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .steps__tab-controls > li > a {
    padding-left: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__tab-controls > li > a {
    padding: 16px 15px 16px 70px;
  }
}

.steps__tab-controls > li > a:before {
  top: 50%;
  left: 20px;
  width: 50px;
  color: #d8dae6;
  line-height: 1;
  font-size: 72px;
  font-weight: 600;
  margin-top: -31px;
  position: absolute;
  text-align: center;
  content: counter(counter);
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .steps__tab-controls > li > a:before {
    font-size: 48px;
    margin-top: -24px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__tab-controls > li > a:before {
    left: 14px;
    width: 40px;
    font-size: 32px;
    margin-top: -16px;
  }
}

.steps__tab-controls > li > a:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -5;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  pointer-events: none;
}

.steps__tab-controls > li > a .bg-frame {
  top: 0;
  bottom: 0;
  opacity: 0;
  left: 100%;
  content: '';
  width: 39px;
  position: absolute;
  background: #6F7DFF;
  border-radius: 0 16px 16px 0;
  -webkit-transition: opacity .35s ease, margin .35s ease;
  transition: opacity .35s ease, margin .35s ease;
}

.steps__tab-controls > li > a .bg-frame:after {
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  width: 20px;
  position: absolute;
  background: #fff;
  border-radius: 0 16px 16px 0;
}

@media only screen and (max-width: 768px) {
  .steps__tab-controls > li > a .bg-frame:after {
    width: 28px;
  }
}

.steps__tab-controls > li > a:hover {
  color: #191a24;
}

.steps__tab-controls > li > a:hover:before {
  color: #a1a6c4;
}

.steps__tab-controls > li.active > a {
  color: #191a24;
}

.steps__tab-controls > li.active > a:before {
  color: #a1a6c4;
}

.steps__tab-controls > li.active > a .bg-frame {
  opacity: 1;
  margin-left: -39px;
}

.steps__tab-controls__icon {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  margin-right: 16px;
}

@media only screen and (max-width: 1680px) {
  .steps__tab-controls__icon {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__tab-controls__icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

.steps__tab-controls__icon i {
  display: block;
}

.steps__tab-body {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .steps__tab-body {
    margin: 0 auto;
    max-width: 600px;
  }
}

.steps__visual {
  position: relative;
  margin: -3% -2.5% 1% -3%;
}

@media only screen and (max-width: 1024px) {
  .steps__visual {
    margin: 0 -11% -11% 0%;
  }
}

@media only screen and (max-width: 768px) {
  .steps__visual {
    margin: -3% -13% -20% -2%;
  }
}

.steps__visual:before {
  content: '';
  display: block;
  padding-top: 66.6666%;
}

.steps__visual img,
.steps__visual .lottie-animation,
.steps__visual .wpbdmv-animation {
  left: 0;
  top: 50%;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.steps__visual .wpbdmv-animation,
.steps__visual .lottie-animation {
  width: 100%;
  height: 100%;
}

.steps__visual img {
  -o-object-fit: contain;
     object-fit: contain;
}

.steps__visual__icon {
  top: 50%;
  left: 100%;
  width: 243px;
  position: absolute;
  margin: -173px 0 0 -312px;
}

@media only screen and (max-width: 1680px) {
  .steps__visual__icon {
    margin-left: -245px;
  }
}

@media only screen and (max-width: 1366px) {
  .steps__visual__icon {
    width: 200px;
    margin: -133px 0 0 -245px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps__visual__icon {
    left: 50%;
    top: auto;
    bottom: 0;
    width: 180px;
    margin: 0 0 40px -72px;
  }
}

@media only screen and (max-width: 768px) {
  .steps__visual__icon {
    width: 165px;
    margin: 0 0 calc(9vw - 48px) -75px;
  }
}

.steps__visual__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.features-section {
  padding-bottom: 157px;
}

@media only screen and (max-width: 1680px) {
  .features-section {
    padding-bottom: 109px;
  }
}

@media only screen and (max-width: 768px) {
  .features-section {
    padding-bottom: 135px;
  }
}

.features-section__head {
  padding-top: 38px;
  text-align: center;
  padding-bottom: 36px;
  margin-bottom: 155px;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 1680px) {
  .features-section__head {
    padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .features-section__head {
    padding-top: 0;
    margin-top: -10px;
    margin-bottom: 56px;
    padding-bottom: 18px;
  }
}

.feature-badge {
  z-index: 10;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 18px;
  position: relative;
  white-space: nowrap;
  padding: 0 0 0 19px;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .feature-badge {
    font-size: 13px;
    padding-left: 15px;
  }
}

.feature-badge span {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0 8px 8px 0;
  padding: 15px 37px 15px 23px;
  background: -webkit-gradient(linear, left top, right top, from(#6F7DFF), to(#9a7ffe));
  background: linear-gradient(to right, #6F7DFF, #9a7ffe);
}

@media only screen and (max-width: 768px) {
  .feature-badge span {
    padding: 10px 27px 10px 13px;
  }
}

.feature-badge span:before {
  top: 0;
  left: 0;
  bottom: 0;
  width: 19px;
  content: '';
  position: absolute;
  background: url(../images/feature-badge-left-bg-frame.svg) 100% 50%/auto 100% no-repeat;
}

@media only screen and (max-width: 768px) {
  .feature-badge span:before {
    width: 15px;
  }
}

.feature-badge:after {
  right: 0;
  top: 100%;
  content: '';
  width: 29px;
  height: 33px;
  z-index: -10;
  position: absolute;
  margin: -4px 2px 0 0;
  pointer-events: none;
  background: url(../images/feature-badge-right-bg-frame.svg) 50% 0%/100% auto no-repeat;
}

@media only screen and (max-width: 768px) {
  .feature-badge:after {
    width: 22px;
    height: 25px;
    margin: -5px 1px 0 0;
  }
}

.feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  line-height: 1.78;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .feature-item {
    margin: 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.feature-item:not(:first-child) {
  margin-top: 186px;
}

@media only screen and (max-width: 1680px) {
  .feature-item:not(:first-child) {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item:not(:first-child) {
    margin-top: 114px;
  }
}

@media only screen and (min-width: 769px) {
  .feature-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.feature-item__visual {
  width: 59%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 15px;
  max-width: 716px;
}

@media only screen and (max-width: 1366px) {
  .feature-item__visual {
    width: 55%;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item__visual {
    padding: 0;
    max-width: none;
    width: calc(100% + 16px);
    margin: 48px -3px 0 -13px;
  }
}

.feature-item__visual img {
  display: block;
  max-width: 100%;
}

.feature-item__visual svg {
  width: 100%;
  height: 100%;
  display: block;
}

.feature-item__visual__inner {
  position: relative;
}

.feature-item__visual__inner:before {
  content: '';
  display: block;
  padding-top: 100%;
}

@media only screen and (min-width: 769px) {
  .feature-item__visual__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15% 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .feature-item:nth-child(odd) .feature-item__visual__inner {
    margin-right: 16px;
    margin-left: -184px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .feature-item:nth-child(odd) .feature-item__visual__inner {
    margin-right: 0;
    margin-left: -70px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .feature-item:nth-child(odd) .feature-item__visual__inner {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-item:nth-child(odd) .feature-item__visual__inner {
    margin-right: 0;
    margin-left: -50px;
  }
}

@media only screen and (min-width: 769px) {
  .feature-item:nth-child(even) .feature-item__visual__inner {
    margin-right: -153px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .feature-item:nth-child(even) .feature-item__visual__inner {
    margin-left: 0;
    margin-right: -70px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .feature-item:nth-child(even) .feature-item__visual__inner {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-item:nth-child(even) .feature-item__visual__inner {
    margin-left: 0;
    margin-right: -50px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item__visual__inner {
    margin: -19% -34px;
  }
}

.feature-item__visual__inner .wpbdmv-animation,
.feature-item__visual__inner .lottie-animation {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.feature-item__content {
  z-index: 10;
  padding: 0 15px;
  position: relative;
}

.feature-item__content .marked-list--two-columns li:nth-child(odd),
.feature-item__content .marked-list--two-columns li:nth-child(even) {
  width: 49%;
}

.feature-item__badge {
  top: 8px;
  right: -20px;
  z-index: -10;
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .feature-item__badge {
    right: 0;
    top: -30px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-item__badge {
    right: -20px;
  }
}

.feature-item__subscribe {
  margin: 0 0 56px;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .feature-item__subscribe {
    margin-right: -100px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item__subscribe {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-item__subscribe {
    margin-left: -32px;
    margin-right: -32px;
  }
}

.feature-item__icon {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f3ff), to(#ece3ff));
  background-image: linear-gradient(to bottom, #f7f3ff, #ece3ff);
}

@media only screen and (max-width: 1680px) {
  .feature-item__icon {
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item__icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
}

.feature-item__icon svg {
  width: 32px;
  height: 32px;
}

.feature-item__icon img, .feature-item__icon svg {
  display: block;
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}

.feature-item .marked-list {
  padding-top: 30px;
  margin-bottom: 32px;
  margin-right: -15px;
}

@media only screen and (max-width: 768px) {
  .feature-item .marked-list {
    padding-top: 6px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item .marked-list li:nth-child(odd) {
    width: 52%;
  }
}

@media only screen and (max-width: 768px) {
  .feature-item .marked-list li:nth-child(even) {
    width: 48%;
  }
}

.feature-intro {
  z-index: 25;
  font-size: 24px;
  line-height: 40px;
  padding: 96px 0 0;
  min-height: 522px;
  position: relative;
  background: #f7f8fa;
}

@media only screen and (max-width: 1680px) {
  .feature-intro {
    font-size: 22px;
    padding-top: 70px;
    min-height: 408px;
    line-height: 1.2916;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro {
    min-height: 0;
    background: none;
    text-align: center;
  }
  .feature-intro:after {
    top: 0;
    left: 0;
    right: 0;
    content: '';
    z-index: -10;
    bottom: 134px;
    position: absolute;
    background: #f7f8fa;
  }
  .feature-intro:before {
    top: 0;
    left: 64px;
    width: 1px;
    content: '';
    z-index: -5;
    opacity: .5;
    bottom: 134px;
    position: absolute;
    background: #dcdde1;
    pointer-events: none;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro {
    font-size: 18px;
    line-height: 1.78;
    padding-top: 38px;
  }
}

@media only screen and (min-width: 1025px) {
  .feature-intro:not(.feature-intro--no-bg):after, .feature-intro:not(.feature-intro--no-bg):before {
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    content: '';
    z-index: -20;
    position: absolute;
    background: #dcdde1;
    pointer-events: none;
  }
  .feature-intro:not(.feature-intro--no-bg):after {
    margin-left: 176px;
  }
  .feature-intro:not(.feature-intro--no-bg):before {
    margin-left: 511px;
  }
}

.feature-intro--no-bg {
  background: none;
}

.feature-intro p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .feature-intro p {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 32px;
  }
}

.feature-intro h2, .feature-intro .h2 {
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 48px;
}

@media only screen and (max-width: 1680px) {
  .feature-intro h2, .feature-intro .h2 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro h2 br, .feature-intro .h2 br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro h2, .feature-intro .h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1681px) {
  .feature-intro--has-badge h2, .feature-intro--has-badge .h2 {
    padding-right: 175px;
  }
}

.feature-intro .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .feature-intro .container {
    display: block;
  }
}

.feature-intro .btn-panel {
  margin: 48px -12px -50px;
}

@media only screen and (max-width: 1680px) {
  .feature-intro .btn-panel {
    margin-top: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro .btn-panel {
    margin-top: 32px;
    margin-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 360px) {
  .feature-intro .btn-panel {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.feature-intro .btn-panel .btn {
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 12px 24px;
}

@media only screen and (max-width: 360px) {
  .feature-intro .btn-panel .btn {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.feature-intro__icon {
  left: 50%;
  width: 96px;
  height: 96px;
  color: #fff;
  bottom: -48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 32px;
  margin-left: 631px;
  position: absolute;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .feature-intro__icon {
    left: auto;
    right: 15px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-intro__icon {
    width: 78px;
    height: 78px;
    font-size: 28px;
    border-radius: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro__icon {
    display: none;
  }
}

.feature-intro__content {
  width: 40%;
  max-width: 470px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .feature-intro__content {
    width: auto;
    max-width: none;
  }
}

.feature-intro__badge {
  top: 14px;
  right: -75px;
  position: absolute;
}

@media only screen and (max-width: 1680px) {
  .feature-intro__badge {
    top: -39px;
    right: -73px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro__badge {
    right: 0;
    top: -45px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro__badge {
    top: -26px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-intro__badge {
    top: auto;
    right: auto;
    position: relative;
    vertical-align: top;
    margin: -10px 0 34px;
    display: inline-block;
  }
}

.feature-intro--has-badge {
  margin-bottom: 30px;
}

.feature-intro__subscribe {
  margin: 64px 0 -149px;
}

@media only screen and (max-width: 1024px) {
  .feature-intro__subscribe {
    margin: 30px auto -20px;
  }
}

@media only screen and (max-width: 360px) {
  .feature-intro__subscribe {
    margin: 20px -10px -10px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro__subscribe.small-subscribe-form-holder .subscribe-form {
    margin: 0 auto;
  }
}

.feature-intro__subscribe.small-subscribe-form-holder .wpcf7-text {
  background: #fff;
}

.feature-intro__subscribe.small-subscribe-form-holder .wpcf7-text:not(:focus) {
  background: #fff;
}

.feature-intro__visual {
  width: 60%;
  position: relative;
  padding-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .feature-intro__visual {
    padding: 0;
    width: auto;
    max-width: 700px;
    margin: 72px auto -150px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual--subpage {
    margin-bottom: -100px;
  }
}

.feature-intro__visual:after {
  top: -10px;
  right: 100%;
  width: 59px;
  height: 59px;
  z-index: -15;
  content: '';
  border-radius: 50%;
  position: absolute;
  margin-right: 10px;
  background: #fff;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual:after {
    width: 40px;
    height: 40px;
  }
}

.feature-intro__visual__inner {
  position: relative;
  margin: -35px -82px -225px -5px;
}

@media only screen and (max-width: 1680px) {
  .feature-intro__visual__inner {
    margin-left: 0;
    margin-right: -10px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-intro__visual__inner {
    margin-bottom: -250px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro__visual__inner {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__inner {
    min-height: 300px;
    margin: 0 -13px 0 -13px;
  }
}

.feature-intro__visual--subpage .feature-intro__visual__inner {
  margin: -28px -170px -278px -130px;
}

@media only screen and (max-width: 1680px) {
  .feature-intro__visual--subpage .feature-intro__visual__inner {
    margin: -28px -130px -200px -90px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro__visual--subpage .feature-intro__visual__inner {
    margin: -30px -20px 0 -70px;
  }
}

.feature-intro__visual--subpage .feature-intro__visual__inner:before {
  content: '';
  display: block;
  padding-top: 73%;
}

.feature-intro__visual--subpage .feature-intro__visual__inner img {
  top: 50%;
  left: 50%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.feature-intro__visual__inner:after {
  top: -23px;
  z-index: -5;
  content: '';
  right: 95px;
  width: 347px;
  height: 347px;
  border-radius: 50%;
  position: absolute;
  background: #edeef0;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__inner:after {
    right: 35px;
    width: 222px;
    height: 222px;
  }
}

.feature-intro__visual__play-icon {
  top: 50%;
  left: 50%;
  z-index: 10;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  margin: -125px 0 0 -20px;
}

@media only screen and (max-width: 1680px) {
  .feature-intro__visual__play-icon {
    margin: -86px 0 0 -22px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__play-icon {
    margin: -72px 0 0 -15px;
  }
}

.feature-intro__visual__play-icon:hover i {
  background: #4C5ADE;
}

.feature-intro__visual__play-icon:after, .feature-intro__visual__play-icon:before {
  top: 50%;
  left: 50%;
  content: '';
  z-index: -10;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
  -webkit-box-shadow: 0 28px 50px 0 rgba(215, 218, 226, 0.45);
          box-shadow: 0 28px 50px 0 rgba(215, 218, 226, 0.45);
}

@media only screen and (max-width: 640px) {
  .feature-intro__visual__play-icon:after, .feature-intro__visual__play-icon:before {
    display: none;
  }
}

.feature-intro__visual__play-icon:after {
  width: 192px;
  height: 192px;
  margin: -96px 0 0 -96px;
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__play-icon:after {
    width: 140px;
    height: 140px;
    margin: -70px 0 0 -70px;
  }
}

.feature-intro__visual__play-icon:before {
  width: 244px;
  height: 244px;
  opacity: 0.67;
  margin: -122px 0 0 -122px;
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__play-icon:before {
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
  }
}

.feature-intro__visual__play-icon i {
  z-index: 10;
  width: 88px;
  height: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  border-radius: 50%;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background .35s ease;
  transition: background .35s ease;
  -webkit-box-shadow: 0 28px 50px 0 #cccdd2;
          box-shadow: 0 28px 50px 0 #cccdd2;
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__play-icon i {
    width: 68px;
    height: 68px;
    font-size: 26px;
  }
}

.feature-intro__visual__play-icon i:before {
  vertical-align: top;
  display: inline-block;
}

.feature-intro__visual__play-icon__text {
  left: 0;
  right: 0;
  top: 100%;
  color: #878996;
  font-size: 12px;
  margin-top: 13px;
  line-height: 16px;
  font-weight: bold;
  position: absolute;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .feature-intro__visual__play-icon__text {
    font-size: 10px;
    margin-top: 8px;
  }
}

.feature-intro__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.feature-intro .subscribe-form {
  margin: 0;
  max-width: none;
}

.feature-intro .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.feature-intro .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.feature-intro .subscribe-form .wpcf7-text {
  height: 56px;
  background: #fff;
  border-radius: 16px;
  padding: 0 32px 0 16px;
}

.feature-intro .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #f3f4f5;
}

.feature-intro .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 16px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 48px 12px 24px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 24px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .feature-intro .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.feature-intro .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.feature-intro .subscribe-form .wpcf7-not-valid-tip {
  right: 10px;
}

.feature-intro .subscribe-form .wpcf7-mail-sent-ok,
.feature-intro .subscribe-form .wpcf7-response-output,
.feature-intro .subscribe-form .wpcf7-validation-errors {
  right: 0;
}

.feature-intro .subscribe-form div.wpcf7 div.ajax-loader,
.feature-intro .subscribe-form div.wpcf7 span.ajax-loader {
  left: 16px;
}

.feature-sections-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 145px 0 120px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 1024px) {
  .feature-sections-holder {
    padding: 100px 0 90px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-sections-holder {
    padding: 120px 0 50px;
  }
}

.feature-sections-holder--no-padding-bottom {
  padding-bottom: 0;
}

.feature-sections-holder--no-padding-bottom + .ready-section {
  padding-top: 0;
}

.feature-sections-holder > div, .feature-sections-holder > section {
  width: 100%;
}

.ready-section + .feature-sections-holder {
  padding-top: 30px;
}

.feature-sections-holder .ready-section {
  padding-top: 40px;
  padding-bottom: 80px;
}

.feature-description {
  font-size: 24px;
  line-height: 1.67;
  padding: 65px 0 40px;
}

@media only screen and (max-width: 1680px) {
  .feature-description {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-description {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-description {
    font-size: 18px;
    line-height: 1.78;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description {
    padding-bottom: 35px;
  }
}

.feature-description p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .feature-description p {
    margin-bottom: 36px;
  }
}

.feature-description__info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1176px;
  margin: 0 -50px 112px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1366px) {
  .feature-description__info-panel {
    margin: 0 -20px 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-description__info-panel {
    display: block;
    margin: 0 0 50px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__info-panel {
    margin-bottom: 64px;
  }
}

.feature-description__info-panel__column {
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (max-width: 1366px) {
  .feature-description__info-panel__column {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-description__info-panel__column {
    padding: 0;
    margin: 0 0 50px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__info-panel__column {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-description__info-panel__column:first-child {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__info-panel__column:first-child {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__info-panel__column:first-child .feature-description__info-panel__title {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__info-panel__column:first-child .feature-description__info-item {
    width: 100%;
    font-size: 16px;
  }
}

.feature-description__info-panel__column:not(:first-child) .feature-description__info-item__icon {
  width: 40px;
  height: 40px;
  margin-right: 9px;
}

.feature-description__info-panel__title {
  color: #878996;
  display: block;
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 16px;
  letter-spacing: .83px;
  text-transform: uppercase;
}

.feature-description__info-panel__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .feature-description__info-panel__list {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-description__info-panel__list {
    max-width: 500px;
  }
}

.feature-description__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  font-size: 16px;
  line-height: 21px;
  margin-left: 20px;
  margin-right: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .feature-description__info-item {
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-description__info-item {
    margin: 0;
    width: 40%;
    padding: 0 15px;
  }
}

.feature-description__info-item__icon {
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
}

.feature-description__info-item__icon img {
  width: auto;
  height: 100%;
  display: block;
  max-width: 100%;
}

.feature-description__info-item__text {
  display: block;
  max-width: 110px;
}

@media only screen and (max-width: 1366px) {
  .feature-description__info-item__text {
    max-width: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__info-item__text {
    max-width: none;
  }
  .feature-description__info-item__text br {
    display: none;
  }
}

.feature-description__info-item--more {
  margin-left: 13px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .feature-description__info-item--more {
    margin: 0;
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 361px) {
  .feature-description__info-item--more {
    padding-right: 30px;
  }
}

.feature-description__info-item__more {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
}

.feature-description__info-item__more:hover i,
.feature-description__info-item__more:hover i:after,
.feature-description__info-item__more:hover i:before {
  background: #b1b2ba;
}

.feature-description__info-item__more i {
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  background: #cccdd2;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.feature-description__info-item--open .feature-description__info-item__more i {
  background: #6F7DFF;
}

.feature-description__info-item__more i:after, .feature-description__info-item__more i:before {
  left: 0;
  right: 0;
  height: 4px;
  content: '';
  border-radius: 50%;
  position: absolute;
  background: #cccdd2;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.feature-description__info-item--open .feature-description__info-item__more i:after, .feature-description__info-item--open .feature-description__info-item__more i:before {
  background: #6F7DFF;
}

.feature-description__info-item__more i:before {
  bottom: 100%;
  margin-bottom: 2px;
}

.feature-description__info-item__more i:after {
  top: 100%;
  margin-top: 2px;
}

.feature-description__info-item__drop {
  opacity: 0;
  width: 271px;
  top: -9999px;
  z-index: 250;
  padding: 32px;
  right: 9999px;
  font-size: 14px;
  overflow-y: auto;
  line-height: 1.2;
  background: #fff;
  margin: 16px 0 0;
  max-height: 250px;
  overflow-x: hidden;
  position: absolute;
  border-radius: 16px;
  -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
  transition: all 0s ease 0.35s, opacity 0.35s ease;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
}

.feature-description__info-item--open .feature-description__info-item__drop {
  right: 0;
  top: 100%;
  opacity: 1;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.feature-description__info-item__drop-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.feature-description__info-item__drop-list .feature-description__info-item {
  padding: 0;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.feature-description__info-item__drop-list .feature-description__info-item:not(:first-child) {
  margin-top: 32px;
}

.feature-description__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1111px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .feature-description__main {
    display: block;
    max-width: none;
    text-align: center;
  }
}

.feature-description__content {
  width: 100%;
}

.feature-description__content h4 {
  color: #05060c;
  font-size: 32px;
  margin: 0 0 32px;
  line-height: 43px;
}

@media only screen and (max-width: 1024px) {
  .feature-description__content h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__content h4 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 32px;
  }
}

.feature-description__content__more {
  color: #05060c;
  font-size: 14px;
  margin-top: -6px;
  font-weight: bold;
  max-width: 1070px;
  line-height: 24px;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 768px) {
  .feature-description__content__more {
    margin-top: -12px;
  }
}

.feature-description__content__more:hover {
  color: #6F7DFF;
}

.feature-description__content:not(.show-all) .feature-description__content__hidden {
  display: none;
}

.feature-description__content.show-all .feature-description__content__more {
  display: none;
}

.feature-description__sidebar {
  width: 200px;
  color: #05060c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 16px;
  line-height: 1.2;
  margin: 20px 0 0 118px;
}

@media only screen and (max-width: 1024px) {
  .feature-description__sidebar {
    margin-left: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-description__sidebar {
    width: auto;
    margin: 28px 0 0;
  }
}

.feature-description__sidebar__title {
  color: #878996;
  display: block;
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 42px;
  letter-spacing: .83px;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .feature-description__sidebar__title {
    margin-bottom: 34px;
  }
}

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

@media only screen and (max-width: 768px) {
  .links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.links-list__item {
  margin-bottom: 21px;
}

@media only screen and (max-width: 768px) {
  .links-list__item {
    margin: 0 24px 41px;
  }
}

.links-list__link {
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.links-list__link:hover {
  color: #6F7DFF;
}

.links-list__link__icon {
  width: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #cccdd2;
  line-height: 1;
  font-size: 16px;
  margin-right: 24px;
  text-align: center;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 768px) {
  .links-list__link__icon {
    margin-right: 16px;
  }
}

.links-list__link:hover .links-list__link__icon {
  color: #6F7DFF;
}

.links-list__link__text .icon-download {
  line-height: 1;
  font-size: 12px;
  margin-top: -2px;
  margin-left: 20px;
  color: #6F7DFF;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .links-list__link__text .icon-download {
    margin-left: 24px;
  }
}

.main-features {
  padding: 21px 0 150px;
}

@media only screen and (max-width: 1680px) {
  .main-features {
    padding-bottom: 96px;
  }
}

@media only screen and (max-width: 1366px) {
  .main-features {
    padding-bottom: 48px;
  }
}

.main-features--gray {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #F7F8FA;
}

@media only screen and (max-width: 1366px) {
  .main-features--gray {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

.main-features h2, .main-features .h2 {
  text-align: center;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1680px) {
  .main-features h2, .main-features .h2 {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .main-features h2, .main-features .h2 {
    margin-bottom: 32px;
  }
}

.main-features h3, .main-features .h3 {
  margin-bottom: 72px;
}

@media only screen and (max-width: 1366px) {
  .main-features h3, .main-features .h3 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .main-features h3, .main-features .h3 {
    margin-bottom: 48px;
  }
}

.main-features__head {
  line-height: 2;
  font-size: 16px;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1680px) {
  .main-features__head {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .main-features__head {
    font-size: 16px;
    margin-bottom: 48px;
  }
}

.main-features__head h3, .main-features__head .h3 {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1366px) {
  .main-features__head h3, .main-features__head .h3 {
    margin-bottom: 12px;
  }
}

.main-features .tabset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .main-features .tabset {
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .main-features .tabset--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.main-features .tab-body {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .main-features .tab-body {
    width: calc(100% - 360px);
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .main-features .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .main-features .tab .code-block pre[class*=language-] {
    height: 350px;
  }
}

.main-features__controls-list {
  padding: 0;
  z-index: 10;
  width: 390px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  list-style: none;
  min-height: 500px;
  position: relative;
  margin: 0 40px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1681px) {
  .main-features--competitor .main-features__controls-list {
    width: 494px;
  }
}

@media only screen and (max-width: 1680px) {
  .main-features__controls-list {
    width: 370px;
  }
}

@media only screen and (max-width: 1366px) {
  .main-features__controls-list {
    width: 360px;
    min-height: 480px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-features__controls-list {
    width: 300px;
    min-height: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .main-features__controls-list {
    margin: 0;
    width: auto;
    min-height: 0;
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .tabset--reverse .main-features__controls-list {
    margin-right: 0;
    margin-left: 40px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .tabset--reverse .main-features__controls-list {
    margin-left: 32px;
  }
}

@media only screen and (min-width: 769px) {
  .main-features__controls-list .code-block {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .main-features__controls-list .code-block {
    max-width: none;
    margin: 33px auto;
  }
}

.main-features__control-item {
  width: 100%;
}

.main-features__control-item:not(:first-child) {
  margin-top: 16px;
}

.main-features__control-item > a, .main-features__control-item > span {
  display: block;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
}

.main-features__control-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #1E1F2B;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 96px 16px 24px;
}

@media only screen and (max-width: 1366px) {
  .main-features__control-item__head {
    padding: 12px 96px 12px 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-features__control-item__head {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .main-features__control-item__head {
    padding: 16px 50px 16px 16px;
  }
}

.main-features__control-item__icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
  margin-right: 24px;
  color: #6F7DFF;
  border-radius: 8px;
  background: #ECF1FF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 1366px) {
  .main-features__control-item__icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
    margin-right: 16px;
  }
}

.main-features__control-item.active .main-features__control-item__icon {
  color: #fff;
  background: #6F7DFF;
}

.main-features__control-item__status-icon {
  top: 50%;
  right: 32px;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  color: #cccdd2;
  font-size: 16px;
  margin: -8px 0 0;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .main-features__control-item__status-icon {
    right: 16px;
    font-size: 14px;
    margin-top: -7px;
  }
}

.main-features__control-item.active .main-features__control-item__status-icon {
  color: #6F7DFF;
}

.main-features__control-item__status-icon i {
  display: block;
}

.main-features__control-item.active .main-features__control-item__status-icon i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.main-features__control-item__content {
  color: #878996;
  display: block;
  font-size: 14px;
  line-height: 1.71429em;
  padding: 8px 32px 32px;
}

@media only screen and (max-width: 1366px) {
  .main-features__control-item__content {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .main-features__control-item__content {
    padding-top: 11px;
    padding-bottom: 33px;
  }
}

.main-features__control-item__content p {
  margin: 0;
}

.main-features__control-item__coming-soon {
  top: 50%;
  right: 16px;
  font-size: 9px;
  line-height: 1;
  font-weight: bold;
  margin: -12px 0 0;
  position: absolute;
  color: #6F7DFF;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  background: #eae6ff;
  padding: 8px 8px 7px 4px;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0;
}

.main-features__control-item__coming-soon:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 11px;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.main-features__control-item:not(.active) .main-features__visual {
  display: none;
}

.main-features__control-item:not(.active) .code-block {
  display: none;
}

.main-features__visual {
  margin: -160px -142px -160px -93px;
}

@media only screen and (max-width: 1366px) {
  .main-features__visual {
    margin-top: -120px;
    margin-right: -50px;
    margin-bottom: -120px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-features__visual {
    margin-top: -80px;
    margin-bottom: -80px;
    margin-left: -20px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .main-features__visual {
    max-width: 560px;
  }
}

@media only screen and (max-width: 768px) {
  .main-features__visual {
    margin: 33px -45px -9px -40px;
  }
}

@media only screen and (min-width: 1025px) {
  .main-features--overview .main-features__visual,
  .main-features--competitor .main-features__visual {
    margin: -50px -20px -140px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .main-features--overview .main-features__visual,
  .main-features--competitor .main-features__visual {
    margin: -60px ​-10px -120px;
  }
}

.main-features__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 780px;
}

@media only screen and (max-width: 1366px) {
  .main-features__visual img {
    max-height: 540px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-features__visual img {
    max-height: 520px;
  }
}

@media only screen and (max-width: 768px) {
  .main-features__visual img {
    max-height: 100%;
  }
}

.feature-about {
  font-size: 24px;
  line-height: 1.67;
  padding: 142px 0 140px;
}

@media only screen and (max-width: 1680px) {
  .feature-about {
    font-size: 22px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about {
    padding-top: 40px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about {
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 120px;
  }
}

.feature-about--main {
  padding-top: 98px;
  position: relative;
  padding-bottom: 103px;
}

@media only screen and (min-width: 1901px) {
  .feature-about--main {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 1680px) {
  .feature-about--main {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about--main + .feature-services-section {
    padding-top: 0;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about--main {
    padding-top: 38px;
    padding-bottom: 50px;
  }
}

.feature-about--centered {
  padding-top: 98px;
  position: relative;
  text-align: center;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .feature-about--centered {
    padding-top: 68px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about--centered {
    padding-top: 40px;
  }
}

.feature-about p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .feature-about p {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about p {
    padding: 0 10px;
    margin-bottom: 32px;
  }
}

@media only screen and (min-width: 1901px) {
  .feature-about p {
    margin-bottom: 24px;
  }
}

.feature-about h1, .feature-about .h1 {
  font-size: 52px;
  line-height: 68px;
  margin-bottom: 11px;
}

@media only screen and (min-width: 1901px) {
  .feature-about h1, .feature-about .h1 {
    font-size: 56px;
    line-height: 74px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1680px) {
  .feature-about h1, .feature-about .h1 {
    font-size: 44px;
    line-height: 50px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about h1, .feature-about .h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .feature-about h1.big, .feature-about .h1.big {
    padding-top: 24px;
    padding-bottom: 36px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .feature-about h1.big, .feature-about .h1.big {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}

.feature-about h3, .feature-about .h3 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1681px) {
  .feature-about h3, .feature-about .h3 {
    line-height: 43px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about h3, .feature-about .h3 {
    margin-bottom: 34px;
  }
}

.feature-about__slides {
  display: none;
}

@media only screen and (min-width: 1025px) {
  .feature-about__feature-row {
    white-space: nowrap;
  }
}

.feature-about__feature-title {
  max-width: 550px;
  min-height: 85px;
  overflow: hidden;
  color: #ffbd07;
  position: relative;
  margin-left: -8px;
  margin-right: -8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
  white-space: nowrap;
  vertical-align: top;
  display: inline-block;
  text-overflow: ellipsis;
  -webkit-transition: padding .35s ease;
  transition: padding .35s ease;
}

@media only screen and (min-width: 1901px) {
  .feature-about__feature-title {
    max-width: 568px;
    padding-bottom: 9px;
  }
}

@media only screen and (max-width: 1680px) {
  .feature-about__feature-title {
    max-width: 500px;
    min-height: 62px;
    padding-bottom: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__feature-title {
    white-space: normal;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about__feature-title {
    padding-left: 0;
    padding-right: 0;
    min-height: 48px;
  }
}

.feature-about--centered .feature-about__feature-title {
  max-width: none;
}

.feature-about__feature-title:after {
  left: 0;
  right: 0;
  opacity: 0;
  height: 8px;
  bottom: 6px;
  content: '';
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  pointer-events: none;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
  transition: opacity .35s ease, -webkit-transform .35s ease;
  transition: transform .35s ease, opacity .35s ease;
  transition: transform .35s ease, opacity .35s ease, -webkit-transform .35s ease;
  background: url(../images/feature-title-underline.svg) 50% 50%/100% 100% no-repeat;
}

@media only screen and (min-width: 1901px) {
  .feature-about__feature-title:after {
    bottom: 0;
  }
}

.feature-about--animate .feature-about__feature-title:after {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: opacity .7s ease, -webkit-transform .7s ease;
  transition: transform .7s ease, opacity .7s ease;
  transition: transform .7s ease, opacity .7s ease, -webkit-transform .7s ease;
}

@media only screen and (max-width: 1680px) {
  .feature-about__feature-title:after {
    bottom: 0;
    height: 6px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about__feature-title:after {
    left: 4px;
    right: 4px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about__feature-title:after {
    height: 5px;
  }
}

.feature-about__feature-title--underline:after {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  15% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  85% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes slideLeft {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  15% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  85% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.feature-about__feature-title--default {
  padding-bottom: 0;
}

@media only screen and (min-width: 1025px) {
  .feature-about__feature-title--big {
    font-size: 80px;
    line-height: 109px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .feature-about__feature-title--big {
    font-size: 64px;
    line-height: 80px;
  }
}

@media only screen and (min-width: 1025px) {
  .feature-about--centered .feature-about__feature-title--big:after {
    bottom: 11px;
  }
}

.feature-about__btn-badge {
  bottom: 0;
  right: 100%;
  width: 242px;
  height: 107px;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  text-indent: -9999px;
  margin: 0 18px 22px 0;
  background: url(../images/fronteggfree.svg) 0 0 no-repeat;
}

@media screen and (max-width: 1740px) {
  .feature-about__btn-badge {
    left: -60px;
    right: auto;
    width: 138px;
    height: 76px;
    margin-right: 10px;
    background-size: 138px auto;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about__btn-badge {
    left: 0;
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__btn-badge {
    left: -53px;
    height: 73px;
    margin-bottom: 24px;
    background-size: 117px auto;
  }
}

@media only screen and (max-width: 360px) {
  .feature-about__btn-badge {
    left: -38px;
    height: 66px;
    margin-bottom: 30px;
  }
}

.feature-about__btn-badge:before {
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 120px;
  position: absolute;
  background: url(../images/frontegg-is-free-arrow.svg) 100% 100%/contain no-repeat;
}

@media screen and (max-width: 1740px) {
  .feature-about__btn-badge:before {
    left: 0;
    top: auto;
    width: auto;
    height: 48px;
    background-position: 0 100%;
    background-image: url(../images/frontegg-is-free-arrow_m.svg);
  }
}

@media only screen and (max-width: 1740px) and (max-width: 360px) {
  .feature-about__btn-badge:before {
    height: 36px;
  }
}

.feature-about .btn-panel {
  margin-top: 48px;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 1901px) {
  .feature-about .btn-panel {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 1900px) {
  .feature-about .btn-panel {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .feature-about .btn-panel--has-badge {
    margin-top: 116px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about .btn-panel--has-badge {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about .btn-panel--has-badge {
    padding-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about .btn-panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.feature-about .btn-panel--links {
  margin-top: -30px;
  margin-left: -31px;
  margin-right: -31px;
}

.feature-about .btn-panel .btn {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1900px) {
  .feature-about .btn-panel .btn {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about .btn-panel .btn {
    z-index: 10;
    max-width: 295px;
    min-width: 190px;
    text-align: left;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .feature-about .btn-panel .btn--video {
    min-width: 0;
  }
}

.feature-about .btn-panel .btn--video {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1901px) {
  .feature-about .btn-panel .btn--video {
    font-size: 14px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about .btn-panel .btn.m-first {
    z-index: 5;
    -webkit-box-ordinal-group: -9;
        -ms-flex-order: -10;
            order: -10;
  }
}

.feature-about .btn-panel .link-btn {
  margin: 0 31px;
  font-size: 14px;
  color: #07080e;
  line-height: 1.2;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 640px) {
  .feature-about .btn-panel .link-btn {
    min-width: 220px;
    margin-bottom: 16px;
  }
}

.feature-about .btn-panel .link-btn:hover {
  color: #6F7DFF;
}

.feature-about .btn-panel .link-btn i {
  font-size: 16px;
  margin-left: 16px;
}

.feature-about .btn-panel .link-btn .icon-play {
  font-size: 24px;
}

@media only screen and (max-width: 640px) {
  .feature-about .btn-panel .link-btn .icon-play {
    margin-right: -6px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about--main .btn-panel {
    margin-top: 48px;
    margin-bottom: 0;
  }
  .feature-about--main .btn-panel--links {
    margin-top: 32px;
  }
}

@media only screen and (min-width: 1025px) {
  .feature-about--centered .btn-panel {
    margin-bottom: -12px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about--centered .btn-panel {
    margin-top: 38px;
  }
}

.feature-about__description {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 769px) {
  .feature-about__description {
    padding-top: 16px;
  }
}

@media only screen and (min-width: 1367px) {
  .feature-about__description {
    padding-bottom: 32px;
  }
}

.feature-about__description p {
  margin-bottom: 0;
}

@media only screen and (min-width: 1025px) {
  .feature-about--main .btn-panel {
    margin-right: -72px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-about--main .btn-panel {
    margin-right: -32px;
  }
}

.feature-about .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .feature-about .container {
    display: block;
  }
}

.feature-about--centered .container {
  display: block;
}

.feature-about__content {
  width: 34%;
  z-index: 25;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 400px;
  padding: 29px 0 0;
  position: relative;
}

@media only screen and (min-width: 1901px) {
  .feature-about__content {
    max-width: 460px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__content {
    padding: 0;
    width: auto;
    max-width: none;
    margin: 0 0 70px;
  }
}

.feature-about--centered .feature-about__content {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: none;
}

@media only screen and (min-width: 1025px) {
  .feature-about--main .feature-about__content {
    width: 35%;
    padding-top: 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .feature-about--main .feature-about__content {
    width: 38%;
  }
}

@media only screen and (min-width: 1901px) {
  .feature-about--main .feature-about__content {
    width: 40%;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about--main .feature-about__content {
    margin-bottom: 21px;
  }
}

.feature-about__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  margin: 0 -20px;
  font-size: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  font-weight: bold;
  line-height: 21px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .feature-about__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feature-about__list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 20px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.feature-about__list i {
  display: block;
  font-size: 16px;
  color: #6F7DFF;
  margin-right: 16px;
}

.feature-about__circles {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  position: absolute;
}

.feature-about__circles:before {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  height: 652px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#ffffff));
  background: linear-gradient(to bottom, #f7f8fa, #ffffff);
}

.feature-about__circles:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 1680px) {
  .feature-about__circles:after {
    top: -50px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about__circles:after {
    background-position: 50% -38px;
  }
}

.feature-about__icon {
  left: 50%;
  color: #fff;
  width: 96px;
  z-index: 25;
  height: 96px;
  bottom: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  position: absolute;
  margin-left: 630px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #6F7DFF;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .feature-about__icon {
    margin-left: 540px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about__icon {
    margin-left: 426px;
  }
}

.feature-about__icon i, .feature-about__icon i:before {
  vertical-align: top;
  display: inline-block;
}

.feature-about__visual {
  width: 66%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  padding-left: 150px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .feature-about__visual {
    padding-left: 30px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__visual {
    padding: 0;
    width: auto;
    z-index: 50;
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about__visual:before {
    top: 100%;
    left: 50%;
    content: '';
    width: 187px;
    height: 46px;
    position: absolute;
    pointer-events: none;
    margin: 23px 0 0 -93px;
    background: url(../images/code-bg-small.svg) 50% 50%/contain no-repeat;
  }
  .feature-about--main .feature-about__visual:before {
    margin-top: -18px;
  }
  .feature-about__visual--img:before {
    display: none;
  }
}

.feature-about__visual:after {
  top: 50%;
  left: 50%;
  content: '';
  z-index: -10;
  width: 884px;
  height: 678px;
  position: absolute;
  pointer-events: none;
  margin: -353px 0 0 -330px;
  background: url(../images/code-bg.svg) 50% 50%/contain no-repeat;
}

.feature-about--main .feature-about__visual:after {
  display: none;
}

@media only screen and (max-width: 1366px) {
  .feature-about__visual:after {
    width: 700px;
    height: 536px;
    margin: -320px 0 0 -260px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about__visual:after {
    top: 39px;
    margin: 0;
    left: -24px;
    right: -24px;
    width: auto;
    height: 345px;
    background: #f7f8fa;
  }
}

.feature-about__visual__inner {
  z-index: 10;
  position: relative;
  margin: -7px -88px -44px -112px;
}

@media only screen and (max-width: 1680px) {
  .feature-about__visual__inner {
    margin-right: -30px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about__visual__inner {
    margin: -7px 0 -44px -62px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__visual__inner {
    margin: 50px -32px -39px;
  }
}

.feature-about__visual__inner:after, .feature-about__visual__inner:before {
  content: '';
  z-index: -10;
  position: absolute;
  border-radius: 50%;
}

.feature-about__visual__inner:after {
  top: -56px;
  right: 208px;
  width: 348px;
  height: 348px;
  background: #edeef0;
}

@media only screen and (max-width: 1680px) {
  .feature-about__visual__inner:after {
    right: -40px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about__visual__inner:after {
    right: -120px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about__visual__inner:after {
    top: -35px;
    right: -10px;
    width: 206px;
    height: 206px;
  }
}

.feature-about__visual__inner:before {
  top: -44px;
  left: -52px;
  width: 60px;
  height: 60px;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  .feature-about__visual__inner:before {
    display: none;
  }
}

.feature-about__visual__inner img {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .feature-about__visual__inner img {
    margin-left: auto;
    margin-right: auto;
  }
}

.feature-about--main .feature-about__visual {
  display: block;
}

@media only screen and (min-width: 1025px) {
  .feature-about--main .feature-about__visual {
    width: 65%;
    right: -118px;
    margin-top: 13px;
    padding-left: 80px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .feature-about--main .feature-about__visual {
    width: 62%;
    right: -150px;
    padding-left: 50px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-about--main .feature-about__visual {
    right: -10px;
  }
}

@media only screen and (min-width: 1901px) {
  .feature-about--main .feature-about__visual--tabs {
    padding-left: 55px;
  }
}

@media only screen and (min-width: 1367px) {
  .feature-about--main .feature-about__visual--tabs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 736px;
  }
}

@media only screen and (min-width: 1681px) {
  .feature-about--main .feature-about__visual--tabs {
    max-width: 778px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .feature-about--main .feature-about__visual--tabs {
    margin-top: 0;
    margin-bottom: -80px;
  }
}

@media only screen and (min-width: 1025px) {
  .feature-about--main .feature-about__visual--tabs .code-block:first-child {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .feature-about--main .feature-about__visual--tabs .code-block:first-child {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about--main .feature-about__visual--tabs .code-block:first-child {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about--main .feature-about__visual--tabs .code-block:first-child {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
  }
}

.feature-about--main .feature-about__visual--tabs .code-block pre[class*=language-] {
  opacity: 1 !important;
}

.feature-about--main .feature-about__visual--tabs .preview-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 470px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .feature-about--main .feature-about__visual--tabs .preview-image {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about--main .feature-about__visual--tabs .preview-image {
    max-width: 554px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about--main .feature-about__visual--tabs .preview-image {
    height: auto;
  }
}

.feature-about--main .feature-about__visual--tabs .preview-image img {
  display: block;
  max-width: 116%;
  margin: -5% -9% -10%;
}

@media only screen and (min-width: 1901px) {
  .feature-about--main .feature-about__visual--tabs .preview-image img {
    margin-left: -17.5%;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about--main .feature-about__visual--tabs .preview-image img {
    max-width: 115%;
    margin-top: -7%;
    margin-left: -7%;
    margin-right: -8%;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about--main .feature-about__visual--tabs .preview-image img {
    margin-top: -5%;
    max-height: 116%;
  }
}

.feature-about__visual .tab-body {
  width: 100%;
  max-width: 498px;
}

@media only screen and (max-width: 1680px) {
  .feature-about__visual .tab-body {
    max-width: 544px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__visual .tab-body {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
}

.feature-about--main .feature-about__visual .tab-body {
  max-width: none;
}

.feature-about__visual > .code-block {
  margin-right: -56px;
}

@media only screen and (max-width: 1024px) {
  .feature-about__visual > .code-block {
    width: auto;
    max-width: none;
    margin-right: 0;
  }
}

.feature-about--main .feature-about__visual > .code-block {
  opacity: 0;
}

@media only screen and (min-width: 1025px) {
  .feature-about--main .feature-about__visual > .code-block {
    max-width: 621px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .feature-about--main .feature-about__visual > .code-block {
    max-width: 580px;
  }
}

.feature-about--main .feature-about__visual > .code-block:first-child {
  margin-top: -20px;
  margin-left: -50px;
  margin-bottom: -89px;
  -webkit-animation: slideRight 1.2s ease forwards .7s;
          animation: slideRight 1.2s ease forwards .7s;
}

@media only screen and (max-width: 1680px) {
  .feature-about--main .feature-about__visual > .code-block:first-child {
    margin-left: -70px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about--main .feature-about__visual > .code-block:first-child {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about--main .feature-about__visual > .code-block:first-child {
    margin-right: 50px;
    margin-left: -20px;
    margin-bottom: -50px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about--main .feature-about__visual > .code-block:first-child {
    margin-right: 20px;
    margin-bottom: -32px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about--main .feature-about__visual > .code-block:first-child {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -10px;
  }
}

@media only screen and (max-width: 360px) {
  .feature-about--main .feature-about__visual > .code-block:first-child {
    margin-left: -14px;
  }
}

.feature-about--main .feature-about__visual > .code-block:first-child .code-block__icon {
  -webkit-animation: slideRight .35s ease forwards 1s;
          animation: slideRight .35s ease forwards 1s;
}

.feature-about--main .feature-about__visual > .code-block:not(:first-child) {
  margin-left: 157px;
  margin-bottom: -100px;
  -webkit-animation: slideRight 1.2s ease forwards 1.5s;
          animation: slideRight 1.2s ease forwards 1.5s;
}

@media only screen and (max-width: 1680px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) {
    margin-left: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) {
    margin-left: 50px;
    margin-right: -20px;
    margin-bottom: -50px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) {
    margin-left: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 360px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) {
    margin-right: -14px;
  }
}

.feature-about--main .feature-about__visual > .code-block:not(:first-child) .code-block__icon {
  -webkit-animation: slideRight .35s ease forwards 2s;
          animation: slideRight .35s ease forwards 2s;
}

@media only screen and (min-width: 1681px) {
  .feature-about--main .feature-about__visual > .code-block:not(:first-child) .code-block__icon {
    top: -38px;
    right: 39px;
  }
}

.feature-about__visual > .code-block pre[class*=language-] {
  height: 400px;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

@media only screen and (max-width: 768px) {
  .feature-about__visual > .code-block pre[class*=language-] {
    height: 308px;
  }
}

.feature-about__visual .code-block:hover {
  z-index: 15;
}

.feature-about__visual .code-block__head__title {
  -webkit-transition: opacity .7s ease;
  transition: opacity .7s ease;
}

.feature-about__visual .code-block__icon {
  opacity: 0;
  top: -63px;
  right: 58px;
  width: 128px;
  height: auto;
  display: block;
  background: #fff;
  position: absolute;
  position: absolute;
  border-radius: 8px;
  -webkit-box-shadow: 0 32px 87px 0 rgba(25, 26, 36, 0.12);
          box-shadow: 0 32px 87px 0 rgba(25, 26, 36, 0.12);
}

@media only screen and (max-width: 1680px) {
  .feature-about__visual .code-block__icon {
    right: 32px;
    width: 96px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-about__visual .code-block__icon {
    right: 0;
    top: 40px;
    width: 48px;
    opacity: 0.8 !important;
    border-radius: 0 0 0 8px;
  }
}

.feature-about__visual .code-block__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.feature-about__visual .code-block__icon img {
  top: 50%;
  left: 50%;
  display: block;
  max-width: 68%;
  max-height: 68%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.feature-about__visual .code-block code {
  -webkit-transition: opacity .7s ease;
  transition: opacity .7s ease;
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15%);
            transform: translateX(15%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15%);
            transform: translateX(15%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.feature-about:not(.feature-about--animate) .feature-about__visual--animated .code-block code, .feature-about:not(.feature-about--animate) .feature-about__visual--animated .code-block__head__title {
  opacity: 0;
  -webkit-transition: opacity .35s ease .7s;
  transition: opacity .35s ease .7s;
}

.feature-about__tab-controls {
  padding: 0;
  width: 96px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 10px;
  list-style: none;
  line-height: 13px;
  font-weight: bold;
  margin: 1px 48px 0 0;
  letter-spacing: .83px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1901px) {
  .feature-about__tab-controls {
    margin: 0 22px 0 0;
  }
}

@media only screen and (max-width: 1680px) {
  .feature-about__tab-controls {
    margin-right: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about__tab-controls {
    width: 80px;
    margin-top: 6px;
    margin-right: 20px;
    letter-spacing: .5px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__tab-controls {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -24px 32px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 360px) {
  .feature-about__tab-controls {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-about__visual--tabs .feature-about__tab-controls {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -24px 32px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feature-about__tab-control {
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .feature-about__tab-control:not(.feature-about__tab-control--no-line):after {
    top: 50%;
    left: 100%;
    content: '';
    height: 2px;
    width: 100px;
    margin: -1px 0 0;
    position: absolute;
    background: #DCDDE1;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about__tab-control {
    margin: 0 24px;
  }
}

@media only screen and (max-width: 360px) {
  .feature-about__tab-control {
    margin: 0 12px;
  }
}

@media only screen and (min-width: 1025px) {
  .feature-about__tab-control:not(:first-child) {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-about__tab-control:not(:first-child) {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-about__visual--tabs .feature-about__tab-control {
    margin: 0 24px;
  }
  .feature-about__visual--tabs .feature-about__tab-control:after {
    display: none;
  }
}

.feature-about__tab-control a {
  width: 96px;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 23px 10px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 12px 44px 0 rgba(220, 221, 225, 0.54);
          box-shadow: 0 12px 44px 0 rgba(220, 221, 225, 0.54);
}

@media only screen and (max-width: 1366px) {
  .feature-about__tab-control a {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    padding: 12px 6px 6px;
  }
}

.feature-about__tab-control .link {
  color: #fff;
  background: #ffbd07;
  -webkit-transition: background .35s ease;
  transition: background .35s ease;
}

.feature-about__tab-control .link .feature-about__tab-control__icon {
  color: inherit;
}

.feature-about__tab-control .link:hover {
  background: #edae00;
}

.feature-about__tab-control__border {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.feature-about__tab-control__border:after {
  top: 0;
  left: 18px;
  opacity: 0;
  width: 2px;
  height: 7px;
  content: '';
  position: absolute;
  pointer-events: none;
  background: #6F7DFF;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

@media only screen and (max-width: 1366px) {
  .feature-about__tab-control__border:after {
    left: 15px;
    height: 6px;
  }
}

.feature-about__tab-control__border svg {
  width: 100%;
  height: 100%;
  display: block;
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.feature-about__tab-control.active .feature-about__tab-control__border:after {
  opacity: 1;
  -webkit-transition: opacity .35s ease .35s;
  transition: opacity .35s ease .35s;
}

.feature-about__tab-control.active .feature-about__tab-control__border svg {
  -webkit-animation: dash .7s ease-out forwards;
          animation: dash .7s ease-out forwards;
}

.feature-about__tab-control:not(.active) .feature-about__tab-control__border {
  opacity: 0;
}

.feature-about__tab-control__icon {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  margin-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .feature-about__tab-control__icon {
    width: 32px;
    height: 32px;
    font-size: 32px;
    margin-bottom: 6px;
  }
}

.feature-about .subscribe-form {
  width: auto;
  max-width: none;
  margin: 0 -100px 0 0;
}

@media only screen and (min-width: 1901px) {
  .feature-about .subscribe-form {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-about .subscribe-form {
    margin-right: -40px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-about .subscribe-form {
    margin: 0 auto;
    max-width: 600px;
  }
}

.feature-about .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.feature-about .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.feature-about .subscribe-form .wpcf7-text {
  height: 56px;
  background: #fff;
  border-radius: 16px;
  padding: 0 32px 0 16px;
}

.feature-about .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #f3f4f5;
}

.feature-about .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 16px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 48px 12px 24px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 24px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .feature-about .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.feature-about .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.feature-about .subscribe-form .wpcf7-not-valid-tip {
  right: 10px;
}

.feature-about .subscribe-form .wpcf7-mail-sent-ok,
.feature-about .subscribe-form .wpcf7-response-output,
.feature-about .subscribe-form .wpcf7-validation-errors {
  right: 0;
  z-index: 10;
}

.feature-about .subscribe-form div.wpcf7 div.ajax-loader,
.feature-about .subscribe-form div.wpcf7 span.ajax-loader {
  left: 16px;
}

.code-block {
  width: 100%;
  color: #b0b3cd;
  max-width: 554px;
  text-align: left;
  border-radius: 8px;
  position: relative;
  background: #191a24;
  font: 14px/28px 'PT Mono', monospace;
  -webkit-box-shadow: 0 60px 70px -28px #acadb2;
          box-shadow: 0 60px 70px -28px #acadb2;
}

@media only screen and (max-width: 768px) {
  .code-block {
    font-size: 12px;
  }
}

.code-block__icon {
  top: 65px;
  z-index: 15;
  width: 96px;
  height: 96px;
  right: -47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 30px;
  color: #6F7DFF;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(60, 63, 89, 0.11);
          box-shadow: 0 28px 50px 0 rgba(60, 63, 89, 0.11);
}

@media only screen and (max-width: 1366px) {
  .code-block__icon {
    top: 40px;
    width: 78px;
    height: 78px;
    right: -38px;
    font-size: 28px;
    border-radius: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-block__icon {
    display: none;
  }
}

.code-block__icon img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.code-block__head {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #36373c;
  border-radius: 8px 8px 0 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.code-block--light .code-block__head {
  background: #dcdde1;
}

.code-block__head__dot {
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
  border-radius: 50%;
}

.code-block__head__dot--red {
  background: #ff6058;
}

.code-block__head__dot--yellow {
  background: #ffbf2e;
}

.code-block__head__dot--green {
  background: #27cd41;
}

.code-block__head__title {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  max-width: 320px;
  margin-left: 16px;
  font-weight: normal;
  white-space: nowrap;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 640px) {
  .code-block__head__title {
    font-size: 12px;
    margin-left: 8px;
  }
}

.code-block--light .code-block__head__title {
  color: #05060c;
}

.code-block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.code-block__row-number-col {
  width: 48px;
  color: #565762;
  min-height: 430px;
  background: #05060c;
  border-radius: 0 0 0 8px;
  padding: 24px 16px 5px 16px;
}

.code-block code[class*=language-],
.code-block pre[class*=language-] {
  background: none;
  font: 14px/28px 'PT Mono', monospace;
}

@media only screen and (max-width: 768px) {
  .code-block code[class*=language-],
  .code-block pre[class*=language-] {
    font-size: 12px;
  }
}

.code-block pre[class*=language-] {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 430px;
  overflow: auto;
}

@media only screen and (max-width: 768px) {
  .code-block pre[class*=language-] {
    height: 326px;
  }
}

.code-block pre[class*=language-].line-numbers > code {
  display: block;
  min-height: 100%;
  padding: 16px 16px 5px 56px;
}

@media only screen and (max-width: 768px) {
  .code-block pre[class*=language-].line-numbers > code {
    padding-left: 48px;
  }
}

.code-block .line-numbers .line-numbers-rows {
  left: 0;
  width: 48px;
  border: none;
  color: #565762;
  min-height: 100%;
  background: #05060c;
  padding: 16px 16px 5px;
  font: 14px/28px 'PT Mono', monospace;
}

@media only screen and (max-width: 768px) {
  .code-block .line-numbers .line-numbers-rows {
    width: 32px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.code-block .line-numbers .line-numbers-rows > span:before {
  padding: 0;
  color: inherit;
  text-align: left;
}

.code-block--light {
  background: #fff;
  -webkit-box-shadow: 0 28px 50px 5px rgba(55, 69, 109, 0.1), 0 4px 13px 0 rgba(20, 29, 58, 0), 0 2px 4px 0 rgba(34, 43, 70, 0.07);
          box-shadow: 0 28px 50px 5px rgba(55, 69, 109, 0.1), 0 4px 13px 0 rgba(20, 29, 58, 0), 0 2px 4px 0 rgba(34, 43, 70, 0.07);
}

.code-block--light .line-numbers .line-numbers-rows {
  background: #f7f8fa;
}

.feature-services-section {
  padding: 120px 0 8px;
}

@media only screen and (min-width: 1901px) {
  .feature-services-section {
    padding-top: 90px;
    padding-bottom: 33px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-services-section {
    padding-top: 90px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-services-section {
    padding-top: 48px;
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-services-section {
    padding-top: 25px;
    padding-bottom: 10px;
  }
}

.feature-intro + .feature-services-section {
  padding-top: 210px;
}

@media only screen and (max-width: 1680px) {
  .feature-intro + .feature-services-section {
    padding-top: 160px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-intro + .feature-services-section {
    padding-top: 80px;
  }
}

.feature-intro + .feature-services-section > .container {
  z-index: 25;
  position: relative;
}

.feature-services-section + .ready-section {
  padding-top: 120px;
}

@media only screen and (max-width: 768px) {
  .feature-services-section + .ready-section {
    padding-top: 150px;
  }
}

.feature-services-section h2, .feature-services-section .h2 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
  .feature-services-section h2, .feature-services-section .h2 {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-services-section h2, .feature-services-section .h2 {
    font-size: 32px;
    line-height: 43px;
    text-align: center;
    margin-bottom: 56px;
  }
}

.feature-services-section h2.center, .feature-services-section .h2.center {
  text-align: center;
}

@media only screen and (min-width: 1681px) {
  .feature-services-section h2.center, .feature-services-section .h2.center {
    margin-bottom: 93px;
  }
}

.feature-services-section__visual {
  margin: 38px 0 69px;
}

@media only screen and (min-width: 1681px) {
  .feature-services-section__visual {
    margin-left: -28px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-services-section__visual {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.feature-services-section__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.feature-services-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .feature-services-list {
    max-width: none;
  }
}

@media only screen and (max-width: 768px) {
  .feature-services-list {
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-services-list {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -12px;
  }
}

.feature-services-list--inline {
  margin-bottom: -100px;
}

@media only screen and (min-width: 769px) {
  .feature-services-list--inline {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-services-list--inline {
    margin-bottom: -132px;
  }
}

@media only screen and (min-width: 769px) {
  .feature-services-list--two-columns {
    margin-left: -18px;
    margin-right: -18px;
  }
}

.feature-service-item {
  color: #878996;
  width: 33.3333%;
  padding: 0 12px;
  font-size: 16px;
  margin: 0 0 20px;
  line-height: 1.5;
  position: relative;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .feature-service-item {
    width: 100%;
    padding-top: 2px;
    padding-right: 0;
    text-align: left;
    padding-left: 72px;
    position: relative;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-service-item {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 769px) {
  .feature-services-list--two-columns .feature-service-item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 56px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .feature-services-list--two-columns .feature-service-item p {
    max-width: none;
  }
}

.feature-service-item__icon {
  width: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  border-radius: 18px;
  margin-bottom: 32px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f3ff), to(#ece3ff));
  background: linear-gradient(to bottom, #f7f3ff, #ece3ff);
}

@media only screen and (min-width: 769px) {
  .feature-services-list--two-columns .feature-service-item__icon {
    margin: 0 40px 0 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-services-list--two-columns .feature-service-item__icon {
    margin-right: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-service-item__icon {
    width: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-service-item__icon {
    top: 0;
    left: 0;
    width: 48px;
    position: absolute;
    border-radius: 12px;
  }
}

@media only screen and (min-width: 769px) {
  .feature-service-item--inline .feature-service-item__icon {
    top: 0;
    left: 24px;
    position: absolute;
  }
}

.feature-service-item__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.feature-service-item__icon img, .feature-service-item__icon svg {
  top: 50%;
  left: 50%;
  max-width: 36px;
  max-height: 36px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1024px) {
  .feature-service-item__icon img, .feature-service-item__icon svg {
    max-width: 32px;
    max-height: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-service-item__icon img, .feature-service-item__icon svg {
    max-width: 19px;
    max-height: 19px;
  }
}

.feature-service-item__title {
  display: block;
  font-size: 24px;
  color: #05060c;
  line-height: 1.33;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1680px) {
  .feature-service-item__title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-service-item__title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1025px) {
  body.page-template-campaign-landing .feature-service-item__title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  body.page-template-campaign-landing .feature-service-item__title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-service-item__title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .feature-service-item--inline .feature-service-item__title {
    font-size: 20px;
  }
}

.feature-service-item p {
  margin-bottom: 24px;
}

@media only screen and (min-width: 769px) {
  .feature-service-item p {
    max-width: 320px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-service-item p {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1901px) {
  .feature-service-item__content {
    padding-top: 8px;
  }
}

.feature-service-item__info {
  opacity: 0;
  width: 822px;
  z-index: 150;
  left: -9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  bottom: -9999px;
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 10px;
  background: #fff;
  line-height: 1.71;
  position: absolute;
  border-radius: 16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 24px 40px 24px 24px;
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
  -webkit-box-shadow: 0 28px 80px 0 rgba(75, 89, 130, 0.2);
          box-shadow: 0 28px 80px 0 rgba(75, 89, 130, 0.2);
}

@media only screen and (max-width: 1366px) {
  .feature-service-item__info {
    width: 668px;
    padding: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-service-item__info {
    width: auto;
    right: 9999px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-service-item__info {
    display: block;
  }
}

.feature-service-item:hover .feature-service-item__info {
  opacity: 1;
  left: -56px;
  bottom: 100%;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

@media only screen and (max-width: 1366px) {
  .feature-service-item:hover .feature-service-item__info {
    left: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-service-item:hover .feature-service-item__info {
    left: -16px;
    right: -16px;
  }
}

.feature-service-item__info--at-bottom {
  top: -9999px;
  bottom: auto;
}

.feature-service-item:hover .feature-service-item__info--at-bottom {
  top: 100%;
  bottom: auto;
}

@media only screen and (min-width: 1025px) {
  .feature-service-item:nth-child(3n) .feature-service-item__info {
    left: auto;
    right: 9999px;
  }
  .feature-service-item:nth-child(3n):hover .feature-service-item__info {
    left: auto;
    right: -56px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-service-item:nth-child(3n):hover .feature-service-item__info {
    right: 16px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-service-item:nth-child(2n) .feature-service-item__info {
    left: auto;
    right: 9999px;
  }
  .feature-service-item:nth-child(2n):hover .feature-service-item__info {
    left: auto;
    right: 16px;
  }
}

.feature-service-item__info p {
  max-width: none;
  margin-bottom: 23px;
}

.feature-service-item__info__visual {
  width: 236px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-right: 48px;
}

@media only screen and (max-width: 1366px) {
  .feature-service-item__info__visual {
    width: 220px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-service-item__info__visual {
    width: auto;
    margin: 0 0 16px;
    max-height: 320px;
  }
}

.feature-service-item__info__visual:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.feature-service-item__info__visual img {
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.feature-service-item__info__content {
  width: 100%;
  padding: 32px 0 36px;
}

@media only screen and (max-width: 1366px) {
  .feature-service-item__info__content {
    padding: 16px 0 8px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-service-item__info__content {
    padding-top: 0;
  }
}

.feature-service-item__info__title {
  color: #05060c;
  display: block;
  line-height: 1;
  font-size: 32px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1366px) {
  .feature-service-item__info__title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}

.feature-service-item--inline {
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .feature-service-item--inline {
    margin-bottom: 48px;
    padding-left: 128px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-service-item--inline {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .feature-service-item--inline {
    width: 100%;
  }
}

.feature-service-item--inline p {
  margin-left: 0;
  margin-right: 0;
}

.feature-supports-section {
  padding: 54px 0 52px;
}

@media only screen and (max-width: 1680px) {
  .feature-supports-section {
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-section {
    padding-top: 24px;
    padding-bottom: 36px;
  }
}

.feature-supports-section__title {
  z-index: 5;
  font-size: 14px;
  color: #878996;
  overflow: hidden;
  line-height: 16px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: normal;
  margin-bottom: 44px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1366px) {
  .feature-supports-section__title {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-section__title {
    overflow: visible;
    margin-bottom: 24px;
  }
}

.feature-supports-section__title span {
  padding: 0 40px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .feature-supports-section__title span {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.feature-supports-section__title span:after, .feature-supports-section__title span:before {
  top: 50%;
  content: '';
  width: 50vw;
  position: absolute;
  border-bottom: 1px solid #edeef0;
}

.feature-supports-section__title span:after {
  left: 100%;
}

.feature-supports-section__title span:before {
  right: 100%;
}

.feature-supports-section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .feature-supports-section__content {
    display: block;
  }
}

.feature-supports-section__divider {
  width: 8px;
  height: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  position: relative;
  border-radius: 50%;
  margin: 68px 32px 0;
  background: rgba(135, 137, 150, 0.2);
}

@media only screen and (max-width: 1024px) {
  .feature-supports-section__divider {
    margin: 48px auto;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-section__divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.feature-supports-section__divider:after, .feature-supports-section__divider:before {
  top: 0;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 50%;
  position: absolute;
  background: rgba(135, 137, 150, 0.2);
}

.feature-supports-section__divider:after {
  left: 100%;
  margin-left: 12px;
}

@media only screen and (max-width: 1680px) {
  .feature-supports-section__divider:after {
    margin-left: 8px;
  }
}

.feature-supports-section__divider:before {
  right: 100%;
  margin-right: 12px;
}

@media only screen and (max-width: 1680px) {
  .feature-supports-section__divider:before {
    margin-right: 8px;
  }
}

.feature-supports-section__divider:first-child {
  display: none;
}

.feature-supports-section__group__title {
  display: block;
  font-size: 12px;
  color: #878996;
  line-height: 16px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.feature-supports-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .feature-supports-list {
    margin-left: -6px;
    margin-right: -6px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-supports-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-list {
    margin-left: -9px;
    margin-right: -9px;
  }
}

.feature-supports-list__item {
  width: 80px;
  margin: 0 10px;
  position: relative;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .feature-supports-list__item {
    width: 76px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .feature-supports-list__item {
    width: 74px;
    margin-left: 6px;
    margin-right: 6px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-list__item {
    margin-left: 9px;
    margin-right: 9px;
    max-width: calc(25% - 18px);
  }
}

.feature-supports-list__item:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.feature-supports-list__icon {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease, opacity .7s ease, -webkit-transform 1s ease;
  transition: all 1s ease, opacity .7s ease, -webkit-transform 1s ease;
  transition: all 1s ease, transform 1s ease, opacity .7s ease;
  transition: all 1s ease, transform 1s ease, opacity .7s ease, -webkit-transform 1s ease;
}

.feature-supports-list__icon:not(.active) {
  opacity: 0;
  pointer-events: none;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: translateY(40%);
          transform: translateY(40%);
}

.feature-supports-list__icon.hidden {
  opacity: 0;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}

.feature-supports-list__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.saas-info-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -32px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .saas-info-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.saas-info-item {
  width: 50%;
  padding: 0 32px;
  font-size: 18px;
  color: #878996;
  margin: 0 0 48px;
  line-height: 32px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .saas-info-item {
    width: 100%;
    font-size: 16px;
    max-width: 640px;
    line-height: 28px;
    margin-bottom: 32px;
  }
}

.saas-info-item__visual {
  display: block;
  max-width: 80%;
  position: relative;
  margin: 0 auto 48px;
}

@media only screen and (max-width: 1366px) {
  .saas-info-item__visual {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .saas-info-item__visual {
    max-width: 90%;
  }
}

.saas-info-item__visual:before {
  content: '';
  display: block;
  padding-top: 78.10107%;
}

.saas-info-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.saas-info-item__title {
  display: block;
  font-size: 32px;
  color: #05060c;
  margin: 0 0 24px;
  line-height: 43px;
}

@media only screen and (max-width: 1366px) {
  .saas-info-item__title {
    font-size: 28px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .saas-info-item__title {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 20px;
  }
}

.feature-supports-section:not(.feature-supports-section--new) .feature-supports-list__icon:not(.active) {
  opacity: 1;
}

.feature-hero {
  font-size: 20px;
  color: #191A24;
  min-height: 527px;
  padding-top: 72px;
  position: relative;
  padding-bottom: 48px;
  line-height: 1.6;
  background: url(../images/feature-hero-bg.png) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .feature-hero {
    font-size: 18px;
    min-height: 480px;
    padding-top: 64px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-hero {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-hero {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-hero {
    min-height: 0;
    padding-top: 36px;
    text-align: center;
  }
}

@media only screen and (max-width: 360px) {
  .feature-hero {
    font-size: 14px;
  }
}

.feature-hero + .feature-supports-section {
  padding-top: 16px;
}

@media only screen and (min-width: 769px) {
  .feature-hero .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.feature-hero h1, .feature-hero .h1 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .feature-hero h1, .feature-hero .h1 {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-hero h1, .feature-hero .h1 {
    font-size: 32px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 360px) {
  .feature-hero h1, .feature-hero .h1 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}

.feature-hero__content p {
  margin-bottom: 1.6em;
}

.feature-hero__content .btn-panel {
  margin-top: 40px;
}

@media only screen and (max-width: 1680px) {
  .feature-hero__content .btn-panel {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-hero__content .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feature-hero__description {
  max-width: 459px;
}

@media only screen and (max-width: 1680px) {
  .feature-hero__description {
    max-width: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-hero__description {
    margin-left: auto;
    margin-right: auto;
  }
}

.feature-hero__visual {
  width: 56.5%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 680px;
  margin-top: -40px;
  margin-left: 32px;
  margin-right: -6px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .feature-hero__visual {
    max-width: 580px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-hero__visual {
    width: 54%;
    margin-left: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-hero__visual {
    width: auto;
    max-width: 480px;
    margin: 32px auto 0;
  }
}

@media screen and (max-width: 480px) {
  .feature-hero__visual {
    max-width: none;
    margin: 20px -20px 0;
  }
}

.feature-hero__visual:before {
  content: '';
  display: block;
  padding-top: 70.58824%;
}

.feature-hero__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.feature-advantages {
  padding: 21px 0 150px;
}

@media only screen and (max-width: 1680px) {
  .feature-advantages {
    padding-bottom: 96px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-advantages {
    padding-bottom: 48px;
  }
}

.feature-advantages--gray {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #F7F8FA;
}

@media only screen and (max-width: 1680px) {
  .feature-advantages--gray {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-advantages--gray {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

.feature-advantages + .use-case-cite {
  margin-top: 0;
}

.feature-advantages + .use-case-cite:before {
  display: none;
}

.feature-advantages h3, .feature-advantages .h3 {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1680px) {
  .feature-advantages h3, .feature-advantages .h3 {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-advantages h3, .feature-advantages .h3 {
    margin-bottom: 32px;
  }
}

.feature-advantages__head {
  line-height: 2;
  font-size: 16px;
  margin-bottom: 18px;
}

.feature-advantages__head h3, .feature-advantages__head .h3 {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) {
  .feature-advantages__head h3, .feature-advantages__head .h3 {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-advantages__head h3, .feature-advantages__head .h3 {
    margin-bottom: 12px;
  }
}

.feature-advantages__head p {
  margin-bottom: 0;
}

.feature-advantages .tabset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .feature-advantages .tabset {
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .feature-advantages .tabset--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.feature-advantages .tab-body {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .feature-advantages .tab-body {
    width: calc(100% - 332px);
  }
}

.feature-advantages__controls-list {
  padding: 0;
  z-index: 10;
  width: 390px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  list-style: none;
  min-height: 500px;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 40px 20px 0;
}

@media only screen and (max-width: 1680px) {
  .feature-advantages__controls-list {
    width: 370px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-advantages__controls-list {
    width: 360px;
    min-height: 480px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-advantages__controls-list {
    width: 300px;
    min-height: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-advantages__controls-list {
    margin: 0;
    width: auto;
    min-height: 0;
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .tabset--reverse .feature-advantages__controls-list {
    margin-right: 0;
    margin-left: 40px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .tabset--reverse .feature-advantages__controls-list {
    margin-left: 32px;
  }
}

.feature-advantages__control-item {
  width: 100%;
}

.feature-advantages__control-item:not(:first-child) {
  margin-top: 16px;
}

.feature-advantages__control-item > a,
.feature-advantages__control-item > span {
  display: block;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
}

.feature-advantages__control-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 96px 16px 24px;
}

@media only screen and (max-width: 1366px) {
  .feature-advantages__control-item__head {
    padding: 12px 96px 12px 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-advantages__control-item__head {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-advantages__control-item__head {
    padding: 16px 50px 16px 16px;
  }
}

.feature-advantages__control-item__icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
  margin-right: 24px;
  color: #6F7DFF;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ECF1FF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 1366px) {
  .feature-advantages__control-item__icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
    margin-right: 16px;
  }
}

.feature-advantages__control-item.active .feature-advantages__control-item__icon {
  color: #fff;
  background: #6F7DFF;
}

.feature-advantages__control-item__status-icon {
  top: 50%;
  right: 32px;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  color: #cccdd2;
  font-size: 16px;
  margin: -8px 0 0;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .feature-advantages__control-item__status-icon {
    right: 16px;
    font-size: 14px;
    margin-top: -7px;
  }
}

.feature-advantages__control-item.active .feature-advantages__control-item__status-icon {
  color: #6F7DFF;
}

.feature-advantages__control-item__status-icon i {
  display: block;
}

.feature-advantages__control-item.active .feature-advantages__control-item__status-icon i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.feature-advantages__control-item__content {
  display: block;
  font-size: 14px;
  color: #878996;
  padding: 8px 32px 32px;
  line-height: 1.71429em;
}

@media only screen and (max-width: 1366px) {
  .feature-advantages__control-item__content {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .feature-advantages__control-item__content {
    padding-top: 11px;
    padding-bottom: 33px;
  }
}

.feature-advantages__control-item__content p {
  margin: 0;
}

.feature-advantages__control-item:not(.active) .feature-advantages__visual {
  display: none;
}

.feature-advantages__control-item:not(.active) .code-block {
  display: none;
}

.feature-advantages__visual {
  max-width: 770px;
  position: relative;
  margin: -20px -54px -20px -10px;
}

@media only screen and (min-width: 1025px) {
  .tabset.tabset--reverrse .feature-advantages__visual {
    margin-left: -54px;
    margin-right: -10px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-advantages__visual {
    max-width: 480px;
    margin: 16px auto 0;
  }
}

.feature-advantages__visual:before {
  content: '';
  display: block;
  padding-top: 77.92208%;
}

.feature-advantages__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.feature-video-section {
  font-size: 20px;
  line-height: 1.6;
  padding: 56px 0 60px;
  background: #F7F8FA;
}

@media only screen and (max-width: 1680px) {
  .feature-video-section {
    font-size: 18px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-video-section {
    font-size: 16px;
    padding-top: 36px;
    text-align: center;
    padding-bottom: 36px;
  }
}

@media only screen and (max-width: 360px) {
  .feature-video-section {
    font-size: 14px;
  }
}

.feature-video-section + .use-case-cite {
  margin-top: 0;
}

.feature-video-section + .use-case-cite:before {
  display: none;
}

.feature-video-section h2, .feature-video-section .h2 {
  margin-bottom: 0.66667em;
}

.feature-video-section p {
  line-height: 1.6em;
}

@media only screen and (min-width: 1025px) {
  .feature-video-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.feature-video-section__visual {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 499px;
  overflow: hidden;
  margin-top: 26px;
  margin-left: 32px;
  border-radius: 8px;
  position: relative;
  -webkit-filter: drop-shadow(0px 25.6px 32px rgba(32, 19, 103, 0.09));
          filter: drop-shadow(0px 25.6px 32px rgba(32, 19, 103, 0.09));
}

@media only screen and (max-width: 1680px) {
  .feature-video-section__visual {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 1366px) {
  .feature-video-section__visual {
    margin-top: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-video-section__visual {
    width: auto;
    margin: 32px auto 0;
  }
}

.feature-video-section__visual:before {
  content: '';
  display: block;
  padding-top: 63.32665%;
}

.feature-video-section__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.feature-video-section__visual__video-icon {
  top: 50%;
  left: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 16px;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5.5em;
  height: 5.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -2.75em 0 0 -2.75em;
  background: -webkit-gradient(linear, left top, left bottom, from(#6F5BD8), color-stop(98.68%, #5344A7));
  background: linear-gradient(180deg, #6F5BD8 0%, #5344A7 98.68%);
  -webkit-box-shadow: 0 1.5em 2.5em rgba(82, 81, 134, 0.33), 0 0 0 1.25em rgba(255, 255, 255, 0.75), 0 1.75em 3.125em 1.25em rgba(120, 113, 166, 0.21);
          box-shadow: 0 1.5em 2.5em rgba(82, 81, 134, 0.33), 0 0 0 1.25em rgba(255, 255, 255, 0.75), 0 1.75em 3.125em 1.25em rgba(120, 113, 166, 0.21);
}

@media screen and (max-width: 480px) {
  .feature-video-section__visual__video-icon {
    font-size: 13px;
  }
}

.feature-video-section__content {
  width: 100%;
  max-width: 507px;
}

@media only screen and (max-width: 1024px) {
  .feature-video-section__content {
    margin-left: auto;
    margin-right: auto;
  }
}

.feature-video-section__content .btn-panel {
  margin-top: 40px;
}

@media only screen and (max-width: 1680px) {
  .feature-video-section__content .btn-panel {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .feature-video-section__content .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feature-video-section__description {
  max-width: 428px;
}

@media only screen and (max-width: 1024px) {
  .feature-video-section__description {
    margin-left: auto;
    margin-right: auto;
  }
}

.btns-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  min-height: 235px;
  position: relative;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(../images/features-bg.svg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .btns-section {
    min-height: 220px;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section {
    min-height: 176px;
  }
}

.btns-section__bg-frame {
  left: 50%;
  position: absolute;
  pointer-events: none;
}

.btns-section__bg-frame--1 {
  top: -28px;
  margin-left: -650px;
}

@media only screen and (max-width: 1366px) {
  .btns-section__bg-frame--1 {
    margin-left: -540px;
  }
}

@media only screen and (max-width: 1024px) {
  .btns-section__bg-frame--1 {
    left: 20px;
    margin-left: -70px;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section__bg-frame--1 {
    left: 13px;
    top: -42px;
    width: 135px;
    margin-left: 0;
  }
}

.btns-section__bg-frame--2 {
  bottom: -100px;
  margin-left: 430px;
}

@media only screen and (max-width: 1366px) {
  .btns-section__bg-frame--2 {
    margin-left: 320px;
  }
}

@media only screen and (max-width: 1024px) {
  .btns-section__bg-frame--2 {
    left: auto;
    right: -10px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section__bg-frame--2 {
    right: 40px;
    width: 127px;
  }
}

.btns-section__bg-frame img {
  display: block;
  max-width: 100%;
}

.btns-section__more {
  left: -16px;
  color: #05060c;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .btns-section__more {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section__more {
    left: auto;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 38px;
  }
}

.btns-section__more:hover {
  color: #000;
}

.btns-section__more__icon {
  width: 56px;
  height: 56px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 14px;
  margin-left: 28px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffbd07;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .btns-section__more__icon {
    width: 50px;
    height: 50px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section__more__icon {
    width: 48px;
    height: 48px;
    font-size: 12px;
    margin-left: 32px;
  }
}

.btns-section__more:hover .btns-section__more__icon {
  background: #edae00;
}

.btns-section .btn-panel {
  padding: 88px 0;
}

@media only screen and (max-width: 1680px) {
  .btns-section .btn-panel {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section .btn-panel {
    margin-left: -7px;
    margin-right: -7px;
  }
}

@media only screen and (max-width: 768px) {
  .btns-section .btn-panel .btn {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.security-section {
  padding-top: 142px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1680px) {
  .security-section {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1366px) {
  .security-section {
    padding-top: 60px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .security-section {
    padding-top: 109px;
  }
}

.security-section .default-section__center {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1680px) {
  .security-section .default-section__center {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .security-section .default-section__center {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1681px) {
  .security-section .default-section__center .h1, .security-section .default-section__center h2, .security-section .default-section__center .h2 {
    margin-bottom: 73px;
  }
}

@media only screen and (min-width: 1681px) {
  .security-section .default-section__center p {
    margin-bottom: 48px;
  }
}

.security-section .default-section__center .marked-list {
  padding-top: 10px;
}

.security-section__visual {
  max-width: 806px;
  position: relative;
  margin: 0 auto -69px;
}

@media only screen and (max-width: 768px) {
  .security-section__visual {
    margin: -13px -48px 0 -40px;
  }
}

.security-section__visual:before {
  content: '';
  display: block;
  padding-top: 70.8436%;
}

.security-section__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.security-section__title {
  display: block;
  color: #05060c;
  font-size: 16px;
  margin: 0 0 32px;
  line-height: 21px;
}

.security-section__list ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px;
  list-style: none;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.security-section__list ul li {
  height: 32px;
  min-width: 99px;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  line-height: 28px;
  position: relative;
  color: #6F7DFF;
  border-radius: 8px;
  margin: 0 12px 22px;
  padding: 0 32px 0 14px;
  text-transform: uppercase;
  border: solid 2px #6F7DFF;
}

.security-section__list ul li i, .security-section__list ul li img {
  top: 50%;
  right: 14px;
  line-height: 1;
  font-size: 16px;
  margin-top: -8px;
  font-style: normal;
  position: absolute;
  font-weight: normal;
}

.security-section__list ul li img {
  width: 16px;
  height: 16px;
  display: block;
}

.reviews-section {
  color: #fff;
  padding: 0 0 64px;
  position: relative;
  background: #6F7DFF url(../images/reviews-bg.svg) 50% 40px/100% auto no-repeat;
}

@media only screen and (max-width: 1680px) {
  .reviews-section {
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .reviews-section {
    padding-bottom: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .reviews-section {
    padding-top: 26px;
    padding-bottom: 46px;
    background-size: auto 200px;
    background-position: 50% calc(100% - 120px);
  }
}

@media only screen and (min-width: 1025px) {
  .reviews-section + .blog-section {
    padding-top: 64px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .reviews-section + .blog-section {
    padding-top: 48px;
  }
}

.reviews-slider {
  position: relative;
}

.reviews-slider:not(.slick-slider) .review-item:not(:first-child) {
  display: none;
}

.reviews-slider .slick-list {
  padding-bottom: 50px;
  margin-bottom: -50px;
}

.reviews-slider .slick-dots {
  bottom: -22px;
}

@media only screen and (max-width: 768px) {
  .reviews-slider .slick-dots {
    left: 0;
    right: 0;
    bottom: 52px;
    position: absolute;
  }
  .reviews-slider .slick-dots li {
    margin: 0 12px;
  }
  .reviews-slider .slick-dots button {
    width: 16px;
    height: 16px;
  }
}

.reviews-slider .slick-dots li.slick-active button {
  background: #ffbd07;
  border-color: #ffbd07;
}

.reviews-slider .slick-dots button {
  background: transparent;
  border-color: #eae6ff;
}

.reviews-slider .slick-dots button:hover {
  border-color: #ffbd07;
}

.review-item {
  overflow: hidden;
  margin-bottom: -42px;
  padding: 100px 0 78px;
}

@media only screen and (max-width: 1680px) {
  .review-item {
    padding: 74px 0 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .review-item {
    padding-top: 64px;
    padding-bottom: 96px;
  }
}

@media only screen and (max-width: 1024px) {
  .review-item {
    margin-bottom: 0;
    margin-bottom: -24px;
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 113px;
  }
}

.review-item .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .review-item .container {
    display: block;
  }
}

.review-item__content {
  width: 54%;
  z-index: 10;
  max-width: 640px;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .review-item__content {
    max-width: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .review-item__content {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__content {
    margin-left: auto;
    margin-right: auto;
  }
}

.review-item__visual {
  width: 46%;
  max-width: 410px;
  margin: 14px 0 0;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .review-item__visual {
    width: auto;
    margin-left: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__visual {
    margin: 32px auto 0;
  }
}

.review-item__visual__organization {
  top: 50%;
  left: -48px;
  width: 80px;
  overflow: hidden;
  margin-top: -36px;
  border-radius: 50%;
  position: absolute;
}

@media only screen and (max-width: 1366px) {
  .review-item__visual__organization {
    width: 64px;
    left: -32px;
  }
}

@media only screen and (max-width: 1024px) {
  .review-item__visual__organization {
    left: -14px;
    width: 51px;
    margin-top: -5px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__visual__organization {
    left: -30px;
    width: 67px;
    margin-top: 10px;
  }
}

.review-item__visual__organization:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.review-item__visual__organization img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.review-item__visual__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 1024px) {
  .review-item__visual__list {
    display: none;
  }
}

.review-item__visual__list li {
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.review-item__visual__list li:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.review-item__visual__list li:nth-child(1) {
  top: -14px;
  left: 48px;
  width: 69px;
  padding: 9px;
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.5);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.5);
}

@media only screen and (max-width: 1680px) {
  .review-item__visual__list li:nth-child(1) {
    top: 0;
    left: 20px;
  }
}

.review-item__visual__list li:nth-child(2) {
  right: 0;
  top: 52px;
  width: 86px;
  padding: 11px;
}

.review-item__visual__list li:nth-child(3) {
  width: 95px;
  right: 50px;
  padding: 12px;
  bottom: -102px;
}

@media only screen and (max-width: 1680px) {
  .review-item__visual__list li:nth-child(3) {
    bottom: -50px;
  }
}

.review-item__visual__list img {
  top: 13%;
  left: 13%;
  width: 74%;
  height: 74%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  position: absolute;
}

.review-item__main-img {
  width: 258px;
  padding: 24px;
  display: block;
  margin: 0 auto;
  position: relative;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 21px 50px 10px rgba(47, 70, 135, 0.08);
          box-shadow: 0 21px 50px 10px rgba(47, 70, 135, 0.08);
}

@media only screen and (max-width: 1366px) {
  .review-item__main-img {
    width: 240px;
    padding: 20px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .review-item__main-img {
    width: 239px;
    height: 239px;
    padding: 23px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__main-img {
    width: 203px;
    height: 203px;
    margin-top: 0;
    padding: 18px;
  }
}

.review-item__main-img:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.review-item__main-img > img {
  top: 26px;
  left: 26px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 50%;
  width: calc(100% - 52px);
  height: calc(100% - 52px);
  -webkit-box-shadow: 0 16px 40px 10px rgba(51, 76, 149, 0.1);
          box-shadow: 0 16px 40px 10px rgba(51, 76, 149, 0.1);
}

@media only screen and (max-width: 768px) {
  .review-item__main-img > img {
    top: 18px;
    left: 18px;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
  }
}

.review-item__text {
  display: block;
  font-size: 24px;
  padding: 37px 0 0;
  min-height: 237px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.66667em;
}

@media only screen and (max-width: 1680px) {
  .review-item__text {
    padding-top: 32px;
    min-height: 232px;
  }
}

@media only screen and (max-width: 1366px) {
  .review-item__text {
    font-size: 20px;
    padding-top: 23px;
    min-height: 180px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .review-item__text {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__text {
    min-height: 0;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 48px;
  }
}

.review-item__text:after {
  top: 0;
  left: -75px;
  content: '';
  z-index: -10;
  width: 211px;
  height: 185px;
  position: absolute;
  pointer-events: none;
  background: url(../images/quotes.svg) 50% 0/100% auto no-repeat;
}

@media only screen and (max-width: 1680px) {
  .review-item__text:after {
    left: -50px;
  }
}

@media only screen and (max-width: 1366px) {
  .review-item__text:after {
    left: -32px;
    width: 198px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__text:after {
    left: -12px;
  }
}

@media only screen and (max-width: 640px) {
  .review-item__text:after {
    width: 164px;
  }
}

.review-item__author__name {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6666;
}

@media only screen and (max-width: 1366px) {
  .review-item__author__name {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .review-item__author__name {
    font-size: 18px;
    line-height: 24px;
  }
}

.review-item__author__organization {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
}

@media only screen and (max-width: 1366px) {
  .review-item__author__organization {
    font-size: 14px;
    margin-top: 6px;
  }
}

.msg-widget {
  right: 30px;
  bottom: 30px;
  z-index: 1000;
  position: fixed;
}

@media only screen and (max-width: 768px) {
  .msg-widget {
    right: 24px;
    bottom: 32px;
  }
}

.msg-widget__icon {
  width: 72px;
  height: 72px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background .35s ease;
  transition: background .35s ease;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
}

@media only screen and (max-width: 768px) {
  .msg-widget__icon {
    width: 56px;
    height: 56px;
    font-size: 23px;
    -webkit-box-shadow: 0 12px 32px 0 #d9d5ed;
            box-shadow: 0 12px 32px 0 #d9d5ed;
  }
}

.msg-widget__icon:hover {
  background: #4C5ADE;
}

.about-section {
  font-size: 24px;
  overflow: hidden;
  line-height: 1.67;
  position: relative;
  padding: 97px 0 0;
}

@media only screen and (max-width: 1680px) {
  .about-section {
    font-size: 22px;
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .about-section {
    font-size: 18px;
    padding-top: 40px;
    line-height: 1.78;
  }
}

.about-section:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -50;
  height: 962px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

@media only screen and (min-width: 1681px) {
  .about-section h1, .about-section .h1 {
    margin-bottom: 107px;
  }
}

@media only screen and (max-width: 1680px) {
  .about-section h1, .about-section .h1 {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section h1, .about-section .h1 {
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 1681px) {
  .about-section p {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section p {
    margin-bottom: 32px;
  }
}

.about-section p a {
  color: #6F7DFF;
}

.about-section p a:hover {
  color: #4C5ADE;
}

@media only screen and (min-width: 1025px) {
  .about-section__short-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: -19px 0 210px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .about-section__short-text {
    margin-top: 0;
    margin-bottom: 140px;
  }
}

@media only screen and (min-width: 1025px) {
  .about-section__short-text .about-section__members {
    width: 334px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 103px 190px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .about-section__short-text .about-section__members {
    width: 250px;
    margin-left: 80px;
  }
}

@media only screen and (min-width: 1025px) {
  .about-section__short-text .about-section__members__inner {
    right: auto;
  }
}

.about-section__text-content {
  max-width: 1111px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 768px) {
  .about-section__text-content {
    max-width: none;
    margin-bottom: 17px;
  }
}

.about-section__text-content h4 {
  color: #878996;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 27px;
  line-height: 40px;
}

@media only screen and (max-width: 1680px) {
  .about-section__text-content h4 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}

.about-section .col-row {
  margin-left: -27px;
  margin-right: -27px;
}

@media only screen and (max-width: 1680px) {
  .about-section .col-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.about-section .col-row > .col {
  padding-left: 27px;
  padding-right: 27px;
}

@media only screen and (max-width: 1680px) {
  .about-section .col-row > .col {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.about-section__line {
  left: 50%;
  z-index: -5;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: 1px solid #e6e6e6;
}

.about-section__line--1 {
  top: -288px;
  width: 680px;
  height: 680px;
  margin-left: 60px;
}

@media only screen and (max-width: 768px) {
  .about-section__line--1 {
    top: -412px;
    margin-left: -340px;
  }
}

@media only screen and (max-width: 640px) {
  .about-section__line--1 {
    top: -323px;
  }
}

.about-section__line--2 {
  top: -591px;
  width: 1162px;
  height: 1162px;
  margin-left: -640px;
}

@media only screen and (max-width: 1680px) {
  .about-section__line--2 {
    top: -675px;
    margin-left: -685px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section__line--2 {
    top: -735px;
    margin-left: -815px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__line--2 {
    top: -800px;
    margin-left: -865px;
  }
}

@media only screen and (max-width: 640px) {
  .about-section__line--2 {
    top: -725px;
  }
}

.about-section__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .about-section__main {
    display: block;
  }
}

.about-section__visual {
  width: 43%;
  margin-top: 8px;
  position: relative;
  padding: 0 15px 113px;
}

@media only screen and (max-width: 1680px) {
  .about-section__visual {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section__visual {
    width: auto;
    max-width: 600px;
    margin: 0 auto 50px;
    padding: 58px 0 60px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__visual {
    max-width: 360px;
    padding-bottom: 0;
  }
}

.about-section__visual__main {
  z-index: 10;
  width: 160px;
  height: 160px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 30px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 173px auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .about-section__visual__main {
    margin-top: 90px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section__visual__main {
    width: 132px;
    height: 132px;
    margin-top: 0;
    font-size: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__visual__main {
    left: 22px;
    width: 112px;
    height: 112px;
    font-size: 24px;
  }
}

.about-section__visual__main:after {
  top: 50%;
  left: 50%;
  content: '';
  width: 88px;
  height: 88px;
  z-index: -10;
  border-radius: 50%;
  position: absolute;
  margin: -44px 0 0 -44px;
  -webkit-box-shadow: 0px 9px 16px rgba(212, 186, 99, 0.525787);
          box-shadow: 0px 9px 16px rgba(212, 186, 99, 0.525787);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE011), to(#FFBD07));
  background: linear-gradient(to bottom, #FFE011, #FFBD07);
}

@media only screen and (max-width: 1024px) {
  .about-section__visual__main:after {
    width: 76px;
    height: 76px;
    margin: -38px 0 0 -38px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__visual__main:after {
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
  }
}

.about-section__visual__icon {
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  color: #6F7DFF;
  position: absolute;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.about-section__visual__icon--1 {
  top: -12px;
  right: 67px;
  width: 72px;
  height: 72px;
  font-size: 24px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .about-section__visual__icon--1 {
    right: 107px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section__visual__icon--1 {
    top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__visual__icon--1 {
    right: 0;
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
}

.about-section__visual__icon--2 {
  bottom: 0;
  left: 65px;
  width: 96px;
  height: 96px;
  font-size: 32px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .about-section__visual__icon--2 {
    left: 85px;
    bottom: -10px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__visual__icon--2 {
    left: 0;
    width: 64px;
    bottom: 47px;
    height: 64px;
    font-size: 24px;
  }
}

.about-section__content {
  width: 57%;
  padding: 0 15px;
}

@media only screen and (max-width: 1024px) {
  .about-section__content {
    padding: 0;
    width: auto;
  }
}

.about-section__members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 1680px) {
  .about-section__members {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-section__members {
    margin-bottom: 147px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.about-section__members__inner {
  right: -93px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .about-section__members__inner {
    right: -50px;
  }
}

@media only screen and (max-width: 1366px) {
  .about-section__members__inner {
    right: 0;
  }
}

.about-section__members__title {
  display: block;
  font-size: 24px;
  margin: 0 0 3px;
  line-height: 1.2;
}

@media only screen and (max-width: 1366px) {
  .about-section__members__title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__members__title {
    font-size: 18px;
    margin-bottom: 0;
    padding-right: 18px;
  }
}

.about-section__members__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  line-height: 1;
  font-size: 128px;
  font-weight: bold;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .about-section__members__count {
    font-size: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__members__count {
    font-size: 96px;
  }
}

.about-section__members__count i {
  line-height: 1;
  color: #CCCDD2;
  font-size: 16px;
  margin: 0 0 21px 7px;
}

@media only screen and (max-width: 1366px) {
  .about-section__members__count i {
    margin-left: 10px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section__members__count i {
    font-size: 14px;
    margin-left: 12px;
    margin-right: -14px;
    margin-bottom: 16px;
  }
}

.about-section__msg {
  display: block;
  margin: 205px 0 0;
  text-align: center;
  padding-left: 26px;
}

.about-section__msg .emoji {
  margin: 0 9px;
}

@media only screen and (max-width: 768px) {
  .about-section__msg .emoji {
    margin: 0 5px;
  }
}

.leaders-section {
  min-height: 400px;
  padding: 0 0 173px;
  position: relative;
  background: url(../images/frontegg-2.svg) 50% calc(100% - 15px) no-repeat;
}

@media only screen and (max-width: 1366px) {
  .leaders-section {
    background-size: 55vw auto;
    padding-bottom: calc(12vw + 15px);
  }
}

@media only screen and (max-width: 768px) {
  .leaders-section {
    padding-bottom: calc(14vw + 15px);
    background-size: calc(100vw - 40px) auto;
  }
}

@media only screen and (max-width: 1024px) {
  .leaders-section {
    text-align: center;
  }
}

@media only screen and (max-width: 1024px) {
  .leaders-section {
    padding-top: 56px;
  }
}

.leaders-section:after {
  left: 0;
  right: 0;
  top: 72px;
  bottom: 0;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
  background: #f7f8fa;
}

@media only screen and (max-width: 768px) {
  .leaders-section:after {
    top: 93px;
  }
}

.leaders-section__map-img {
  top: 0;
  left: 50%;
  z-index: -15;
  width: 1115px;
  position: absolute;
  pointer-events: none;
  margin: -183px 0 0 -631px;
}

@media only screen and (max-width: 1024px) {
  .leaders-section__map-img {
    margin-top: -191px;
  }
}

@media only screen and (max-width: 768px) {
  .leaders-section__map-img {
    margin-left: -655px;
  }
}

.leaders-section__map-img img {
  width: 100%;
  display: block;
}

.leaders-section h1, .leaders-section .h1 {
  margin-top: -10px;
  margin-bottom: 86px;
}

@media only screen and (max-width: 1680px) {
  .leaders-section h1, .leaders-section .h1 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .leaders-section h1, .leaders-section .h1 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .leaders-section h1, .leaders-section .h1 {
    margin-top: 0;
  }
}

.leaders-section__logo {
  left: 50%;
  bottom: 0;
  width: 100%;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 1366px) {
  .leaders-section__logo {
    max-width: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .leaders-section__logo {
    bottom: 20px;
    max-width: 275px;
  }
}

.leaders-section__logo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.leaders-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0 0 0 52px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .leaders-list {
    padding-left: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .leaders-list {
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .leaders-list {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.leaders-list .leader-item {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
  .leaders-list .leader-item {
    margin-bottom: 53px;
  }
}

@media only screen and (max-width: 768px) {
  .leaders-list .leader-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.leader-item {
  z-index: 10;
  text-align: left;
  position: relative;
}

.leader-item:after {
  top: 100%;
  left: 30px;
  content: '';
  height: 40px;
  width: 315px;
  z-index: -10;
  margin-top: -15px;
  position: absolute;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1024px) {
  .leader-item:after {
    top: auto;
    left: 33px;
    width: 197px;
    height: 24px;
    bottom: -16px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .leader-item:after {
    left: 18px;
  }
}

.leader-item:before {
  left: 32px;
  z-index: -5;
  content: '';
  height: 89px;
  width: 339px;
  bottom: -20px;
  opacity: 0.29;
  position: absolute;
  border-radius: 1px;
  -webkit-filter: blur(46px);
          filter: blur(46px);
  border: 1px solid #979797;
  background-color: #868fa0;
}

@media only screen and (max-width: 1024px) {
  .leader-item:before {
    left: 35px;
    height: 56px;
    width: 213px;
  }
}

@media only screen and (max-width: 768px) {
  .leader-item:before {
    left: 20px;
  }
}

.leader-item__visual {
  width: 67%;
  max-width: 373px;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
}

@media only screen and (max-width: 1024px) {
  .leader-item__visual {
    width: 72%;
    max-width: 233px;
  }
}

.leader-item__visual:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: .28;
  height: 48.555%;
  position: absolute;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 148, 238, 0)), to(#6e5bd8));
  background: linear-gradient(to bottom, rgba(167, 148, 238, 0), #6e5bd8); */
}

.leader-item__visual:before {
  content: '';
  display: block;
  padding-top: 97%;
}

.leader-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.leader-item__content {
  top: 0;
  bottom: 0;
  right: 15px;
  left: 260px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 20px 36px 80px;
}

@media only screen and (max-width: 1680px) {
  .leader-item__content {
    padding-left: 40px;
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 1024px) {
  .leader-item__content {
    left: 168px;
    padding-right: 10px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .leader-item__content {
    left: 153px;
  }
}

@media only screen and (max-width: 360px) {
  .leader-item__content {
    left: 132px;
    padding-left: 24px;
  }
}

.leader-item__content:after {
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  z-index: -10;
  width: 128px;
  position: absolute;
  background: #fff;
  border-radius: 0 16px 16px 0;
}

.leader-item__title {
  color: #000;
  display: block;
  font-size: 48px;
  font-weight: 600;
  max-width: 220px;
  margin-bottom: 4px;
  line-height: 1.1875;
}

@media only screen and (max-width: 1366px) {
  .leader-item__title {
    font-size: 36px;
    max-width: 170px;
    margin-bottom: 9px;
  }
}

@media only screen and (max-width: 1024px) {
  .leader-item__title {
    font-size: 32px;
    max-width: 150px;
  }
}

.leader-item__post {
  display: block;
  font-size: 18px;
  line-height: 1.78;
  font-weight: normal;
}

@media only screen and (max-width: 1366px) {
  .leader-item__post {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .leader-item__post {
    font-size: 14px;
    line-height: 1.14;
  }
}

.leader-item__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 16px;
  margin: 0 -8px -16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.leader-item__social-item {
  color: #dcdde1;
  line-height: 1;
  font-size: 24px;
  margin: 0 8px 16px;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.leader-item__social-item:hover {
  color: #c1c2c9;
}

.leader-item__social-item:hover .icon-lin {
  background-color: #c1c2c9;
}

.leader-item__social-item i {
  display: block;
}

.leader-item__social-item .icon-lin {
  height: 23px;
  color: #fff;
  overflow: hidden;
  background-color: #dcdde1;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.team-section {
  font-size: 24px;
  line-height: 1.67;
  position: relative;
  padding: 95px 0 21px;
}

@media only screen and (max-width: 1680px) {
  .team-section {
    font-size: 22px;
    padding-top: 65px;
  }
}

@media only screen and (max-width: 768px) {
  .team-section {
    font-size: 18px;
    padding-top: 49px;
    line-height: 1.33;
    text-align: center;
    padding-bottom: 63px;
  }
}

.team-section .container {
  position: relative;
}

.team-section__content {
  margin: 0 0 107px;
}

@media only screen and (max-width: 1680px) {
  .team-section__content {
    margin-bottom: 60px;
  }
}

.team-section h2, .team-section .h2 {
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .team-section h2, .team-section .h2 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .team-section p {
    margin-bottom: 23px;
  }
}

.team-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 22px;
  margin: 0 -32px;
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .team-list {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .team-list {
    padding-left: 0;
    padding-right: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media only screen and (max-width: 768px) {
  .team-list {
    margin-left: -11px;
    margin-right: -11px;
  }
}

.team-list .team-member-item {
  width: 25%;
}

@media only screen and (max-width: 640px) {
  .team-list .team-member-item {
    width: 50%;
  }
}

.team-member-item {
  padding: 0 32px;
  font-size: 18px;
  line-height: 1.78;
  text-align: center;
  margin-bottom: 35px;
}

@media only screen and (max-width: 1680px) {
  .team-member-item {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .team-member-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .team-member-item {
    font-size: 14px;
    line-height: 16px;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 25px;
  }
}

.team-member-item__visual {
  z-index: 10;
  max-width: 218px;
  position: relative;
  margin: 0 auto 54px;
}

@media only screen and (max-width: 1366px) {
  .team-member-item__visual {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .team-member-item__visual {
    margin-bottom: 31px;
  }
}

.team-member-item__visual:before {
  content: '';
  display: block;
  padding-top: 132.5688%;
}

.team-member-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 16px;
}

.team-member-item__visual__bg-frame {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  position: absolute;
  pointer-events: none;
}

.team-member-item__visual__bg-frame:after {
  left: 17px;
  right: 24px;
  content: '';
  height: 89px;
  bottom: -33px;
  opacity: 0.29;
  -webkit-filter: blur(46px);
          filter: blur(46px);
  position: absolute;
  border-radius: 1px;
  background: #868fa0;
  border: 1px solid #979797;
}

.team-member-item__visual__bg-frame:before {
  left: 24px;
  right: 24px;
  content: '';
  height: 40px;
  bottom: -25px;
  border-radius: 8px;
  background: #fff;
  position: absolute;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.team-member-item__title {
  color: #000;
  display: block;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 2px;
}

@media only screen and (max-width: 1680px) {
  .team-member-item__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .team-member-item__title {
    font-size: 24px;
    max-width: 110px;
    margin: 0 auto 8px;
  }
}

.sign-up-section {
  position: relative;
  padding: 59px 0 78px;
  background: #f7f8fa url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 768px) {
  .sign-up-section {
    padding-top: 40px;
    padding-bottom: 62px;
    background-position: 50% -38px;
  }
}

.sign-up-section h2, .sign-up-section .h2 {
  position: relative;
  text-align: center;
  margin-bottom: -25px;
}

@media only screen and (max-width: 1680px) {
  .sign-up-section h2, .sign-up-section .h2 {
    margin-bottom: -18px;
  }
}

@media only screen and (max-width: 768px) {
  .sign-up-section h2, .sign-up-section .h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: -20px;
  }
}

.sign-up-section .col-row {
  margin-left: -12px;
  margin-right: -12px;
}

@media only screen and (max-width: 1680px) {
  .sign-up-section .col-row {
    margin-left: -6px;
    margin-right: -6px;
  }
}

.sign-up-section .col-row > .col {
  padding-left: 12px;
  padding-right: 12px;
}

@media only screen and (max-width: 1680px) {
  .sign-up-section .col-row > .col {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.sign-up-section__form {
  background: #fff;
  border-radius: 16px;
  padding: 67px 40px 16px;
  -webkit-box-shadow: 0 1px 1px 0 #dcdde1;
          box-shadow: 0 1px 1px 0 #dcdde1;
}

@media only screen and (max-width: 1680px) {
  .sign-up-section__form {
    padding: 50px 20px 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .sign-up-section__form {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .sign-up-section__form {
    padding-top: 44px;
  }
}

@media only screen and (max-width: 360px) {
  .sign-up-section__form {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .sign-up-section__form div.ajax-loader,
  .sign-up-section__form span.ajax-loader {
    top: auto !important;
    height: 56px !important;
  }
}

@media only screen and (min-width: 1025px) {
  .sign-up-section--center > .col-row {
    min-height: 664px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .sign-up-section--center > .col-row {
    min-height: 508px;
  }
}

.sign-up-section__visual {
  padding-top: 46px;
  margin-left: -8px;
  margin-right: -31%;
}

@media only screen and (max-width: 1680px) {
  .sign-up-section__visual {
    padding-top: 20px;
    margin-right: -20%;
  }
}

@media only screen and (max-width: 1366px) {
  .sign-up-section__visual {
    margin-right: -10%;
  }
}

.sign-up-section--center .sign-up-section__visual {
  margin-bottom: -125px;
}

.sign-up-section__visual img {
  display: block;
  max-width: 100%;
}

.head-section {
  position: relative;
  padding: 88px 0 31px;
  background: #f7f8fa url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 1680px) {
  .head-section {
    padding: 60px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .head-section {
    padding-top: 40px;
    padding-bottom: 16px;
    background-position: 50% -38px;
  }
}

.head-section h1, .head-section .h1 {
  font-size: 56px;
  line-height: 74px;
  max-width: 1030px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1680px) {
  .head-section h1, .head-section .h1 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .head-section h1, .head-section .h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .head-section h1, .head-section .h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

.product-list-section {
  padding: 69px 0 56px;
}

@media only screen and (max-width: 768px) {
  .product-list-section {
    padding-top: 104px;
    padding-bottom: 65px;
  }
}

.product-list-section--no-items h3 .show-with-filters,
.product-list-section--no-items h3 .hide-with-filters, .product-list-section--no-items .h3 .show-with-filters,
.product-list-section--no-items .h3 .hide-with-filters {
  display: none !important;
}

.product-list-section--no-items h3 .no-items, .product-list-section--no-items .h3 .no-items {
  display: block !important;
}

.product-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -12px 31px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .product-list {
    margin-left: -7px;
    margin-right: -7px;
  }
}

@media only screen and (max-width: 768px) {
  .product-list {
    margin-bottom: 20px;
  }
}

.product-list .product-item {
  margin-left: 12px;
  margin-right: 12px;
  width: calc(33.3333% - 24px);
}

@media only screen and (max-width: 1024px) {
  .product-list .product-item {
    margin-left: 7px;
    margin-right: 7px;
    width: calc(33.3333% - 14px);
  }
}

@media only screen and (max-width: 768px) {
  .product-list .product-item {
    width: calc(50% - 14px);
  }
}

@media only screen and (max-width: 640px) {
  .product-list .product-item {
    width: calc(100% - 14px);
  }
}

.product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 1.43;
  border-radius: 8px;
  margin-bottom: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(97, 97, 102, 0.9);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 640px) {
  .product-item {
    margin-bottom: 32px;
  }
}

.product-item p {
  margin: 0 0 20px;
}

.product-item__visual {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: -16px;
  border-radius: 8px 8px 0 0;
}

.product-item__visual:before {
  content: '';
  display: block;
  padding-top: 56.5104%;
}

.product-item__visual a {
  display: block;
}

.product-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.product-item__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  border-radius: 8px;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .product-item__content {
    padding: 24px;
  }
}

.product-item__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 32px 16px;
  margin: -16px -32px 32px;
  width: calc(100% + 64px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 1024px) {
  .product-item__category {
    padding: 0 24px 16px;
    margin: -8px -24px 24px;
    width: calc(100% + 48px);
  }
}

.product-item__category__icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
  margin-right: 8px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-item__category__icon--security {
  color: #6F7DFF;
  background: #eeebff;
}

.product-item__category__icon--customer {
  color: #ffbd08;
  background: #fff6dc;
}

.product-item__category__icon--management {
  color: #32c5ff;
  background: #e3f7ff;
}

.product-item__category__icon img {
  width: 24px;
  height: 24px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-item__category__name {
  width: 100%;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product-item__category__badge {
  font-size: 12px;
  margin-left: 16px;
  line-height: 13px;
  font-weight: bold;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  border-radius: 12px;
  display: inline-block;
  padding: 7px 16px 4px;
  text-transform: uppercase;
}

.product-item__category__badge i {
  display: block;
}

.product-item__category__badge--free {
  color: #31c534;
  background: #ebf9ea;
}

.product-item__category__badge--coming {
  font-size: 9px;
  line-height: 1;
  margin-left: 24px;
  font-weight: bold;
  color: #6F7DFF;
  background: #eae6ff;
  padding: 8px 8px 7px 4px;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0;
}

.product-item__category__badge--coming:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 11px;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.product-item__main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .product-item__main {
    margin-bottom: 24px;
  }
}

.product-item__head {
  min-height: 81px;
  margin-bottom: 19px;
}

@media only screen and (max-width: 640px) {
  .product-item__head {
    min-height: 0;
    margin-bottom: 24px;
  }
}

.product-item__title {
  color: #05060c;
  display: block;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 8px;
}

.product-item__subtitle {
  display: block;
  color: #878996;
  font-size: 16px;
  line-height: 21px;
}

.product-item__description {
  margin-bottom: -20px;
}

.product-item__btn-panel .btn {
  height: 48px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 24px;
  border-radius: 12px;
}

.loader-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cccdd2;
  line-height: 1;
  font-size: 24px;
  margin: 31px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .loader-bar {
    margin-top: 20px;
  }
}

.loader-bar i {
  display: block;
  -webkit-animation: loading 3.7s linear infinite;
          animation: loading 3.7s linear infinite;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0) scale(0.5);
            transform: rotate(0) scale(0.5);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5);
  }
  75% {
    -webkit-transform: rotate(540deg) scale(1);
            transform: rotate(540deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(0.5);
            transform: rotate(720deg) scale(0.5);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0) scale(0.5);
            transform: rotate(0) scale(0.5);
  }
  25% {
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5);
  }
  75% {
    -webkit-transform: rotate(540deg) scale(1);
            transform: rotate(540deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(720deg) scale(0.5);
            transform: rotate(720deg) scale(0.5);
  }
}

.subscribe-section {
  color: #87888d;
  font-size: 16px;
  line-height: 21px;
  position: relative;
  text-align: center;
  background: #edeef0;
  padding: 57px 0 72px;
}

@media only screen and (max-width: 1680px) {
  .subscribe-section {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-section {
    font-size: 14px;
    line-height: 18px;
    padding-top: 81px;
    padding-bottom: 32px;
  }
}

.subscribe-section:after {
  left: 0;
  right: 0;
  top: 32px;
  content: '';
  height: 1px;
  position: absolute;
  background: #dcdde1;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  .subscribe-section:after {
    top: 56px;
  }
}

.subscribe-section__icon {
  left: 50%;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.subscribe-section__icon i {
  display: block;
}

.subscribe-section__icon--white {
  top: -24px;
  width: 72px;
  height: 72px;
  font-size: 20px;
  color: #6F7DFF;
  background: #fff;
  margin-left: -693px;
}

@media only screen and (max-width: 1680px) {
  .subscribe-section__icon--white {
    left: 20px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-section__icon--white {
    display: none;
  }
}

.subscribe-section__icon--yellow {
  width: 96px;
  height: 96px;
  color: #fff;
  bottom: -47px;
  font-size: 32px;
  margin-left: 503px;
  background: #ffbd07;
}

@media only screen and (max-width: 1680px) {
  .subscribe-section__icon--yellow {
    left: auto;
    right: 40px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-section__icon--yellow {
    left: 50%;
    top: -36px;
    width: 72px;
    right: auto;
    height: 72px;
    bottom: auto;
    margin-left: -36px;
  }
}

.subscribe-section h1, .subscribe-section .h1 {
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1680px) {
  .subscribe-section h1, .subscribe-section .h1 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-section h1, .subscribe-section .h1 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-section p {
    padding: 0 25px;
    margin-bottom: 18px;
  }
}

.subscribe-section-2 {
  padding: 83px 0;
  background: url(../images/subscribe-section-bg.svg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2 {
    padding: 48px 0;
    text-align: center;
  }
}

.subscribe-section-2 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2 .container {
    display: block;
  }
}

.subscribe-section-2 h2, .subscribe-section-2 .h2 {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 350px;
  margin-bottom: 0;
}

@media only screen and (min-width: 1681px) {
  .subscribe-section-2 h2, .subscribe-section-2 .h2 {
    line-height: 53px;
  }
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2 h2, .subscribe-section-2 .h2 {
    max-width: none;
    padding: 0 55px;
    line-height: 31px;
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .subscribe-section-2 .btn-panel {
    padding-left: 14%;
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2 .btn-panel {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (min-width: 1025px) {
  .subscribe-section-2 .btn-panel .btn {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2 .btn-panel .btn {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.subscribe-section-2 .subscribe-form {
  max-width: 636px;
  margin: 0 0 0 30px;
}

@media only screen and (max-width: 1366px) {
  .subscribe-section-2 .subscribe-form {
    max-width: 580px;
  }
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2 .subscribe-form {
    padding: 0;
    margin: 0 auto;
  }
}

.subscribe-section-2 .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.subscribe-section-2 .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.subscribe-section-2 .subscribe-form .wpcf7-text {
  height: 56px;
  background: #fff;
  border-radius: 16px;
  padding: 0 40px 0 24px;
}

.subscribe-section-2 .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #fff;
}

.subscribe-section-2 .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 24px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 64px 12px 32px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 32px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2 .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.subscribe-section-2 .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.subscribe-section-2__content {
  line-height: 1.78;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2__content {
    margin-bottom: 32px;
  }
}

.subscribe-section-2__content p {
  margin-bottom: 0;
}

.subscribe-section-2__content h2, .subscribe-section-2__content .h2 {
  max-width: none;
  line-height: 1.4;
  margin-bottom: 13px;
}

@media only screen and (min-width: 1025px) {
  .subscribe-section-2__content + .subscribe-form {
    max-width: 565px;
    margin-top: 30px;
  }
  .subscribe-section-2__content + .subscribe-form .wpcf7-mail-sent-ok,
  .subscribe-section-2__content + .subscribe-form .wpcf7-response-output,
  .subscribe-section-2__content + .subscribe-form .wpcf7-validation-errors {
    font-size: 12px;
  }
}

.subscribe-section-2--transparent {
  background: none;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2--transparent {
    font-size: 18px;
    line-height: 32px;
    padding: 36px 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--transparent .subscribe-section-2__content {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2--transparent .subscribe-section-2__content h2 {
    padding: 0;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--transparent .subscribe-form .wpcf7-form {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--transparent .subscribe-form .wpcf7-form .form-row {
    margin-bottom: 20px;
  }
}

.subscribe-section-2--transparent .subscribe-form .wpcf7-text {
  background: #f7f8fa;
}

.subscribe-section-2--transparent .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #fff;
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--transparent .subscribe-form .wpcf7-submit {
    width: auto;
    text-indent: 0;
    min-width: 190px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 64px;
    background-position: calc(100% - 32px) 50%;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--transparent .subscribe-form .wpcf7-mail-sent-ok, .subscribe-section-2--transparent .subscribe-form .wpcf7-response-output, .subscribe-section-2--transparent .subscribe-form .wpcf7-validation-errors {
    right: 0;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--transparent .subscribe-form div.wpcf7 div.ajax-loader,
  .subscribe-section-2--transparent .subscribe-form div.wpcf7 span.ajax-loader {
    left: 50%;
    right: auto;
    width: 190px;
    margin-left: -95px;
  }
}

.subscribe-section-2--blue {
  color: #fff;
  background-color: #6e5bd8;
  background-size: 100% auto;
  background-position: 50% 100%;
  background-image: url(../images/subscribe-section-blue-bg.svg);
}

@media only screen and (min-width: 769px) {
  .subscribe-section-2--blue {
    padding: 120px 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .subscribe-section-2--blue {
    padding: 100px 0;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue {
    font-size: 18px;
    line-height: 32px;
    padding-top: 72px;
    padding-bottom: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-section-2__content {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2--blue .subscribe-section-2__content h2 {
    padding: 0;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-section-2__content br {
    display: none;
  }
}

@media only screen and (min-width: 641px) {
  .subscribe-section-2--blue .subscribe-section-2__content + .subscribe-form {
    margin-top: 0;
    max-width: 589px;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-section-2__content + .subscribe-form {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .subscribe-section-2--blue .subscribe-section-2__content br {
    display: none;
  }
}

.subscribe-section-2--blue h2, .subscribe-section-2--blue .h2 {
  padding: 0;
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-form .wpcf7-form {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-form .wpcf7-form .form-row {
    margin-bottom: 20px;
  }
}

.subscribe-section-2--blue .subscribe-form .wpcf7-text {
  background: #f7f8fa;
}

.subscribe-section-2--blue .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #fff;
}

.subscribe-section-2--blue .subscribe-form .wpcf7-submit {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ffbd07;
}

.subscribe-section-2--blue .subscribe-form .wpcf7-submit:hover {
  background-color: #edae00;
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-form .wpcf7-submit {
    width: auto;
    text-indent: 0;
    min-width: 190px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 64px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-position: calc(100% - 32px) 50%;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-form .wpcf7-mail-sent-ok, .subscribe-section-2--blue .subscribe-form .wpcf7-response-output, .subscribe-section-2--blue .subscribe-form .wpcf7-validation-errors {
    right: 0;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.subscribe-section-2--blue .subscribe-form div.wpcf7 div.ajax-loader,
.subscribe-section-2--blue .subscribe-form div.wpcf7 span.ajax-loader {
  background: #ffbd07;
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2--blue .subscribe-form div.wpcf7 div.ajax-loader,
  .subscribe-section-2--blue .subscribe-form div.wpcf7 span.ajax-loader {
    left: 50%;
    right: auto;
    width: 190px;
    margin-left: -95px;
  }
}

.subscribe-section-2.ready-section {
  padding: 120px 0;
}

@media only screen and (max-width: 1680px) {
  .subscribe-section-2.ready-section {
    padding: 100px 0;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-section-2.ready-section {
    padding: 68px 0;
  }
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2.ready-section {
    padding: 48px 0;
  }
}

.subscribe-section-2.ready-section .container {
  display: block;
}

.subscribe-section-2.ready-section .ready-section__centered {
  color: #fff;
  max-width: none;
  margin-bottom: 48px;
}

@media only screen and (max-width: 640px) {
  .subscribe-section-2.ready-section .ready-section__centered {
    margin-bottom: 32px;
  }
}

.subscribe-section-2.ready-section .ready-section__centered h2, .subscribe-section-2.ready-section .ready-section__centered .h2 {
  max-width: none;
  margin-bottom: 13px;
}

.subscribe-section-2.ready-section .btn-panel {
  padding: 0;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.subscribe-section-2.ready-section .btn--secondary {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.subscribe-section-2--block {
  padding-top: 64px;
  text-align: center;
  padding-bottom: 112px;
  background: url(../images/bg-copy.svg) 50% 100%/auto 193px repeat-x;
}

@media only screen and (max-width: 768px) {
  .subscribe-section-2--block {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}

.subscribe-section-2--block h2, .subscribe-section-2--block .h2 {
  padding: 0;
}

.subscribe-section-2--block .container {
  display: block;
}

.subscribe-section-2--block .subscribe-section-2__content + .subscribe-form {
  margin: 64px auto 0;
}

@media only screen and (max-width: 768px) {
  .subscribe-section-2--block .subscribe-section-2__content + .subscribe-form {
    margin-top: 32px;
  }
}

.subscribe-section-2--block .subscribe-form .wpcf7-text {
  background: #f7f8fa;
}

.subscribe-section-2--block .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #f7f8fa;
}

.subscribe-form {
  width: 100%;
  max-width: 336px;
  position: relative;
  margin: 40px auto 0;
}

@media only screen and (max-width: 1680px) {
  .subscribe-form {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .subscribe-form {
    margin-top: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

.subscribe-form div.wpcf7 div.ajax-loader,
.subscribe-form div.wpcf7 span.ajax-loader {
  left: 24px;
}

@media only screen and (max-width: 640px) {
  .subscribe-form div.wpcf7 div.ajax-loader,
  .subscribe-form div.wpcf7 span.ajax-loader {
    left: 16px;
  }
}

.subscribe-form .wpcf7 .screen-reader-response {
  display: none !important;
}

.subscribe-form .wpcf7-form p,
.subscribe-form .wpcf7-form .form-row {
  margin: 0;
}

.subscribe-form .wpcf7-form p {
  padding: 0;
}

.subscribe-form .wpcf7-form .form-row__icon {
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cccdd2;
  line-height: 1;
  font-size: 14px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.subscribe-form .wpcf7-form .form-row__icon i {
  display: block;
}

.subscribe-form .wpcf7-text {
  height: 48px;
  padding-left: 48px;
  border-radius: 8px;
  background: #fff;
}

.subscribe-form .wpcf7-text:not(:focus) {
  border-color: #fff;
}

.subscribe-form .wpcf7-submit {
  display: none;
}

.subscribe-form .wpcf7-mail-sent-ok, .subscribe-form .wpcf7-validation-errors, .subscribe-form .wpcf7-response-output {
  left: 0;
  top: 100%;
  right: 189px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 640px) {
  .subscribe-form .wpcf7-mail-sent-ok, .subscribe-form .wpcf7-validation-errors, .subscribe-form .wpcf7-response-output {
    right: 0;
  }
}

.small-subscribe-form-holder__title {
  color: #05060c;
  display: block;
  font-size: 18px;
  margin: 0 0 15px;
  line-height: 23px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .small-subscribe-form-holder__title {
    font-size: 16px;
    line-height: 20px;
  }
}

.small-subscribe-form-holder .subscribe-form {
  margin: 0;
  max-width: 438px;
}

@media only screen and (max-width: 768px) {
  .small-subscribe-form-holder .subscribe-form {
    margin: 0 auto;
  }
}

.small-subscribe-form-holder .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.small-subscribe-form-holder .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.small-subscribe-form-holder .subscribe-form .wpcf7-text {
  height: 48px;
  background: #f7f8fa;
  border-radius: 16px;
  padding: 0 40px 0 24px;
}

.small-subscribe-form-holder .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #f7f8fa;
}

.small-subscribe-form-holder .subscribe-form .wpcf7-submit {
  width: auto;
  height: 48px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 24px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 64px 12px 32px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 32px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .small-subscribe-form-holder .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.small-subscribe-form-holder .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.small-subscribe-form-holder .subscribe-form .wpcf7-mail-sent-ok, .small-subscribe-form-holder .subscribe-form .wpcf7-validation-errors, .small-subscribe-form-holder .subscribe-form .wpcf7-response-output {
  font-size: 12px;
  text-align: left;
}

.small-subscribe-section {
  padding: 100px 0 70px;
}

@media only screen and (max-width: 1024px) {
  .small-subscribe-section {
    padding: 50px 0 30px;
  }
}

@media only screen and (max-width: 640px) {
  .small-subscribe-section {
    padding: 30px 0 40px;
  }
}

.small-subscribe-section h2 {
  font-size: 40px;
  margin: 0 0 56px;
  line-height: 53px;
  text-align: center;
}

@media only screen and (max-width: 1366px) {
  .small-subscribe-section h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .small-subscribe-section h2 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .small-subscribe-section h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.small-subscribe-section__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .small-subscribe-section__main {
    display: block;
  }
}

.small-subscribe-section__visual {
  width: 382px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 121px 0 0;
}

@media only screen and (max-width: 1366px) {
  .small-subscribe-section__visual {
    width: 320px;
    margin-right: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .small-subscribe-section__visual {
    width: 280px;
  }
}

@media only screen and (max-width: 768px) {
  .small-subscribe-section__visual {
    width: auto;
    margin: 0 auto;
  }
}

.small-subscribe-section__visual__inner {
  pointer-events: none;
  margin: -41% -220px -37% -92px;
}

@media only screen and (max-width: 1366px) {
  .small-subscribe-section__visual__inner {
    margin-left: -200px;
  }
}

@media only screen and (max-width: 768px) {
  .small-subscribe-section__visual__inner {
    margin: -20% 0 -17%;
  }
}

@media only screen and (max-width: 640px) {
  .small-subscribe-section__visual__inner {
    margin: -28% -21% -24%;
  }
}

.small-subscribe-section__visual img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

.small-subscribe-section .small-subscribe-form-holder {
  width: 100%;
  max-width: 497px;
  margin: 0 0 34px;
}

@media only screen and (max-width: 1366px) {
  .small-subscribe-section .small-subscribe-form-holder {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .small-subscribe-section .small-subscribe-form-holder {
    margin: 0 auto;
  }
}

.small-subscribe-section .small-subscribe-form-holder .subscribe-form {
  max-width: none;
}

.subscribe-section-2.subscribe-section-custom {
  padding: 62px 0;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2.subscribe-section-custom {
    padding: 48px 0;
  }
}

.subscribe-section-2.subscribe-section-custom .container {
  position: relative;
}

.subscribe-section-2.subscribe-section-custom .subscribe-section-column {
  max-width: 640px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2.subscribe-section-custom .subscribe-section-column {
    max-width: 100%;
  }
}

.subscribe-section-2.subscribe-section-custom .subscribe-section-column > p {
  margin: 0 0 40px;
}

.subscribe-section-2.subscribe-section-custom h2 {
  max-width: 100%;
  font-weight: 300;
  margin: 0 0 16px;
}

.subscribe-section-2.subscribe-section-custom h2 .bold {
  font-weight: 600;
}

.subscribe-section-2.subscribe-section-custom .subscribe-form {
  max-width: 100%;
  margin: 0;
}

.subscribe-section-2.subscribe-section-custom .subscribe-bg-icon {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 1024px) {
  .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon {
    display: none;
  }
}

.subscribe-section-2.subscribe-section-custom .subscribe-bg-icon.subscribe-bg-icon--1 {
  right: 24%;
  top: -101px;
}

.subscribe-section-2.subscribe-section-custom .subscribe-bg-icon.subscribe-bg-icon--2 {
  right: -5%;
  top: auto;
  bottom: -136px;
}

.subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 {
  width: 200px;
  height: 200px;
  margin-left: 24px;
  border-radius: 16px;
  -webkit-box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.6);
          box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.6);
  background-color: #ffffff;
  right: 7%;
  top: 7px;
}

@media only screen and (max-width: 1366px) {
  .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 {
    width: 160px;
    height: 160px;
  }
}

.subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 .subscribe-bg-icon--4 {
  right: -50px;
  top: 10px;
  width: 175px;
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 1366px) {
  .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 .subscribe-bg-icon--4 {
    width: 165px;
  }
}

.subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 .subscribe-bg-icon--5 {
  right: 80px;
  top: 135px;
  width: 226px;
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 1366px) {
  .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 .subscribe-bg-icon--5 {
    width: 210px;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom {
  margin: 32px 0;
  position: relative;
  padding: 40px 41px 50px;
  border-radius: 10px;
  min-height: 292px;
}

@media only screen and (max-width: 1366px) {
  .article__body .subscribe-section-2.subscribe-section-custom {
    padding-left: 20px;
    padding-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom {
    min-height: auto;
    padding: 30px 0px 50px;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-section-column {
  max-width: 335px;
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-section-column {
    max-width: 100%;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-section-column a {
  color: #fff;
}

.article__body .subscribe-section-2.subscribe-section-custom h2 {
  font-size: 32px;
  line-height: 43px;
}

@media only screen and (max-width: 768px) {
  .article__body .subscribe-section-2.subscribe-section-custom h2 {
    font-size: 24px;
    line-height: 29px;
    padding: 0 40px;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form {
  max-width: 300px;
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form {
    width: auto;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .custom-form-terms {
  margin-bottom: -32px !important;
}

@media only screen and (min-width: 1025px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .custom-form-terms {
    margin-right: -210px !important;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-form {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-form > p {
  display: inline-block;
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form div.wpcf7 div.ajax-loader, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form div.wpcf7 span.ajax-loader {
  left: 0;
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form div.wpcf7 div.ajax-loader, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form div.wpcf7 span.ajax-loader {
    left: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form div.wpcf7 div.ajax-loader, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form div.wpcf7 span.ajax-loader {
    left: 16px;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-form .form-row {
  margin: 0 0 16px;
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-form .form-row {
    margin: 0;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-submit {
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-submit {
    margin: 0 0 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-submit {
    margin: 0 0 0 16px;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-mail-sent-ok, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-response-output, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-validation-errors {
  right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 1025px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-mail-sent-ok, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-response-output, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-validation-errors {
    max-width: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-mail-sent-ok, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-response-output, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-validation-errors {
    right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-mail-sent-ok, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-response-output, .article__body .subscribe-section-2.subscribe-section-custom .subscribe-form .wpcf7-validation-errors {
    font-size: 12px;
  }
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon.subscribe-bg-icon--1 {
  right: 18%;
  top: 270px;
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon.subscribe-bg-icon--2 {
  right: -23px;
  top: 223px;
}

.article__body .subscribe-section-2.subscribe-section-custom .subscribe-bg-icon--3 {
  top: 0;
  right: 18px;
}

.pricing-section {
  padding: 56px 0 0;
  text-align: center;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

@media only screen and (max-width: 768px) {
  .pricing-section {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 90px;
  }
}

@media only screen and (max-width: 768px) {
  .pricing-section p {
    padding: 0 20px;
  }
}

.pricing-section:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  pointer-events: none;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

.pricing-section .container {
  z-index: 10;
  position: relative;
}

.pricing-section__badge {
  top: -8px;
  left: 50%;
  width: 48px;
  height: 102px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  line-height: 1;
  font-size: 24px;
  position: absolute;
  margin-left: -571px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  padding: 46px 0 0 4px;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px 4px 0 0;
}

@media only screen and (max-width: 1366px) {
  .pricing-section__badge {
    left: 15px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .pricing-section__badge {
    left: 50%;
    width: 40px;
    height: 66px;
    padding-top: 17px;
    margin-left: -20px;
  }
}

.pricing-section__badge:after, .pricing-section__badge:before {
  top: 100%;
  content: '';
  position: absolute;
  border-top: 18px solid #6F7DFF;
}

@media only screen and (max-width: 768px) {
  .pricing-section__badge:after, .pricing-section__badge:before {
    border-top-width: 8px;
  }
}

.pricing-section__badge:before {
  left: 0;
  border-right: 24px solid transparent;
}

.pricing-section__badge:after {
  right: 0;
  border-left: 24px solid transparent;
}

.pricing-section h2, .pricing-section .h2 {
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 1680px) {
  .pricing-section h2, .pricing-section .h2 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .pricing-section h2, .pricing-section .h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 24px;
  }
}

.pricing-section + .subscribe-section {
  padding-top: 198px;
}

@media only screen and (max-width: 768px) {
  .pricing-section + .subscribe-section {
    padding-top: 113px;
  }
}

.pricing-section + .subscribe-section:after {
  top: 141px;
}

@media only screen and (max-width: 768px) {
  .pricing-section + .subscribe-section:after {
    top: 88px;
  }
}

@media only screen and (max-width: 1024px) {
  .pricing-section + .subscribe-section .subscribe-section__icon--white {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .pricing-section + .subscribe-section .subscribe-section__icon--yellow {
    display: none;
  }
}

.price-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 70px -12px -119px;
}

@media only screen and (max-width: 1680px) {
  .price-list {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .price-list {
    margin-bottom: -89px;
  }
}

.price-item {
  width: 100%;
  z-index: 50;
  color: #191a24;
  font-size: 16px;
  max-width: 299px;
  text-align: left;
  line-height: 1.2;
  position: relative;
  border-radius: 8px;
  margin: 0 12px 32px;
  background: #ffbd07;
  border: 1px solid #ffbd07;
  -webkit-transition: background-color .35s ease, border-color .35s ease;
  transition: background-color .35s ease, border-color .35s ease;
}

@media only screen and (max-width: 768px) {
  .price-item {
    font-size: 14px;
    max-width: 275px;
    margin-bottom: 56px;
  }
}

.price-item:hover {
  border-color: #edae00;
  background-color: #edae00;
}

.price-item:after {
  top: 100%;
  left: 15px;
  right: 15px;
  content: '';
  z-index: -10;
  height: 24px;
  display: block;
  margin-top: 1px;
  position: absolute;
  background: #ffbd07;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.price-item.price-item--free:after {
  background: #fff;
}

.price-item--free {
  color: #05060c;
  border-color: #e4e4e4;
  background-color: #fff;
}

.price-item--free:hover {
  border-color: #cbcbcb;
  background-color: #fafafa;
}

.price-item__inner {
  display: block;
  padding: 32px 0;
  min-height: 100%;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 768px) {
  .price-item__inner {
    padding: 22px 0;
  }
}

.price-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 25px;
  position: relative;
  padding: 0 30px 0 63px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .price-item__head {
    padding-left: 55px;
  }
}

.price-item__head__content {
  display: block;
}

.price-item__head__plus-icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 16px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px 0 0 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .price-item__head__plus-icon {
    margin-left: 32px;
  }
}

.price-item--free .price-item__head__plus-icon {
  background: #ffbd07;
}

.price-item__title {
  display: block;
  line-height: 1;
  font-size: 40px;
  padding: 6px 0 0;
}

@media only screen and (max-width: 768px) {
  .price-item__title {
    font-size: 32px;
  }
}

.price-item__subtitle {
  margin: 7px 0 0;
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  vertical-align: top;
  padding: 0 27px 0 0;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .price-item__subtitle {
    padding-right: 19px;
  }
}

.price-item__subtitle .icon-arrow-right {
  top: 4px;
  right: 0;
  line-height: 1;
  font-size: 13px;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.price-item__content {
  display: block;
  padding: 31px 30px 16px 63px;
  border-top: 1px solid #ffdb78;
}

@media only screen and (max-width: 768px) {
  .price-item__content {
    padding-left: 55px;
    padding-bottom: 2px;
  }
}

.price-item--free .price-item__content {
  border-top-color: #edeef0;
}

.price-item__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.price-item__list li {
  position: relative;
  margin-bottom: 13px;
}

@media only screen and (max-width: 768px) {
  .price-item__list li {
    margin-bottom: 16px;
  }
}

.price-item__list li:before {
  top: 1px;
  right: 100%;
  color: #fff;
  content: '\e818';
  position: absolute;
  font-style: normal;
  margin-right: 16px;
  font-weight: normal;
  font-family: 'icomoon';
}

.price-item--free .price-item__list li:before {
  color: #6F7DFF;
}

.video-section {
  z-index: 10;
  position: relative;
  text-align: center;
  padding: 27px 0 40px;
}

@media only screen and (max-width: 768px) {
  .video-section {
    padding-top: 36px;
  }
}

.video-section:after {
  left: 0;
  right: 0;
  bottom: 0;
  top: 215px;
  content: '';
  z-index: -5;
  position: absolute;
  pointer-events: none;
  background: #f7f8fa url(../images/icon-player.svg) calc(50% - 607px) 48%/225px 225px no-repeat;
}

.video-section:before {
  left: 50%;
  width: 1px;
  top: 215px;
  content: '';
  bottom: 10px;
  z-index: -2;
  margin-left: 578px;
  position: absolute;
  background: #dcdde1;
  pointer-events: none;
}

.video-section h2, .video-section .h2 {
  z-index: 15;
  font-size: 56px;
  line-height: 74px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .video-section h2, .video-section .h2 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .video-section h2, .video-section .h2 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 32px;
  }
}

.video-section .btn-panel {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-section .btn-panel .btn {
  padding-left: 24px;
  padding-right: 24px;
}

.video-section__icon {
  left: 50%;
  top: 374px;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 20px;
  color: #6F7DFF;
  margin-left: 541px;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.video-section__video {
  display: block;
  max-width: 784px;
  position: relative;
  border-radius: 8px;
  background: #edeef0;
  margin: -65px auto 32px;
  -webkit-box-shadow: 0 60px 70px -28px rgba(172, 173, 178, 0.06);
          box-shadow: 0 60px 70px -28px rgba(172, 173, 178, 0.06);
}

@media only screen and (max-width: 1680px) {
  .video-section__video {
    margin-top: -50px;
  }
}

@media only screen and (max-width: 768px) {
  .video-section__video {
    margin-top: 0;
    max-width: 480px;
  }
}

.video-section__video:before {
  content: '';
  display: block;
  padding-top: 60.7142%;
}

.video-section__video img {
  top: 50%;
  left: 50%;
  max-width: 87%;
  margin: 4% 0 0;
  max-height: 88%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
  .video-section__video img {
    max-width: 84%;
  }
}

.video-section__video__btn {
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  position: absolute;
  margin: -44px 0 0 -44px;
  background: #6F7DFF;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

@media only screen and (max-width: 768px) {
  .video-section__video__btn {
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
  }
}

.video-section__video__btn:hover {
  background: #4C5ADE;
}

.video-section__video__btn:after {
  top: 50%;
  left: 50%;
  content: '';
  position: absolute;
  margin: -6px 0 0 -3px;
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.costs-section {
  font-size: 24px;
  line-height: 1.67;
  text-align: center;
  padding: 128px 0 100px;
}

@media only screen and (max-width: 1680px) {
  .costs-section {
    font-size: 22px;
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1366px) {
  .costs-section {
    padding-top: 72px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .costs-section {
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 34px;
  }
}

.costs-section h2, .costs-section .h2 {
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1680px) {
  .costs-section h2, .costs-section .h2 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .costs-section h2, .costs-section .h2 {
    font-size: 32px;
    padding: 0 10px;
    line-height: 43px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .costs-section p {
    padding: 0 10px;
    margin-bottom: 32px;
  }
}

.costs-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 85px -16px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .costs-list {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 1366px) {
  .costs-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media only screen and (max-width: 768px) {
  .costs-list {
    margin-top: 40px;
  }
}

.cost-item {
  width: 364px;
  text-align: left;
  background: #fff;
  border-radius: 8px;
  margin: 0 16px 32px;
  border: 1px solid #e5e5e5;
}

@media only screen and (max-width: 1366px) {
  .cost-item {
    width: 312px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .cost-item {
    margin-bottom: 24px;
  }
}

.cost-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  font-size: 18px;
  line-height: 1.2;
  padding: 28px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 1366px) {
  .cost-item__head {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .cost-item__head {
    font-size: 16px;
    padding: 23px 10px 24px;
  }
}

.cost-item__head__icon {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  margin-right: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cost-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 26px 20px 28px;
}

@media only screen and (max-width: 1366px) {
  .cost-item__content {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (max-width: 768px) {
  .cost-item__content {
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 24px;
  }
}

.cost-item__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .cost-item__info-item {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .cost-item__info-item {
    margin-left: 25px;
    margin-right: 25px;
  }
}

.cost-item__info-item__value {
  color: #05060c;
  font-size: 24px;
  line-height: 1.2;
}

@media only screen and (max-width: 1366px) {
  .cost-item__info-item__value {
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) {
  .cost-item__info-item__value {
    font-size: 24px;
  }
}

.cost-item__info-item__title {
  color: #878996;
  display: block;
  line-height: 1;
  font-size: 16px;
  margin-left: 24px;
}

@media only screen and (max-width: 1366px) {
  .cost-item__info-item__title {
    margin-left: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .cost-item__info-item__title {
    font-size: 14px;
  }
}

.blog-page {
  z-index: 10;
  overflow: hidden;
  position: relative;
  padding-bottom: 12px;
}

@media only screen and (max-width: 1024px) {
  .blog-page {
    padding-bottom: 44px;
  }
}

.blog-page:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -15;
  height: 926px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

.blog-page:before {
  left: 50%;
  content: '';
  z-index: -10;
  width: 1162px;
  height: 1162px;
  bottom: -102px;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  margin-left: -1437px;
  border: solid 1px #e6e6e6;
}

.blog-page__icon {
  top: 90px;
  left: 50%;
  width: 72px;
  height: 72px;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  color: #6F7DFF;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  margin-left: -663px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

.blog-page__icon--3 {
  top: 264px;
  font-size: 32px;
  margin-left: -580px;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .blog-page__icon--3 {
    top: 200px;
  }
}

.blog-page__icon--4 {
  top: 92px;
  margin-left: 475px;
}

.blog-page__round {
  left: 50%;
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: solid 1px #e6e6e6;
}

.blog-page__round--1 {
  top: -290px;
  width: 680px;
  height: 680px;
  margin-left: 60px;
}

.blog-page__round--2 {
  top: -590px;
  width: 1162px;
  height: 1162px;
  margin-left: -642px;
}

.blog-page--article:before {
  display: none;
}

@media only screen and (max-width: 768px) {
  .blog-page--terms .blog-page__round--1 {
    top: -499px;
    margin-left: -350px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .blog-page--terms .blog-page__round--1 {
    top: -240px;
    width: 560px;
    height: 560px;
    margin-left: -40px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-page--terms .blog-page__round--2 {
    top: -834px;
    margin-left: -942px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .blog-page--terms .blog-page__round--2 {
    top: -600px;
    width: 960px;
    height: 960px;
    margin-left: -564px;
  }
}

@media only screen and (min-width: 1025px) {
  .blog-page--terms .blog-page__icon--3 {
    top: 148px;
    margin-left: -634px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .blog-page--terms .blog-page__icon--3 {
    top: 132px;
    margin-left: -648px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .blog-page--terms .blog-page__icon--3 {
    top: 100px;
    margin-left: -540px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-page--terms .blog-page__icon--3 {
    top: 118px;
    width: 64px;
    height: 64px;
    font-size: 24px;
    margin-left: -163px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .blog-page--terms .blog-page__icon--4 {
    top: 64px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .blog-page--terms .blog-page__icon--4 {
    top: 108px;
    margin-left: 300px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-page--terms .blog-page__icon--4 {
    top: 144px;
    width: 48px;
    height: 48px;
    font-size: 16px;
    margin-left: 15px;
  }
}

.blog-main-section {
  z-index: 10;
  padding: 72px 0 0;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .blog-main-section {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-main-section {
    padding-top: 40px;
  }
}

.blog-main-section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1366px) {
  .blog-main-section__head {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-main-section__head {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .blog-main-section__head {
    display: block;
  }
}

.blog-main-section__head h1, .blog-main-section__head .h1 {
  font-size: 56px;
  margin-bottom: 0;
  line-height: 72px;
}

@media only screen and (max-width: 1680px) {
  .blog-main-section__head h1, .blog-main-section__head .h1 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-main-section__head h1, .blog-main-section__head .h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

.blog-main-section__head .search-form {
  max-width: 283px;
  margin-left: 30px;
}

@media only screen and (max-width: 640px) {
  .blog-main-section__head .search-form {
    margin: 20px 0 0;
    max-width: 600px;
  }
}

.blog-main-section__head .search-form div.wpcf7 div.ajax-loader,
.blog-main-section__head .search-form div.wpcf7 span.ajax-loader {
  background: #fff;
  border-radius: 16px 0 0 16px;
}

.blog-main-section__head .search-form .wpcf7-text {
  height: 48px;
  background: #fff;
  border-radius: 16px;
}

.main-blog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 81px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .main-blog-item {
    display: block;
    margin-bottom: 54px;
  }
}

.main-blog-item:after {
  top: 100%;
  left: 56px;
  right: 56px;
  content: '';
  height: 89px;
  opacity: 0.29;
  position: absolute;
  border-radius: 1px;
  margin-top: -15px;
  -webkit-filter: blur(46px);
          filter: blur(46px);
  background: #8da3d0;
  pointer-events: none;
  border: 1px solid #979797;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item:after {
    height: 60px;
    margin-top: -25px;
  }
}

@media only screen and (max-width: 768px) {
  .main-blog-item:after {
    left: 0;
    right: 0;
    height: 76px;
    margin-top: -50px;
  }
}

.main-blog-item__visual {
  width: 53%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  max-width: 632px;
  position: relative;
  border-radius: 16px 0 0 16px;
}

@media only screen and (max-width: 768px) {
  .main-blog-item__visual {
    width: auto;
    max-width: none;
    border-radius: 16px 16px 0 0;
  }
}

.main-blog-item__visual:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 49%;
  opacity: 0.2;
  position: absolute;
  pointer-events: none;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 148, 238, 0)), to(#6e5bd8));
  background: linear-gradient(to bottom, rgba(167, 148, 238, 0), #6e5bd8); */
}

.main-blog-item__visual:before {
  content: '';
  display: block;
  padding-top: 74.2088%;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__visual:before {
    padding-top: 64%;
  }
}

@media only screen and (max-width: 768px) {
  .main-blog-item__visual:before {
    padding-top: 74.3119%;
  }
}

.main-blog-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.main-blog-item__visual--no-image:after {
  display: none;
}

.main-blog-item__content {
  width: 100%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -16px;
  border-radius: 16px;
  background: #f7f8fa;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 40px 48px 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: -17px 0 0 0 #453f60;
          box-shadow: -17px 0 0 0 #453f60;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__content {
    padding: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-blog-item__content {
    padding: 16px 24px 40px;
    -webkit-box-shadow: -8px 0 0 0 #453f60;
            box-shadow: -8px 0 0 0 #453f60;
  }
}

@media only screen and (max-width: 768px) {
  .main-blog-item__content {
    margin-left: 0;
    margin-top: -4px;
    -webkit-box-shadow: 0 -8px 0 0 #453f60;
            box-shadow: 0 -8px 0 0 #453f60;
  }
}

.main-blog-item__main {
  width: 100%;
}

.main-blog-item__info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 24px;
  margin: 0 -20px 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__info-panel {
    margin: 0 -6px 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-blog-item__info-panel {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .main-blog-item__info-panel {
    font-size: 13px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.main-blog-item__topic {
  display: block;
  padding: 0 20px;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__topic {
    padding: 0 5px;
  }
}

.main-blog-item__topic a {
  color: #6F7DFF;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.main-blog-item__topic a:hover {
  color: #4C5ADE;
}

.main-blog-item__date {
  display: block;
  color: #3a3a3a;
  padding: 0 20px;
  white-space: nowrap;
  font-weight: normal;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__date {
    padding: 0 5px;
  }
}

.main-blog-item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  color: #3a3a3a;
  padding: 0 20px;
  font-weight: normal;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__time {
    padding: 0 5px;
  }
}

.main-blog-item__time i {
  color: #d3d5e1;
  line-height: 1;
  font-size: 16px;
  margin-right: 8px;
}

.main-blog-item__title {
  display: block;
  color: #05060c;
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .main-blog-item__title {
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 1366px) {
  .main-blog-item__title {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-blog-item__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}

.main-blog-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.main-blog-item__title a:first-letter {
  text-transform: uppercase;
}

.main-blog-item__title a:hover {
  color: #6F7DFF;
}

.main-blog-item__btn-panel {
  margin: 0;
}

.main-blog-item__btn-panel p {
  margin: 0;
}

.main-blog-item .more-link {
  height: 48px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 19px 32px;
  position: relative;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  vertical-align: middle;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
}

.main-blog-item .more-link:hover {
  background: #4C5ADE;
}

.main-blog-item .more-link .icon-arrow-right {
  line-height: 1;
  font-size: 10px;
  margin-left: 23px;
}

.main-blog-item__author {
  color: #05060c;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1024px) {
  .main-blog-item__author {
    margin-top: 32px;
  }
}

.main-blog-item__author:hover {
  color: #6F7DFF;
}

.main-blog-item__author__img {
  width: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-right: 24px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.main-blog-item__author__img--no-img {
  background: url(../images/no-avatar.svg) 50% 50%/48px 48px no-repeat;
}

@media only screen and (max-width: 768px) {
  .main-blog-item__author__img {
    border-width: 2px;
    margin-right: 16px;
  }
}

.main-blog-item__author__img:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.main-blog-item__author__img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.main-blog-item__author__name {
  text-transform: capitalize;
}

.blog-section {
  padding: 128px 0 33px;
}

@media only screen and (max-width: 1680px) {
  .blog-section {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-section {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.steps__section + .blog-section {
  padding-top: 164px;
}

@media only screen and (max-width: 768px) {
  .steps__section + .blog-section {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1367px) {
  .main-features + .blog-section {
    padding-top: 75px;
  }
}

.blog-section--category {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 72px;
}

@media only screen and (max-width: 1680px) {
  .blog-section--category {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-section--category {
    padding-top: 36px;
  }
}

.blog-section h1, .blog-section .h1 {
  font-size: 56px;
  line-height: 72px;
  margin-bottom: 72px;
}

@media only screen and (max-width: 1680px) {
  .blog-section h1, .blog-section .h1 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-section h1, .blog-section .h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-section .h2, .blog-section h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.blog-section--new .h2, .blog-section--new h2 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .blog-section--new .h2, .blog-section--new h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .blog-section--new .h2, .blog-section--new h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-section--new .h2, .blog-section--new h2 {
    font-size: 32px;
    line-height: 2;
  }
}

.blog-section + .btns-section {
  margin-top: 28px;
}

@media only screen and (max-width: 1680px) {
  .blog-section + .btns-section {
    margin-top: 16px;
  }
}

.blog-section__centered-head {
  color: #87888d;
  font-size: 20px;
  line-height: 1.6em;
  max-width: 800px;
  text-align: center;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 1680px) {
  .blog-section__centered-head {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-section__centered-head {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 40px;
  }
}

.blog-section__centered-head h2, .blog-section__centered-head .h2 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .blog-section__centered-head h2, .blog-section__centered-head .h2 {
    margin-bottom: 16px;
  }
}

.blog-section--new .blog-section__centered-head {
  margin-bottom: 54px;
}

@media only screen and (max-width: 1366px) {
  .blog-section--new .blog-section__centered-head {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-section--new .blog-section__centered-head {
    margin-bottom: 24px;
  }
}

.blog-section--new .blog-section__centered-head h2, .blog-section--new .blog-section__centered-head .h2 {
  margin-bottom: 0;
}

.blog-section__centered-head p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1366px) {
  .blog-section__centered-head p {
    margin-bottom: 32px;
  }
}

.blog-section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1366px) {
  .blog-section__head {
    margin-bottom: 37px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-section__head {
    padding: 0;
    position: relative;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .blog-section__head--with-arrows {
    padding-right: 176px;
  }
}

@media only screen and (max-width: 640px) {
  .blog-section__head--m-special {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.blog-section--category .blog-section__head {
  padding-right: 0;
  margin-bottom: 72px;
}

@media only screen and (max-width: 1680px) {
  .blog-section--category .blog-section__head {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-section--category .blog-section__head {
    display: block;
    margin-bottom: 48px;
  }
}

.blog-section--new .blog-section__head {
  margin-bottom: 40px;
}

.blog-section__head__filters {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .blog-section__head__filters {
    display: block;
  }
}

.blog-section__head h3, .blog-section__head .h3 {
  margin-bottom: 0;
}

@media only screen and (min-width: 1681px) {
  .blog-section__head h3, .blog-section__head .h3 {
    line-height: 72px;
  }
}

.blog-section__head h1, .blog-section__head .h1 {
  margin-bottom: 0;
}

.blog-section__head__show-all {
  color: #05060c;
  font-size: 16px;
  line-height: 24px;
  margin-left: 20px;
  white-space: nowrap;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1024px) {
  .blog-section__head__show-all {
    right: 0;
    bottom: 8px;
    position: absolute;
  }
}

@media only screen and (max-width: 640px) {
  .blog-section__head__show-all {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-section__head--m-special .blog-section__head__show-all {
    position: static;
    vertical-align: top;
    display: inline-block;
  }
}

@media only screen and (max-width: 640px) {
  .blog-section__head--m-special .blog-section__head__show-all {
    margin: 16px 0 0;
  }
}

.blog-section__head__show-all:hover {
  color: #6F7DFF;
}

.blog-section__head__back-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .blog-section__head__back-holder {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.blog-section__head__back-holder__drop {
  opacity: 0;
  z-index: 250;
  width: 287px;
  top: -9999px;
  right: 9999px;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  color: #1E1F2B;
  padding: 32px 32px 8px;
  display: block !important;
  max-width: calc(100% + 32px);
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
}

.blog-section__head__back-holder--drop-open .blog-section__head__back-holder__drop {
  top: 100%;
  opacity: 1;
  right: -32px;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.blog-section__head__categories-list {
  margin: 0;
  padding: 0;
  color: #878996;
  font-size: 14px;
  list-style: none;
  line-height: 18px;
}

.blog-section__head__categories-list > li {
  margin: 0 0 24px;
}

.blog-section__head__categories-list a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.blog-section__head__categories-list a:hover {
  color: #6F7DFF;
}

.blog-section__head__back {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 14px;
  color: #6F7DFF;
  margin-right: 24px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #edeef0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

@media only screen and (max-width: 1024px) {
  .blog-section__head__back {
    width: 48px;
    height: 48px;
    margin-right: 16px;
  }
}

.blog-section__head__back:hover {
  background: #e7e7ec;
}

.blog-section__head__back i {
  display: block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.blog-section__head .search-form {
  max-width: 283px;
  margin-left: 30px;
}

@media only screen and (max-width: 768px) {
  .blog-section__head .search-form {
    max-width: none;
    margin: 16px 0 0;
  }
}

.blog-section__head .search-form .wpcf7-text {
  height: 48px;
  background: #fff;
  border-radius: 16px;
}

.blog-section__head__category {
  cursor: pointer;
  position: relative;
  padding-right: 40px;
}

@media only screen and (max-width: 1024px) {
  .blog-section__head__category {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-section__head__category h1, .blog-section__head__category .h1 {
    font-size: 24px;
    line-height: 40px;
  }
}

.blog-section__head__category .icon-arrow-right {
  top: 50%;
  right: 0;
  color: #191a24;
  line-height: 1;
  font-size: 14px;
  margin: -2px 0 0;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: color .35s ease, -webkit-transform .35s ease;
  transition: color .35s ease, -webkit-transform .35s ease;
  transition: transform .35s ease, color .35s ease;
  transition: transform .35s ease, color .35s ease, -webkit-transform .35s ease;
}

@media only screen and (max-width: 1024px) {
  .blog-section__head__category .icon-arrow-right {
    color: #cccdd2;
    margin-top: -5px;
  }
}

.blog-section__head__back-holder--drop-open .blog-section__head__category .icon-arrow-right {
  color: #6F7DFF;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.blog-section--new .blog-section__head h3, .blog-section--new .blog-section__head .h3 {
  font-size: 24px;
  line-height: 48px;
}

@media only screen and (max-width: 1366px) {
  .blog-section--new .blog-section__head h3, .blog-section--new .blog-section__head .h3 {
    font-size: 20px;
  }
}

.blog-section__filter-select {
  width: 100%;
  max-width: 287px;
  margin-left: 74px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .blog-section__filter-select {
    margin: 32px 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .blog-section__filter-select {
    max-width: none;
  }
}

.blog-section__filter-select .selecter-selected {
  color: #000;
}

.blog-section__filter-select .selecter-item:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-section__selected-item {
  width: 100%;
  height: 48px;
  color: #05060c;
  display: block;
  cursor: pointer;
  font-size: 14px;
  overflow: hidden;
  font-weight: bold;
  line-height: 48px;
  position: relative;
  white-space: nowrap;
  border-radius: 16px;
  background: #f7f8fa;
  padding: 0 48px 0 23px;
  text-overflow: ellipsis;
  border: 1px solid #f7f8fa;
}

.blog-section__selected-item:after {
  top: 50%;
  right: 22px;
  font-size: 8px;
  color: #cccdd2;
  line-height: 1;
  margin-top: -4px;
  content: '\e853';
  position: absolute;
  font-family: 'icomoon';
  -webkit-transition: color .35s ease, -webkit-transform .35s ease;
  transition: color .35s ease, -webkit-transform .35s ease;
  transition: transform .35s ease, color .35s ease;
  transition: transform .35s ease, color .35s ease, -webkit-transform .35s ease;
}

.blog-section__filter-select--open .blog-section__selected-item:after {
  color: #6F7DFF;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.blog-section__list {
  margin: 0;
  padding: 0;
  opacity: 0;
  top: -9999px;
  z-index: 250;
  right: 9999px;
  left: -9999px;
  color: #878996;
  font-size: 14px;
  list-style: none;
  margin: 16px 0 0;
  line-height: 18px;
  position: absolute;
  border-radius: 16px;
  background: #f7f8fa;
  border-radius: 16px;
  padding: 32px 32px 8px;
  background-color: #fff;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
}

.blog-section__filter-select--open .blog-section__list {
  left: 0;
  right: 0;
  top: 100%;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
  transition: opacity .35s ease, -webkit-transform .35s ease;
  transition: opacity .35s ease, transform .35s ease;
  transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
}

.blog-section__list li {
  margin: 0 0 24px;
}

.blog-section__list li.active {
  display: none;
}

.blog-section__list a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.blog-section__list a:hover {
  color: #6F7DFF;
}

.blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -16px 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .blog-list {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-list {
    margin-bottom: -48px;
  }
}

@media only screen and (max-width: 768px) {
  .blog-list + .btn-panel {
    padding-top: 50px;
  }
}

.blog-list .blog-item {
  margin-left: 16px;
  margin-right: 16px;
  width: calc(33.3333% - 32px);
}

@media only screen and (max-width: 1024px) {
  .blog-list .blog-item {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(33.3333% - 24px);
  }
}

@media only screen and (max-width: 768px) {
  .blog-list .blog-item {
    width: calc(50% - 24px);
  }
}

@media only screen and (max-width: 640px) {
  .blog-list .blog-item {
    width: calc(100% - 24px);
  }
}

.blog-list--slider {
  position: relative;
}

@media only screen and (max-width: 640px) {
  .blog-list--slider {
    max-width: calc(100vw - 60px);
  }
}

.blog-list--slider.slick-slider {
  display: block;
  margin-bottom: 0;
}

.blog-list--slider.slick-slider .blog-item {
  margin-bottom: 0;
}

.blog-list--slider .slick-arrow {
  padding: 0;
  z-index: 50;
  right: 16px;
  width: 56px;
  height: 56px;
  bottom: 100%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 12px;
  cursor: pointer;
  margin: 0 0 38px;
  border-radius: 50%;
  color: #6F7DFF;
  position: absolute;
  background: #f5f5f7;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
  -webkit-transition: background-color .35s ease, color .35s ease;
  transition: background-color .35s ease, color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .blog-list--slider .slick-arrow {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .blog-list--slider .slick-arrow {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-list--slider .slick-arrow {
    display: none !important;
  }
}

.blog-list--slider .slick-arrow:not(.slick-disabled):hover {
  background: #e7e7ec;
}

.blog-list--slider .slick-arrow.slick-disabled {
  color: #dcdde1;
  cursor: default;
}

.blog-list--slider .slick-arrow i {
  display: block;
}

.blog-section--new .blog-list--slider .slick-arrow {
  width: 48px;
  height: 48px;
  font-size: 12px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 40px;
  color: #6F7DFF;
  -webkit-box-shadow: inset 0 0 0 2px #6F7DFF;
          box-shadow: inset 0 0 0 2px #6F7DFF;
}

.blog-section--new .blog-list--slider .slick-arrow:not(.slick-disabled):hover {
  color: #fff;
  background: #6F7DFF;
}

.blog-list--slider .slick-prev {
  margin-right: 80px;
}

.blog-section--new .blog-list--slider .slick-prev {
  margin-right: 64px;
}

.blog-list--slider .slick-prev i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.blog-list--slider .slick-dots {
  padding-top: 56px;
}

@media only screen and (min-width: 1025px) {
  .blog-list--slider .slick-dots {
    display: none !important;
  }
}

@media only screen and (max-width: 640px) {
  .blog-list--slider .slick-dots {
    width: 100vw;
    margin: 0 -3px;
  }
}

@media only screen and (max-width: 640px) {
  .blog-list--slider .slick-list {
    overflow: visible;
  }
}

.blog-list--slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.blog-list .promo {
  width: calc(100% - 32px);
}

@media only screen and (max-width: 1024px) {
  .blog-list .promo {
    width: calc(100% - 24px);
  }
}

@media only screen and (max-width: 768px) {
  .blog-list .promo {
    margin-top: 24px;
    margin-bottom: 72px;
  }
}

.blog-item {
  margin-bottom: 37px;
}

@media only screen and (max-width: 768px) {
  .blog-item {
    margin-bottom: 32px;
  }
}

.blog-list--slider:not(.slick-slider) .blog-item:nth-child(3) ~ .blog-item {
  display: none;
}

.blog-item__visual {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  margin-bottom: 16px;
}

.blog-item__visual:before {
  content: '';
  display: block;
  padding-top: 74.074%;
}

.blog-item__visual:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 47%;
  opacity: 0.2;
  position: absolute;
  pointer-events: none;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 148, 238, 0)), to(#6e5bd8));
  background: linear-gradient(to bottom, rgba(167, 148, 238, 0), #6e5bd8); */
}

.blog-item__visual--no-image:after {
  display: none;
}

.blog-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.blog-item__info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
  line-height: 24px;
  margin-bottom: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .blog-item__info-panel {
    font-size: 13px;
    line-height: 20px;
    margin-left: -4px;
    margin-right: -4px;
  }
}

.blog-item__topic {
  display: block;
  margin: 0 10px;
}

@media only screen and (max-width: 1680px) {
  .blog-item__topic {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.blog-item__topic a {
  color: #6F7DFF;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.blog-item__topic a:hover {
  color: #4C5ADE;
}

.blog-item__date {
  color: #3a3a3a;
  margin: 0 10px;
  white-space: nowrap;
  font-weight: normal;
}

@media only screen and (max-width: 1680px) {
  .blog-item__date {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.blog-item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  color: #3a3a3a;
  padding: 0 10px;
  white-space: nowrap;
  font-weight: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .blog-item__time {
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .blog-item__time {
    width: calc(100% + 20px);
  }
}

.blog-item__time i {
  color: #d3d5e1;
  line-height: 1;
  font-size: 16px;
  margin-right: 8px;
}

.blog-item__title {
  color: #05060c;
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 22px;
}

@media only screen and (max-width: 1366px) {
  .blog-item__title {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .blog-item__title {
    font-size: 20px;
  }
}

.blog-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.blog-item__title a:first-letter {
  text-transform: uppercase;
}

.blog-item__title a:hover {
  color: #6F7DFF;
}

.blog-item__author {
  color: #36373C;
  font-size: 14px;
  line-height: 1.2;
  margin-top: -8px;
  margin-bottom: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.blog-item__author:hover {
  color: #6F7DFF;
}

.blog-item__author__img {
  width: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-right: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.blog-item__author__img--no-img {
  border-width: 0;
  background: #edeef0 url(../images/no-avatar.svg) 50% 50%/32px 32px no-repeat;
}

@media only screen and (max-width: 768px) {
  .blog-item__author__img {
    border-width: 2px;
    margin-right: 16px;
  }
}

.blog-item__author__img:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.blog-item__author__img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.blog-item__author__name {
  text-transform: capitalize;
}

.blog-item__btn-panel {
  margin: 0;
}

.blog-item__btn-panel .btn {
  margin: 0;
}

.blog-item .more-link {
  height: 48px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 16px 32px;
  position: relative;
  text-align: center;
  font-style: normal;
  background: #fff;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #6F7DFF;
  text-decoration: none;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  -webkit-box-shadow: inset 0 0 0 2px #6F7DFF;
          box-shadow: inset 0 0 0 2px #6F7DFF;
}

.blog-item .more-link:hover {
  color: #fff;
  background: #6F7DFF;
}

.blog-item .more-link .icon-arrow-right {
  line-height: 1;
  font-size: 12px;
  margin-left: 13px;
}

.blog-page--no-results:before {
  display: none;
}

.page-title.no-result-title {
  text-align: center;
}

@media only screen and (min-width: 1681px) {
  .page-title.no-result-title {
    font-size: 56px;
    margin: 0 0 32px;
    line-height: 72px;
  }
}

.page-title span {
  color: #6F7DFF;
}

.no-results {
  padding: 0 0 30px;
  text-align: center;
}

@media only screen and (min-width: 1681px) {
  .no-results {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1681px) {
  .no-results p {
    margin-bottom: 32px;
  }
}

.no-results .page-content {
  margin: 0 auto;
  max-width: 840px;
}

@media only screen and (max-width: 1024px) {
  .no-results .page-content {
    max-width: 640px;
  }
}

.no-results__icon {
  max-width: 416px;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 1024px) {
  .no-results__icon {
    max-width: 360px;
  }
}

.no-results__icon img {
  left: -6px;
  width: 416px;
  height: 417px;
  display: block;
  max-width: 100%;
  position: relative;
  pointer-events: none;
  margin: -27.7% auto -30%;
}

@media only screen and (max-width: 1024px) {
  .no-results__icon img {
    height: 361px;
    margin: -32% auto -32%;
  }
}

@media screen and (max-width: 420px) {
  .no-results__icon img {
    height: calc(100vw - 48px);
  }
}

.no-results__btn-holder {
  margin-bottom: 64px;
}

@media only screen and (max-width: 640px) {
  .no-results__btn-holder {
    margin-bottom: 36px;
  }
}

.no-results .wpcf7-form {
  margin: 0 auto;
  max-width: 579px;
  position: relative;
  padding: 0 72px 0 0;
}

@media only screen and (max-width: 1024px) {
  .no-results .wpcf7-form {
    max-width: 480px;
  }
}

.no-results .wpcf7-form .form-row {
  margin: 0;
}

.no-results .wpcf7-form .search-form__submit {
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 56px;
  border: none;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  border-radius: 16px;
  text-indent: -9999px;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) 50% 50%/16px 16px no-repeat;
}

.no-results .wpcf7-form .search-form__submit:hover {
  background-color: #4C5ADE;
}

.no-results .wpcf7-form .wpcf7-text {
  width: 100%;
  height: 56px;
  display: block;
  font-size: 14px;
  border-radius: 16px;
  font-family: inherit;
  padding: 0 23px 0 48px;
  -webkit-appearance: none;
  border: 1px solid #f7f8fa;
  background: #f7f8fa url(../images/search.svg) 16px 50%/16px 17px no-repeat;
  -webkit-transition: border-color .35s ease;
  transition: border-color .35s ease;
}

.no-results .wpcf7-form .wpcf7-text:focus {
  border-color: #CAC7D8;
}

.no-results .wpcf7-form .wpcf7-text:focus::-webkit-input-placeholder {
  opacity: 0;
}

.no-results .wpcf7-form .wpcf7-text:focus:-ms-input-placeholder {
  opacity: 0;
}

.no-results .wpcf7-form .wpcf7-text:focus::-ms-input-placeholder {
  opacity: 0;
}

.no-results .wpcf7-form .wpcf7-text:focus::placeholder {
  opacity: 0;
}

.no-results .wpcf7-form .wpcf7-text:focus:-ms-input-placeholder {
  opacity: 0;
}

.no-results .wpcf7-form .wpcf7-text:focus::-ms-input-placeholder {
  opacity: 0;
}

.no-results .wpcf7-form .wpcf7-text.wpcf7-not-valid {
  border-color: #FC1D3C;
}

.no-results .wpcf7-form .wpcf7-text::-webkit-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.no-results .wpcf7-form .wpcf7-text:-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.no-results .wpcf7-form .wpcf7-text::-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.no-results .wpcf7-form .wpcf7-text::placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.no-results .wpcf7-form .wpcf7-text:-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.no-results .wpcf7-form .wpcf7-text::-ms-input-placeholder {
  opacity: 1;
  color: #8d8a98;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.no-results .wpcf7-form p {
  margin: 0;
  position: static;
}

.tags-section {
  padding: 40px 0 56px;
}

@media only screen and (max-width: 1366px) {
  .tags-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .tags-section {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.tags-section h2, .tags-section .h2 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 1681px) {
  .tags-section h2, .tags-section .h2 {
    line-height: 72px;
  }
}

@media only screen and (max-width: 1024px) {
  .tags-section h2, .tags-section .h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px;
  }
}

.tags-section + .promo {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1366px) {
  .tags-section + .promo {
    margin-top: 42px;
    margin-bottom: 42px;
  }
}

.tags-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  list-style: none;
  font-weight: bold;
  line-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -8px -16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.tags-list li {
  margin: 0 8px 16px;
}

.tags-list:not(.tags-list--show-all) li.hidden {
  display: none;
}

.tags-list__more {
  padding-left: 8px;
}

.tags-list--show-all .tags-list__more {
  display: none;
}

.tags-list__more a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.tags-list__more a:hover {
  color: #6F7DFF;
}

.tags-list a, .tags-list .tag {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #6F7DFF;
  border-radius: 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  background: #eae6ff;
  padding: 8px 17px 8px 16px;
  -webkit-transition: background-color .35s ease, color .35s ease;
  transition: background-color .35s ease, color .35s ease;
}

.tags-list a:hover, .tags-list .tag:hover {
  color: #fff;
  background-color: #6F7DFF;
}

.tags-list a--dark, .tags-list .tag--dark {
  font-size: 14px;
  font-weight: 500;
  color: #145698;
  padding: 4px 12px;
  line-height: 16px;
  border-radius: 4px;
  font-family: "IBM Plex Mono", "PT Mono", monospace;
  background: #E1EFFF;
}

.tags-list a--dark:hover, .tags-list .tag--dark:hover {
  color: #145698;
  background: #c8e1ff;
}

.promo {
  overflow: hidden;
}

.promo img {
  width: 100%;
  display: block;
  border-radius: 16px;
}

.article-section {
  position: relative;
  padding: 16px 0 128px;
}

@media only screen and (max-width: 1024px) {
  .article-section {
    padding-top: 40px;
    padding-bottom: 36px;
  }
}

.article-section .container {
  max-width: 1054px;
}

@media only screen and (min-width: 1367px) {
  .article-section--terms {
    padding-top: 96px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .article-section--terms {
    padding-top: 48px;
  }
}

.article-section--terms .article__head {
  padding: 0;
  margin-top: 0;
  background: none;
  margin-bottom: 90px;
}

@media only screen and (max-width: 768px) {
  .article-section--terms .article__head {
    margin-bottom: 154px;
  }
}

.article-section--terms .article__body {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.article {
  padding: 0 88px;
  margin: 0 -56px;
}

@media only screen and (max-width: 1024px) {
  .article {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .article {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.article:before {
  content: '';
  display: block;
  overflow: hidden;
}

.article__head {
  background: #fff;
  margin-top: 377px;
  position: relative;
  text-align: center;
  margin-bottom: 41px;
  padding: 48px 40px 40px;
  border-radius: 16px 16px 0 0;
}

@media only screen and (max-width: 1024px) {
  .article__head {
    padding: 32px 24px 40px;
    margin-top: calc(38vw - 48px);
  }
}

@media only screen and (max-width: 640px) {
  .article__head {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.article__head h1, .article__head .h1 {
  font-size: 56px;
  max-width: 700px;
  line-height: 72px;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 1680px) {
  .article__head h1, .article__head .h1 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__head h1, .article__head .h1 {
    font-size: 32px;
    max-width: 500px;
    line-height: 40px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .article__head h1, .article__head .h1 {
    font-size: 24px;
    line-height: 36px;
  }
}

.article__head h1:first-letter, .article__head .h1:first-letter {
  text-transform: uppercase;
}

.article__head .tags-list {
  margin-bottom: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .article__head .tags-list {
    margin-bottom: 16px;
  }
}

.article__topic {
  display: block;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1024px) {
  .article__topic {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 32px;
  }
}

.article__topic a {
  color: #6F7DFF;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.article__topic a:hover {
  color: #4C5ADE;
}

.article__info-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .article__info-panel {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.article__info-panel .socials {
  padding-right: 0;
  margin-left: -8px;
  margin-right: -8px;
}

.article__info-panel .socials li {
  margin-left: 8px;
  margin-right: 8px;
}

@media only screen and (max-width: 1024px) {
  .article__info-panel .socials a {
    color: #acadb3;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .article__info-panel .socials a {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}

.article__info-panel__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3A3A3A;
  font-size: 16px;
  line-height: 21px;
  font-weight: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .article__info-panel__date {
    font-size: 14px;
    margin: 0 -12px;
    line-height: 18px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .article__info-panel__date {
    margin: 0 -36px 32px;
  }
}

.article__info-panel__date i {
  color: #d3d5e1;
  line-height: 1;
  font-size: 16px;
  margin-right: 16px;
}

.article__author {
  color: #05060c;
  font-size: 16px;
  line-height: 21px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .article__author {
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .article__author {
    margin-bottom: 24px;
  }
}

.article__author:hover {
  color: #6F7DFF;
}

.article__author__img {
  width: 56px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  margin-right: 24px;
  border-radius: 50%;
}

.article__author__img--no-img {
  background: url(../images/no-avatar.svg) 50% 50%/48px 48px no-repeat;
}

@media only screen and (max-width: 1024px) {
  .article__author__img {
    width: 40px;
    margin-right: 16px;
  }
}

.article__author__img:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.article__author__img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.article__author__name {
  overflow: hidden;
  max-width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

@media only screen and (max-width: 1024px) {
  .article__author__name {
    max-width: 120px;
  }
}

.article__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .article__date, .article__time {
    margin: 0 12px;
  }
}

@media only screen and (max-width: 768px) {
  .article__date, .article__time {
    margin: 0 36px;
  }
}

.article__main-img {
  left: 50%;
  top: 16px;
  width: 100%;
  overflow: hidden;
  max-width: 1136px;
  position: absolute;
  border-radius: 16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
  .article__main-img {
    top: 0;
    border-radius: 16px 16px 0 0;
  }
}

.article__main-img--no-image:after {
  display: none;
}

.article__main-img:after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 69%;
  content: '';
  opacity: .4;
  position: absolute;
  pointer-events: none;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 148, 238, 0)), to(#6e5bd8));
  background: linear-gradient(to bottom, rgba(167, 148, 238, 0), #6e5bd8); */
}

.article__main-img:before {
  content: '';
  display: block;
  padding-top: 50.7042%;
}

.article__main-img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .article__main {
    display: block;
  }
}

.article__main:after {
  content: '';
  clear: both;
  display: block;
}

.article-section--without-sidebar .article__main {
  display: block;
}

@media only screen and (min-width: 1025px) {
  .article-section--without-sidebar .article__main {
    margin-left: 39px;
  }
}

@media only screen and (min-width: 769px) {
  .article__main {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .article__main {
    padding-left: 0;
  }
}

.article__content {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% - 180px);
}

@media only screen and (max-width: 1366px) {
  .article__content {
    max-width: calc(100% - 204px);
  }
}

@media only screen and (max-width: 1024px) {
  .article__content {
    max-width: calc(100% - 164px);
  }
}

@media only screen and (max-width: 768px) {
  .article__content {
    max-width: none;
  }
}

div + div + .article__content,
.article__sidebar--right + .article__content {
  margin-left: 0;
  margin-right: 0;
}

.article-section--without-sidebar .article__content {
  max-width: none;
}

.article__visual img {
  width: auto;
  display: block;
  max-width: 100%;
}

.article__body {
  color: #3A3A3A;
  font-size: 18px;
  margin: 0 0 56px;
  max-width: 700px;
  line-height: 32px;
  padding: 0 0 56px;
  font-weight: normal;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 1024px) {
  .article__body {
    line-height: 2;
    font-size: 16px;
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
}

.article__body .article__visual {
  margin-bottom: 1.5em;
}

.article__body h2, .article__body h3 {
  line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
  .article__body h2, .article__body h3 {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 32px;
  }
}

.article__body h2 {
  margin-bottom: 56px;
}

@media only screen and (max-width: 1024px) {
  .article__body h2 {
    margin-bottom: 32px;
  }
}

.article__body h3 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .article__body h3 {
    margin-bottom: 24px;
  }
}

.article__body h4 {
  color: #05060c;
  line-height: 1.33333;
  font-size: 24px;
  margin: 0 0 32px;
}

@media only screen and (max-width: 1024px) {
  .article__body h4 {
    font-size: 16px;
    margin-bottom: 32px;
  }
}

.article__body p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .article__body p {
    margin-bottom: 28px;
  }
}

.article__body p img {
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.article__body p strong {
  color: #08090f;
}

.article__body p a strong {
  color: inherit;
}

.article__body p code {
  margin-right: 4px;
}

.article__body li img {
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.article__body iframe {
  max-width: 100%;
}

.article__body figure {
  margin: 0 0 32px;
  position: relative;
}

.article__body figure:before {
  content: '';
  display: block;
  padding-top: 66.6666%;
}

.article__body figure iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.article__body a {
  color: #6F7DFF;
  text-decoration: none;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.article__body a:hover {
  color: #4C5ADE;
}

.article__body .wp-block-table {
  display: block;
  margin: 0 0 32px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 1024px) {
  .article__body .wp-block-table {
    margin-bottom: 28px;
  }
}

.article__body .wp-block-table:before {
  display: none;
}

.article__body table {
  width: 100%;
  font-size: 16px;
  min-width: 600px;
  line-height: 1.3;
  border-collapse: collapse;
  background: rgba(247, 248, 250, 0.5);
}

@media only screen and (max-width: 1024px) {
  .article__body table {
    font-size: 14px;
  }
}

.article__body table td, .article__body table th {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

.article__body table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.article__body table tr {
  background: none;
}

.article__body table tr:nth-child(even) {
  background: rgba(234, 230, 255, 0.4);
}

.article__body .tag {
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.article__body .tag:hover {
  color: #fff;
}

.article__body p + h3, .article__body ul + h3, .article__body ol + h3 {
  margin-top: 56px;
}

@media only screen and (max-width: 1680px) {
  .article__body p + h3, .article__body ul + h3, .article__body ol + h3 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1680px) {
  .article__body p + h4, .article__body ul + h4, .article__body ol + h4 {
    margin-top: 32px;
  }
}

.article__body ul, .article__body ol {
  padding: 0;
  margin: 0 0 32px;
  list-style: none;
}

@media only screen and (max-width: 1024px) {
  .article__body ul, .article__body ol {
    padding-top: 12px;
  }
}

.article__body ol {
  counter-reset: counter;
}

.article__body ol > li {
  counter-increment: counter;
}

.article__body ol > li:before {
  top: 0;
  left: 0;
  font-weight: bold;
  position: absolute;
  content: counter(counter) ". ";
}

.article__body ul > li:after {
  left: 0;
  top: 14px;
  width: 4px;
  height: 4px;
  content: '';
  position: absolute;
  border-radius: 50%;
  background: #36373c;
}

.article__body li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1024px) {
  .article__body li {
    margin-bottom: 12px;
  }
}

.article__body li strong {
  color: #08090f;
}

.article__body .wp-block-image {
  display: block;
  margin: 50px 0 33px;
}

@media only screen and (max-width: 1024px) {
  .article__body .wp-block-image {
    margin: 32px 0 54px;
  }
}

.article__body .wp-block-image:before,
.article__body .wp-block-image figure:before {
  display: none;
}

.article__body .wp-block-image img {
  height: auto;
  display: block;
  max-width: 100%;
}

.article__body code {
  color: #9ca0b1;
  border-radius: 4px;
  vertical-align: top;
  background: #f5f5f7;
  margin: 4px 24px 0 0;
  padding: 4px 8px 5px;
  display: inline-block;
  font: 14px/15px 'PT Mono', monospace;
}

@media only screen and (max-width: 1024px) {
  .article__body code {
    margin: 2px 7px 3px 0;
  }
}

.article__body .info {
  color: #05060c;
  font-size: 16px;
  line-height: 1.88;
  border-radius: 8px;
  position: relative;
  margin: 48px 0 56px;
  background: #f7f8fa;
  padding: 48px 72px 64px 104px;
}

@media only screen and (max-width: 1024px) {
  .article__body .info {
    padding: 24px 24px 32px 64px;
  }
}

.article__body .info:before {
  top: 48px;
  left: 48px;
  line-height: 1;
  font-size: 24px;
  content: '\e849';
  color: #6F7DFF;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  pointer-events: none;
  font-family: 'icomoon';
}

@media only screen and (max-width: 1024px) {
  .article__body .info:before {
    top: 28px;
    left: 24px;
    font-size: 20px;
  }
}

.article__body .video {
  display: block;
  margin: 80px 0;
  position: relative;
  background: #edeef0;
}

@media only screen and (max-width: 1024px) {
  .article__body .video {
    margin: 48px 0;
  }
}

.article__body .video:before {
  content: '';
  display: block;
  padding-top: 59.5%;
}

.article__body .video img {
  top: 50%;
  left: 50%;
  max-width: 84%;
  margin: 4% 0 0;
  max-height: 88%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.article__body .video__icon {
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  position: absolute;
  margin: -44px 0 0 -44px;
  background: #6F7DFF;
  -webkit-box-shadow: 0 28px 50px 0 #cccdd2;
          box-shadow: 0 28px 50px 0 #cccdd2;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

@media only screen and (max-width: 768px) {
  .article__body .video__icon {
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
  }
}

.article__body .video__icon:hover {
  background: #4C5ADE;
}

.article__body .video__icon:after {
  top: 50%;
  left: 50%;
  content: '';
  position: absolute;
  margin: -6px 0 0 -3px;
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.article__body .tags-list {
  padding: 24px 0 0;
  margin: 0 -8px -16px;
}

@media only screen and (max-width: 1024px) {
  .article__body .tags-list {
    padding-top: 5px;
  }
}

.article__body .tags-list li {
  padding: 0;
  margin: 0 8px 16px;
}

.article__body .tags-list li:after {
  display: none;
}

.article__body .mb-0 {
  margin-bottom: 0 !important;
}

.article__body .wp-block-column {
  word-break: normal;
}

.article__sidebar {
  width: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (max-width: 1366px) {
  .article__sidebar {
    width: 240px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__sidebar {
    width: 200px;
  }
}

@media only screen and (max-width: 768px) {
  .article__sidebar {
    display: none;
  }
}

.article__sidebar.is_stuck + div {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.article__sidebar--right {
  float: right;
  margin: 0 -128px 0 48px;
}

@media only screen and (max-width: 1366px) {
  .article__sidebar--right {
    margin-left: 24px;
    margin-right: -60px;
  }
}

.article__sidebar--left {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  float: left;
  margin: 0 48px 0 -308px;
}

@media screen and (max-width: 1519px) {
  .article__sidebar--left {
    margin-right: 24px;
    margin-left: -210px;
  }
}

@media only screen and (max-width: 1366px) {
  .article__sidebar--left {
    margin-right: 16px;
    margin-left: -160px;
  }
}

@media screen and (max-width: 1279px) {
  .article__sidebar--left {
    display: none;
  }
}

.article__sidebar--left.is_stuck {
  left: 50%;
  margin-left: -748px;
}

@media screen and (max-width: 1519px) {
  .article__sidebar--left.is_stuck {
    margin-left: -610px;
  }
}

@media only screen and (max-width: 1366px) {
  .article__sidebar--left.is_stuck {
    margin-left: -560px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__sidebar--left.is_stuck {
    left: 20px;
  }
}

.article__sidebar--left.is_stuck + div {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.article__sidebar--hidden {
  display: none;
}

.article__sidebar .btn-panel {
  padding-top: 8px;
  margin-bottom: 16px;
}

.article__sidebar .btn-panel > .btn {
  height: auto;
  padding: 15px;
  text-align: left;
  white-space: normal;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.article__sidebar__title {
  color: #878996;
  display: block;
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 42px;
  letter-spacing: .83px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  .article__sidebar__title {
    margin-bottom: 24px;
  }
}

.article__sidebar__list {
  padding: 0;
  color: #05060c;
  font-size: 16px;
  list-style: none;
  line-height: 20px;
  margin: 0 -24px 0 0;
}

.article__sidebar--left .article__sidebar__list {
  margin-right: 0;
}

@media only screen and (max-width: 1366px) {
  .article__sidebar__list {
    font-size: 14px;
    margin-right: 0;
  }
}

.article__sidebar__list li {
  margin: 0 0 20px;
  position: relative;
  padding-left: 21px;
}

@media only screen and (max-width: 1024px) {
  .article__sidebar__list li {
    margin-bottom: 16px;
  }
}

.article__sidebar__list li:before {
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #cccdd2;
  font-size: 10px;
  content: '\e800';
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'icomoon';
}

.article__sidebar__list li.active > a {
  color: #6F7DFF;
}

.article__sidebar__list a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.article__sidebar__list a:hover {
  color: #6F7DFF;
}

.article__sidebar__list ul {
  margin: 0;
  list-style: none;
  padding: 16px 0 0;
}

.article__sidebar .socials {
  padding-top: 15px;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.article__sidebar .socials--hidden {
  opacity: 0;
  pointer-events: none;
}

.article__sidebar .socials ul {
  margin-left: -5px;
  margin-right: -5px;
}

@media only screen and (max-width: 1024px) {
  .article__sidebar .socials ul {
    font-size: 14px;
  }
}

.article__sidebar .socials li {
  margin-left: 5px;
  margin-right: 5px;
}

@media only screen and (max-width: 1024px) {
  .article__sidebar .socials li.whatsapp a {
    font-size: 18px;
  }
}

.article__sidebar .socials a {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

@media only screen and (max-width: 1024px) {
  .article__sidebar .socials a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

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

@media only screen and (max-width: 1024px) {
  .article__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.article__footer .socials {
  padding-right: 0;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .article__footer .socials {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 640px) {
  .article__footer .socials {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__footer .socials li {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .article__footer .socials li {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .article__footer .socials a {
    color: #acadb3;
  }
}

.article__footer .article__author {
  margin-bottom: 40px;
}

.article .applaud-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .article .applaud-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.article .applaud-holder .tags-list {
  padding: 0;
}

.article .applaud-holder .wp-applaud {
  height: 32px;
  font-size: 20px;
  line-height: 38px;
  margin: 0 !important;
  background-position: 0 50%;
  padding-left: 40px !important;
}

@media only screen and (max-width: 768px) {
  .article .applaud-holder .wp-applaud {
    margin-top: 20px !important;
  }
}

.article__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 48px -16px 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 640px) {
  .article__links {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}

.article__link-btn {
  font-size: 14px;
  max-width: 220px;
  font-weight: bold;
  color: #6F7DFF;
  padding: 20px 32px;
  border-radius: 8px;
  margin: 0 16px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.14286;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-box-shadow: inset 0 0 2px 0 #6F7DFF;
          box-shadow: inset 0 0 2px 0 #6F7DFF;
  -webkit-transition-property: color, background-color !important;
  transition-property: color, background-color !important;
}

@media only screen and (max-width: 640px) {
  .article__link-btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: none;
  }
}

.article__link-btn:hover {
  color: #fff !important;
  background-color: #6F7DFF;
}

.article__link-btn__icon {
  line-height: 1;
  font-size: 16px;
  margin-left: 12px;
}

.feedback {
  color: #878996;
  font-size: 16px;
  margin: 0 0 72px;
  line-height: 1.75;
  text-align: center;
  border-radius: 8px;
  background: #fff;
  font-weight: normal;
  padding: 43px 40px 0;
  border: solid 1px #dcdde1;
}

@media only screen and (max-width: 1024px) {
  .feedback {
    font-size: 14px;
    line-height: 24px;
    padding-top: 39px;
    margin-bottom: 47px;
  }
}

.feedback h3, .feedback .h3 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .feedback h3, .feedback .h3 {
    margin-bottom: 16px;
  }
}

.feedback p {
  max-width: 400px;
  margin: 0 auto 28px;
}

.feedback__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #05060c;
  font-size: 16px;
  line-height: 1.75;
  padding: 32px 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 42px -40px 0;
  border-top: 1px solid #dcdde1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .feedback__footer {
    line-height: 2;
    font-size: 14px;
    margin-top: 39px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feedback__vote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .feedback__vote {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feedback__vote-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -8px 0 34px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .feedback__vote-list {
    margin-top: 16px;
    margin-left: -8px;
  }
}

.feedback__vote-list li {
  margin: 0 8px;
}

.feedback__vote-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  padding: 15px 32px;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f7f8fa;
  border-radius: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.feedback__vote-list a:hover {
  background: #eae6ff;
}

.feedback__vote-list a i {
  line-height: 1;
  font-size: 12px;
  margin-left: 16px;
}

.feedback__vote-list a i.icon-check {
  font-size: 14px;
}

.feedback__vote-list a.active {
  color: #fff;
}

.feedback__vote-list a.active[data-value="yes"] {
  background: #31c534;
}

.feedback__vote-list a.active[data-value="no"] {
  background: #FC1D3C;
}

.feedback__suggestion a {
  margin-left: 16px;
  color: #6F7DFF;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1024px) {
  .feedback__suggestion a {
    margin-left: 34px;
  }
}

.feedback__suggestion a:hover {
  color: #4C5ADE;
}

.article__sidebar__title {
  margin: 0 0 18px;
}

.article__sidebar__form {
  margin: 0 0 20px;
}

.article__sidebar__form .custom-form .wpcf7-submit {
  width: auto;
  padding: 10px 32px;
  height: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.article__sidebar__form .small-btn-row {
  display: inline-block;
}

.article__sidebar__link {
  color: #6F7DFF;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 24px;
}

.article__sidebar__link i {
  font-size: 12px;
  line-height: 19px;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.article-resource-item,
.article-sign-up {
  font-size: 14px;
  padding: 24px 32px;
  margin-left: -13px;
  margin-right: -13px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1680px) {
  .article-resource-item,
  .article-sign-up {
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media only screen and (max-width: 1366px) {
  .article-resource-item,
  .article-sign-up {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.socials + .article-resource-item,
.btn-panel + .article-resource-item, .socials +
.article-sign-up,
.btn-panel +
.article-sign-up {
  margin-top: 48px;
}

@media only screen and (max-width: 1366px) {
  .socials + .article-resource-item,
  .btn-panel + .article-resource-item, .socials +
  .article-sign-up,
  .btn-panel +
  .article-sign-up {
    margin-top: 32px;
  }
}

.article-resource-item p,
.article-sign-up p {
  margin-bottom: 1.6em;
}

.article-resource-item {
  color: #fff;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(172.33deg, #0D0E12 3.75%, #2A2C3A 78.9%);
}

.article-resource-item__title {
  font-size: 16px;
  font-weight: 800;
  margin-top: -8px;
  position: relative;
  margin-bottom: 16px;
  vertical-align: top;
  display: inline-block;
  line-height: 1.5;
}

.article-resource-item__title:before, .article-resource-item__title:after {
  top: 50%;
  content: '';
  width: 200px;
  opacity: 0.15;
  position: absolute;
  pointer-events: none;
  border-top: 1px solid;
}

.article-resource-item__title:before {
  right: 100%;
  margin-right: 4px;
}

.article-resource-item__title:after {
  left: 100%;
  margin-left: 4px;
}

.article-resource-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.article-resource-item__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  margin-top: -2px;
  position: relative;
  margin-right: 16px;
}

@media only screen and (max-width: 1366px) {
  .article-resource-item__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-resource-item__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    margin-right: 12px;
  }
}

.article-resource-item__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.article-resource-item__icon img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.article-resource-item__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-right: -20px;
  line-height: 1.5;
}

@media only screen and (max-width: 1366px) {
  .article-resource-item__name {
    font-size: 14px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .article-resource-item__name {
    font-size: 12px;
    margin-right: -12px;
  }
}

.article-sign-up {
  border-radius: 8px;
  background: #EDEEF3;
}

.article-sign-up__title {
  display: block;
  font-size: 16px;
  color: #191A24;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.5;
}

.price-section {
  z-index: 10;
  position: relative;
  padding: 96px 0 46px;
}

@media only screen and (max-width: 1366px) {
  .price-section {
    padding: 70px 0 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-section {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .price-section {
    padding-bottom: 42px;
  }
}

.price-section:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -15;
  height: 926px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

.price-section__round {
  left: 50%;
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: solid 1px #e6e6e6;
}

.price-section__round--1 {
  top: -290px;
  width: 680px;
  height: 680px;
  margin-left: 60px;
}

@media only screen and (max-width: 768px) {
  .price-section__round--1 {
    top: -361px;
    margin-left: -350px;
  }
}

.price-section__round--2 {
  top: -590px;
  width: 1162px;
  height: 1162px;
  margin-left: -642px;
}

@media only screen and (max-width: 1366px) {
  .price-section__round--2 {
    top: -700px;
    margin-left: -662px;
  }
}

@media only screen and (max-width: 768px) {
  .price-section__round--2 {
    top: -705px;
    margin-left: -942px;
  }
}

.price-section__icon {
  left: 50%;
  width: 72px;
  height: 72px;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  color: #6F7DFF;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  margin-left: -663px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 768px) {
  .price-section__icon {
    width: 64px;
    height: 64px;
  }
}

.price-section__icon--1 {
  top: 92px;
  margin-left: 475px;
}

@media only screen and (max-width: 1366px) {
  .price-section__icon--1 {
    margin-left: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .price-section__icon--1 {
    top: 252px;
    margin-left: -163px;
  }
}

.price-section__icon--2 {
  top: 224px;
  width: 160px;
  height: 160px;
  color: #fff;
  font-size: 32px;
  border-radius: 50%;
  margin-left: -623px;
}

@media only screen and (max-width: 1366px) {
  .price-section__icon--2 {
    top: 210px;
    width: 140px;
    height: 140px;
    font-size: 28px;
    margin-left: -550px;
  }
}

@media only screen and (max-width: 768px) {
  .price-section__icon--2 {
    top: 252px;
    width: 112px;
    height: 112px;
    font-size: 23px;
    margin-left: -56px;
  }
}

.price-section__icon--2:after {
  top: 50%;
  left: 50%;
  content: '';
  width: 88px;
  height: 88px;
  z-index: -10;
  border-radius: 50%;
  position: absolute;
  margin: -44px 0 0 -44px;
  -webkit-box-shadow: 0 9px 16px 0 rgba(212, 186, 99, 0.53);
          box-shadow: 0 9px 16px 0 rgba(212, 186, 99, 0.53);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe011), to(#ffbd07));
  background: linear-gradient(to bottom, #ffe011, #ffbd07);
}

@media only screen and (max-width: 1366px) {
  .price-section__icon--2:after {
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
  }
}

@media only screen and (max-width: 768px) {
  .price-section__icon--2:after {
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
  }
}

.price-section__centered {
  color: #878996;
  font-size: 24px;
  max-width: 850px;
  line-height: 1.66667;
  text-align: center;
  margin: 0 auto 168px;
}

@media only screen and (max-width: 1680px) {
  .price-section__centered {
    font-size: 20px;
    margin-bottom: 144px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-section__centered {
    font-size: 18px;
    margin-bottom: 86px;
  }
}

@media only screen and (max-width: 768px) {
  .price-section__centered {
    min-height: 320px;
  }
}

.price-section__centered p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1366px) {
  .price-section__centered p {
    margin-bottom: 32px;
  }
}

.price-section__centered h1, .price-section__centered .h1 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 1681px) {
  .price-section__centered h1, .price-section__centered .h1 {
    font-size: 72px;
    line-height: 1.11111;
  }
}

@media only screen and (max-width: 768px) {
  .price-section__centered h1, .price-section__centered .h1 {
    margin-bottom: 16px;
  }
}

.tariff-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  max-width: 1200px;
  margin: 0 auto 40px;
  border-radius: 16px;
  background: #F7F8FA;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .tariff-list {
    background: none;
    border-radius: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 58px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tariff-item {
  z-index: 10;
  width: 33.3333%;
  font-size: 16px;
  color: #878996;
  line-height: 24 / 16;
  position: relative;
  text-align: center;
  font-weight: normal;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item {
    width: 25%;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item {
    width: 100%;
    max-width: 480px;
    line-height: 28px;
  }
  .tariff-item:not(:first-child) {
    margin-top: 76px;
  }
}

.tariff-item__icon {
  left: 50%;
  top: -48px;
  z-index: 25;
  width: 96px;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  background: #fff;
  margin-left: -48px;
  position: absolute;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__icon {
    top: -40px;
    width: 80px;
    height: 80px;
    font-size: 28px;
    margin-left: -40px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__icon {
    top: -36px;
    width: 72px;
    height: 72px;
    font-size: 24px;
    margin-left: -36px;
  }
}

.tariff-item__content {
  z-index: 10;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  padding: 72px 36px 48px 50px;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__content {
    padding: 58px 24px 36px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .tariff-list--4-plans .tariff-item__content {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 1366px) {
  .tariff-item__content {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__content {
    border-radius: 16px;
    background: #f7f8fa;
    padding: 76px 20px 48px;
  }
}

.tariff-item:not(:nth-child(1)) .tariff-item__rounds, .tariff-item:not(:nth-child(1)) .tariff-item__shadow {
  display: none;
}

@media only screen and (min-width: 1025px) {
  .tariff-item:not(:nth-child(1)) .tariff-item__btn-holder {
    z-index: 10;
    position: relative;
    margin-left: -50px;
    margin-right: -36px;
    padding: 0 36px 0 50px;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1367px) {
  .tariff-list--4-plans .tariff-item:not(:nth-child(1)) .tariff-item__btn-holder {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1367px) and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item:not(:nth-child(1)) .tariff-item__btn-holder {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .tariff-item:not(:nth-child(1)) .tariff-item__btn-holder {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .tariff-item:not(:nth-child(1)) .tariff-item__btn-holder:before {
    left: 0;
    right: 0;
    top: 50%;
    content: '';
    position: absolute;
    border-top: 1px solid #dfe4ec;
  }
}

@media only screen and (min-width: 1025px) {
  .tariff-item:nth-child(1) {
    margin-top: -33px;
    margin-bottom: -33px;
  }
  .tariff-list--4-plans .tariff-item:nth-child(1) {
    margin-top: -24px;
    margin-bottom: -24px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item:nth-child(1) {
    margin-bottom: 40px;
  }
}

.tariff-item:nth-child(1):after {
  left: 8.5%;
  right: 8.5%;
  content: '';
  z-index: -15;
  height: 61px;
  bottom: -30px;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  pointer-events: none;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item:nth-child(1):after {
    bottom: -24px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item:nth-child(1):after {
    height: 40px;
    bottom: -20px;
  }
}

.tariff-item:nth-child(1) .tariff-item__content {
  padding-top: 104px;
  background: #fff;
  border-radius: 16px;
  border: solid 1px #f1f1f1;
}

@media only screen and (min-width: 1025px) {
  .tariff-list:not(.tariff-list--4-plans) .tariff-item:nth-child(1) .tariff-item__content {
    padding-left: 35px;
    padding-right: 35px;
  }
  .tariff-list--4-plans .tariff-item:nth-child(1) .tariff-item__content {
    padding-top: 82px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item:nth-child(1) .tariff-item__content {
    padding-top: 77px;
    padding-bottom: 94px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item:nth-child(1) .tariff-item__description {
    margin-bottom: 68px;
  }
}

.tariff-item:nth-child(1) .tariff-item__btn-holder {
  margin-bottom: 42px;
}

.tariff-list--4-plans .tariff-item:nth-child(1) .tariff-item__btn-holder {
  margin-bottom: 32px;
}

@media only screen and (min-width: 1681px) {
  .tariff-list:not(.tariff-list--4-plans) .tariff-item:nth-child(1) .tariff-item__advantages-list {
    padding-left: 43px;
  }
  .tariff-list--4-plans .tariff-item:nth-child(1) .tariff-item__advantages-list {
    padding-left: 20px;
  }
}

.tariff-item:nth-child(1) .tariff-item__shadow {
  top: 33px;
  left: -19px;
  right: 19px;
  z-index: -10;
  bottom: -21px;
  opacity: 0.26;
  position: absolute;
  border-radius: 1px;
  -webkit-filter: blur(44px);
          filter: blur(44px);
  background: #adb4c3;
  pointer-events: none;
}

.tariff-item:nth-child(1) .tariff-item__rounds {
  left: 50%;
  top: 174px;
  z-index: -10;
  width: 1000px;
  height: 1000px;
  border-radius: 50%;
  position: absolute;
  margin-left: -500px;
  pointer-events: none;
  border: 1px solid #f1f1f1;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item:nth-child(1) .tariff-item__rounds {
    top: 154px;
  }
}

.tariff-item:nth-child(1) .tariff-item__rounds:after, .tariff-item:nth-child(1) .tariff-item__rounds:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
}

.tariff-item:nth-child(1) .tariff-item__rounds:after {
  margin-top: 96px;
}

.tariff-item:nth-child(1) .tariff-item__rounds:before {
  margin-top: 192px;
}

@media only screen and (min-width: 1681px) {
  .tariff-list:not(.tariff-list--4-plans) .tariff-item:nth-child(2) .tariff-item__content {
    padding-left: 56px;
  }
}

@media only screen and (min-width: 1681px) {
  .tariff-list:not(.tariff-list--4-plans) .tariff-item:nth-child(2) .tariff-item__btn-holder {
    margin-left: -56px;
    padding-left: 56px;
  }
}

@media only screen and (min-width: 1681px) {
  .tariff-item:nth-child(2) .tariff-item__advantages-list {
    padding-left: 16px;
    margin-right: -20px;
  }
  .tariff-list--4-plans .tariff-item:nth-child(2) .tariff-item__advantages-list {
    padding-left: 24px;
  }
}

.tariff-item:nth-child(3) {
  background: #F3F5F8;
}

.tariff-item:nth-child(4) {
  background: #edf0f4;
}

.tariff-item__description {
  margin-bottom: 18px;
}

@media only screen and (min-width: 1025px) {
  .tariff-item__description {
    min-height: 162px;
  }
  .tariff-list--4-plans .tariff-item__description {
    min-height: 148px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .tariff-item__description {
    min-height: 150px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__description {
    margin-bottom: 32px;
  }
}

.tariff-item__title {
  display: block;
  color: #05060c;
  font-size: 32px;
  margin: 0 0 42px;
  line-height: 1.25;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__title {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .tariff-item__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}

.tariff-item__price {
  display: block;
  font-size: 18px;
  color: #05060c;
  line-height: 1.33333;
  margin: -34px 0 18px;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__price {
    font-size: 16px;
    margin-top: -20px;
  }
}

@media only screen and (max-width: 1366px) {
  .tariff-item__price {
    font-size: 16px;
    line-height: 20px;
    margin: -24px 0 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__price {
    font-size: 14px;
    line-height: 24px;
    margin: -32px 0 24px;
  }
}

.tariff-item__info-text {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .tariff-item__info-text {
    margin-bottom: 32px;
  }
}

.tariff-item__info-text strong {
  color: #08090f;
}

.tariff-item__btn-holder {
  margin-bottom: 37px;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__btn-holder {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__btn-holder {
    margin-bottom: 42px;
  }
}

.tariff-item__advantages-list {
  line-height: 2;
  font-size: 16px;
  padding-left: 38px;
}

@media only screen and (min-width: 1367px) {
  .tariff-list--4-plans .tariff-item__advantages-list {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 1680px) {
  .tariff-item__advantages-list {
    padding-left: 16px;
  }
}

@media only screen and (max-width: 1366px) {
  .tariff-item__advantages-list {
    font-size: 14px;
    line-height: 32px;
  }
  .tariff-list--4-plans .tariff-item__advantages-list {
    line-height: 1.6;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__advantages-list {
    padding-left: 0;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .tariff-item__advantages-list {
    max-width: none;
    margin-right: -6px;
  }
}

.tariff-item__advantages-list .tooltip {
  margin-top: 2px;
  vertical-align: middle;
}

.tariff-item__advantages-list ul {
  margin: 0;
  padding: 0;
  color: #191a24;
  list-style: none;
  text-align: left;
}

.tariff-item__advantages-list li {
  padding-left: 16px;
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__advantages-list li {
    padding-left: 0;
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 1680px) {
  .tariff-item__advantages-list li {
    padding-left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__advantages-list li {
    padding-left: 35px;
  }
}

.tariff-item__advantages-list li:after {
  top: 8px;
  right: 100%;
  line-height: 1;
  font-size: 16px;
  content: '\e819';
  margin-right: 15px;
  color: #6F7DFF;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-family: 'icomoon';
}

@media only screen and (min-width: 1025px) {
  .tariff-list--4-plans .tariff-item__advantages-list li:after {
    margin-right: 8px;
  }
}

.tariff-list--4-plans .tariff-item__advantages-list li:after {
  top: 4px;
}

@media only screen and (max-width: 1680px) {
  .tariff-item__advantages-list li:after {
    margin-right: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .tariff-item__advantages-list li:after {
    left: 3px;
    right: auto;
    margin-right: 0;
  }
}

.tooltip {
  opacity: 0.6;
  line-height: 1;
  cursor: pointer;
  font-size: 16px;
  margin-left: 6px;
  color: #6F7DFF;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.tooltip:hover, .tooltip[aria-describedby] {
  opacity: 1;
}

.tooltip__title {
  color: #fff;
  display: block;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}

.tippy-box {
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
  line-height: 1.71429;
  background: rgba(30, 31, 43, 0.95);
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}

.tippy-arrow {
  color: rgba(30, 31, 43, 0.95);
}

.tippy-content {
  padding: 24px;
}

.tippy-content p {
  margin-bottom: 0;
}

.logos-section {
  padding: 64px 0 49px;
}

@media only screen and (max-width: 1024px) {
  .logos-section {
    padding: 48px 0 32px;
  }
}

@media only screen and (max-width: 768px) {
  .logos-section {
    padding-top: 41px;
  }
}

.logos-section h2, .logos-section .h2 {
  font-size: 40px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .logos-section h2, .logos-section .h2 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .logos-section h2, .logos-section .h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .logos-section h2, .logos-section .h2 {
    line-height: 56px;
    margin-bottom: 37px;
  }
}

@media only screen and (max-width: 1024px) {
  .logos-section__img {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -24px;
    margin-right: -24px;
  }
}

.logos-section__img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .logos-section__img img {
    max-width: none;
  }
}

@media only screen and (max-width: 768px) {
  .logos-section__img img {
    max-width: 1050px;
  }
}

.faq-section {
  line-height: 2;
  font-size: 16px;
  color: #05060c;
  padding: 130px 0 96px;
}

@media only screen and (max-width: 1680px) {
  .faq-section {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section {
    padding: 32px 0 40px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section {
    font-size: 14px;
    line-height: 24px;
    padding-top: 31px;
    font-weight: normal;
    padding-bottom: 40px;
  }
}

.faq-section:not(.faq-section--new) .container {
  max-width: 1130px;
}

.faq-section--new {
  line-height: 2;
  font-size: 18px;
  padding-bottom: 136px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new {
    font-size: 16px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section--new {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section--new {
    font-size: 14px;
    padding-bottom: 16px;
  }
}

.faq-section--new .container {
  max-width: 1170px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .container {
    max-width: 1020px;
  }
}

.faq-section p {
  margin-bottom: 32px;
}

.faq-section p a {
  color: #6F7DFF;
  text-decoration: none;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.faq-section p a:hover {
  color: #4C5ADE;
}

.faq-section__centered {
  color: #878996;
  font-size: 18px;
  max-width: 850px;
  line-height: 32px;
  text-align: center;
  margin: 0 auto 115px;
}

@media only screen and (max-width: 1680px) {
  .faq-section__centered {
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section__centered {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section__centered {
    line-height: 28px;
    margin-bottom: 54px;
  }
}

.faq-section__centered p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .faq-section__centered p {
    margin-bottom: 24px;
  }
}

.faq-section__centered h2, .faq-section__centered .h2 {
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) {
  .faq-section__centered h2, .faq-section__centered .h2 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section__centered h2, .faq-section__centered .h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section__centered h2, .faq-section__centered .h2 {
    margin-bottom: 24px;
  }
}

.faq-section--new .faq-section__centered {
  max-width: 600px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-section__centered {
    margin-bottom: 64px;
  }
}

.faq-section--new .faq-section__centered h2, .faq-section--new .faq-section__centered .h2 {
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 32px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-section__centered h2, .faq-section--new .faq-section__centered .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section--new .faq-section__centered h2, .faq-section--new .faq-section__centered .h2 {
    font-size: 36px;
  }
}

.faq-list {
  padding: 0;
  max-width: 970px;
  list-style: none;
  margin: 0 auto 72px;
}

@media only screen and (max-width: 1680px) {
  .faq-list {
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-list {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-list {
    margin-bottom: 39px;
  }
}

.faq-section--new .faq-list {
  max-width: none;
  margin-bottom: 64px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-list {
    margin-bottom: 32px;
  }
}

.faq-item {
  font-size: 18px;
  color: #4e4e4e;
  line-height: 32px;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 768px) {
  .faq-item {
    line-height: 2;
    font-size: 14px;
  }
}

.faq-section--new .faq-item {
  border: none;
  border-radius: 24px;
  background: rgba(237, 238, 243, 0.4);
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-item {
    font-size: 16px;
    border-radius: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section--new .faq-item {
    font-size: 14px;
  }
}

.faq-section--new .faq-item:not(:first-child) {
  margin-top: 32px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-item:not(:first-child) {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section--new .faq-item:not(:first-child) {
    margin-top: 20px;
  }
}

.faq-item p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .faq-item p {
    margin-bottom: 28px;
  }
}

.faq-item__head {
  display: block;
  cursor: pointer;
  font-size: 18px;
  color: #05060c;
  line-height: 1.3;
  position: relative;
  padding: 24px 36px 24px 0;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .faq-item__head {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-item__head {
    font-size: 18px;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.faq-item__head:hover {
  color: #6F7DFF;
}

.faq-section--new .faq-item__head {
  font-size: 24px;
  line-height: 1.66667;
  padding: 28px 124px 28px 48px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-item__head {
    font-size: 20px;
    padding: 24px 64px 24px 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .faq-section--new .faq-item__head {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section--new .faq-item__head {
    padding-left: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .faq-section--new .faq-item__head {
    font-size: 16px;
  }
}

.faq-item__status-icon {
  top: 50%;
  width: 48px;
  height: 48px;
  right: -11px;
  margin: -24px 0 0;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.faq-item--open .faq-item__status-icon {
  background: #f7f5ff;
}

.faq-item__status-icon:after, .faq-item__status-icon:before {
  top: 50%;
  left: 50%;
  content: '';
  position: absolute;
  background: #cccdd2;
  -webkit-transition: background-color .35s ease, opacity .35s ease;
  transition: background-color .35s ease, opacity .35s ease;
}

.faq-item--open .faq-item__status-icon:after, .faq-item--open .faq-item__status-icon:before {
  background: #6F7DFF;
}

.faq-item__status-icon:before {
  width: 24px;
  height: 3px;
  margin: -1px 0 0 -12px;
}

.faq-item__status-icon:after {
  width: 3px;
  height: 24px;
  margin: -12px 0 0 -1px;
}

.faq-item--open .faq-item__status-icon:after {
  opacity: 0;
}

.faq-section--new .faq-item__status-icon {
  right: 48px;
  -webkit-transform: none;
          transform: none;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #6F7DFF;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-item__status-icon {
    right: 16px;
    width: 36px;
    height: 36px;
    margin-top: -18px;
  }
  .faq-section--new .faq-item__status-icon:before {
    width: 20px;
    height: 2px;
    margin: -1px 0 0 -10px;
  }
  .faq-section--new .faq-item__status-icon:after {
    width: 2px;
    height: 20px;
    margin: -10px 0 0 -1px;
  }
}

.faq-section--new .faq-item__status-icon:after, .faq-section--new .faq-item__status-icon:before {
  background: #6F7DFF;
}

.faq-section--new .faq-item__expanded {
  padding-left: 48px;
  padding-right: 48px;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-item__expanded {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .faq-section--new .faq-item__expanded {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.faq-item__expanded__inner {
  max-width: 970px;
  padding: 0 0 9px;
}

@media only screen and (max-width: 768px) {
  .faq-item__expanded__inner {
    padding: 13px 0 4px;
  }
}

.faq-section--new .faq-item__expanded__inner {
  padding-top: 24px;
  padding-bottom: 28px;
  border-top: 1px solid #D8D8DF;
}

@media only screen and (max-width: 1680px) {
  .faq-section--new .faq-item__expanded__inner {
    padding-top: 16px;
    padding-bottom: 20px;
  }
}

.faq-section--new .faq-item__expanded__inner p {
  margin-bottom: 1em;
}

.faq-section--new .faq-item__expanded__inner p:last-child {
  margin-bottom: 0;
}

.calculate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 104px;
  max-width: 1114px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  margin: 148px auto -32px;
  background-color: #f7f8fa;
  padding: 15px 218px 15px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 1681px) {
  .calculate {
    left: -24px;
  }
}

@media only screen and (max-width: 1680px) {
  .calculate {
    margin-top: 132px;
  }
}

@media only screen and (max-width: 1024px) {
  .calculate {
    margin-top: 58px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .calculate {
    margin-top: 0;
    display: block;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 80px 32px 32px;
  }
}

.calculate__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.calculate__icon {
  width: 74px;
  height: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 23px;
  border-width: 3px;
  margin-right: 40px;
  color: #6F7DFF;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
  background: #fff url(../images/dash-border.svg) 50% 50%/60px 60px no-repeat;
}

@media only screen and (max-width: 1366px) {
  .calculate__icon {
    margin-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .calculate__icon {
    left: 50%;
    top: -19px;
    margin-left: -37px;
    position: absolute;
  }
}

.calculate__text {
  display: block;
  font-size: 18px;
  color: #05060c;
  line-height: 32px;
}

@media only screen and (max-width: 768px) {
  .calculate__text {
    font-size: 16px;
    max-width: 200px;
    line-height: 24px;
    margin: 0 auto 24px;
  }
}

.calculate__btn-holder {
  margin-left: 16px;
}

.calculate__fixed-icon {
  top: 50%;
  z-index: 10;
  right: 15px;
  line-height: 1;
  font-size: 32px;
  margin-top: -57px;
  color: #6F7DFF;
  position: absolute;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .calculate__fixed-icon {
    display: none;
  }
}

.calculate__fixed-icon i {
  z-index: 10;
  width: 96px;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(159, 169, 197, 0.14);
          box-shadow: 0 28px 50px 0 rgba(159, 169, 197, 0.14);
}

.calculate__fixed-icon:after {
  top: 50%;
  left: 50%;
  content: '';
  z-index: -10;
  width: 449px;
  height: 424px;
  position: absolute;
  margin: -194px 0 0 -227px;
  background: url(../images/fixed-icon-bg.svg) 50% 50%/100% 100% no-repeat;
}

.steps-section {
  z-index: 10;
  position: relative;
  padding: 96px 0 58px;
}

@media only screen and (max-width: 1366px) {
  .steps-section {
    padding: 70px 0 42px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps-section {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section {
    padding-bottom: 42px;
  }
}

.steps-section:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -15;
  height: 926px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

.steps-section--career {
  z-index: auto;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
  .steps-section--career {
    padding-bottom: 0;
  }
}

.steps-section--career:after {
  max-height: none;
}

.steps-section__round {
  left: 50%;
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: solid 1px #e6e6e6;
}

.steps-section__round--1 {
  top: -290px;
  width: 680px;
  height: 680px;
  margin-left: 60px;
}

@media only screen and (max-width: 768px) {
  .steps-section__round--1 {
    top: -311px;
    margin-left: -350px;
  }
}

.steps-section__round--2 {
  top: -590px;
  width: 1162px;
  height: 1162px;
  margin-left: -642px;
}

@media only screen and (max-width: 1366px) {
  .steps-section__round--2 {
    top: -700px;
    margin-left: -662px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__round--2 {
    top: -655px;
    margin-left: -942px;
  }
}

.steps-section--career .steps-section__round--2 {
  top: -786px;
}

.steps-section__icon {
  left: 50%;
  width: 72px;
  height: 72px;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  color: #6F7DFF;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  margin-left: -663px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 768px) {
  .steps-section__icon {
    width: 64px;
    height: 64px;
  }
}

.steps-section__icon--1 {
  top: 92px;
  margin-left: 475px;
}

@media only screen and (max-width: 1366px) {
  .steps-section__icon--1 {
    margin-left: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__icon--1 {
    top: 302px;
    margin-left: -163px;
  }
}

.steps-section__icon--2 {
  top: 224px;
  width: 160px;
  height: 160px;
  color: #fff;
  font-size: 32px;
  border-radius: 50%;
  margin-left: -623px;
}

@media only screen and (max-width: 1366px) {
  .steps-section__icon--2 {
    top: 210px;
    width: 140px;
    height: 140px;
    font-size: 28px;
    margin-left: -550px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__icon--2 {
    top: 327px;
    width: 112px;
    height: 112px;
    font-size: 23px;
    margin-left: -56px;
  }
}

.steps-section__icon--2:after {
  top: 50%;
  left: 50%;
  content: '';
  width: 88px;
  height: 88px;
  z-index: -10;
  border-radius: 50%;
  position: absolute;
  margin: -44px 0 0 -44px;
  -webkit-box-shadow: 0 9px 16px 0 rgba(212, 186, 99, 0.53);
          box-shadow: 0 9px 16px 0 rgba(212, 186, 99, 0.53);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe011), to(#ffbd07));
  background: linear-gradient(to bottom, #ffe011, #ffbd07);
}

@media only screen and (max-width: 1366px) {
  .steps-section__icon--2:after {
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__icon--2:after {
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
  }
}

.steps-section__icon--3 {
  top: 89px;
  margin-left: 478px;
}

.steps-section__icon--4 {
  top: 188px;
  margin-left: 294px;
}

.steps-section__icon--5 {
  bottom: 79px;
  margin-left: -437px;
}

.steps-section__icon--6 {
  top: 292px;
  margin-left: -554px;
}

.steps-section__centered {
  color: #878996;
  font-size: 24px;
  max-width: 850px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto 91px;
}

.steps-section--without-visual .steps-section__centered {
  max-width: 720px;
}

@media only screen and (min-width: 1681px) {
  .steps-section--without-visual .steps-section__centered {
    margin-bottom: 104px;
  }
}

@media only screen and (max-width: 1680px) {
  .steps-section__centered {
    font-size: 20px;
    max-width: 640px;
    line-height: 32px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps-section__centered {
    font-size: 18px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__centered {
    min-height: 150px;
    margin-bottom: 319px;
  }
  .steps-section--without-visual .steps-section__centered {
    margin-bottom: 200px;
  }
}

.steps-section--career .steps-section__centered {
  margin-bottom: 0;
}

.steps-section__centered p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .steps-section__centered p {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__centered p {
    overflow: hidden;
    max-height: 160px;
  }
}

.steps-section__centered h2, .steps-section__centered .h2 {
  font-size: 64px;
  line-height: 80px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) {
  .steps-section__centered h2, .steps-section__centered .h2 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .steps-section__centered h2, .steps-section__centered .h2 {
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__centered h2, .steps-section__centered .h2 {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 1681px) {
  .steps-section--without-visual .steps-section__centered h2, .steps-section--without-visual .steps-section__centered .h2 {
    margin-bottom: 65px;
  }
}

@media only screen and (min-width: 1681px) {
  .steps-section--career .steps-section__centered h2, .steps-section--career .steps-section__centered .h2 {
    margin-bottom: 48px;
  }
}

.steps-section__visual {
  margin: 0 0 0 -39px;
}

@media only screen and (max-width: 1680px) {
  .steps-section__visual {
    margin: 0 auto;
    max-width: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section__visual {
    max-width: none;
    margin: -90px -26px -10px -25px;
  }
}

.steps-section__visual img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.steps-section__career {
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 1681px) {
  .steps-section__career {
    margin-top: -32px;
  }
}

.steps-section__career__topic {
  font-size: 12px;
  padding: 8px 16px;
  line-height: 16px;
  color: #6F7DFF;
  border-radius: 8px;
  margin: 0 24px 10px;
  vertical-align: top;
  display: inline-block;
  background: #eae6ff;
}

@media only screen and (max-width: 768px) {
  .steps-section__career__topic {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.steps-section__career__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -24px;
  font-size: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .steps-section__career__info {
    font-size: 14px;
    line-height: 20px;
    margin-left: -12px;
    margin-right: -12px;
  }
}

.steps-section__career__place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3a3a3a;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 24px 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .steps-section__career__place {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.steps-section__career__place__icon {
  margin-left: -2px;
  margin-right: 16px;
}

@media only screen and (max-width: 1024px) {
  .steps-section__career__place__icon {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 640px) {
  .steps-section__career__place__icon {
    margin-right: 10px;
  }
}

.steps-section__career__place__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.steps-section__career__work-schedule {
  color: #6F7DFF;
  margin: 0 24px 10px;
}

@media only screen and (max-width: 768px) {
  .steps-section__career__work-schedule {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.info-section {
  z-index: 25;
  position: relative;
  padding: 72px 0 71px;
}

@media only screen and (max-width: 1024px) {
  .info-section {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .info-section {
    padding-top: 28px;
    padding-bottom: 36px;
  }
}

.info-section .container {
  max-width: 1126px;
}

.info-section__centered {
  color: #878996;
  font-size: 18px;
  max-width: 850px;
  line-height: 32px;
  text-align: center;
  margin: 0 auto 115px;
}

@media only screen and (max-width: 1024px) {
  .info-section__centered {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .info-section__centered {
    margin-bottom: 55px;
  }
}

.info-section__centered p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .info-section__centered p {
    margin-bottom: 24px;
  }
}

.info-section__centered h2, .info-section__centered .h2 {
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1024px) {
  .info-section__centered h2, .info-section__centered .h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .info-section__centered h2, .info-section__centered .h2 {
    line-height: 40px;
    margin-bottom: 32px;
  }
}

.info-list {
  padding: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
  list-style: none;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .info-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 1025px) {
  .info-list:after, .info-list:before {
    top: 50%;
    left: 50%;
    content: '';
    z-index: -10;
    border-radius: 50%;
    position: absolute;
    background: #f7f8fa;
    pointer-events: none;
  }
  .info-list:before {
    width: 316px;
    height: 316px;
    margin: -283px 0 0 -682px;
  }
  .info-list:after {
    width: 117px;
    height: 117px;
    margin: -255px 0 0 520px;
  }
}

.info-list .info-item {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .info-list .info-item {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.info-item {
  color: #878996;
  font-size: 16px;
  margin: 0 0 64px;
  line-height: 28px;
}

@media only screen and (max-width: 1024px) {
  .info-item {
    margin-bottom: 40px;
  }
}

.info-item__inner {
  min-height: 100%;
  border-radius: 8px;
  background: #fff;
  padding: 64px 40px 36px;
  -webkit-box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 32px 87px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 768px) {
  .info-item__inner {
    padding-bottom: 11px;
  }
}

.info-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #191a24;
  font-size: 24px;
  line-height: 28px;
  padding: 36px 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -64px -40px 56px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 768px) {
  .info-item__title {
    margin-bottom: 33px;
  }
}

.info-item__icon {
  width: 32px;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  margin: 0 24px 0 0;
}

.info-item p {
  margin-bottom: 28px;
}

.instruction-section {
  z-index: 10;
  position: relative;
  padding: 40px 0 80px;
}

@media only screen and (max-width: 1680px) {
  .instruction-section {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-section {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section {
    padding-bottom: 44px;
  }
}

.instruction-section h2, .instruction-section .h2 {
  z-index: 15;
  font-size: 64px;
  margin-bottom: 0;
  line-height: 80px;
  text-align: center;
  position: relative;
  -webkit-transform: translateY(46%);
          transform: translateY(46%);
}

@media only screen and (max-width: 1680px) {
  .instruction-section h2, .instruction-section .h2 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-section h2, .instruction-section .h2 {
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section h2, .instruction-section .h2 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 1681px) {
  .instruction-section h2.small, .instruction-section .h2.small {
    font-size: 56px;
    line-height: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section h2.small, .instruction-section .h2.small {
    font-size: 24px;
    line-height: 30px;
  }
}

.instruction-section--feature {
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature {
    padding-left: 8px;
    padding-right: 8px;
  }
  .requirements-section + .instruction-section--feature {
    margin-top: -68px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature h2, .instruction-section--feature .h2 {
    line-height: 44px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature h2 br, .instruction-section--feature .h2 br {
    display: none;
  }
}

.instruction-section__steps {
  z-index: 5;
  padding-top: 124px;
  position: relative;
  background: #f7f8fa;
}

.instruction-section__steps:after {
  left: 0;
  right: 0;
  top: 49px;
  content: '';
  height: 1px;
  z-index: -10;
  position: absolute;
  background: #edeef0;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .instruction-section__steps:after {
    top: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-section__steps:after {
    top: 23px;
  }
}

.instruction-section--feature .instruction-section__steps:after {
  display: none;
}

@media only screen and (max-width: 1366px) {
  .instruction-section__steps {
    padding-top: 90px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section__steps {
    padding-top: 43px;
  }
}

.instruction-section__steps .ready-section {
  padding: 64px 0;
  margin-top: 120px;
  margin-bottom: -60px;
  border-top: 1px solid #edeef0;
}

@media only screen and (max-width: 1680px) {
  .instruction-section__steps .ready-section {
    padding: 48px 0;
    margin-bottom: -50px;
  }
}

@media only screen and (max-width: 1366px) {
  .instruction-section__steps .ready-section {
    margin-top: 50px;
    margin-bottom: -40px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section__steps .ready-section {
    padding: 32px 0;
    margin-bottom: -56px;
  }
}

@media only screen and (max-width: 640px) {
  .instruction-section__steps .ready-section {
    padding-bottom: 56px;
  }
}

.instruction-section__steps .ready-section__centered {
  margin-bottom: 42px;
}

@media only screen and (max-width: 640px) {
  .instruction-section__steps .ready-section__centered {
    font-size: 18px;
    line-height: 32px;
    margin-left: -14px;
    margin-right: -14px;
  }
}

@media only screen and (max-width: 640px) {
  .instruction-section__steps .ready-section__centered br {
    display: none;
  }
}

.instruction-section__steps .ready-section__centered h2, .instruction-section__steps .ready-section__centered .h2 {
  -webkit-transform: none;
          transform: none;
  margin-bottom: 13px;
}

@media only screen and (max-width: 640px) {
  .instruction-section__steps .ready-section__centered h2, .instruction-section__steps .ready-section__centered .h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}

.instruction-step {
  padding: 60px 0;
  font-size: 18px;
  color: #878996;
  line-height: 1.7777;
}

@media only screen and (max-width: 1680px) {
  .instruction-step {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 1366px) {
  .instruction-step {
    padding: 40px 0;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-step {
    font-size: 16px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-step {
    text-align: center;
    padding-top: 64px;
    padding-bottom: 96px;
  }
  .instruction-step--type-2 {
    padding-bottom: 40px;
  }
  .instruction-section--feature .instruction-step {
    font-size: 14px;
    line-height: 24px;
    padding-top: 40px;
    padding-bottom: 56px;
  }
}

.instruction-step p {
  margin-bottom: 1.7777em;
}

.instruction-step:nth-child(odd) > .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.instruction-step:nth-child(even) {
  background: #fbfcfd;
}

.instruction-section--feature .instruction-step:nth-child(even) {
  background: #fff;
}

.instruction-step:last-child {
  padding-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
  .instruction-step:last-child {
    padding-bottom: 74px;
  }
}

.instruction-step > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .instruction-step > .container {
    display: block;
  }
  .instruction-section--feature .instruction-step > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-step--with-code > .container {
    display: block;
  }
}

.instruction-step__visual {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.instruction-step--type-2 .instruction-step__visual {
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  .instruction-step__visual {
    width: 55%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .instruction-step--type-2 .instruction-step__visual {
    width: 45%;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-step--with-code .instruction-step__visual {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-step__visual {
    width: auto;
  }
  .instruction-section--feature .instruction-step__visual {
    width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
  }
}

.instruction-step__visual img {
  top: 50%;
  left: 50%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__visual img {
    -webkit-transform: none;
            transform: none;
    position: static;
  }
}

.instruction-step__visual .code-block {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-right: 80px;
  margin-left: -80px;
  border-radius: 16px;
}

@media only screen and (max-width: 1366px) {
  .instruction-step__visual .code-block {
    margin-left: -10px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-step__visual .code-block {
    margin: 80px auto 0;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__visual .code-block {
    margin-top: 0;
  }
}

.instruction-step__visual .code-block:after {
  top: 20%;
  left: -10%;
  right: -10%;
  content: '';
  z-index: -10;
  bottom: -10%;
  opacity: 0.26;
  -webkit-filter: blur(44px);
          filter: blur(44px);
  border-radius: 1px;
  position: absolute;
  background: #bbc4d5;
}

@media only screen and (min-width: 1025px) {
  .instruction-step:nth-child(even) .instruction-step__visual .code-block {
    right: -80px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .instruction-step:nth-child(even) .instruction-step__visual .code-block {
    right: -10px;
    margin-left: 20px;
    width: calc(100% - 30px);
  }
}

.instruction-step__visual__inner {
  position: relative;
  margin: -35px -64px -35px -100px;
}

@media only screen and (min-width: 1901px) {
  .instruction-step__visual__inner {
    margin: -45px -140px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__visual__inner {
    margin: 0;
  }
}

.instruction-step__visual__inner:before {
  content: '';
  display: block;
  padding-top: 79.8982%;
}

@media only screen and (min-width: 1681px) {
  .instruction-section--feature .instruction-step__visual__inner:before {
    padding-top: 56%;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__visual__inner:before {
    display: none;
  }
}

@media only screen and (min-width: 1681px) {
  .instruction-step--type-2 .instruction-step__visual__inner {
    margin: -55px -93px -80px;
  }
}

@media only screen and (max-width: 1680px) and (min-width: 769px) {
  .instruction-step:nth-child(odd) .instruction-step__visual__inner {
    margin-right: 20px;
  }
  .instruction-step:nth-child(even) .instruction-step__visual__inner {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .instruction-step__visual__inner {
    margin-bottom: -20px;
  }
  .instruction-step:nth-child(odd) .instruction-step__visual__inner {
    margin-right: 0;
    margin-left: -40px;
  }
  .instruction-step:nth-child(even) .instruction-step__visual__inner {
    margin-left: 0;
    margin-right: -40px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-step__visual__inner {
    margin: 48px -21px -10px;
  }
}

.instruction-step__content {
  width: 100%;
  z-index: 10;
  max-width: 485px;
  position: relative;
}

.instruction-step--type-2 .instruction-step__content {
  margin-bottom: -32px;
}

@media only screen and (max-width: 1024px) {
  .instruction-step--with-code .instruction-step__content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-step__content {
    width: auto;
    max-width: none;
  }
}

@media only screen and (min-width: 1367px) {
  .instruction-step:nth-child(odd) .instruction-step__content {
    margin-right: 64px;
  }
}

.instruction-step__number {
  z-index: 10;
  width: 96px;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  color: #05060c;
  font-size: 24px;
  margin: 0 0 48px;
  font-weight: bold;
  position: relative;
  border-radius: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 22px 25px rgba(220, 221, 225, 0.451049);
          box-shadow: 0px 22px 25px rgba(220, 221, 225, 0.451049);
  background: #fff url(../images/number-bg.svg) 50% 50%/77px 77px no-repeat;
}

@media only screen and (max-width: 768px) {
  .instruction-step__number {
    margin-left: auto;
    margin-right: auto;
  }
}

.instruction-step__badge {
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  color: #6F7DFF;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  margin: 0 0 1.3em 12px;
  background: #eae6ff;
  text-transform: uppercase;
  border-radius: 0 0.4em 0.4em 0;
  padding: 0.9em 0.9em 0.8em 0.4em;
}

.instruction-step__badge:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1.2em;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.instruction-step__title {
  display: block;
  color: #05060c;
  font-size: 32px;
  margin: 0 0 1.25em;
  line-height: 1.25em;
}

@media only screen and (max-width: 1366px) {
  .instruction-step__title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-step__title {
    font-size: 24px;
    line-height: 31px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__title {
    line-height: 33px;
    margin-bottom: 8px;
  }
}

.instruction-section .instruction-step__title {
  display: block;
  color: #05060c;
  font-size: 32px;
  -webkit-transform: none;
          transform: none;
  text-align: left;
  margin: 0 0 1.25em;
  line-height: 1.25em;
}

@media only screen and (max-width: 1366px) {
  .instruction-section .instruction-step__title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-section .instruction-step__title {
    font-size: 24px;
    line-height: 31px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section .instruction-step__title {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-section .instruction-step__title {
    line-height: 33px;
    margin-bottom: 8px;
  }
}

.instruction-step__btn-holder .btn {
  height: 48px;
  border-radius: 12px;
}

.instruction-step:nth-child(even) .instruction-step__btn-holder .btn {
  background: #f7f8fa;
}

.instruction-step:nth-child(even) .instruction-step__btn-holder .btn:hover {
  background: #d8dde6;
}

.instruction-step__description {
  margin: 0 0 48px;
}

@media only screen and (max-width: 1024px) {
  .instruction-step__description {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-step__description {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__description {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .instruction-section--feature .instruction-step__description p {
    margin-bottom: 0;
  }
}

.ready-section {
  position: relative;
  padding: 80px 0 60px;
}

@media only screen and (min-width: 1901px) {
  .ready-section {
    padding-bottom: 53px;
  }
}

@media only screen and (max-width: 1680px) {
  .ready-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 1366px) {
  .ready-section {
    padding: 40px 0;
  }
}

@media only screen and (min-width: 769px) {
  .ready-section--inline .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.ready-section__bg {
  left: 50%;
  bottom: -15px;
  width: 1146px;
  height: 163px;
  position: absolute;
  margin-left: -573px;
  background: url(../images/ready-bg.svg) 50% 50%/contain no-repeat;
}

@media only screen and (min-width: 1901px) {
  .ready-section__bg {
    bottom: -115px;
  }
}

@media only screen and (max-width: 640px) {
  .ready-section__bg {
    bottom: -38px;
  }
}

.ready-section__centered {
  font-size: 18px;
  max-width: 850px;
  color: #878996;
  line-height: 32px;
  text-align: center;
  margin: 0 auto 72px;
}

@media only screen and (min-width: 1901px) {
  .ready-section__centered {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1680px) {
  .ready-section__centered {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .ready-section__centered {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 47px;
  }
}

.ready-section__centered p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .ready-section__centered p {
    margin-bottom: 28px;
  }
}

.ready-section__centered h2, .ready-section__centered .h2 {
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 24px;
}

@media only screen and (min-width: 1901px) {
  .ready-section__centered h2, .ready-section__centered .h2 {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  .ready-section__centered h2, .ready-section__centered .h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .ready-section__centered h2, .ready-section__centered .h2 {
    line-height: 40px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .ready-section__centered br {
    display: none;
  }
}

.ready-section--inline .ready-section__centered {
  max-width: none;
  margin: 0 32px 0 0;
}

@media only screen and (min-width: 769px) {
  .ready-section--inline .ready-section__centered {
    text-align: left;
  }
  .ready-section--inline .ready-section__centered h2, .ready-section--inline .ready-section__centered .h2 {
    text-align: left;
  }
  .ready-section--inline .ready-section__centered p {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .ready-section--inline .ready-section__centered {
    margin-right: 0;
  }
}

.ready-section .btn-panel {
  position: relative;
  margin-left: -24px;
  margin-right: -24px;
}

@media only screen and (max-width: 640px) {
  .ready-section .btn-panel {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.ready-section .btn-panel .btn {
  margin-left: 24px;
  margin-right: 24px;
}

@media only screen and (max-width: 640px) {
  .ready-section .btn-panel .btn {
    width: auto;
    min-width: 190px;
    text-align: left;
    margin-left: 11px;
    margin-right: 11px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.ready-section .feedback {
  padding-top: 0;
  max-width: 800px;
  margin: 72px auto 0;
}

.ready-section .feedback__footer {
  margin-top: 0;
  border-top: none;
}

@media only screen and (max-width: 640px) {
  .feature-supports-section + .ready-section {
    padding-top: 72px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-section + .ready-section .ready-section__centered {
    color: #878996;
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-section + .ready-section .ready-section__centered br {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .feature-supports-section + .ready-section .ready-section__centered h2, .feature-supports-section + .ready-section .ready-section__centered .h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}

.investors-section {
  padding: 160px 0 134px;
}

@media only screen and (max-width: 1680px) {
  .investors-section {
    padding: 120px 0 100px;
  }
}

@media only screen and (max-width: 768px) {
  .investors-section {
    padding: 60px 0 30px;
  }
}

.investors-section__center {
  font-size: 24px;
  max-width: 930px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto 94px;
}

@media only screen and (max-width: 1680px) {
  .investors-section__center {
    font-size: 20px;
    max-width: 770px;
    line-height: 32px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .investors-section__center {
    font-size: 16px;
    line-height: 26px;
  }
}

.investors-section__center h2, .investors-section__center .h2 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .investors-section__center h2, .investors-section__center .h2 {
    font-size: 48px;
    line-height: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .investors-section__center h2, .investors-section__center .h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 16px;
  }
}

.investors-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -56px;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .investors-list {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media only screen and (max-width: 768px) {
  .investors-list {
    margin: 0;
    display: block;
  }
}

.investor-item {
  margin: 0 56px 60px;
}

@media only screen and (max-width: 1680px) {
  .investor-item {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .investor-item {
    margin: 0 0 48px;
  }
}

.investor-item img {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 768px) {
  .investor-item img {
    margin: 0 auto;
  }
}

.error-section {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  font-size: 24px;
  line-height: 40px;
  position: relative;
  background: #f7f8fa;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 80px 0 279px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100vh - 88px);
}

@media only screen and (max-width: 1680px) {
  .error-section {
    font-size: 20px;
    line-height: 36px;
    padding-top: 40px;
    padding-bottom: 120px;
    min-height: calc(100vh - 80px);
  }
}

@media only screen and (max-width: 1024px) {
  .error-section {
    text-align: center;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .error-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.error-section:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 768px) {
  .error-section:before {
    background-position: 50% -38px;
  }
}

.error-section .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .error-section .container {
    display: block;
  }
}

.error-section h2, .error-section .h2 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .error-section h2, .error-section .h2 {
    margin-bottom: 24px;
  }
}

.error-section p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .error-section p {
    margin-bottom: 36px;
  }
}

.error-section .btn-panel {
  padding-top: 8px;
}

@media only screen and (max-width: 1024px) {
  .error-section .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  .error-section .btn-panel {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 640px) {
  .error-section .btn-panel .btn {
    width: 100%;
  }
}

.error-section__content {
  width: 40%;
}

@media only screen and (max-width: 1680px) {
  .error-section__content {
    width: 45%;
  }
}

@media only screen and (max-width: 1024px) {
  .error-section__content {
    width: auto;
    margin: 0 0 30px;
  }
}

.error-section__visual {
  width: 60%;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .error-section__visual {
    width: 55%;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .error-section__visual {
    width: auto;
    margin: 0 auto;
    max-width: 600px;
    vertical-align: top;
    display: inline-block;
  }
}

@media only screen and (max-width: 768px) {
  .error-section__visual {
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 640px) {
  .error-section__visual {
    padding-left: 0;
    padding-right: 0;
  }
}

.error-section__visual__img {
  margin: 60px -82px -50px -178px;
}

@media only screen and (max-width: 1680px) {
  .error-section__visual__img {
    margin: 40px -100px -70px -120px;
  }
}

@media only screen and (max-width: 1024px) {
  .error-section__visual__img {
    margin: -4% -20% -17% -26%;
  }
}

.error-section__visual__img img {
  display: block;
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .error-section__visual__img img {
    width: 100%;
  }
}

.error-section__code {
  top: 50%;
  right: 0;
  color: #05060c;
  line-height: 1;
  font-size: 192px;
  position: absolute;
  margin: 23px -8px 0 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 1680px) {
  .error-section__code {
    font-size: 130px;
    margin-top: 35px;
  }
}

@media only screen and (max-width: 1024px) {
  .error-section__code {
    font-size: 168px;
    margin-top: 19px;
  }
}

@media only screen and (max-width: 768px) {
  .error-section__code {
    margin-top: 3%;
    margin-right: 6%;
    font-size: calc(32vw - 48px);
  }
}

@media only screen and (max-width: 640px) {
  .error-section__code {
    margin-right: 0;
  }
}

@media only screen and (max-width: 360px) {
  .error-section__code {
    font-size: calc(32vw - 30px);
  }
}

.thank-you-section {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  font-size: 24px;
  line-height: 40px;
  position: relative;
  background: #f7f8fa;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 142px 0 262px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100vh - 88px);
}

@media only screen and (max-width: 1680px) {
  .thank-you-section {
    font-size: 20px;
    line-height: 36px;
    padding-top: 40px;
    padding-bottom: 120px;
    min-height: calc(100vh - 80px);
  }
}

@media only screen and (max-width: 1024px) {
  .thank-you-section {
    text-align: center;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .thank-you-section {
    font-size: 18px;
    line-height: 26px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.thank-you-section:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 768px) {
  .thank-you-section:before {
    background-position: 50% -38px;
  }
}

.thank-you-section .container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .thank-you-section .container {
    display: block;
  }
}

.thank-you-section__thank {
  display: block;
  font-size: 24px;
  color: #6F7DFF;
  margin-bottom: 8px;
  line-height: 1.3333;
}

@media only screen and (max-width: 1680px) {
  .thank-you-section__thank {
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) {
  .thank-you-section__thank {
    font-size: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .thank-you-section__thank {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 24px;
  }
}

.thank-you-section h1, .thank-you-section .h1 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .thank-you-section h1, .thank-you-section .h1 {
    margin-bottom: 24px;
  }
}

.thank-you-section p {
  min-height: 80px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .thank-you-section p {
    min-height: 72px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .thank-you-section p {
    min-height: 0;
  }
}

@media only screen and (max-width: 768px) {
  .thank-you-section p {
    margin-bottom: 26px;
  }
}

.thank-you-section .btn-panel {
  padding-top: 8px;
}

@media only screen and (max-width: 1024px) {
  .thank-you-section .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 640px) {
  .thank-you-section .btn-panel {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 640px) {
  .thank-you-section .btn-panel .btn {
    width: 100%;
  }
}

.thank-you-section__content {
  width: 42%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (max-width: 1366px) {
  .thank-you-section__content {
    width: 39%;
  }
}

@media only screen and (max-width: 1024px) {
  .thank-you-section__content {
    width: auto;
    margin: 0 0 30px;
  }
}

.thank-you-section__visual__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: -15.7% -25.4% -19% -6%;
}

@media only screen and (max-width: 1680px) {
  .thank-you-section__visual__inner {
    margin: -9.7% -20.4% -17% -1%;
  }
}

@media only screen and (max-width: 1366px) {
  .thank-you-section__visual__inner {
    margin: -10% -14% -14% -3%;
  }
}

@media only screen and (max-width: 1024px) {
  .thank-you-section__visual__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -9% -16% -10% -8%;
  }
}

@media only screen and (max-width: 768px) {
  .thank-you-section__visual__inner {
    margin: -6% -14% -21% -14%;
  }
}

.thank-you-section__visual img {
  display: block;
  max-width: 100%;
}

.thank-you-section--block {
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .thank-you-section--block {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
  }
}

.thank-you-section--block .container {
  display: block;
  max-width: 800px;
}

.thank-you-section--block h1, .thank-you-section--block .h1 {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) {
  .thank-you-section--block h1, .thank-you-section--block .h1 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .thank-you-section--block h1, .thank-you-section--block .h1 {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 640px) {
  .thank-you-section--block h2, .thank-you-section--block .h2 {
    font-size: 24px;
    line-height: 29px;
  }
}

.thank-you-section--block p {
  min-height: 0;
}

@media only screen and (max-width: 640px) {
  .thank-you-section--block p {
    margin-bottom: 32px;
  }
}

.thank-you-section--block .btn-panel {
  padding-top: 15px;
}

@media only screen and (max-width: 640px) {
  .thank-you-section--block .btn-panel {
    padding-top: 8px;
  }
}

.schedule-demo-section {
  background: #f7f8fa;
}

@media only screen and (min-width: 1367px) {
  .schedule-demo-section {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.schedule-demo-section .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: calc(100vh - 88px);
}

@media only screen and (min-width: 1367px) {
  .schedule-demo-section .container {
    max-width: 1630px;
  }
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-section .container {
    min-height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.schedule-demo-section__sidebar {
  width: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  position: relative;
  padding: 80px 32px 32px 0;
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-section__sidebar {
    margin: 0 -24px;
    padding: 0 32px 40px;
    width: calc(100% + 48px);
  }
}

@media only screen and (max-width: 360px) {
  .schedule-demo-section__sidebar {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 1025px) {
  .schedule-demo-section__sidebar:after {
    top: 0;
    bottom: 0;
    right: 100%;
    content: '';
    width: 9999px;
    background: #fff;
    position: absolute;
  }
}

.schedule-demo-section__sidebar__inner {
  max-width: 400px;
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-section__sidebar__inner {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.schedule-demo-section h4, .schedule-demo-section .h4 {
  color: #05060c;
  font-size: 24px;
  margin: 0 0 24px;
  line-height: 33px;
}

@media only screen and (max-width: 1024px) and (min-width: 641px) {
  .schedule-demo-section h4, .schedule-demo-section .h4 {
    font-size: 32px;
    line-height: 36px;
  }
}

.schedule-demo-section__head {
  margin-bottom: 72px;
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-section__head {
    z-index: 10;
    text-align: center;
    position: relative;
    background: #f7f8fa;
    margin: 0 -40px 20px;
    padding: 40px 40px 20px;
  }
  .schedule-demo-section__head:after {
    top: 0;
    bottom: 0;
    left: 50%;
    content: '';
    width: 100vw;
    z-index: -10;
    margin-left: -50vw;
    position: absolute;
    background: #f7f8fa;
    pointer-events: none;
  }
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-section__head h1.h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 640px) {
  .schedule-demo-section__head h1.h4 {
    font-size: 16px;
    line-height: 22px;
  }
}

.schedule-demo-section__head h4, .schedule-demo-section__head .h4 {
  margin-bottom: 0;
}

.schedule-demo-section__content {
  margin-right: -9vw;
  width: calc(65% + 9vw);
  padding: 70px 32px 50px;
}

@media screen and (max-width: 1800px) {
  .schedule-demo-section__content {
    margin-right: -4vw;
    width: calc(65% + 4vw);
  }
}

@media only screen and (max-width: 1680px) {
  .schedule-demo-section__content {
    width: 65%;
    margin-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-section__content {
    margin: 0;
    width: 100%;
    padding: 40px 0;
  }
}

.schedule-demo-form .wpcf7-submit {
  margin-top: 24px;
}

.schedule-demo-form .form-row {
  margin-bottom: 16px;
}

.schedule-demo-form .form-row > label {
  color: #05060c;
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 7px;
}

.schedule-demo-form div.wpcf7 div.ajax-loader.is-active,
.schedule-demo-form div.wpcf7 span.ajax-loader.is-active {
  top: 24px;
}

.schedule-demo-slider {
  position: relative;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-slider {
    margin: 0 -24px;
  }
}

@media only screen and (max-width: 1680px) {
  .schedule-demo-slider {
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 640px) {
  .schedule-demo-slider {
    padding-bottom: 14px;
  }
}

@media only screen and (min-width: 1025px) {
  .schedule-demo-slider .slick-list {
    padding: 80px 0;
    margin: -80px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-slider .slick-list {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.schedule-demo-slider:not(.slick-slider) .schedule-demo-slider-item:not(:first-child) {
  display: none;
}

.schedule-demo-slider .slick-dots {
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

@media only screen and (max-width: 640px) {
  .schedule-demo-slider .slick-dots button {
    width: 8px;
    height: 8px;
  }
}

.schedule-demo-slider-item {
  color: #878996;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-slider-item {
    margin: 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  .schedule-demo-slider-item {
    font-size: 14px;
    line-height: 24px;
  }
  .schedule-demo-slider-item p {
    margin-bottom: 24px;
  }
}

.schedule-demo-slider-item__visual {
  max-width: 860px;
  position: relative;
  margin: -52px auto -72px;
}

@media only screen and (max-width: 1024px) {
  .schedule-demo-slider-item__visual {
    max-height: 360px;
    margin: 0 auto 36px;
  }
}

.schedule-demo-slider-item__visual:before {
  content: '';
  display: block;
  padding-top: 70.9302%;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .schedule-demo-slider-item__visual:before {
    padding-top: 65%;
  }
}

.schedule-demo-slider-item__visual img {
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.schedule-demo-slider-item__content {
  margin: 0 auto;
  max-width: 540px;
}

.schedule-demo-slider-item__title {
  display: block;
  color: #05060c;
  font-size: 32px;
  max-width: 320px;
  font-weight: bold;
  line-height: 1.375;
  margin: 0 auto 8px;
}

@media only screen and (max-width: 640px) {
  .schedule-demo-slider-item__title {
    font-size: 18px;
    max-width: none;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .schedule-demo-slider-item__title br {
    display: none;
  }
}

.advantages-section {
  padding-top: 121px;
}

@media only screen and (max-width: 1680px) {
  .advantages-section {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages-section {
    padding-top: 64px;
    padding-bottom: 32px;
  }
}

.advantages-section h2, .advantages-section .h2 {
  font-size: 56px;
  line-height: 77px;
  text-align: center;
  margin-bottom: 96px;
}

@media only screen and (max-width: 1680px) {
  .advantages-section h2, .advantages-section .h2 {
    font-size: 48px;
    line-height: 1.25;
    margin-bottom: 76px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages-section h2, .advantages-section .h2 {
    font-size: 36px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .advantages-section h2, .advantages-section .h2 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 32px;
  }
  .advantages-section h2 br, .advantages-section .h2 br {
    display: none;
  }
}

@media only screen and (max-width: 360px) {
  .advantages-section h2, .advantages-section .h2 {
    font-size: 30px;
  }
}

.advantages-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .advantages-list {
    margin: 0;
    display: block;
  }
}

.advantage-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px;
  width: 33.3333%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 769px) {
  .advantage-item:not(.tab--active) {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    opacity: 1;
    position: static;
  }
}

@media only screen and (max-width: 1024px) {
  .advantage-item {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item {
    width: auto;
    padding: 0 8px;
    max-width: 480px;
    margin: 0 auto 30px;
  }
}

.advantage-item__main {
  width: 100%;
  margin-bottom: 36px;
}

@media only screen and (max-width: 1024px) {
  .advantage-item__main {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__main {
    margin-bottom: 0;
  }
}

.advantage-item__visual {
  max-width: 320px;
  position: relative;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .advantage-item__visual {
    max-width: 260px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__visual {
    margin: 0 auto 8px;
    max-width: 320px;
  }
}

.advantage-item__visual:before {
  content: '';
  display: block;
  padding-top: 94.0625%;
}

.advantage-item__visual > img,
.advantage-item__visual > svg,
.advantage-item__visual > a > img,
.advantage-item__visual > a > svg {
  top: 0;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  margin-left: -21px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.advantage-item__visual .animation,
.advantage-item__visual .wpbdmv-animation,
.advantage-item__visual .lottie-animation {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.advantage-item__visual .animation.complete,
.advantage-item__visual .wpbdmv-animation.complete,
.advantage-item__visual .lottie-animation.complete {
  cursor: pointer;
}

.advantage-item__head {
  font-size: 16px;
  color: #878996;
  max-width: 320px;
  line-height: 26px;
  font-weight: normal;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1680px) {
  .advantage-item__head {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantage-item__head {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__head {
    display: none;
  }
}

.advantage-item__head p {
  margin-bottom: 0;
}

.advantage-item__title {
  display: block;
  line-height: 1;
  font-size: 32px;
  color: #05060c;
  margin-bottom: 14px;
}

@media only screen and (max-width: 1680px) {
  .advantage-item__title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantage-item__title {
    font-size: 20px;
  }
}

.advantage-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.advantage-item__title a:hover {
  color: #6F7DFF;
}

.advantage-item__list {
  margin: 0;
  padding: 0;
  max-width: 370px;
  list-style: none;
}

.advantage-item__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .advantage-item__list-item {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantage-item__list-item {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__list-item {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 24px;
  }
  .advantage-item__list-item:not(:first-child) {
    margin-top: 32px;
  }
}

.advantage-item__list-item__icon {
  width: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  position: relative;
  margin-right: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#a092f3), to(#6e5bd8));
  background: linear-gradient(to bottom, #a092f3, #6e5bd8);
}

@media only screen and (max-width: 1680px) {
  .advantage-item__list-item__icon {
    width: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantage-item__list-item__icon {
    width: 40px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__list-item__icon {
    width: 56px;
    margin-right: 16px;
    border-radius: 14px;
  }
}

.advantage-item--blue .advantage-item__list-item__icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#61e4ff), to(#32c5ff));
  background: linear-gradient(to bottom, #61e4ff, #32c5ff);
}

.advantage-item--yellow .advantage-item__list-item__icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe013), to(#ffbd08));
  background: linear-gradient(to bottom, #ffe013, #ffbd08);
}

.advantage-item__list-item__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.advantage-item__list-item__icon img, .advantage-item__list-item__icon svg {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 24px;
  max-height: 24px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1024px) {
  .advantage-item__list-item__icon img, .advantage-item__list-item__icon svg {
    max-width: 20px;
    max-height: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__list-item__icon img, .advantage-item__list-item__icon svg {
    max-width: 28px;
    max-height: 28px;
  }
}

.advantage-item__list-item__content {
  max-width: 290px;
}

.advantage-item__list-item__content p {
  margin-bottom: 0;
}

.advantage-item__list-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #05060c;
  line-height: 21px;
  margin-bottom: 5px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .advantage-item__list-item__title {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__list-item__title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .advantage-item__btn-holder {
    display: none;
  }
}

.advantage-item__badge {
  font-size: 9px;
  line-height: 1;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 20px;
  color: #6F7DFF;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  background: #eae6ff;
  padding: 8px 8px 7px 4px;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0;
}

.advantage-item__badge:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 11px;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.advantages__tab-controls {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  font-size: 24px;
  margin: 0 0 88px;
  list-style: none;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-controls {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .advantages__tab-controls {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .advantages__tab-controls {
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .advantages__tab-controls {
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px) {
  .advantages__tab-controls__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.advantages__tab-controls__link {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 400px;
  min-height: 100%;
  position: relative;
  padding: 32px 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f7f8fa;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .advantages__tab-controls__link {
    min-width: 360px;
  }
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-controls__link {
    min-width: 320px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-controls__link {
    min-width: 240px;
  }
}

@media only screen and (max-width: 768px) {
  .advantages__tab-controls__link {
    min-width: 0;
    min-height: 64px;
    padding: 12px 16px;
  }
}

@media only screen and (max-width: 360px) {
  .advantages__tab-controls__link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.advantages__tab-controls__item.active .advantages__tab-controls__link {
  color: #05060c;
}

@media only screen and (max-width: 768px) {
  .advantages__tab-controls__item:first-child .advantages__tab-controls__link {
    border-radius: 16px 0 0 16px;
  }
}

@media only screen and (max-width: 768px) {
  .advantages__tab-controls__item:last-child .advantages__tab-controls__link {
    border-radius: 0 16px 16px 0;
  }
}

.advantages__tab-controls__link:after, .advantages__tab-controls__link:before {
  opacity: 0;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
}

.advantages__tab-controls__link:after {
  left: 0;
  right: 0;
  top: -9px;
  bottom: -9px;
  background: #fff;
  border-radius: 16px;
}

@media only screen and (max-width: 768px) {
  .advantages__tab-controls__link:after {
    top: -8px;
    bottom: -8px;
    border-radius: 12px;
  }
}

.advantages__tab-controls__item.active .advantages__tab-controls__link:after {
  opacity: 1;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.advantages__tab-controls__link:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-filter: blur(44px);
          filter: blur(44px);
  border-radius: 1px;
  background: #adb4c3;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.advantages__tab-controls__item.active .advantages__tab-controls__link:before {
  top: 23px;
  left: -16px;
  right: 32px;
  bottom: -10px;
  opacity: 0.26;
  -webkit-transition: all .35s ease .2s, opacity .35s ease;
  transition: all .35s ease .2s, opacity .35s ease;
}

.advantages__tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 49px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-item {
    display: block;
    margin-bottom: -10px;
  }
}

.advantages__tab-item__visual {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 550px;
  position: relative;
  margin-right: 63px;
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-item__visual {
    width: 44%;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-item__visual {
    width: auto;
    margin: 0 auto 42px;
  }
}

.advantages__tab-item__visual__inner {
  position: relative;
  margin: -20% -5% -20% -15%;
}

.advantages__tab-item__visual__inner:before {
  content: '';
  display: block;
  padding-top: 110%;
}

.advantages__tab-item__visual img {
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  margin: -10px 0 0 -43px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
  .advantages__tab-item__visual img {
    margin: -16px 0 0 0;
  }
}

@media only screen and (max-width: 640px) {
  .advantages__tab-item__visual img {
    max-width: 108%;
    max-height: 108%;
    margin: -3px 0 0 -5px;
  }
}

.advantages__tab-item__visual svg {
  width: 100%;
  height: 100%;
  display: block;
}

.advantages__tab-item__visual .lottie-animation {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.advantages__tab-item__content {
  width: 100%;
  z-index: 25;
  position: relative;
}

.advantages__tab-item__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px;
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 640px) and (min-width: 361px) {
  .advantages__tab-item__list {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.advantages__tab-item__list-item {
  width: 50%;
  color: #878996;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-item__list-item {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-item__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 640px) {
  .advantages__tab-item__list-item {
    width: 100%;
    max-width: 352px;
    margin-left: auto;
    margin-right: auto;
  }
}

.advantages__tab-item__list-item__icon {
  width: 72px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  border-radius: 18px;
  margin-bottom: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f3ff), to(#ece3ff));
  background: linear-gradient(to bottom, #f7f3ff, #ece3ff);
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-item__list-item__icon {
    width: 64px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-item__list-item__icon {
    width: 56px;
    margin: 0 16px 0 0;
    border-radius: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .advantages__tab-item__list-item__icon {
    width: 48px;
    margin-right: 10px;
  }
}

.advantages__tab-item__list-item__icon .advantage-item__badge {
  bottom: 0;
  left: 100%;
  position: absolute;
}

.advantages__tab-item__list-item__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.advantages__tab-item__list-item__icon img, .advantages__tab-item__list-item__icon svg {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 36px;
  max-height: 36px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-item__list-item__icon img, .advantages__tab-item__list-item__icon svg {
    max-width: 32px;
    max-height: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-item__list-item__icon img, .advantages__tab-item__list-item__icon svg {
    max-width: 28px;
    max-height: 28px;
  }
}

@media only screen and (max-width: 360px) {
  .advantages__tab-item__list-item__icon img, .advantages__tab-item__list-item__icon svg {
    max-width: 24px;
    max-height: 24px;
  }
}

.advantages__tab-item__list-item__content {
  max-width: 256px;
}

.advantages__tab-item__list-item__content p {
  margin-bottom: 0;
}

.advantages__tab-item__list-item__title {
  font-size: 24px;
  color: #05060c;
  line-height: 32px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1366px) {
  .advantages__tab-item__list-item__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .advantages__tab-item__list-item__title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .advantages__tab-item__list-item__title {
    font-size: 16px;
    margin-bottom: 4px;
  }
}

.contact-us-section {
  z-index: 10;
  position: relative;
  background: #f7f8fa;
  padding: 80px 0 88px;
}

@media only screen and (max-width: 1680px) {
  .contact-us-section {
    padding-top: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .contact-us-section {
    padding: 64px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section {
    padding-top: 38px;
    padding-bottom: 32px;
  }
}

.contact-us-section__round {
  left: 50%;
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: solid 1px #e6e6e6;
}

.contact-us-section__round--1 {
  top: -290px;
  width: 680px;
  height: 680px;
  margin-left: 40px;
}

@media only screen and (max-width: 768px) {
  .contact-us-section__round--1 {
    top: -321px;
    margin-left: -350px;
  }
}

.contact-us-section__round--2 {
  top: -592px;
  width: 1085px;
  height: 1085px;
  margin-left: -704px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__round--2 {
    top: -700px;
    margin-left: -662px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__round--2 {
    top: -665px;
    margin-left: -942px;
  }
}

.contact-us-section__icon {
  left: 50%;
  width: 72px;
  height: 72px;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  color: #6F7DFF;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  margin-left: -663px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 768px) {
  .contact-us-section__icon {
    width: 64px;
    height: 64px;
  }
}

.contact-us-section__icon--1 {
  top: 92px;
  margin-left: -696px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__icon--1 {
    margin-left: -500px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__icon--1 {
    top: 292px;
    margin-left: -163px;
  }
}

.contact-us-section--apply-now .contact-us-section__icon--1 {
  top: 15px;
  margin-left: 680px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__icon--1 {
    display: none;
  }
}

.contact-us-section__icon--2 {
  top: 224px;
  width: 160px;
  height: 160px;
  color: #fff;
  font-size: 32px;
  border-radius: 50%;
  margin-left: 484px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__icon--2 {
    top: 210px;
    width: 140px;
    height: 140px;
    font-size: 28px;
    margin-left: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__icon--2 {
    top: 292px;
    width: 112px;
    height: 112px;
    font-size: 23px;
    margin-left: -56px;
  }
}

.contact-us-section__icon--2:after {
  top: 50%;
  left: 50%;
  content: '';
  width: 88px;
  height: 88px;
  z-index: -10;
  border-radius: 50%;
  position: absolute;
  margin: -44px 0 0 -44px;
  -webkit-box-shadow: 0 9px 16px 0 rgba(111, 91, 216, 0.18);
          box-shadow: 0 9px 16px 0 rgba(111, 91, 216, 0.18);
  background: -webkit-gradient(linear, left top, left bottom, from(#6f5bd8), to(#6f5bd8));
  background: linear-gradient(to bottom, #6f5bd8, #6f5bd8);
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__icon--2:after {
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__icon--2:after {
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
  }
}

.contact-us-section--apply-now .contact-us-section__icon--2 {
  top: 196px;
  margin-left: 516px;
}

@media only screen and (max-width: 1680px) {
  .contact-us-section--apply-now .contact-us-section__icon--2 {
    top: 160px;
    margin-left: 540px;
  }
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__icon--2 {
    display: none;
  }
}

.contact-us-section__icon--2.contact-us-section__icon--yellow:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE011), to(#FFBD07));
  background: linear-gradient(to bottom, #FFE011, #FFBD07);
}

.contact-us-section h2, .contact-us-section .h2 {
  font-size: 64px;
  line-height: 1.25em;
  font-weight: bold;
  margin-bottom: 0.625em;
}

@media only screen and (max-width: 1680px) {
  .contact-us-section h2, .contact-us-section .h2 {
    font-size: 54px;
  }
}

@media only screen and (max-width: 1366px) {
  .contact-us-section h2, .contact-us-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section h2, .contact-us-section .h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section h2, .contact-us-section .h2 {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 24px;
  }
}

.contact-us-section h3, .contact-us-section .h3 {
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .contact-us-section h3, .contact-us-section .h3 {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section h3, .contact-us-section .h3 {
    margin-bottom: 16px;
  }
}

.contact-us-section__head {
  font-size: 24px;
  line-height: 1.66667em;
  text-align: center;
  margin-bottom: 90px;
}

@media only screen and (max-width: 1680px) {
  .contact-us-section__head {
    font-size: 22px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__head {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__head {
    font-size: 18px;
    margin-bottom: 32px;
  }
}

.contact-us-section__head--with-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .contact-us-section__head--with-img {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .contact-us-section__head--with-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.contact-us-section__head--with-img h2, .contact-us-section__head--with-img .h2 {
  margin-bottom: 0;
}

@media only screen and (min-width: 641px) {
  .contact-us-section__head--with-img h2, .contact-us-section__head--with-img .h2 {
    text-align: left;
  }
}

.contact-us-section__head__text {
  color: #878996;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__head__text {
    max-width: 440px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__head__text {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.contact-us-section__head__text strong {
  font-weight: 500;
}

.contact-us-section__head p {
  margin-bottom: 0;
}

.contact-us-section__head__visual {
  width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 32px;
}

@media only screen and (max-width: 640px) {
  .contact-us-section__head__visual {
    margin: 0 0 16px;
  }
}

.contact-us-section__head .apple-watch {
  width: 100%;
  height: auto;
  display: block;
}

.contact-us-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section__inner {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .contact-us-section__inner--align-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.contact-us-section__form {
  width: 42%;
  padding: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  max-width: 486px;
  margin-right: 126px;
  border-radius: 16px;
  -webkit-box-shadow: 0 1px 1px 0 #dcdde1;
          box-shadow: 0 1px 1px 0 #dcdde1;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section__form {
    width: 45%;
    margin-right: 48px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .contact-us-section__form {
    padding: 32px;
    max-width: 440px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section__form {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section__form {
    padding: 32px;
    max-width: none;
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
  }
}

.contact-us-section__form .col-row {
  margin-left: -8px;
  margin-right: -8px;
}

.contact-us-section__form .col-row > .col {
  padding-left: 8px;
  padding-right: 8px;
}

.contact-us-section__form input[type='submit'] {
  margin-top: 16px;
}

.contact-us-section__form div.wpcf7 div.ajax-loader,
.contact-us-section__form div.wpcf7 span.ajax-loader {
  top: 16px;
}

.contact-us-section__form p {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .contact-us-section__form .form-row {
    margin-bottom: 20px;
  }
}

.contact-us-section__content {
  width: 100%;
  font-size: 20px;
  max-width: 586px;
  line-height: 27px;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .contact-us-section__content {
    font-size: 18px;
    max-width: 460px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section__content {
    width: auto;
    padding-top: 56px;
    margin-left: auto;
    margin-right: auto;
  }
}

.contact-us-section__content__head {
  color: #878996;
  max-width: 480px;
  font-weight: 600;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .contact-us-section__content__head {
    max-width: 340px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section__content__head {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.contact-us-section__content__head p {
  margin-bottom: 0;
}

.contact-us-section__content .marked-list {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .contact-us-section__content .marked-list {
    font-size: 18px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.contact-us-section__content .marked-list li {
  margin: 0;
  padding: 16px 0 16px 45px;
}

@media only screen and (max-width: 768px) {
  .contact-us-section__content .marked-list li {
    padding: 24px 0 24px 43px;
  }
}

.contact-us-section__content .marked-list li:not(:first-child) {
  border-top: 1px solid #e6e6e6;
}

.contact-us-section__content .marked-list li:after {
  top: 22px;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .contact-us-section__content .marked-list li:after {
    top: 30px;
  }
}

.contact-us-section__content .marked-list p {
  margin-bottom: 0;
}

.contact-us-section__content .marked-list h4 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .contact-us-section__content .marked-list h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
}

.contact-us-section--apply-now h3 {
  margin-bottom: 16px;
}

@media only screen and (min-width: 1367px) {
  .contact-us-section--apply-now .contact-us-section__head__text {
    font-size: 28px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__head__text {
    font-size: 24px;
  }
}

.contact-us-section--apply-now .contact-us-section__head__text strong {
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .contact-us-section--apply-now .contact-us-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 36px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.contact-us-section--apply-now .contact-us-section__form {
  margin-right: 0;
  padding-top: 68px;
  position: relative;
  margin-left: 126px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__form {
    padding-top: 56px;
    margin-left: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-us-section--apply-now .contact-us-section__form {
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section--apply-now .contact-us-section__form {
    max-width: 486px;
  }
}

@media only screen and (max-width: 640px) {
  .contact-us-section--apply-now .contact-us-section__form {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px);
  }
}

.contact-us-section--apply-now .contact-us-section__form__title {
  color: #000;
  display: block;
  font-size: 32px;
  line-height: 1.3;
  text-align: center;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__form__title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 640px) {
  .contact-us-section--apply-now .contact-us-section__form__title {
    font-size: 24px;
  }
}

.contact-us-section--apply-now .contact-us-section__form__title:not(.contact-us-section__form__title--default) {
  top: 0;
  left: 50%;
  position: absolute;
  width: calc(100% - 80px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
  .contact-us-section--apply-now .contact-us-section__form__title:not(.contact-us-section__form__title--default) {
    max-width: 360px;
  }
}

@media only screen and (max-width: 640px) {
  .contact-us-section--apply-now .contact-us-section__form__title:not(.contact-us-section__form__title--default) {
    max-width: 280px;
  }
}

.contact-us-section--apply-now .contact-us-section__form__title--default {
  margin-top: -48px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__form__title--default {
    margin-top: -32px;
  }
}

.contact-us-section--apply-now .contact-us-section__form .selecter-options {
  min-width: 240px;
}

.contact-us-section--apply-now .contact-us-section__content {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.6666;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__content {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section--apply-now .contact-us-section__content h3, .contact-us-section--apply-now .contact-us-section__content .h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.contact-us-section--apply-now .contact-us-section__content h4, .contact-us-section--apply-now .contact-us-section__content .h4 {
  color: #000;
  margin: 20px 0;
  font-size: 20px;
  line-height: 1.3;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__content h4, .contact-us-section--apply-now .contact-us-section__content .h4 {
    margin: 16px 0;
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-us-section--apply-now .contact-us-section__content h4, .contact-us-section--apply-now .contact-us-section__content .h4 {
    font-size: 20px;
  }
}

.contact-us-section--apply-now .contact-us-section__content__head {
  max-width: none;
  font-weight: normal;
}

.contact-us-section--apply-now .contact-us-section__content__head p:not(:last-child) {
  margin-bottom: 1em;
}

.contact-us-section--apply-now .contact-us-section__content .marked-list {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__content .marked-list {
    margin-bottom: 10px;
  }
}

.contact-us-section--apply-now .contact-us-section__content .marked-list a {
  padding: 0;
  max-width: none;
  display: inline;
}

.contact-us-section--apply-now .contact-us-section__content .marked-list a:after {
  display: none;
}

.contact-us-section--apply-now .contact-us-section__content a {
  color: #6F7DFF;
  text-decoration: none;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.contact-us-section--apply-now .contact-us-section__content a:hover {
  color: #4C5ADE;
}

.contact-us-section--apply-now .contact-us-section__content .feature-about__list {
  display: block;
  margin: 0 0 16px;
}

@media only screen and (max-width: 1366px) {
  .contact-us-section--apply-now .contact-us-section__content .feature-about__list {
    margin-bottom: 10px;
  }
}

.contact-us-section--apply-now .contact-us-section__content .feature-about__list li {
  margin: 0;
  display: block;
}

.contact-us-section--apply-now .contact-us-section__content .feature-about__list li:not(:first-child) {
  margin-top: 14px;
}

.contact-us-section--apply-now .contact-us-section__content .feature-about__list li > i {
  vertical-align: top;
  display: inline-block;
}

.contacts-info-section {
  color: #878996;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  padding: 80px 0 88px;
  margin-bottom: -20px;
  border-bottom: 1px solid #edeef0;
}

@media only screen and (max-width: 1680px) {
  .contacts-info-section {
    margin-bottom: -6px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-info-section {
    padding: 64px 0;
    margin-bottom: -10px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-info-section {
    margin-bottom: -8px;
    padding: 48px 0 32px;
  }
}

.contacts-info-section a {
  color: #6F7DFF;
  text-decoration: none;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.contacts-info-section a:hover {
  color: #4C5ADE;
}

.contacts-info-section__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -11px;
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .contacts-info-section__list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-info-section__list {
    margin: 0 auto;
    display: block;
    max-width: 602px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

.contacts-info-section__item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 11px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .contacts-info-section__item {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-info-section__item {
    padding: 0;
    width: auto;
    margin: 0 0 32px;
  }
}

.contacts-info-section__item__icon {
  width: 72px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  margin-right: 48px;
  position: relative;
  border-radius: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f3ff), to(#ece3ff));
  background: linear-gradient(to bottom, #f7f3ff, #ece3ff);
}

@media only screen and (max-width: 1366px) {
  .contacts-info-section__item__icon {
    width: 64px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-info-section__item__icon {
    width: 56px;
    margin-right: 24px;
  }
}

.contacts-info-section__item__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.contacts-info-section__item__icon img, .contacts-info-section__item__icon svg {
  top: 50%;
  left: 50%;
  max-width: 36px;
  max-height: 36px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1366px) {
  .contacts-info-section__item__icon img, .contacts-info-section__item__icon svg {
    max-width: 32px;
    max-height: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-info-section__item__icon img, .contacts-info-section__item__icon svg {
    max-width: 28px;
    max-height: 28px;
  }
}

.contacts-info-section__item__title {
  color: #05060c;
  display: block;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1366px) {
  .contacts-info-section__item__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-info-section__item__title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}

.contacts-info-section__item p {
  margin-bottom: 0;
}

.calendar.contact-us-section {
  padding: 0 0 32px;
  background: none;
}

@media only screen and (max-width: 1366px) {
  .calendar.contact-us-section {
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .calendar.contact-us-section {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .calendar .contact-us-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 1024px) {
  .calendar .contact-us-section__content {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
    padding-top: 0;
  }
}

.calendar .contact-us-section__form {
  padding: 0;
  width: 60%;
  margin-right: 0;
  max-width: 100%;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 50px;
}

@media only screen and (max-width: 1680px) {
  .calendar .contact-us-section__form {
    width: 67%;
    margin-left: 32px;
    margin-right: -48px;
  }
}

@media only screen and (max-width: 1366px) {
  .calendar .contact-us-section__form {
    margin-right: -20px;
  }
}

@media only screen and (max-width: 1024px) {
  .calendar .contact-us-section__form {
    width: 100%;
    max-width: none;
    margin: 0 0 16px;
  }
}

@media only screen and (max-width: 640px) {
  .calendar .contact-us-section__form {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
}

.product-info-section {
  z-index: 10;
  position: relative;
}

.product-info-section__circles {
  top: 0;
  left: 0;
  right: 0;
  z-index: -10;
  height: 433px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .product-info-section__circles {
    height: 380px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-section__circles {
    height: 408px;
  }
}

.product-info-section__circles:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  background: #f7f8fa;
}

.product-info-section__circles:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 768px) {
  .product-info-section__circles:after {
    background-position: 50% -38px;
  }
}

.product-info-section h1, .product-info-section .h1 {
  font-size: 56px;
  line-height: 77px;
  text-align: center;
  margin-bottom: 96px;
}

@media only screen and (max-width: 1680px) {
  .product-info-section h1, .product-info-section .h1 {
    font-size: 48px;
    line-height: 64px;
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-info-section h1, .product-info-section .h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-section h1, .product-info-section .h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px;
  }
}

.product-info-section h2, .product-info-section .h2 {
  margin-bottom: 43px;
}

.product-info-about-section {
  padding: 88px 0 136px;
}

@media only screen and (max-width: 1680px) {
  .product-info-about-section {
    padding: 72px 0 120px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-about-section {
    padding-top: 38px;
    padding-bottom: 72px;
  }
}

.product-info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 51px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .product-info-head {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-head {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 24px;
  }
}

.product-info-head__icon {
  width: 108px;
  height: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  margin-right: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 27px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 1680px) {
  .product-info-head__icon {
    width: 96px;
    height: 96px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-info-head__icon {
    width: 72px;
    height: 72px;
    margin-right: 24px;
    border-radius: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-head__icon {
    margin: 0 0 16px;
  }
}

.product-info-head__icon img {
  width: 40px;
  height: 40px;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 1680px) {
  .product-info-head__icon img {
    width: 36px;
    height: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-info-head__icon img {
    width: 32px;
    height: 32px;
  }
}

.product-info-head h1, .product-info-head .h1 {
  margin-bottom: 0;
  text-align: left;
}

.product-info-breadcrumbs {
  padding: 0;
  font-size: 14px;
  margin: 0 -13px;
  color: #878996;
  font-weight: 500;
  list-style: none;
  line-height: 24px;
}

.product-info-breadcrumbs__item {
  display: inline;
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
}

.product-info-breadcrumbs__item:not(:first-child):before {
  top: 50%;
  left: -3px;
  line-height: 1;
  font-size: 12px;
  content: '\e800';
  color: #cccdd2;
  margin-top: -6px;
  font-style: normal;
  position: absolute;
  font-weight: normal;
  font-family: 'icomoon';
}

.product-info-breadcrumbs__link {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.product-info-breadcrumbs__link:hover {
  color: #6F7DFF;
}

.product-info-about {
  font-size: 18px;
  color: #05060c;
  font-weight: 500;
  line-height: 32px;
  background: #fff;
  margin-bottom: 69px;
  padding: 48px 64px 16px;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 1680px) {
  .product-info-about {
    font-size: 16px;
    line-height: 28px;
    padding: 36px 48px 8px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-about {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
    padding: 24px 24px 1px;
  }
}

@media only screen and (min-width: 769px) {
  .product-info-about + .product-info-about {
    margin-top: -53px;
  }
}

.product-info-about p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .product-info-about p {
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-about p {
    margin-bottom: 24px;
  }
}

.product-info-about p + ul {
  margin-top: -16px;
}

@media only screen and (max-width: 768px) {
  .product-info-about p + ul {
    margin-top: -9px;
  }
}

.product-info-about ul {
  padding: 0;
  list-style: none;
  margin: 0 0 16px;
}

@media only screen and (max-width: 768px) {
  .product-info-about ul {
    margin-bottom: 24px;
  }
}

.product-info-about li {
  position: relative;
  padding-left: 13px;
}

.product-info-about li:before {
  top: 15px;
  left: 1px;
  content: '';
  border: 2px solid;
  border-radius: 50%;
  position: absolute;
}

@media only screen and (max-width: 1680px) {
  .product-info-about li:before {
    top: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-about li:before {
    top: 10px;
  }
}

.product-info-about__category {
  color: #05060c;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 24px;
}

.product-info-about__category a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.product-info-about__category__icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  border-radius: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 24px 50px -13px #6152a7;
          box-shadow: 0 24px 50px -13px #6152a7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b3a7f6), color-stop(99%, #6e5bd8));
  background-image: linear-gradient(to bottom, #b3a7f6, #6e5bd8 99%);
}

.product-info-about__category__icon img {
  width: 16px;
  height: 16px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-info-head-section {
  padding-top: 62px;
  padding-bottom: 104px;
}

@media only screen and (max-width: 768px) {
  .product-info-head-section {
    padding-top: 32px;
    padding-bottom: 112px;
  }
}

.product-info-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-info-item {
  width: 25%;
  font-size: 14px;
  font-weight: 500;
  color: #878996;
  line-height: 24px;
  padding-left: 12px;
  text-align: center;
  padding-right: 12px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-item {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-info-item {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-item {
    width: 100%;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    margin-bottom: 8px;
  }
}

.product-info-item__inner {
  display: block;
  min-height: 100%;
  border-radius: 8px;
  padding: 48px 32px;
  background: #fff;
  -webkit-transition: -webkit-box-shadow .35s ease;
  transition: -webkit-box-shadow .35s ease;
  transition: box-shadow .35s ease;
  transition: box-shadow .35s ease, -webkit-box-shadow .35s ease;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-item__inner {
    padding: 36px 24px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.product-info-item__inner:hover {
  -webkit-box-shadow: 0 12px 72px 0 #dcdde1;
          box-shadow: 0 12px 72px 0 #dcdde1;
}

.product-info-item__icon {
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 18px;
  margin: 0 auto 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f3ff), to(#ece3ff));
  background: linear-gradient(to bottom, #f7f3ff, #ece3ff);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-item__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-item__icon {
    width: 48px;
    height: 48px;
    margin: 0 16px 0 0;
  }
}

.product-info-item__icon img {
  display: block;
  max-width: 32px;
  max-height: 32px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-item__icon img {
    max-width: 28px;
    max-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-item__icon img {
    max-width: 22px;
    max-height: 22px;
  }
}

.product-info-item__title {
  height: 64px;
  display: block;
  font-size: 24px;
  color: #05060c;
  overflow: hidden;
  line-height: 32px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-item__title {
    height: 60px;
    font-size: 22px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-info-item__title br {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .product-info-item__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-item__title {
    height: auto;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    margin-right: -4px;
  }
}

.product-info-item p {
  margin-bottom: 0;
}

.product-info-companies-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-companies-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.product-info-company {
  width: 25%;
  font-size: 14px;
  color: #878996;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-info-company {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company {
    width: 100%;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    margin-bottom: 8px;
  }
}

.product-info-company p {
  margin-bottom: 0;
}

.product-info-company__inner {
  display: block;
  min-height: 100%;
  position: relative;
  padding: 48px 32px;
  border-radius: 8px;
  background: #fff;
  -webkit-transition: -webkit-box-shadow .35s ease;
  transition: -webkit-box-shadow .35s ease;
  transition: box-shadow .35s ease;
  transition: box-shadow .35s ease, -webkit-box-shadow .35s ease;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company__inner {
    padding: 36px 24px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (min-width: 769px) {
  .product-info-company--has-category .product-info-company__inner {
    padding-bottom: 105px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company--has-category .product-info-company__inner {
    padding-bottom: 90px;
  }
}

.product-info-company__inner:hover {
  -webkit-box-shadow: 0 12px 72px 0 #dcdde1;
          box-shadow: 0 12px 72px 0 #dcdde1;
}

.product-info-company__logo {
  width: 100%;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 150px;
  position: relative;
  margin: 0 auto 37px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company__logo {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company__logo {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    margin: 0 16px 0 0;
    border-radius: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: solid 1px rgba(151, 151, 151, 0.2);
  }
}

@media only screen and (min-width: 769px) {
  .product-info-company__logo:before {
    content: '';
    display: block;
    padding-top: 50%;
  }
}

.product-info-company__logo img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (min-width: 769px) {
  .product-info-company__logo img {
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company__logo img {
    width: 32px;
    height: 32px;
  }
}

.product-info-company__title {
  display: block;
  font-size: 24px;
  color: #05060c;
  line-height: 32px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
  }
}

.product-info-company__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.product-info-company__title a:hover {
  color: #6F7DFF;
}

.product-info-company__category {
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #05060c;
  line-height: 24px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 23px 25px 24px;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top: 1px solid #e1e4ec;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company__category {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company__category {
    padding: 0;
    border: none;
    font-size: 12px;
    margin: 12px 0 0;
    position: static;
    line-height: 18px;
  }
}

.product-info-company__category:hover {
  color: #6F7DFF;
}

.product-info-company__category__icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  border-radius: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 24px 50px -13px #6152a7;
          box-shadow: 0 24px 50px -13px #6152a7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b3a7f6), color-stop(99%, #6e5bd8));
  background-image: linear-gradient(to bottom, #b3a7f6, #6e5bd8 99%);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .product-info-company__category__icon {
    margin-right: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .product-info-company__category__icon {
    width: 23px;
    height: 23px;
    margin-right: 12px;
  }
}

.product-info-company__category__icon img {
  width: 16px;
  height: 16px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 768px) {
  .product-info-company__category__icon img {
    width: 12px;
    height: 12px;
  }
}

.related-companies-section {
  padding: 72px 0 40px;
  background: #f7f8fa;
}

@media only screen and (max-width: 768px) {
  .related-companies-section {
    padding: 48px 0 24px;
  }
}

@media only screen and (min-width: 769px) {
  .related-companies-section h2, .related-companies-section .h2 {
    text-align: center;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .related-companies-section h2, .related-companies-section .h2 {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 24px;
  }
}

.capabilities-section {
  padding: 40px 0;
  font-size: 18px;
  color: #878996;
  line-height: 32px;
}

@media only screen and (max-width: 1024px) {
  .capabilities-section {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .capabilities-section .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.capabilities-section p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .capabilities-section p {
    margin-bottom: 24px;
  }
}

.product-info-head-section + .capabilities-section {
  z-index: 20;
  padding-top: 0;
  margin-top: -81px;
  position: relative;
}

.capabilities-section__head {
  position: relative;
  padding-bottom: 91px;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__head {
    padding-bottom: 75px;
  }
}

.capabilities-section__head h2, .capabilities-section__head .h2 {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__head h2, .capabilities-section__head .h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.capabilities-section__fixed-menu {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 150;
  background: #fff;
  position: absolute;
  white-space: nowrap;
  -webkit-box-shadow: inset 0 -1px 0 0 #edeef0;
          box-shadow: inset 0 -1px 0 0 #edeef0;
  -webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
  transition: opacity .35s ease, -webkit-transform .35s ease;
  transition: opacity .35s ease, transform .35s ease;
  transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__fixed-menu {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

.capabilities-section__fixed-menu--at-bottom {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media only screen and (max-width: 768px) {
  .capabilities-section__fixed-menu:not(.capabilities-section__fixed-menu--fixed) {
    margin-left: -32px;
    margin-right: -32px;
  }
}

.capabilities-section__fixed-menu:not(.capabilities-section__fixed-menu--fixed) .container {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__fixed-menu .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.capabilities-section__fixed-menu--fixed {
  top: 88px;
  bottom: auto;
  position: fixed;
}

@media only screen and (max-width: 1680px) {
  .capabilities-section__fixed-menu--fixed {
    top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .capabilities-section__fixed-menu--fixed {
    top: 73px;
  }
}

.capabilities-section__menu {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
  font-size: 12px;
  color: #878996;
  font-weight: 800;
  list-style: none;
  line-height: 16px;
  letter-spacing: 1px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-transform: uppercase;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__menu {
    margin-left: 0;
    margin-right: 0;
  }
}

.capabilities-section__menu-item {
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__menu-item:first-child {
    padding-left: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .capabilities-section__menu-item:last-child {
    padding-right: 32px;
  }
}

.capabilities-section__menu-link {
  padding: 29px 0;
  border-width: 3px 0;
  border-style: solid;
  vertical-align: top;
  display: inline-block;
  border-color: transparent;
  -webkit-transition: border-color .35s ease, color .35s ease;
  transition: border-color .35s ease, color .35s ease;
}

.capabilities-section__menu-item--active .capabilities-section__menu-link {
  color: #6F7DFF;
  border-bottom-color: #6F7DFF;
}

.capabilities-section__menu-link:hover {
  color: #6F7DFF;
}

.capabilities-section__rows {
  position: relative;
}

.capabilities-section__row {
  padding: 64px 0 58px;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__row {
    padding: 32px 0;
  }
}

.capabilities-section__row:nth-child(odd) {
  background: #f7f8fa;
}

.capabilities-section__row__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__row__head {
    display: block;
  }
}

.capabilities-section__row__title {
  width: 261px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 32px;
  color: #05060c;
  line-height: 44px;
  margin: 0 50px 0 0;
}

@media only screen and (max-width: 1024px) {
  .capabilities-section__row__title {
    width: 200px;
    font-size: 24px;
    line-height: 40px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .capabilities-section__row__title {
    width: auto;
    margin: 0 0 16px;
  }
  .capabilities-section__row__title br {
    display: none;
  }
}

.capabilities-section__row__slider-holder {
  position: relative;
}

.capabilities-section__row__slider-holder__controls {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .capabilities-section__row__slider-holder__controls {
    margin-top: 32px;
  }
}

.capabilities-section__row__slider-holder__controls .slick-dots {
  margin: 0 -6px;
}

.capabilities-section__row__slider-holder__controls .slick-dots li {
  margin: 0 6px;
}

.capabilities-section__row__slider-holder__controls .slick-dots button {
  width: 8px;
  height: 8px;
  border: none;
  background: rgba(135, 137, 150, 0.5);
}

.capabilities-section__row__slider-holder__controls .slick-arrow {
  z-index: 50;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 11px;
  cursor: pointer;
  color: #6F7DFF;
  background: #fff;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  border: solid 1px rgba(191, 192, 199, 0.35);
}

.capabilities-section__row__slider-holder__controls .slick-arrow:not(.slick-disabled):hover {
  border-color: #6F7DFF;
}

.capabilities-section__row__slider-holder__controls .slick-arrow i, .capabilities-section__row__slider-holder__controls .slick-arrow i:before {
  vertical-align: top;
  display: inline-block;
}

.capabilities-section__row__slider-holder__controls .slick-arrow.slick-disabled {
  cursor: default;
  color: #dcdde1;
}

.capabilities-section__row__slider-holder__controls .slick-prev {
  margin-right: 40px;
}

.capabilities-section__row__slider-holder__controls .slick-prev i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.capabilities-section__row__slider-holder__controls .slick-next {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  margin-left: 40px;
}

.capabilities-section__row__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  max-width: 714px;
  position: static;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.capabilities-section__row__slider.slick-slider {
  display: block;
}

.capabilities-section__row__slider .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.capabilities-section__row__slider .slick-list {
  overflow: visible;
}

.capabilities-section__row__slide {
  width: 690px;
  margin: 0 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.capabilities-section__row__slider.slick-slider .capabilities-section__row__slide {
  width: auto;
}

.capabilities-section__row__slide:before {
  content: '';
  display: block;
  padding-top: 56.23188%;
}

.capabilities-section__row__slide img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-shadow: 0 24px 40px 0 rgba(220, 221, 225, 0.48);
          box-shadow: 0 24px 40px 0 rgba(220, 221, 225, 0.48);
}

.glossary-section {
  padding: 96px 0;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .glossary-section {
    padding: 72px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .glossary-section {
    padding: 40px 0;
  }
}

.glossary-section h1, .glossary-section .h1 {
  text-align: center;
}

.glossary-section--phrase {
  padding-top: 32px;
}

@media only screen and (max-width: 768px) {
  .glossary-section--phrase {
    padding-top: 28px;
  }
}

.glossary-section .breadcrumbs {
  padding: 0;
  font-size: 14px;
  color: #05060c;
  margin: 0 0 40px;
  list-style: none;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .glossary-section .breadcrumbs {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 32px;
  }
}

.glossary-section .breadcrumbs__item {
  display: inline;
  vertical-align: top;
}

.glossary-section .breadcrumbs__item:not(:first-child):before {
  content: '>';
  margin: 0 15px 0 11px;
}

@media only screen and (max-width: 768px) {
  .glossary-section .breadcrumbs__item:not(:first-child):before {
    margin: 0 8px 0 5px;
  }
}

.glossary-section .breadcrumbs__link {
  color: #878996;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.glossary-section .breadcrumbs__link:hover {
  color: #05060c;
}

.glossary-section__head {
  text-align: center;
  position: relative;
  margin-bottom: 19px;
  padding-bottom: 217px;
}

@media only screen and (max-width: 1680px) {
  .glossary-section__head {
    padding-bottom: 180px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-section__head {
    margin-bottom: 30px;
    padding-bottom: 248px;
  }
}

.glossary-section--phrase .glossary-section__head {
  padding-bottom: 0;
  margin-bottom: 88px;
}

@media only screen and (max-width: 768px) {
  .glossary-section--phrase .glossary-section__head {
    margin-bottom: 56px;
  }
}

.glossary-section__head h1, .glossary-section__head .h1 {
  margin-bottom: 0;
}

.glossary-section__inner {
  max-width: 694px;
  margin-left: auto;
  margin-right: auto;
}

.glossary-section__phrase-info {
  font-size: 18px;
  line-height: 1.78;
  margin-bottom: 88px;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .glossary-section__phrase-info {
    line-height: 2;
    font-size: 14px;
    margin-bottom: 64px;
  }
}

.glossary-section__phrase-info p {
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .glossary-section__phrase-info p {
    margin-bottom: 28px;
  }
}

.glossary-section__category {
  margin: 0 -4px 52px;
}

@media only screen and (max-width: 768px) {
  .glossary-section__category {
    margin: 0 0 53px;
  }
}

.glossary-section__category__title {
  display: block;
  font-size: 10px;
  color: #878996;
  line-height: 13px;
  margin-bottom: 8px;
  letter-spacing: 0.83px;
}

@media only screen and (max-width: 768px) {
  .glossary-section__category__title {
    margin-bottom: 10px;
  }
}

.glossary-section__category__name {
  display: block;
  font-size: 24px;
  color: #05060c;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .glossary-section__category__name {
    font-size: 20px;
  }
}

.glossary-section__phrase-holder {
  margin: 40px 0 0;
}

@media only screen and (max-width: 768px) {
  .glossary-section__phrase-holder {
    margin-top: 24px;
  }
}

.glossary-section__phrase {
  line-height: 1;
  font-size: 16px;
  color: #7663da;
  border-radius: 8px;
  padding: 12px 24px;
  vertical-align: top;
  background: #f5f5f7;
  display: inline-block;
  font-family: "PT Mono", "Manrope", Arial, Helvetica, sans-serif;
  -webkit-transition: color .35s ease, background .35s ease;
  transition: color .35s ease, background .35s ease;
}

@media only screen and (max-width: 1680px) {
  .glossary-section__phrase {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 16px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-section__phrase {
    padding: 8px;
    margin-right: 0;
  }
}

.glossary-section__phrase:hover {
  color: #fff;
  background: #6F7DFF;
}

.glossary-section__visual {
  left: 50%;
  bottom: 0;
  width: 1360px;
  position: absolute;
  margin-left: -680px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .glossary-section__visual {
    width: 1100px;
    margin-left: -550px;
  }
}

@media only screen and (max-width: 1024px) {
  .glossary-section__visual {
    width: 1056px;
    margin-left: -528px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-section__visual {
    margin-left: -500px;
  }
}

.glossary-section__visual:before {
  content: '';
  display: block;
  padding-top: 26.98529%;
}

.glossary-section__visual img {
  left: 0;
  top: 92px;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 1680px) {
  .glossary-section__visual img {
    top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-section__visual img {
    top: 36px;
  }
}

.glossary-section__circles {
  top: 0;
  left: 0;
  right: 0;
  z-index: -10;
  height: 926px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#ffffff));
  background: linear-gradient(to bottom, #f7f8fa, #ffffff);
}

.glossary-section__circles:before, .glossary-section__circles:after {
  left: 50%;
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}

.glossary-section__circles:before {
  width: 680px;
  height: 680px;
  margin: -290px 0 0 65px;
}

.glossary-section__circles:after {
  width: 1200px;
  height: 1200px;
  margin: -828px 0 0 -654px;
}

.glossary-section__icon {
  top: 89px;
  left: 50%;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  margin-left: 478px;
  color: #6F7DFF;
  position: absolute;
  background: #fff;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .glossary-section__icon {
    top: 72px;
    margin-left: 400px;
  }
}

@media only screen and (max-width: 1024px) {
  .glossary-section__icon {
    display: none;
  }
}

.glossary-section__terms {
  max-width: 956px;
  text-align: center;
  border-radius: 8px;
  margin: 0 auto 96px;
  padding: 64px 32px 38px;
  border: solid 1px #dcdde1;
}

@media only screen and (max-width: 768px) {
  .glossary-section__terms {
    margin-bottom: 25px;
    padding: 48px 20px 38px;
  }
}

.glossary-section__terms h2, .glossary-section__terms .h2 {
  margin-bottom: 48px;
}

@media only screen and (max-width: 768px) {
  .glossary-section__terms h2, .glossary-section__terms .h2 {
    margin-bottom: 32px;
  }
}

.glossary-section__terms-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .glossary-section__terms-list {
    margin: 0 -8px;
  }
}

.glossary-section__terms-list__item {
  margin: 0 20px 40px;
}

@media only screen and (max-width: 768px) {
  .glossary-section__terms-list__item {
    margin: 0 8px 16px;
  }
}

.glossary-section__term {
  line-height: 1;
  font-size: 16px;
  color: #7663da;
  border-radius: 8px;
  padding: 12px 24px;
  vertical-align: top;
  background: #f5f5f7;
  display: inline-block;
  font-family: "PT Mono", "Manrope", Arial, Helvetica, sans-serif;
  -webkit-transition: color .35s ease, background .35s ease;
  transition: color .35s ease, background .35s ease;
}

@media only screen and (max-width: 1680px) {
  .glossary-section__term {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 16px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-section__term {
    padding: 8px;
    margin-right: 0;
  }
}

.glossary-section__term:hover {
  color: #fff;
  background: #6F7DFF;
}

.alphabet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  line-height: 2;
  padding: 12px 0;
  font-size: 16px;
  color: #05060c;
  margin: 0 0 72px;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  border-width: 1px 0;
  border-style: solid;
  scroll-behavior: smooth;
  border-color: #edeef0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-transform: uppercase;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 1024px) {
  .alphabet {
    margin-left: -24px;
    margin-right: -24px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 768px) {
  .alphabet {
    margin-bottom: 34px;
  }
}

.alphabet__item {
  padding: 0 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: default;
  min-width: 40px;
}

@media only screen and (max-width: 1024px) {
  .alphabet__item {
    min-width: 52px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .alphabet__item:first-child {
    padding-left: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .alphabet__item:last-child {
    padding-right: 24px;
  }
}

.alphabet__letter {
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background .35s ease, color .35s ease;
  transition: background .35s ease, color .35s ease;
}

.alphabet__letter:hover {
  color: #6F7DFF;
  background: #eae6ff;
}

.alphabet__letter--disabled {
  cursor: default;
  color: #cccdd2;
  pointer-events: none;
}

.glossary__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -64px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .glossary__categories {
    margin: 0 -56px;
  }
}

@media only screen and (max-width: 1024px) {
  .glossary__categories {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.glossary-section--show-filtered .glossary__categories {
  display: none;
}

.glossary__categories .glossary-category {
  width: 50%;
  padding: 0 64px;
  margin-bottom: 72px;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1680px) {
  .glossary__categories .glossary-category {
    padding: 0 56px;
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 1024px) {
  .glossary__categories .glossary-category {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary__categories .glossary-category {
    width: 100%;
    margin-bottom: 42px;
  }
}

.glossary__categories .glossary-category__title {
  font-size: 40px;
  line-height: 1.2;
}

@media only screen and (max-width: 1680px) {
  .glossary__categories .glossary-category__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary__categories .glossary-category__title {
    font-size: 24px;
    line-height: 1.33;
  }
}

.glossary-section:not(.glossary-section--show-filtered) .glossary-category--letter {
  display: none;
}

.glossary-category__title {
  display: block;
  line-height: 1;
  font-size: 64px;
  color: #05060c;
  position: relative;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .glossary-category__title {
    font-size: 48px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-category__title {
    font-size: 36px;
  }
}

.glossary-category__title__letter {
  text-transform: uppercase;
}

.glossary-category__title__icon {
  top: 0;
  right: 100%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin-right: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f3ff), to(#ece3ff));
  background: linear-gradient(to bottom, #f7f3ff, #ece3ff);
}

@media only screen and (max-width: 1680px) and (min-width: 1367px) {
  .glossary-category__title__icon {
    width: 36px;
    height: 36px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .glossary-category__title__icon {
    margin: 0 0 16px;
    position: static;
  }
}

.glossary-category__title__icon img, .glossary-category__title__icon svg {
  width: 20px;
  height: 20px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.glossary-category__title__close {
  width: 32px;
  height: 32px;
  line-height: 1;
  font-size: 10px;
  color: #cccdd2;
  margin-left: 10px;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #f5f5f7;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background .35s ease, color .35s ease;
  transition: background .35s ease, color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .glossary-category__title__close {
    margin-left: 4px;
  }
}

.glossary-category__title__close:hover {
  color: #fff;
  background: #6F7DFF;
}

.glossary-category__title__close i, .glossary-category__title__close i:before {
  vertical-align: top;
  display: inline-block;
}

.glossary-category__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.glossary-category__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1.2;
  color: #05060c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .glossary-category__list-item {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-category__list-item {
    font-size: 14px;
    margin-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.glossary-category__category {
  margin-left: 24px;
}

.glossary__categories .glossary-category__category {
  display: none;
}

@media only screen and (max-width: 768px) {
  .glossary-category__category {
    margin-left: 0;
    padding: 4px 8px;
    vertical-align: top;
    display: inline-block;
  }
}

.glossary-category__link {
  line-height: 1;
  font-size: 16px;
  color: #7663da;
  border-radius: 8px;
  padding: 12px 24px;
  vertical-align: top;
  background: #f5f5f7;
  display: inline-block;
  font-family: "PT Mono", "Manrope", Arial, Helvetica, sans-serif;
  -webkit-transition: color .35s ease, background .35s ease;
  transition: color .35s ease, background .35s ease;
}

@media only screen and (max-width: 1680px) {
  .glossary-category__link {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 16px;
  }
}

@media only screen and (max-width: 768px) {
  .glossary-category__link {
    padding: 8px;
  }
}

.glossary-category__link:hover {
  color: #fff;
  background: #6F7DFF;
}

.bootcamp-intro-section {
  padding-top: 72px;
  padding-bottom: 36px;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section {
    padding-top: 64px;
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section {
    padding-top: 48px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .bootcamp-intro-section {
    padding-top: 32px;
  }
}

.bootcamp-intro-section + .feature-services-section {
  padding-top: 36px;
}

@media only screen and (min-width: 1025px) {
  .bootcamp-intro-section > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.bootcamp-intro-section__main {
  width: 100%;
  font-size: 24px;
  color: #878996;
  line-height: 40px;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__main {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__main {
    font-size: 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .bootcamp-intro-section__main {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 1681px) {
  .bootcamp-intro-section__main h1, .bootcamp-intro-section__main .h1 {
    line-height: 84px;
    margin-bottom: 16px;
  }
}

.bootcamp-intro-section__main p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__main p {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__main p {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .bootcamp-intro-section__main p {
    margin-bottom: 20px;
  }
}

.bootcamp-intro-section__head {
  margin-bottom: 72px;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__head {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__head {
    margin-bottom: 24px;
  }
}

.bootcamp-intro-section__subtitle {
  display: block;
  font-size: 40px;
  font-weight: 300;
  color: #05060c;
  line-height: 53px;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__subtitle {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .bootcamp-intro-section__subtitle {
    font-size: 20px;
    line-height: 30px;
  }
}

.bootcamp-intro-section__sidebar {
  width: 450px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  position: relative;
  border-radius: 16px;
  margin: 17px 0 0 60px;
  padding: 56px 16px 16px;
  -webkit-box-shadow: 0 1px 1px 0 #dcdde1;
          box-shadow: 0 1px 1px 0 #dcdde1;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__sidebar {
    width: 380px;
    margin-top: 0;
    margin-left: 32px;
    padding: 36px 10px 10px 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__sidebar {
    width: auto;
    margin: 32px 0 0;
    background: none;
    padding-top: 16px;
  }
}

.bootcamp-intro-section__sidebar__title {
  left: 0;
  right: 0;
  top: -20px;
  display: block;
  font-size: 32px;
  color: #05060c;
  line-height: 40px;
  text-align: center;
  position: absolute;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__sidebar__title {
    top: -16px;
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__sidebar__title {
    position: static;
    margin-bottom: 20px;
  }
}

.bootcamp-intro-section__sidebar__icon {
  top: 50%;
  left: 100%;
  z-index: 25;
  width: 90px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -40px;
  margin-left: -20px;
  color: #6F7DFF;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__sidebar__icon {
    width: 72px;
    height: 72px;
    margin-top: -30px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section__sidebar__icon {
    display: none;
  }
}

.bootcamp-intro-section__sidebar__icon img {
  display: block;
  max-width: 40px;
  max-height: 40px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__sidebar__icon img {
    max-width: 32px;
    max-height: 32px;
  }
}

.bootcamp-intro-section__sidebar__icon:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: #fff;
  position: absolute;
  border-radius: 24px;
  -webkit-box-shadow: 0 18px 32px 0 rgba(159, 169, 197, 0.25);
          box-shadow: 0 18px 32px 0 rgba(159, 169, 197, 0.25);
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__sidebar__icon:before {
    border-radius: 20px;
  }
}

.bootcamp-intro-section__sidebar__icon:after {
  content: '';
  top: -28px;
  left: -28px;
  right: -28px;
  bottom: -28px;
  z-index: -10;
  opacity: 0.75;
  background: #fff;
  position: absolute;
  border-radius: 40px;
  -webkit-box-shadow: 0 18px 48px 0 rgba(54, 73, 128, 0.15);
          box-shadow: 0 18px 48px 0 rgba(54, 73, 128, 0.15);
}

@media only screen and (max-width: 1680px) {
  .bootcamp-intro-section__sidebar__icon:after {
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border-radius: 36px;
  }
}

.bootcamp-intro-section .subscribe-form {
  margin: 0;
  width: 100%;
  max-width: 540px;
}

@media only screen and (min-width: 1901px) {
  .bootcamp-intro-section .subscribe-form {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .bootcamp-intro-section .subscribe-form {
    max-width: 600px;
    margin: 36px auto 40px;
  }
}

.bootcamp-intro-section .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.bootcamp-intro-section .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.bootcamp-intro-section .subscribe-form .wpcf7-text {
  height: 56px;
  background: #fff;
  border-radius: 16px;
  padding: 0 32px 0 16px;
}

.bootcamp-intro-section .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #f3f4f5;
}

.bootcamp-intro-section .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 16px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 48px 12px 24px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 24px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .bootcamp-intro-section .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.bootcamp-intro-section .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.bootcamp-intro-section .subscribe-form .wpcf7-not-valid-tip {
  right: 10px;
}

.bootcamp-intro-section .subscribe-form .wpcf7-mail-sent-ok,
.bootcamp-intro-section .subscribe-form .wpcf7-response-output,
.bootcamp-intro-section .subscribe-form .wpcf7-validation-errors {
  right: 0;
  z-index: 10;
}

.bootcamp-intro-section .subscribe-form div.wpcf7 div.ajax-loader,
.bootcamp-intro-section .subscribe-form div.wpcf7 span.ajax-loader {
  left: 16px;
}

.structure-list {
  margin: 0;
  z-index: 10;
  list-style: none;
  position: relative;
  border-radius: 16px;
  background: #f7f8fa;
  padding: 35px 43px 7px 47px;
}

@media only screen and (max-width: 1680px) {
  .structure-list {
    padding: 32px 24px 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .structure-list {
    padding: 24px 24px 16px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .structure-list {
    -webkit-columns: 2;
            columns: 2;
    -webkit-column-gap: 32px;
            column-gap: 32px;
  }
}

.structure-list:before {
  top: 51px;
  left: 67px;
  content: '';
  bottom: 47px;
  z-index: -10;
  position: absolute;
  pointer-events: none;
  border-left: 2px dashed #6f5bd8;
}

@media only screen and (max-width: 1680px) {
  .structure-list:before {
    left: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  .structure-list:before {
    display: none;
  }
}

.structure-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #878996;
  line-height: 24px;
  padding-bottom: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .structure-item {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .structure-item {
    z-index: 10;
    position: relative;
    padding-right: 16px;
    page-break-inside: avoid;
  }
  .structure-item:not(:last-child):before {
    top: 2px;
    bottom: 0;
    left: 17px;
    content: '';
    z-index: -10;
    position: absolute;
    pointer-events: none;
    border-left: 2px dashed #6f5bd8;
  }
}

.structure-item__icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 16px;
  color: #6F7DFF;
  background: #fff;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px 24px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 16px 32px -10px rgba(53, 67, 108, 0.24);
          box-shadow: 0 16px 32px -10px rgba(53, 67, 108, 0.24);
}

@media only screen and (max-width: 1680px) {
  .structure-item__icon {
    width: 36px;
    height: 36px;
    margin-top: 2px;
    font-size: 14px;
    margin-right: 16px;
  }
}

.structure-item:first-child .structure-item__icon {
  color: #fff;
  background: #6F7DFF;
}

.structure-item:last-child .structure-item__icon {
  color: #fff;
  background: #ffbd07;
}

.structure-item__icon img {
  width: 16px;
  height: 16px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 1680px) {
  .structure-item__icon img {
    width: 14px;
    height: 14px;
  }
}

.structure-item__title {
  display: block;
  font-size: 18px;
  color: #05060c;
}

@media only screen and (max-width: 1680px) {
  .structure-item__title {
    font-size: 16px;
  }
}

.requirements-section {
  padding: 51px 0 81px;
}

.requirements-section + .feature-services-section {
  padding-top: 36px;
}

.requirements-section__inner, .requirements-section__form {
  max-width: 1100px;
}

.requirements-section__inner {
  padding: 48px 0 0;
  position: relative;
  margin: 0 auto 88px;
  border-radius: 16px;
  border: 1px solid #dcdde1;
}

@media only screen and (max-width: 1024px) {
  .requirements-section__inner {
    padding-top: 32px;
    margin-bottom: 48px;
  }
}

.requirements-section__inner__icon {
  top: 56px;
  left: 111px;
  width: 90px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  position: absolute;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 18px 54px -11px rgba(53, 67, 108, 0.24);
          box-shadow: 0 18px 54px -11px rgba(53, 67, 108, 0.24);
}

@media only screen and (max-width: 1024px) {
  .requirements-section__inner__icon {
    display: none;
  }
}

.requirements-section__inner__icon img {
  display: block;
  max-width: 32px;
  max-height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}

.requirements-section__form {
  margin: 0 auto;
  border-radius: 16px;
  background: #eff1f5;
  padding: 57px 32px 56px;
}

@media only screen and (min-width: 769px) {
  .requirements-section__form {
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .requirements-section__form {
    margin: 0 -24px;
    border-radius: 0;
    padding: 48px 24px;
  }
}

.requirements-section h2, .requirements-section .h2 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 1024px) {
  .requirements-section h2, .requirements-section .h2 {
    margin-bottom: 16px;
  }
}

.requirements-section__head {
  padding: 0 160px;
  max-width: 840px;
  text-align: center;
  position: relative;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 1024px) {
  .requirements-section__head {
    padding: 0 20px;
    max-width: none;
    margin-bottom: 32px;
  }
}

.requirements-section__body {
  padding: 48px 96px 14px;
  border-top: 1px solid #edeef0;
}

@media only screen and (max-width: 1024px) {
  .requirements-section__body {
    padding: 32px 24px 0;
  }
}

.requirements-section__subtitle {
  display: block;
  font-size: 18px;
  color: #878996;
  line-height: 32px;
}

@media only screen and (max-width: 1024px) {
  .requirements-section__subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}

.requirements-section .subscribe-form {
  margin: 0 auto;
  max-width: 636px;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .requirements-section .subscribe-form {
    max-width: 580px;
  }
}

@media only screen and (max-width: 1024px) {
  .requirements-section .subscribe-form {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) {
  .requirements-section .subscribe-form:after, .requirements-section .subscribe-form:before {
    top: 50%;
    content: '';
    width: 9999px;
    position: absolute;
    border-bottom: 1px solid #fff;
  }
  .requirements-section .subscribe-form:after {
    left: 100%;
    margin-left: 18px;
  }
  .requirements-section .subscribe-form:before {
    right: 100%;
    margin-right: 18px;
  }
}

.requirements-section .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.requirements-section .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.requirements-section .subscribe-form .wpcf7-text {
  height: 56px;
  background: #fff;
  border-radius: 16px;
  padding: 0 40px 0 24px;
}

.requirements-section .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #fff;
}

.requirements-section .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 24px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 64px 12px 32px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 32px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .requirements-section .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.requirements-section .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.requirements-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -32px;
  font-size: 16px;
  list-style: none;
  font-weight: 300;
  line-height: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .requirements-list {
    font-size: 14px;
    line-height: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media only screen and (max-width: 1024px) {
  .requirements-list {
    margin: 0 -16px 24px;
  }
}

.requirements-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 32px 36px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .requirements-list__item {
    margin: 0 20px 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .requirements-list__item {
    width: 50%;
    padding: 0 16px;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 640px) {
  .requirements-list__item {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .requirements-list--aligned .requirements-list__item {
    width: calc(33.3333% - 64px);
  }
}

.requirements-list__icon {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 16px;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3px 16px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .requirements-list__icon {
    width: 14px;
    height: 14px;
    font-size: 14px;
    margin: 2px 12px 0 0;
  }
}

.requirements-list__title {
  display: block;
  color: #05060c;
  max-width: 180px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 1681px) {
  .requirements-list__title {
    line-height: 21px;
  }
}

@media only screen and (max-width: 1366px) {
  .requirements-list__title {
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 1024px) {
  .requirements-list__title {
    max-width: none;
  }
}

.requirements-list__content {
  max-width: 256px;
}

@media only screen and (max-width: 1366px) {
  .requirements-list__content {
    max-width: 228px;
  }
}

@media only screen and (max-width: 1024px) {
  .requirements-list__content {
    max-width: none;
  }
}

.requirements-list__content p {
  margin: 0;
}

.preview-section {
  padding-top: 88px;
  padding-bottom: 22px;
}

@media only screen and (max-width: 1024px) {
  .preview-section {
    padding-top: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section + .feature-services-section {
    padding-top: 84px;
  }
}

@media only screen and (max-width: 768px) {
  .preview-section + .feature-services-section {
    padding-top: 64px;
  }
}

.preview-section h1, .preview-section .h1 {
  margin-bottom: 24px;
}

@media only screen and (min-width: 1681px) {
  .preview-section h1, .preview-section .h1 {
    line-height: 84px;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section h1 br, .preview-section .h1 br {
    display: none;
  }
}

.preview-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -6px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .preview-section__inner {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section__inner {
    margin: 0;
  }
}

.preview-section__main {
  width: 45%;
  padding: 0 6px;
  font-size: 24px;
  color: #878996;
  line-height: 40px;
}

@media only screen and (max-width: 1680px) {
  .preview-section__main {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section__main {
    padding: 0;
    width: auto;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .preview-section__main {
    font-size: 16px;
    line-height: 20px;
  }
}

.preview-section__main p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .preview-section__main p {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section__main p {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .preview-section__main p {
    margin-bottom: 20px;
  }
}

.preview-section__visual {
  width: 55%;
  padding: 0 6px;
}

@media only screen and (max-width: 1024px) {
  .preview-section__visual {
    padding: 0;
    width: auto;
    max-width: 600px;
    margin: 40px auto 0;
  }
}

@media only screen and (max-width: 768px) {
  .preview-section__visual {
    margin-top: 65px;
  }
}

.preview-section__visual__inner {
  position: relative;
  margin: -165px -251px -110px -21px;
}

@media only screen and (max-width: 1366px) {
  .preview-section__visual__inner {
    margin: -140px -120px -130px -40px;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section__visual__inner {
    margin: -40px -50px -100px;
  }
}

.preview-section__visual__inner:before {
  content: '';
  display: block;
  max-height: 800px;
  padding-top: 82.39741%;
}

.preview-section__visual__inner img {
  top: 0;
  left: 0;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 640px) {
  .preview-section__visual__inner img {
    width: 100%;
  }
}

.preview-section .subscribe-form {
  width: auto;
  max-width: 458px;
  margin: 80px 0 0;
}

@media only screen and (max-width: 1680px) {
  .preview-section .subscribe-form {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .preview-section .subscribe-form {
    margin: 0 auto;
    max-width: 600px;
  }
}

.preview-section .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.preview-section .subscribe-form .wpcf7-form .form-row {
  width: 100%;
}

.preview-section .subscribe-form .wpcf7-text {
  height: 56px;
  background: #fff;
  border-radius: 16px;
  padding: 0 32px 0 16px;
}

.preview-section .subscribe-form .wpcf7-text:not(:focus) {
  border-color: #f3f4f5;
}

.preview-section .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  color: #fff;
  display: block;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 24px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 48px 12px 24px;
  -webkit-box-shadow: 0 20px 50px 0 #d9d5ed;
          box-shadow: 0 20px 50px 0 #d9d5ed;
  background: #6F7DFF url(../images/arrow-right.svg) calc(100% - 24px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .preview-section .subscribe-form .wpcf7-submit {
    padding: 0;
    width: 56px;
    overflow: hidden;
    margin-left: 16px;
    text-indent: -9999px;
    background-position: 50% 50%;
  }
}

.preview-section .subscribe-form .wpcf7-submit:hover {
  background-color: #4C5ADE;
}

.preview-section .subscribe-form .wpcf7-not-valid-tip {
  right: 10px;
}

.preview-section .subscribe-form .wpcf7-mail-sent-ok,
.preview-section .subscribe-form .wpcf7-response-output,
.preview-section .subscribe-form .wpcf7-validation-errors {
  right: 0;
  z-index: 10;
}

.preview-section .subscribe-form div.wpcf7 div.ajax-loader,
.preview-section .subscribe-form div.wpcf7 span.ajax-loader {
  left: 24px;
}

@media only screen and (max-width: 1024px) {
  .preview-section .btn-panel {
    margin-top: 32px;
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.career-intro-section {
  font-size: 18px;
  line-height: 1.78;
  padding: 35px 0 120px;
}

@media only screen and (max-width: 1680px) {
  .career-intro-section {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .career-intro-section {
    padding-bottom: 35px;
  }
}

.promo-section--dark + .career-intro-section {
  padding-top: 20px;
}

.career-intro-section > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .career-intro-section > .container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.career-intro-section h3, .career-intro-section .h3 {
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 59px;
}

@media only screen and (max-width: 1680px) {
  .career-intro-section h3, .career-intro-section .h3 {
    font-size: 28px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .career-intro-section h3, .career-intro-section .h3 {
    font-size: 24px;
    margin-bottom: 28px;
  }
}

.career-intro-section__visual {
  width: 48%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 725px;
  margin-left: 40px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .career-intro-section__visual {
    width: 43%;
  }
}

@media only screen and (max-width: 1024px) {
  .career-intro-section__visual {
    width: 100%;
    margin-left: 0;
    margin-bottom: 85px;
  }
}

.career-intro-section__visual:before {
  content: '';
  display: block;
  padding-top: 65.24138%;
}

.career-intro-section__visual:after {
  top: 100%;
  left: 3.5%;
  right: 3.5%;
  content: '';
  height: 40px;
  margin-top: -12px;
  position: absolute;
  border-radius: 8px;
  -webkit-box-shadow: 0 16px 32px 0 rgba(220, 221, 225, 0.45);
          box-shadow: 0 16px 32px 0 rgba(220, 221, 225, 0.45);
}

.career-intro-section__visual__shadow {
  top: 100%;
  left: 3.5%;
  right: 3.5%;
  height: 89px;
  margin-top: -50px;
  -webkit-filter: blur(23px);
          filter: blur(23px);
  position: absolute;
  background: rgba(134, 143, 160, 0.18);
}

.career-intro-section__visual > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 12px;
}

.career-intro-section__visual__icon {
  left: 50%;
  z-index: 25;
  width: 100px;
  height: 100px;
  bottom: -56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin-left: -50px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 26px 46px 0 rgba(159, 169, 197, 0.25);
          box-shadow: 0 26px 46px 0 rgba(159, 169, 197, 0.25);
}

@media only screen and (max-width: 1680px) {
  .career-intro-section__visual__icon {
    width: 90px;
    height: 90px;
    border-radius: 30px;
  }
}

.career-intro-section__visual__icon:after {
  z-index: 10;
  content: '';
  top: -28px;
  left: -28px;
  right: -28px;
  bottom: -28px;
  opacity: 0.79;
  background: #fff;
  position: absolute;
  border-radius: 57px;
  -webkit-box-shadow: 0 26px 39px 0 rgba(141, 152, 184, 0.26);
          box-shadow: 0 26px 39px 0 rgba(141, 152, 184, 0.26);
}

@media only screen and (max-width: 1680px) {
  .career-intro-section__visual__icon:after {
    top: -24px;
    left: -24px;
    right: -24px;
    bottom: -24px;
    border-radius: 48px;
  }
}

.career-intro-section__visual__icon__inner {
  z-index: 15;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 22px 46px -13px #6152a7;
          box-shadow: 0 22px 46px -13px #6152a7;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3a7f6), to(#6e5bd8));
  background: linear-gradient(to bottom, #b3a7f6, #6e5bd8);
}

@media only screen and (max-width: 1680px) {
  .career-intro-section__visual__icon__inner {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }
}

.career-intro-section__content {
  max-width: 448px;
}

@media only screen and (max-width: 1024px) {
  .career-intro-section__content {
    width: 100%;
    max-width: 674px;
    padding-top: 26px;
  }
}

.career-intro-section__content p:last-child {
  margin-bottom: 0;
}

.career-intro-section__content p strong {
  color: #1E1F2B;
}

.career-positions-section {
  padding: 101px 0 168px;
}

@media only screen and (max-width: 1680px) {
  .career-positions-section {
    padding: 64px 0 124px;
  }
}

.career-positions-section__head {
  font-size: 24px;
  line-height: 1.67;
  text-align: center;
  margin-bottom: 96px;
}

@media only screen and (max-width: 1680px) {
  .career-positions-section__head {
    font-size: 20px;
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 768px) {
  .career-positions-section__head {
    font-size: 16px;
  }
}

.career-positions-section__head h1, .career-positions-section__head .h1 {
  font-size: 64px;
  line-height: 1.25;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1680px) {
  .career-positions-section__head h1, .career-positions-section__head .h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .career-positions-section__head h1, .career-positions-section__head .h1 {
    font-size: 36px;
  }
}

.career-positions-section__head p {
  margin-bottom: 0;
}

.career-positions-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px;
  list-style: none;
}

.career-positions-list__item {
  width: 33.3333%;
  padding: 0 12px;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1024px) {
  .career-positions-list__item {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .career-positions-list__item {
    width: 100%;
  }
}

.career-position-item {
  display: block;
  min-height: 100%;
  background: #fff;
  padding: 40px 32px 32px;
  -webkit-transition: -webkit-box-shadow .35s ease;
  transition: -webkit-box-shadow .35s ease;
  transition: box-shadow .35s ease;
  transition: box-shadow .35s ease, -webkit-box-shadow .35s ease;
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
}

@media only screen and (max-width: 1680px) {
  .career-position-item {
    padding: 36px 24px 24px;
  }
}

.career-position-item:hover {
  -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.7);
          box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.7);
}

.career-position-item__topic {
  font-size: 12px;
  margin: 0 0 16px;
  padding: 8px 16px;
  line-height: 16px;
  color: #6F7DFF;
  border-radius: 8px;
  vertical-align: top;
  display: inline-block;
  background: #eae6ff;
}

.career-position-item__title {
  display: block;
  font-size: 24px;
  margin: 0 0 26px;
  color: #05060c;
  line-height: 1.3333;
}

@media only screen and (max-width: 1680px) {
  .career-position-item__title {
    font-size: 20px;
  }
}

.career-position-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -16px;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.career-position-item__place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px;
  color: #3a3a3a;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.career-position-item__place__icon {
  margin-right: 8px;
}

.career-position-item__place__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.career-position-item__work-schedule {
  margin: 0 16px;
  color: #6F7DFF;
}

.career-position-item__read-more {
  font-size: 14px;
  margin: 24px 0 0;
  font-weight: 500;
  line-height: 16px;
  font-weight: bold;
  padding: 12px 24px;
  color: #6F7DFF;
  border-radius: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #f7f8fa;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.career-position-item__read-more:hover {
  background: #e2e6fa;
}

.career-position-item__read-more i {
  line-height: 1;
  font-size: 12px;
  margin-left: 16px;
}

.article-section--career-offer {
  z-index: 25;
  padding-top: 0;
  margin-top: -56px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .article-section--career-offer {
    margin-top: 0;
  }
}

.article-section--career-offer .article__main {
  margin-left: 0;
}

.article-section--career-offer .article__body {
  font-size: 16px;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  border-bottom: none;
}

.article-section--career-offer .article__body h4, .article-section--career-offer .article__body .h4 {
  font-size: 24px;
  line-height: 1.3333;
  margin-bottom: 42px;
}

@media only screen and (max-width: 1680px) {
  .article-section--career-offer .article__body h4, .article-section--career-offer .article__body .h4 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}

.article-section--career-offer .article__body p + h4,
.article-section--career-offer .article__body p + .h4, .article-section--career-offer .article__body ul + h4,
.article-section--career-offer .article__body ul + .h4, .article-section--career-offer .article__body ol + h4,
.article-section--career-offer .article__body ol + .h4 {
  margin-top: 56px;
}

.job-apply-form-section {
  z-index: 50;
  position: relative;
  padding: 23px 0 128px;
}

@media only screen and (max-width: 768px) {
  .job-apply-form-section {
    padding: 16px 0 20px;
  }
}

@media only screen and (min-width: 769px) {
  .job-apply-form-section:before {
    left: 0;
    right: 0;
    bottom: 0;
    top: 200px;
    content: '';
    z-index: -10;
    position: absolute;
    background: #f7f8fa;
  }
}

.job-apply-form-section h2, .job-apply-form-section .h2 {
  text-align: center;
  margin-bottom: 48px;
}

.job-apply-form-section__form {
  margin: 0 auto;
  max-width: 880px;
  padding: 80px 56px 24px;
}

@media only screen and (min-width: 769px) {
  .job-apply-form-section__form {
    background: #fff;
    -webkit-box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
            box-shadow: 0 12px 72px 0 rgba(220, 221, 225, 0.43);
  }
}

@media only screen and (max-width: 768px) {
  .job-apply-form-section__form {
    padding: 32px 0 24px;
  }
}

.job-apply-form-section__form .form-row {
  margin-bottom: 40px;
}

.job-apply-form-section__form .col-row {
  margin-left: -12px;
  margin-right: -12px;
}

.job-apply-form-section__form .col-row > .col {
  padding-left: 12px;
  padding-right: 12px;
}

.job-apply-form-section__form input[type="file"] {
  height: 88px;
  display: block;
}

.job-apply-form-section__form .file-loader-input {
  width: 100%;
  height: 88px;
  display: block;
  cursor: pointer;
  font-weight: 500;
  color: #8d8a98;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  border-radius: 16px;
  background: #fbfcfd;
  border: 2px dashed #c5c3d5;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.job-apply-form-section__form .file-loader-input:hover {
  background: #f1f0f5;
}

.job-apply-form-section__form .file-loader-input--not-valid {
  color: #FC1D3C;
  border-color: #FC1D3C;
}

.job-apply-form-section__form .file-loader-input input[type="file"] {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}

.job-apply-form-section__form .file-loader-input__title, .job-apply-form-section__form .file-loader-input__file {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}

.job-apply-form-section__form .file-loader-input__title {
  right: 0;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.job-apply-form-section__form .file-loader-input__title strong {
  text-decoration: underline;
}

.job-apply-form-section__form .file-loader-input--has-file .file-loader-input__title {
  opacity: 0;
}

.job-apply-form-section__form .file-loader-input--has-file .wpcf7-not-valid-tip {
  display: none !important;
}

.job-apply-form-section__form .file-loader-input__file {
  right: 68px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
}

.job-apply-form-section__form .file-loader-input__delete {
  top: 0;
  right: 0;
  bottom: 0;
  width: 68px;
  opacity: 0.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FC1D3C;
  line-height: 1;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.job-apply-form-section__form .file-loader-input__delete:hover {
  opacity: 1;
}

.job-apply-form-section__form .tooltip {
  color: #cccdd2;
}

.job-apply-form-section__form .tooltip:hover {
  color: #6F7DFF;
}

.job-apply-form-section__form .submit-btn {
  margin-top: 8px;
  text-align: center;
}

.job-apply-form-section__form .submit-btn p {
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.job-apply-form-section__form .submit-btn .btn {
  width: auto;
  padding-right: 64px;
  background-repeat: no-repeat;
  background-position: calc(100% - 32px) 50%;
  background-image: url(../images/arrow-right.svg);
}

.custom-form .allow-dropdown {
  width: 100%;
  height: 48px;
  display: block;
  padding: 0;
  font-size: 14px;
  background: #f7f8fa;
  font-family: inherit;
  -webkit-appearance: none;
  border: 1px solid #f7f8fa;
  -webkit-transition: border-color .35s ease;
  transition: border-color .35s ease;
  border-radius: 16px;
}

@media only screen and (max-width: 360px) {
  .custom-form .allow-dropdown {
    padding: 0 16px;
  }
}

.custom-form .allow-dropdown.wpcf7-not-valid {
  border-color: #FC1D3C;
}

.custom-form .allow-dropdown > input {
  width: 100%;
  height: 100%;
  border: none;
  font: inherit;
  background: none;
  border-radius: 16px;
  padding-left: 94px !important;
}

.custom-form .allow-dropdown > input[aria-invalid="true"] {
  -webkit-box-shadow: inset 0 0 0 1px #FC1D3C;
          box-shadow: inset 0 0 0 1px #FC1D3C;
}

.custom-form .intl-tel-input.allow-dropdown .selected-flag,
.custom-form .intl-tel-input.separate-dial-code .selected-flag {
  width: 80px;
}

.custom-form .intl-tel-input .selected-flag {
  padding-left: 22px;
  border-radius: 16px 0 0 16px;
}

.custom-form .intl-tel-input .selected-flag .iti-arrow {
  width: auto;
  height: auto;
  border: none;
  font-size: 8px;
  line-height: 1;
  margin-top: -4px;
  color: #cccdd2;
  font-style: normal;
  font-weight: normal;
  font-family: "icomoon";
}

.custom-form .intl-tel-input .selected-flag .iti-arrow:before {
  content: '\e854';
  vertical-align: top;
  display: inline-block;
}

.custom-form .intl-tel-input .country-list {
  border: none;
  font-size: 14px;
  min-width: 280px;
  line-height: 18px;
  background: #fff;
  margin: 16px 0 !important;
  -webkit-box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
          box-shadow: 0 11px 45px 0 rgba(34, 58, 106, 0.09);
}

.custom-form .intl-tel-input .country-list .country {
  padding: 10px 24px;
}

.career-head-section {
  text-align: center;
  position: relative;
  padding: 96px 0 100px;
}

@media only screen and (max-width: 768px) {
  .career-head-section {
    padding: 48px 0 32px;
  }
}

.career-head-section:before {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -10;
  height: 926px;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

@media only screen and (max-width: 1680px) {
  .career-head-section:before {
    height: 720px;
  }
}

.career-head-section__head__inner {
  position: relative;
  margin-bottom: 48px;
  vertical-align: top;
  display: inline-block;
}

.career-head-section__head__inner:after, .career-head-section__head__inner:before {
  top: 50%;
  z-index: -5;
  content: '';
  position: absolute;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.career-head-section__head__inner:before {
  right: 100%;
  width: 667px;
  height: 385px;
  margin-top: -194px;
  margin-right: 20px;
  background-image: url(../images/left-lines.svg);
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__inner:before {
    width: 560px;
    height: 323px;
    margin-top: -166px;
    margin-right: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .career-head-section__head__inner:before {
    width: 400px;
    height: 231px;
    margin-top: -118px;
    margin-right: -20px;
  }
}

.career-head-section__head__inner:after {
  left: 100%;
  width: 679px;
  height: 372px;
  margin-left: 20px;
  margin-top: -178px;
  background-image: url(../images/right-lines.svg);
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__inner:after {
    width: 560px;
    height: 307px;
    margin-left: 12px;
    margin-top: -152px;
  }
}

@media only screen and (max-width: 768px) {
  .career-head-section__head__inner:after {
    width: 400px;
    height: 231px;
    margin-left: -20px;
    margin-top: -116px;
  }
}

.career-head-section__head__icon {
  z-index: 10;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.25);
          box-shadow: 0 28px 50px 0 rgba(220, 221, 225, 0.25);
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__icon {
    width: 64px;
    height: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .career-head-section__head__icon {
    display: none;
  }
}

.career-head-section__head__icon--1 {
  top: 106px;
  right: 100%;
  margin-right: 140px;
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__icon--1 {
    top: 80px;
    margin-right: 110px;
  }
}

.career-head-section__head__icon--2 {
  top: 36px;
  left: 100%;
  margin-left: 268px;
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__icon--2 {
    top: 18px;
    margin-left: 214px;
  }
}

.career-head-section__head__icon--3 {
  top: 100%;
  left: 100%;
  margin-top: 80px;
  margin-left: 32px;
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__icon--3 {
    margin-top: 64px;
    margin-left: 24px;
  }
}

.career-head-section__head__icon img {
  width: 24px;
  height: 24px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 1680px) {
  .career-head-section__head__icon img {
    width: 22px;
    height: 22px;
  }
}

.career-head-section h1, .career-head-section .h1 {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .career-head-section h1, .career-head-section .h1 {
    font-size: 36px;
  }
}

.steps-section--offer:after {
  max-height: none;
}

@media only screen and (max-width: 1680px) {
  .steps-section--offer:after {
    height: 720px;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section--offer .steps-section__icon {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .steps-section--offer .steps-section__centered {
    margin-bottom: 0;
  }
}

.promo-section {
  z-index: 50;
  color: #fff;
  font-size: 20px;
  line-height: 1.6em;
  padding: 64px 0;
  min-height: 444px;
  position: relative;
  text-align: center;
  background: #6458a4;
}

@media only screen and (max-width: 1680px) {
  .promo-section {
    padding: 64px 0;
    font-size: 20px;
    min-height: 400px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section {
    font-size: 16px;
    padding: 48px 0;
    min-height: 320px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section {
    padding-bottom: 56px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section {
    min-height: 0;
    padding-top: 36px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section {
    font-size: 15px;
  }
}

.promo-section + .partners-section {
  padding-top: 186px;
}

@media only screen and (max-width: 1680px) {
  .promo-section + .partners-section {
    padding-top: 148px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section + .partners-section {
    padding-top: 136px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section + .partners-section {
    padding-top: 128px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section + .partners-section {
    padding-top: 100px;
  }
}

@media screen and (max-width: 480px) {
  .promo-section + .partners-section {
    padding-top: calc(30vw - 48px);
  }
}

.promo-section--no-offset {
  margin-bottom: 51px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--no-offset {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--no-offset {
    margin-bottom: 32px;
  }
}

.promo-section--dark {
  font-size: 20px;
  color: #B7B8C5;
  margin-bottom: 0;
  padding-top: 88px;
  position: relative;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark {
    font-size: 18px;
    padding-top: 68px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark {
    font-size: 16px;
    line-height: 1.75;
  }
}

.promo-section--dark:not(.promo-section--type-2) {
  padding-bottom: 234px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark:not(.promo-section--type-2) {
    padding-bottom: 180px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark:not(.promo-section--type-2) {
    padding-bottom: 96px;
  }
}

.promo-section--dark.promo-section--type-2 {
  padding-top: 64px;
  padding-bottom: 183px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark.promo-section--type-2 {
    padding-top: 48px;
    padding-bottom: 140px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark.promo-section--type-2 {
    padding-bottom: 110px;
  }
}

@media screen and (max-width: 640px) {
  .promo-section--dark.promo-section--type-2 {
    padding-bottom: 80px;
  }
}

.promo-section--dark.promo-section--type-2 + .promo-section-graph-description-section {
  padding-top: 167px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark.promo-section--type-2 + .promo-section-graph-description-section {
    padding-top: 170px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark.promo-section--type-2 + .promo-section-graph-description-section {
    padding-top: 164px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section--dark.promo-section--type-2 + .promo-section-graph-description-section {
    padding-top: 146px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark.promo-section--type-2 + .promo-section-graph-description-section {
    padding-top: 156px;
  }
}

@media screen and (max-width: 640px) {
  .promo-section--dark.promo-section--type-2 + .promo-section-graph-description-section {
    padding-top: 118px;
  }
}

.promo-section--dark h1, .promo-section--dark .h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark h1, .promo-section--dark .h1 {
    font-size: 68px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark h1, .promo-section--dark .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark h1, .promo-section--dark .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

@media only screen and (min-width: 769px) {
  .promo-section--dark + .main-features {
    padding-top: 0;
  }
}

.promo-section--dark .promo-section__buttons {
  margin-top: 24px;
  margin-bottom: 0;
}

.promo-section--dark .promo-section__buttons .btn {
  margin-bottom: 0;
}

.promo-section--dark .promo-section__bg {
  background-color: #2A2C3A;
}

@media only screen and (max-width: 640px) {
  .promo-section--dark__icons {
    height: 200px;
    margin-top: 32px;
    position: relative;
    margin-bottom: -32px;
  }
}

.promo-section--dark__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  z-index: -5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-transform: translate(-0.5em, -0.5em);
          transform: translate(-0.5em, -0.5em);
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
}

.promo-section--dark__icon:nth-child(1) {
  font-size: 100px;
  margin: -171px 0 0 -475px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark__icon:nth-child(1) {
    margin: -160px 0 0 -420px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark__icon:nth-child(1) {
    font-size: 92px;
    margin-left: -388px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark__icon:nth-child(1) {
    font-size: 80px;
    margin-top: -128px;
    margin-left: -210px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section--dark__icon:nth-child(1) {
    top: 14%;
    left: 7%;
    margin: 0;
  }
}

.promo-section--dark__icon:nth-child(2) {
  opacity: 0.5;
  font-size: 47px;
  -webkit-filter: blur(11px);
          filter: blur(11px);
  margin: -183px 0 0 554px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark__icon:nth-child(2) {
    margin: -180px 0 0 480px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark__icon:nth-child(2) {
    font-size: 40px;
    margin-left: 360px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark__icon:nth-child(2) {
    font-size: 36px;
    margin-top: -140px;
    margin-left: 220px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section--dark__icon:nth-child(2) {
    top: 20%;
    margin: 0;
    right: -5%;
    left: auto;
  }
}

.promo-section--dark__icon:nth-child(3) {
  opacity: 0.5;
  font-size: 63px;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  margin: -68px 0 0 -754px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark__icon:nth-child(3) {
    margin: -48px 0 0 -540px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark__icon:nth-child(3) {
    font-size: 48px;
    margin: -36px 0 0 -440px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark__icon:nth-child(3) {
    font-size: 40px;
    margin-top: 24px;
    margin-left: -220px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section--dark__icon:nth-child(3) {
    left: 26%;
    top: auto;
    margin: 0;
    bottom: 2%;
  }
}

.promo-section--dark__icon:nth-child(4) {
  font-size: 125px;
  margin: 140px 0 0 505px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark__icon:nth-child(4) {
    margin: 116px 0 0 450px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark__icon:nth-child(4) {
    font-size: 100px;
    margin: 140px 0 0 360px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark__icon:nth-child(4) {
    font-size: 90px;
    margin-top: 124px;
    margin-left: 176px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section--dark__icon:nth-child(4) {
    top: auto;
    margin: 0;
    left: auto;
    right: -5%;
    bottom: -38%;
  }
}

.promo-section--dark__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.3em;
  height: 0.3em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.promo-section--dark .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 296px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark .container {
    min-height: 280px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark .container {
    min-height: 260px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark .container {
    min-height: 180px;
  }
}

.promo-section--dark__bg {
  left: 50%;
  z-index: -8;
  bottom: -1px;
  width: 1230px;
  height: 122px;
  background: #fff;
  position: absolute;
  margin-left: -615px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark__bg {
    height: 74px;
    width: calc(100vw - 200px);
    margin-left: calc(-50vw + 100px);
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark__bg {
    height: 40px;
    width: calc(100vw - 120px);
    margin-left: calc(-50vw + 60px);
  }
}

.promo-section--dark__bg:after, .promo-section--dark__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 164px;
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.promo-section--dark__bg:before {
  right: 100%;
  margin-right: -1px;
  background-position: 100% 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

.promo-section--dark__bg:after {
  left: 100%;
  margin-left: -1px;
  background-position: 0 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

.promo-section__content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1680px) {
  .promo-section__content {
    max-width: 560px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__content {
    max-width: 520px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__content {
    max-width: 360px;
  }
}

.promo-section--dark .promo-section__content {
  max-width: 640px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark .promo-section__content {
    max-width: 580px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--dark .promo-section__content {
    max-width: 500px;
  }
}

.promo-section__content p {
  margin-bottom: 1em;
}

.promo-section__content p:last-child {
  margin-bottom: 0;
}

.promo-section .container {
  max-width: 966px;
}

@media only screen and (max-width: 1680px) {
  .promo-section .container {
    max-width: 860px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section .container {
    max-width: 800px;
  }
}

.promo-section__wrap {
  margin: 0 auto;
  max-width: 890px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__wrap {
    max-width: 700px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__wrap {
    max-width: 540px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__wrap {
    max-width: 360px;
  }
}

.promo-section__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  position: absolute;
  pointer-events: none;
}

.promo-section__bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

@media only screen and (max-width: 1024px) {
  .promo-section__icons {
    height: 120px;
    position: relative;
    margin: 32px 0 48px;
    pointer-events: none;
  }
}

.promo-section__icon {
  top: 50%;
  left: 50%;
  z-index: -5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.15em;
  height: 3.15em;
  line-height: 1;
  font-size: 32px;
  position: absolute;
  border-radius: 30%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
          transform: rotate(-45deg) translate(-50%, -50%);
}

@media only screen and (max-width: 1680px) {
  .promo-section__icon {
    width: 3em;
    height: 3em;
    font-size: 24px;
  }
}

.promo-section__icon--top-left {
  margin-top: -270px;
  margin-left: -515px;
}

@media only screen and (max-width: 1366px) {
  .promo-section__icon--top-left {
    margin-left: -390px;
  }
}

.promo-section--type-2 .promo-section__icon--top-left {
  margin-top: -135px;
  margin-left: -491px;
}

@media only screen and (max-width: 1366px) {
  .promo-section--type-2 .promo-section__icon--top-left {
    margin-left: -364px;
  }
}

.promo-section__icon--bottom-left {
  margin-top: 180px;
  margin-left: -625px;
}

@media only screen and (max-width: 1366px) {
  .promo-section__icon--bottom-left {
    margin-left: -460px;
  }
}

.promo-section--type-2 .promo-section__icon--bottom-left {
  margin-top: 142px;
}

.promo-section__icon--top-right {
  margin-top: -234px;
  margin-left: 553px;
}

@media only screen and (max-width: 1366px) {
  .promo-section__icon--top-right {
    margin-left: 400px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__icon--top-right {
    margin-top: 0;
    margin-left: -200px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__icon--top-right {
    margin-left: -95px;
  }
}

.promo-section--type-2 .promo-section__icon--top-right {
  margin-top: -46px;
  margin-left: 448px;
}

@media only screen and (max-width: 1680px) {
  .promo-section--type-2 .promo-section__icon--top-right {
    margin-top: -74px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section--type-2 .promo-section__icon--top-right {
    margin-left: 380px;
  }
}

.promo-section__icon--bottom-right {
  margin-top: 86px;
  margin-left: 648px;
}

@media only screen and (max-width: 1366px) {
  .promo-section__icon--bottom-right {
    margin-left: 470px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__icon--bottom-right {
    margin-top: -35px;
    margin-left: 200px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__icon--bottom-right {
    margin-left: 72px;
  }
}

.promo-section--type-2 .promo-section__icon--bottom-right {
  margin-top: 50px;
}

.promo-section__icon--small {
  width: 3.07em;
  height: 3.07em;
  font-size: 21px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__icon--small {
    width: 2.8em;
    height: 2.8em;
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__icon--small {
    width: 3em;
    height: 3em;
    font-size: 14.7px;
  }
}

.promo-section__icon--medium {
  width: 2.98em;
  height: 2.98em;
  font-size: 27px;
}

@media only screen and (max-width: 1366px) {
  .promo-section__icon--medium {
    width: 2.9em;
    height: 2.9em;
    font-size: 22px;
  }
}

.promo-section__icon--purple {
  color: #2A1F5F;
  -webkit-box-shadow: 0 48px 80px rgba(20, 13, 98, 0.38);
          box-shadow: 0 48px 80px rgba(20, 13, 98, 0.38);
  background: linear-gradient(224.56deg, #9288C6 9.32%, #533DA2 89.29%);
}

.promo-section__icon--yellow {
  color: #714F19;
  -webkit-box-shadow: 0 24px 35.84px rgba(38, 29, 85, 0.76);
          box-shadow: 0 24px 35.84px rgba(38, 29, 85, 0.76);
  background: linear-gradient(224.56deg, #FFDC97 9.32%, #FA9600 89.29%);
}

.promo-section__icon img, .promo-section__icon svg {
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
}

.promo-section__icon i, .promo-section__icon img, .promo-section__icon svg {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.promo-section__title {
  display: block;
  margin: 0 0 24px;
  font-weight: 800;
  color: inherit !important;
}

@media only screen and (max-width: 1680px) {
  .promo-section__title {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__title {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__title {
    margin-bottom: 1em;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__title {
    margin-bottom: 16px;
  }
}

.promo-section__title h1, .promo-section__title .h1, .promo-section__title h2, .promo-section__title .h2 {
  margin-bottom: 0;
  font-size: inherit;
  line-height: inherit;
}

.promo-section__title h1, .promo-section__title .h1 {
  color: inherit;
}

.promo-section__title--small {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.44;
}

@media only screen and (max-width: 1680px) {
  .promo-section__title--small {
    font-size: 44px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__title--small {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__title--small {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px;
  }
}

.promo-section__title__normal {
  font-weight: normal;
}

.promo-section__buttons {
  margin: 48px -24px -24px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__buttons {
    margin: 32px -16px -16px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__buttons {
    margin: 12px -16px -12px;
  }
}

.promo-section__buttons .btn {
  margin: 0 24px 24px;
  -webkit-box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
          box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
}

@media only screen and (max-width: 1680px) {
  .promo-section__buttons .btn {
    margin: 0 16px 16px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__buttons .btn {
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (min-width: 361px) and (max-width: 640px) {
  .promo-section__buttons .btn {
    margin: 0 8px 12px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .promo-section__buttons .btn i {
    margin-top: 1px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 360px) {
  .promo-section__buttons .btn {
    width: calc(100% - 32px);
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__new-icons {
    height: 200px;
    position: relative;
    margin: 32px 0 -32px;
  }
}

.promo-section__new-icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-transform: translate(-0.5em, -0.5em);
          transform: translate(-0.5em, -0.5em);
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
}

.promo-section__new-icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.32em;
  height: 0.32em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.promo-section__new-icon:nth-child(1) {
  font-size: 100px;
  margin: -305px 0 0 -537px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__new-icon:nth-child(1) {
    margin: -260px 0 0 -460px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__new-icon:nth-child(1) {
    margin-top: -200px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__new-icon:nth-child(1) {
    font-size: 80px;
    margin-left: -340px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__new-icon:nth-child(1) {
    top: 8%;
    left: 10%;
    margin: 0;
  }
}

.promo-section__new-icon:nth-child(2) {
  opacity: 0.5;
  font-size: 47px;
  -webkit-filter: blur(11px);
          filter: blur(11px);
  margin: -320px 0 0 552px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__new-icon:nth-child(2) {
    margin: -250px 0 0 420px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__new-icon:nth-child(2) {
    margin-top: -160px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__new-icon:nth-child(2) {
    font-size: 40px;
    margin-left: 300px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__new-icon:nth-child(2) {
    top: 30%;
    right: 2%;
    margin: 0;
    left: auto;
  }
}

.promo-section__new-icon:nth-child(3) {
  opacity: 0.5;
  font-size: 63px;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  margin: -97px 0 0 -665px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__new-icon:nth-child(3) {
    margin: -36px 0 0 -430px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__new-icon:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__new-icon:nth-child(3) {
    font-size: 48px;
    margin-left: -280px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__new-icon:nth-child(3) {
    top: 68%;
    left: 32%;
    margin: 0;
  }
}

.promo-section__graphic {
  left: -5px;
  width: 100%;
  max-width: 842px;
  position: relative;
  margin: 57px auto -347px;
}

@media only screen and (min-width: 1681px) {
  .promo-section--dark .promo-section__graphic {
    margin-top: 51px;
  }
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic {
    max-width: 800px;
    margin: 32px auto -310px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic {
    max-width: 680px;
    margin-bottom: -274px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic {
    left: auto;
    max-width: 600px;
    margin-bottom: -256px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic {
    max-width: 540px;
    margin-bottom: -266px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic {
    left: 50%;
    max-width: 424px;
    width: calc(100% + 64px);
    margin: 24px -32px -198px;
    -webkit-transform: translateX(calc(-50% + 32px));
            transform: translateX(calc(-50% + 32px));
  }
}

.promo-section__graphic__item {
  position: relative;
  margin-bottom: 20px;
}

.promo-section__graphic__item:before {
  content: '';
  display: block;
  padding-top: 70.19002%;
}

.promo-section__graphic__item > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}

.promo-section__graphic__item__arrows {
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
}

.promo-section__graphic__item__arrow {
  content: '';
  z-index: 50;
  width: 107px;
  bottom: 26px;
  position: absolute;
  pointer-events: none;
  visibility: visible !important;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow {
    width: 107px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic__item__arrow {
    width: 85px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow {
    width: 73px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow {
    width: 58px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow {
    width: 46px;
    bottom: 15px;
  }
}

.promo-section__graphic__item__arrow--left {
  left: 50%;
  height: 406px;
  margin-left: -194px;
  -webkit-transform-origin: calc(100% - 32px) 32px;
          transform-origin: calc(100% - 32px) 32px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--left {
    height: 392px;
    margin-left: -166px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic__item__arrow--left {
    height: 322px;
    margin-left: -140px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--left {
    height: 277px;
    margin-left: -114px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow--left {
    height: 220px;
    margin-left: -96px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow--left {
    height: 176px;
    margin-left: -76px;
  }
}

.promo-section__graphic__item__arrow--left--small {
  height: 270px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--left--small {
    height: 270px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic__item__arrow--left--small {
    height: 214px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--left--small {
    height: 184px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow--left--small {
    height: 147px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow--left--small {
    height: 117px;
  }
}

.promo-section__graphic__item__arrow--left img {
  -webkit-transition: height 1.5s ease-out .35s, opacity .35s ease !important;
  transition: height 1.5s ease-out .35s, opacity .35s ease !important;
}

.promo-section__graphic__item__arrow--right {
  right: 50%;
  height: 139px;
  margin-right: -204px;
  -webkit-transform-origin: 32px 32px;
          transform-origin: 32px 32px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--right {
    height: 139px;
    margin-right: -180px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic__item__arrow--right {
    height: 110px;
    margin-right: -148px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--right {
    height: 95px;
    margin-right: -128px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow--right {
    height: 75px;
    margin-right: -108px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow--right {
    height: 60px;
    margin-right: -86px;
  }
}

.promo-section__graphic__item__arrow--right img {
  -webkit-transition: height 1s ease-out .35s, opacity .35s ease !important;
  transition: height 1s ease-out .35s, opacity .35s ease !important;
}

.promo-section__graphic__item__arrow img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

@media only screen and (min-width: 1025px) {
  .promo-section__graphic__item__arrows:not(.animated) .promo-section__graphic__item__arrow img {
    height: 0;
  }
}

.promo-section__graphic__item__arrow__handle-top, .promo-section__graphic__item__arrow__handle-bottom {
  position: absolute;
  border-radius: 50%;
}

@media only screen and (min-width: 1025px) {
  .promo-section__graphic__item__arrows:not(.animated) .promo-section__graphic__item__arrow__handle-top, .promo-section__graphic__item__arrows:not(.animated) .promo-section__graphic__item__arrow__handle-bottom {
    opacity: 0;
  }
}

.promo-section__graphic__item__arrow__handle-top {
  top: -50px;
  width: 64px;
  height: 64px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow__handle-top {
    top: -36px;
    width: 48px;
    height: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow__handle-top {
    top: -32px;
    width: 36px;
    height: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow__handle-top {
    top: -28px;
    width: 32px;
    height: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow__handle-top {
    top: -22px;
    width: 24px;
    height: 24px;
  }
}

.promo-section__graphic__item__arrow__handle-top:after {
  top: 25px;
  left: 25px;
  right: 25px;
  bottom: 25px;
  content: '';
  border-radius: 50%;
  position: absolute;
  background: #6F7DFF;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow__handle-top:after {
    top: 18px;
    left: 18px;
    right: 18px;
    bottom: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow__handle-top:after {
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow__handle-top:after {
    top: 11px;
    left: 11px;
    right: 11px;
    bottom: 11px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow__handle-top:after {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
  }
}

.promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-top {
  right: -30px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(111, 91, 216, 0.12);
  border-color: rgba(111, 91, 216, 0.28);
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-top {
    right: -22px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-top {
    right: -17px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-top {
    right: -15px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-top {
    right: -11px;
  }
}

.promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-top {
  left: -30px;
  border-color: #F7F8FA;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.32);
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-top {
    left: -22px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-top {
    left: -17px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-top {
    left: -15px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-top {
    left: -11px;
  }
}

.promo-section__graphic__item__arrow__handle-bottom {
  width: 30px;
  height: 30px;
  bottom: -16px;
  background: #FFF;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 13px #E7E9F3;
          box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 13px #E7E9F3;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow__handle-bottom {
    width: 24px;
    height: 24px;
    -webkit-box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 10px #E7E9F3;
            box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 10px #E7E9F3;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow__handle-bottom {
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 8px #E7E9F3;
            box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 8px #E7E9F3;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow__handle-bottom {
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 0 2px 4px rgba(54, 43, 119, 0.15), 0 10px 16px rgba(69, 59, 114, 0.11), 0 0 0 5px #E7E9F3;
            box-shadow: 0 2px 4px rgba(54, 43, 119, 0.15), 0 10px 16px rgba(69, 59, 114, 0.11), 0 0 0 5px #E7E9F3;
  }
}

.promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-bottom {
  -webkit-transition-delay: 1.65s;
          transition-delay: 1.65s;
}

.promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-bottom {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

.promo-section__graphic__item__arrow__handle-bottom:after {
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  content: '';
  border-radius: 50%;
  position: absolute;
  background: #43D39F;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow__handle-bottom:after {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic__item__arrow__handle-bottom:after {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
  }
}

.promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-bottom {
  left: -13px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-bottom {
    left: -10px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--left .promo-section__graphic__item__arrow__handle-bottom {
    left: -8px;
  }
}

.promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-bottom {
  right: -13px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-bottom {
    right: -10px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic__item__arrow--right .promo-section__graphic__item__arrow__handle-bottom {
    right: -8px;
  }
}

.promo-section__graphic .slick-list {
  overflow: visible;
}

.promo-section__graphic .slick-arrow {
  top: 50%;
  padding: 0;
  z-index: 15;
  width: 64px;
  height: 64px;
  border: none;
  line-height: 1;
  cursor: pointer;
  font-size: 18px;
  color: #6F7DFF;
  margin: -134px 0 0;
  border-radius: 50%;
  position: absolute;
  -webkit-box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33);
          box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #fff 0%, #EFF0F3 98.68%);
  -webkit-transition: color .35s ease, opacity .35s ease, -webkit-box-shadow .35s ease;
  transition: color .35s ease, opacity .35s ease, -webkit-box-shadow .35s ease;
  transition: box-shadow .35s ease, color .35s ease, opacity .35s ease;
  transition: box-shadow .35s ease, color .35s ease, opacity .35s ease, -webkit-box-shadow .35s ease;
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic .slick-arrow {
    width: 48px;
    height: 48px;
    font-size: 14px;
    margin-top: -102px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__graphic .slick-arrow {
    margin-top: -64px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic .slick-arrow {
    width: 36px;
    height: 36px;
    font-size: 12px;
    margin-top: -60px;
  }
}

.promo-section__graphic .slick-arrow:hover {
  color: #ffbd07;
  -webkit-box-shadow: 0 24px 32px rgba(82, 81, 134, 0.4);
          box-shadow: 0 24px 32px rgba(82, 81, 134, 0.4);
}

.promo-section__graphic .slick-arrow:before {
  content: '';
  top: -16px;
  left: -16px;
  right: -16px;
  bottom: -16px;
  z-index: -10;
  opacity: 0.75;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  pointer-events: none;
  -webkit-box-shadow: 0 28px 50px rgba(120, 113, 166, 0.21);
          box-shadow: 0 28px 50px rgba(120, 113, 166, 0.21);
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic .slick-arrow:before {
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic .slick-arrow:before {
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    opacity: 0.5;
  }
}

.promo-section__graphic .slick-prev {
  left: -124px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic .slick-prev {
    left: -64px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic .slick-prev {
    left: -22px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic .slick-prev {
    left: 32px;
  }
}

.promo-section__graphic .slick-next {
  right: -124px;
}

@media only screen and (max-width: 1366px) {
  .promo-section__graphic .slick-next {
    right: -64px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__graphic .slick-next {
    right: -22px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__graphic .slick-next {
    right: 32px;
  }
}

.promo-section__graphic .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.promo-section__graphic .slick-dots {
  left: 0;
  right: 0;
  bottom: 56px;
  position: absolute;
}

.promo-section--dark .promo-section__graphic .slick-arrow {
  width: 96px;
  height: 96px;
  color: #fff;
  font-size: 18px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid;
  margin-top: -176px;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

@media only screen and (min-width: 769px) {
  .promo-section--dark .promo-section__graphic .slick-arrow:hover {
    background: rgba(255, 255, 255, 0.15);
  }
}

@media only screen and (max-width: 1680px) {
  .promo-section--dark .promo-section__graphic .slick-arrow {
    margin-top: -150px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section--dark .promo-section__graphic .slick-arrow {
    width: 68px;
    height: 68px;
    font-size: 16px;
    border-width: 1px;
    margin-top: -124px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section--dark .promo-section__graphic .slick-arrow {
    background: #fff;
    margin-top: -108px;
    color: #6F7DFF;
  }
}

@media screen and (max-width: 640px) {
  .promo-section--dark .promo-section__graphic .slick-arrow {
    width: 48px;
    height: 48px;
    font-size: 14px;
    margin-top: -68px;
  }
}

.promo-section--dark .promo-section__graphic .slick-arrow:before {
  display: none;
}

@media only screen and (min-width: 1681px) {
  .promo-section--dark .promo-section__graphic .slick-prev {
    left: -148px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .promo-section--dark .promo-section__graphic .slick-prev {
    left: -32px;
  }
}

@media only screen and (min-width: 1681px) {
  .promo-section--dark .promo-section__graphic .slick-next {
    right: -148px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .promo-section--dark .promo-section__graphic .slick-next {
    right: -32px;
  }
}

.promo-section__visual {
  max-width: 888px;
  position: relative;
  border-radius: 10px;
  margin: 85px auto -298px;
  -webkit-box-shadow: 0 44px 99px 0 rgba(127, 136, 166, 0.17), 0 1.375px 1.375px 0 rgba(102, 112, 150, 0.29), 0 14.85px 29.7px 0 rgba(37, 51, 108, 0.1);
          box-shadow: 0 44px 99px 0 rgba(127, 136, 166, 0.17), 0 1.375px 1.375px 0 rgba(102, 112, 150, 0.29), 0 14.85px 29.7px 0 rgba(37, 51, 108, 0.1);
}

@media only screen and (max-width: 1366px) {
  .promo-section__visual {
    margin: 56px auto -248px;
  }
}

.promo-section__visual:before {
  content: '';
  display: block;
  padding-top: 71.05856%;
}

.promo-section__visual > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
}

.promo-section__visual__code {
  width: 100%;
  right: -34px;
  bottom: -36px;
  max-width: 528px;
  position: absolute;
  border-radius: 10px;
  -webkit-box-shadow: 0 16px 50px rgba(71, 84, 135, 0.26);
          box-shadow: 0 16px 50px rgba(71, 84, 135, 0.26);
}

@media only screen and (max-width: 1366px) {
  .promo-section__visual__code {
    max-width: 450px;
  }
}

.promo-section__visual__code > img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.promo-section__animation {
  position: relative;
  margin: 10px -78px -263px;
}

@media only screen and (max-width: 1680px) {
  .promo-section__animation {
    margin-bottom: -240px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section__animation {
    margin-top: 0;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: -220px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section__animation {
    margin-top: -60px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__animation {
    max-width: none;
    margin: -12% 0 calc(-23% - 48px);
  }
}

@media only screen and (min-width: 769px) {
  .promo-section__animation {
    overflow: hidden;
  }
  .promo-section__animation:before {
    content: '';
    display: block;
    padding-top: 65%;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section__animation .app-preview-section__visual {
    margin-top: 110px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section__animation .app-preview-section__visual {
    margin-top: calc(28vw - 48px);
    margin-bottom: calc(20vw - 32px);
  }
}

.promo-section__animation iframe,
.promo-section__animation .lottie-animation {
  top: -5%;
  left: -5%;
  z-index: 5;
  width: 110%;
  height: 110%;
  position: absolute;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.promo-section__animation .lottie-animation:not(.loaded) {
  opacity: 0;
}

.promo-section__animation .lottie-animation.loaded + .promo-section__animation__placeholder {
  opacity: 0;
}

.promo-section__animation__placeholder {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  will-change: opacity;
  padding: 6.8% 2% 3% 0;
  -webkit-transition: opacity .35s ease .35s;
  transition: opacity .35s ease .35s;
}

.promo-section__animation__placeholder img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.promo-slider {
  max-width: 930px;
  padding: 0 0 56px;
  position: relative;
  background: #fff;
  margin: 116px auto -356px;
  border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 1680px) {
  .promo-slider {
    margin: 90px 0 -280px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-slider {
    margin-top: 64px;
    padding-bottom: 40px;
    margin-bottom: -219px;
  }
}

.promo-slider:before, .promo-slider:after {
  content: '';
  bottom: 100%;
  height: 21px;
  position: absolute;
  pointer-events: none;
  border-radius: 10px 10px 0 0;
}

@media only screen and (max-width: 768px) {
  .promo-slider:before, .promo-slider:after {
    height: 16px;
  }
}

.promo-slider:before {
  left: 5.95%;
  right: 5.95%;
  background: #928ABD;
}

.promo-slider:after {
  left: 12.85%;
  right: 12.85%;
  margin-bottom: 21px;
  background: #6053A3;
}

@media only screen and (max-width: 768px) {
  .promo-slider:after {
    margin-bottom: 16px;
  }
}

.promo-slider__slide {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background: #a49dcc;
  -webkit-box-shadow: 0 44px 99px rgba(127, 136, 166, 0.17), 0 1.375px 1.375px rgba(102, 112, 150, 0.29), 0 14.85px 29.7px rgba(37, 51, 108, 0.1);
          box-shadow: 0 44px 99px rgba(127, 136, 166, 0.17), 0 1.375px 1.375px rgba(102, 112, 150, 0.29), 0 14.85px 29.7px rgba(37, 51, 108, 0.1);
}

.promo-slider__slide:before {
  content: '';
  display: block;
  padding-top: 71.156%;
}

.promo-slider:not(.slick-slider) .promo-slider__slide:not(:first-child) {
  display: none;
}

.promo-slider__slide img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.promo-slider__slide__video {
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 128px;
  height: 128px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 16px;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -58px 0 0 -64px;
  background: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 28px 50px rgba(120, 113, 166, 0.21);
          box-shadow: 0 28px 50px rgba(120, 113, 166, 0.21);
}

@media only screen and (max-width: 768px) {
  .promo-slider__slide__video {
    width: 96px;
    height: 96px;
    font-size: 14px;
    margin: -48px 0 0 -48px;
  }
}

.promo-slider__slide__video:before {
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: -5;
  content: '';
  border-radius: 50%;
  position: absolute;
  -webkit-box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33);
          box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33);
  background: -webkit-gradient(linear, left top, left bottom, from(#6F5BD8), color-stop(98.68%, #5344A7));
  background: linear-gradient(180deg, #6F5BD8 0%, #5344A7 98.68%);
}

@media only screen and (max-width: 768px) {
  .promo-slider__slide__video:before {
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;
  }
}

.promo-slider .slick-arrow {
  top: 50%;
  z-index: 15;
  width: 88px;
  height: 88px;
  border: none;
  line-height: 1;
  cursor: pointer;
  font-size: 18px;
  color: #6F7DFF;
  margin: -62px 0 0;
  border-radius: 50%;
  position: absolute;
  -webkit-box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33);
          box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #fff 0%, #EFF0F3 98.68%);
  -webkit-transition: color .35s ease, opacity .35s ease, -webkit-box-shadow .35s ease;
  transition: color .35s ease, opacity .35s ease, -webkit-box-shadow .35s ease;
  transition: box-shadow .35s ease, color .35s ease, opacity .35s ease;
  transition: box-shadow .35s ease, color .35s ease, opacity .35s ease, -webkit-box-shadow .35s ease;
}

.promo-slider .slick-arrow:hover {
  color: #ffbd07;
  -webkit-box-shadow: 0 24px 32px rgba(82, 81, 134, 0.4);
          box-shadow: 0 24px 32px rgba(82, 81, 134, 0.4);
}

.promo-slider .slick-arrow:before {
  content: '';
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  z-index: -10;
  opacity: 0.75;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  pointer-events: none;
  -webkit-box-shadow: 0 28px 50px rgba(120, 113, 166, 0.21);
          box-shadow: 0 28px 50px rgba(120, 113, 166, 0.21);
}

.promo-slider .slick-prev {
  left: -44px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.promo-slider .slick-next {
  right: -44px;
}

.promo-slider .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.promo-slider .slick-dots {
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.promo-section-graph-description-section {
  padding: 263px 0 41px;
}

@media only screen and (max-width: 1680px) {
  .promo-section-graph-description-section {
    padding-top: 224px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section-graph-description-section {
    padding-top: 204px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section-graph-description-section {
    padding-top: 182px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section-graph-description-section {
    padding-top: 128px;
  }
}

.promo-section-graph-description-section + .partners-section {
  padding-bottom: 168px;
}

.promo-section-graph-description-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -60px;
  list-style: none;
  padding: 27px 0 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .promo-section-graph-description-list {
    margin: 0 -30px;
    padding-top: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section-graph-description-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section-graph-description-list {
    padding-top: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section-graph-description-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.promo-section-graph-description-item {
  margin: 0 48px;
  line-height: 2;
  font-size: 16px;
  max-width: 480px;
  color: #87888E;
  position: relative;
  width: calc(50% - 96px);
}

.promo-section-graph-description-item:first-child {
  text-align: right;
}

@media only screen and (max-width: 1680px) {
  .promo-section-graph-description-item {
    margin: 0 30px;
    width: calc(50% - 60px);
  }
}

@media only screen and (max-width: 1366px) {
  .promo-section-graph-description-item {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section-graph-description-item {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 640px) {
  .promo-section-graph-description-item {
    font-size: 12px;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(50% - 16px);
  }
}

.promo-section-graph-description-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .promo-section-graph-description-item__head {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section-graph-description-item__head {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section-graph-description-item__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section-graph-description-item__head {
    margin-bottom: 6px;
  }
}

@media only screen and (min-width: 769px) {
  .promo-section-graph-description-item:first-child .promo-section-graph-description-item__head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section-graph-description-item:first-child .promo-section-graph-description-item__head {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.promo-section-graph-description-item__icon {
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 48px;
  margin-right: 32px;
}

@media only screen and (max-width: 1680px) {
  .promo-section-graph-description-item__icon {
    font-size: 36px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section-graph-description-item__icon {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .promo-section-graph-description-item__icon {
    margin: 0 0 0.2em;
  }
}

@media only screen and (min-width: 769px) {
  .promo-section-graph-description-item:first-child .promo-section-graph-description-item__icon {
    margin-right: 0;
    margin-left: 32px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .promo-section-graph-description-item:first-child .promo-section-graph-description-item__icon {
    margin-left: 24px;
  }
}

.promo-section-graph-description-item__icon img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.promo-section-graph-description-item__title {
  display: block;
  line-height: 2;
  font-size: 24px;
  color: #05060C;
}

@media only screen and (max-width: 1680px) {
  .promo-section-graph-description-item__title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .promo-section-graph-description-item__title {
    font-size: 20px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .promo-section-graph-description-item__title {
    font-size: 16px;
    line-height: 24px;
  }
}

.promo-section-graph-description-item__subtitle {
  display: block;
  color: #05060C;
  margin-bottom: 8px;
}

@media only screen and (max-width: 640px) {
  .promo-section-graph-description-item__subtitle {
    font-weight: 500;
  }
}

.promo-section-graph-description-item p {
  margin: 0;
}

.partners-section {
  padding: 32px 0 58px;
  background: #F9F9FB;
}

@media only screen and (max-width: 1680px) {
  .partners-section {
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .partners-section {
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .partners-section {
    padding: 24px 0;
  }
}

.partners-section--white {
  background: #fff;
}

.partners-section__title {
  display: block;
  font-size: 14px;
  margin: 0 0 24px;
  overflow: hidden;
  color: #87888E;
  line-height: 16px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

@media only screen and (max-width: 1366px) {
  .partners-section__title {
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .partners-section__title {
    margin-bottom: 24px;
  }
}

.partners-section__title span {
  padding: 0 75px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .partners-section__title span {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .partners-section__title span {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .partners-section__title span:after, .partners-section__title span:before {
    top: 50%;
    content: '';
    width: 9999px;
    position: absolute;
    border-top: 1px solid #EDEEF0;
  }
  .partners-section__title span:after {
    left: 100%;
  }
  .partners-section__title span:before {
    right: 100%;
  }
}

.partners-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .partners-list {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media only screen and (max-width: 1024px) {
  .partners-list {
    margin-left: -27px;
    margin-right: -27px;
  }
}

@media only screen and (max-width: 768px) {
  .partners-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.partners-list--images {
  display: none;
}

.partner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  max-width: 160px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(20% - 40px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .partner-item {
    margin-left: 12px;
    margin-right: 12px;
    width: calc(20% - 24px);
  }
}

@media only screen and (max-width: 1024px) {
  .partner-item {
    width: 25%;
    margin-left: 27px;
    margin-right: 27px;
    width: calc(20% - 54px);
  }
  .partner-item:nth-child(4) ~ .partner-item {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .partner-item {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(33.3333% - 32px);
  }
  .partner-item:nth-child(3) ~ .partner-item {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .partner-item {
    width: 50%;
    width: calc(50% - 32px);
  }
  .partner-item:nth-child(2) ~ .partner-item {
    display: none;
  }
}

.partner-item:before {
  content: '';
  display: block;
  padding-top: 40%;
}

.partner-item__img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.partner-item__img:first-child:not(:last-child) img {
  -webkit-animation: hideImg 0.7s ease forwards;
          animation: hideImg 0.7s ease forwards;
}

.partner-item__img:last-child:not(:first-child) img {
  -webkit-animation: showImg 0.7s ease forwards;
          animation: showImg 0.7s ease forwards;
}

.partner-item img {
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@-webkit-keyframes showImg {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes showImg {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes hideImg {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes hideImg {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.app-preview-section {
  font-size: 16px;
  line-height: 2;
  color: #87888E;
  background: #fff;
  padding: 72px 0 56px;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section {
    padding: 64px 0 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section {
    font-size: 14px;
    padding: 48px 0 24px;
  }
}

.app-preview-section h2, .app-preview-section .h2 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section h2, .app-preview-section .h2 {
    margin-bottom: 54px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section h2, .app-preview-section .h2 {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section h2, .app-preview-section .h2 {
    text-align: center;
    margin-bottom: 32px;
  }
}

.app-preview-section__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 90px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__main {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__main {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section__main {
    display: block;
  }
}

.app-preview-section__content {
  max-width: 445px;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__content {
    max-width: 370px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section__content {
    max-width: 640px;
    text-align: center;
    margin: 0 auto 48px;
  }
}

.app-preview-section__content p {
  margin-bottom: 2em;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__content p {
    margin-bottom: 1.5em;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__content p {
    margin-bottom: 1.3em;
  }
}

.app-preview-section__content p a {
  color: #6F7DFF;
}

.app-preview-section__content .btn {
  margin-top: 46px;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__content .btn {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__content .btn {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section__content .btn {
    margin-top: 0;
  }
}

.app-preview-section__visual {
  width: 52%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 622px;
  position: relative;
  padding-bottom: 6.3%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: -54px 18px 0 32px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__visual {
    max-width: 640px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__visual {
    max-width: 600px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section__visual {
    width: auto;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section__visual {
    max-width: 540px;
  }
}

.app-preview-section__item {
  z-index: 10;
  width: 100%;
  padding: 18px;
  position: relative;
  vertical-align: top;
  border-radius: 13px;
  display: inline-block;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__item {
    padding: 18px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__item {
    padding: 10px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item {
    padding: 8px;
    border-radius: 8px;
  }
}

.app-preview-section__item--admin-panel {
  width: 88.33%;
}

.app-preview-section__item--login-box {
  left: 0;
  bottom: 0;
  width: 34.8595%;
  position: absolute;
}

.app-preview-section__item--login-box.app-preview-section__item--disabled {
  z-index: -5;
}

.app-preview-section__item:after, .app-preview-section__item:before {
  z-index: -10;
  content: '';
  position: absolute;
  pointer-events: none;
}

.app-preview-section__item:before {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 14px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.7);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='%236f5bd8' stroke-width='1.4' stroke-dasharray='5.5%2c 3.5' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}

.app-preview-section__item:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: rgba(224, 221, 237, 0.8);
}

.app-preview-section__item__img {
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0 28px 64px rgba(127, 136, 166, 0.17), 0 9px 9px rgba(102, 112, 150, 0.29), 0 10px 19px rgba(37, 51, 108, 0.1);
          box-shadow: 0 28px 64px rgba(127, 136, 166, 0.17), 0 9px 9px rgba(102, 112, 150, 0.29), 0 10px 19px rgba(37, 51, 108, 0.1);
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item__img {
    border-radius: 4px;
  }
}

.app-preview-section__item__img:before {
  content: '';
  display: block;
}

.app-preview-section__item--admin-panel .app-preview-section__item__img:before {
  padding-top: 71.04859%;
}

.app-preview-section__item--login-box .app-preview-section__item__img:before {
  padding-top: 173.49981%;
}

.app-preview-section__item__img:after {
  content: '';
  top: -18px;
  left: -18px;
  right: -18px;
  bottom: -18px;
  position: absolute;
  border-radius: 10px;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
  background: rgba(137, 131, 169, 0.4);
}

@media only screen and (max-width: 1680px) {
  .app-preview-section__item__img:after {
    top: -14px;
    left: -14px;
    right: -14px;
    bottom: -14px;
  }
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__item__img:after {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 10px;
  }
}

.app-preview-section__item:not(.app-preview-section__item--disabled) .app-preview-section__item__img:after {
  opacity: 0;
}

.app-preview-section__item:not(.app-preview-section__item--disabled) .app-preview-section__item__img:after:hover {
  opacity: 0.2;
}

.app-preview-section__item__img > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.app-preview-section__item__btn {
  left: 50%;
  padding: 0;
  top: 51.1%;
  width: 48px;
  height: 48px;
  border: none;
  color: #fff;
  line-height: 1;
  font-size: 10px;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  margin: -24px 0 0 -24px;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-box-shadow;
  transition-property: opacity, -webkit-box-shadow;
  transition-property: box-shadow, opacity;
  transition-property: box-shadow, opacity, -webkit-box-shadow;
  background: #6F7DFF -webkit-gradient(linear, left top, left bottom, from(#A894EE), to(#6F5BD8));
  background: #6F7DFF linear-gradient(180deg, #A894EE 0%, #6F5BD8 100%);
  -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 12px rgba(111, 91, 216, 0.8), 0 62px 66px 10px rgba(53, 62, 113, 0.25);
          box-shadow: 0 28px 44px #4F3DAD, 0 0 0 12px rgba(111, 91, 216, 0.8), 0 62px 66px 10px rgba(53, 62, 113, 0.25);
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__item__btn {
    width: 36px;
    height: 36px;
    font-size: 8px;
    margin: -18px 0 0 -18px;
    -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 8px rgba(111, 91, 216, 0.8), 0 62px 66px 14px rgba(53, 62, 113, 0.25);
            box-shadow: 0 28px 44px #4F3DAD, 0 0 0 8px rgba(111, 91, 216, 0.8), 0 62px 66px 14px rgba(53, 62, 113, 0.25);
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item__btn {
    width: 32px;
    height: 32px;
    font-size: 6px;
    margin: -16px 0 0 -16px;
    -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 7px rgba(111, 91, 216, 0.8), 0 62px 66px 7px rgba(53, 62, 113, 0.25);
            box-shadow: 0 28px 44px #4F3DAD, 0 0 0 7px rgba(111, 91, 216, 0.8), 0 62px 66px 7px rgba(53, 62, 113, 0.25);
  }
}

.app-preview-section__item:not(.app-preview-section__item--disabled) .app-preview-section__item__btn:hover {
  -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 14px rgba(111, 91, 216, 0.9), 0 62px 66px 14px rgba(53, 62, 113, 0.15);
          box-shadow: 0 28px 44px #4F3DAD, 0 0 0 14px rgba(111, 91, 216, 0.9), 0 62px 66px 14px rgba(53, 62, 113, 0.15);
}

@media only screen and (max-width: 1366px) {
  .app-preview-section__item:not(.app-preview-section__item--disabled) .app-preview-section__item__btn:hover {
    -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 14px rgba(111, 91, 216, 0.9), 0 62px 66px 11px rgba(53, 62, 113, 0.15);
            box-shadow: 0 28px 44px #4F3DAD, 0 0 0 14px rgba(111, 91, 216, 0.9), 0 62px 66px 11px rgba(53, 62, 113, 0.15);
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item:not(.app-preview-section__item--disabled) .app-preview-section__item__btn:hover {
    -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 7px rgba(111, 91, 216, 0.9), 0 62px 66px 7px rgba(53, 62, 113, 0.15);
            box-shadow: 0 28px 44px #4F3DAD, 0 0 0 7px rgba(111, 91, 216, 0.9), 0 62px 66px 7px rgba(53, 62, 113, 0.15);
  }
}

.app-preview-section__item--disabled .app-preview-section__item__btn {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .0s ease .35s, opacity .35s ease;
  transition: all .0s ease .35s, opacity .35s ease;
}

.app-preview-section__item--active .app-preview-section__item__btn {
  opacity: 0;
  pointer-events: none;
}

.app-preview-section__item__tooltip {
  opacity: 0;
  z-index: 15;
  left: -9999px;
  bottom: 9999px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 24px;
  font-weight: 500;
  line-height: 1.42857;
  padding: 10px 20px;
  position: absolute;
  text-align: center;
  border-radius: 12px;
  background: #191a24;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
  -webkit-box-shadow: 0 10px 29px 0 rgba(47, 66, 103, 0.14);
          box-shadow: 0 10px 29px 0 rgba(47, 66, 103, 0.14);
  -webkit-transition: top 0s ease 0.7s, left 0s ease 0.7s, bottom 0s ease 0.7s, opacity 0.7s ease;
  transition: top 0s ease 0.7s, left 0s ease 0.7s, bottom 0s ease 0.7s, opacity 0.7s ease;
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item__tooltip {
    font-size: 12px;
    padding: 8px 16px;
  }
}

.app-preview-section__item--active .app-preview-section__item__tooltip {
  left: 50%;
  opacity: 1;
  bottom: 100%;
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}

.app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
  width: 400px;
  margin-left: -200px;
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    width: 300px;
    margin-left: -150px;
  }
}

.app-preview-section__item--login-box .app-preview-section__item__tooltip {
  width: 300px;
  margin-left: -150px;
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    width: 200px;
    margin-left: -70px;
  }
}

.app-preview-section__item__tooltip:before {
  top: 100%;
  left: 50%;
  content: '';
  position: absolute;
  margin-left: -4px;
  border-bottom: 0 solid #191a24;
  border-top: 8px solid #191a24;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

@media only screen and (max-width: 640px) {
  .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    left: 35%;
  }
}

.app-preview-section__item__shadow {
  position: absolute;
  -webkit-filter: blur(51px);
          filter: blur(51px);
  pointer-events: none;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
  background: rgba(30, 21, 68, 0.28);
}

.app-preview-section__item--admin-panel .app-preview-section__item__shadow {
  top: 32px;
  left: -6px;
  right: -10px;
  bottom: -12px;
}

.app-preview-section__item--login-box .app-preview-section__item__shadow {
  top: 1px;
  left: -1px;
  right: 1px;
  bottom: -20px;
}

.app-preview-section__item--disabled .app-preview-section__item__shadow {
  opacity: 0;
}

@-webkit-keyframes showLoginBox {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-68%);
            transform: translateX(-68%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes showLoginBox {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-68%);
            transform: translateX(-68%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes hideLoginBox {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-68%);
            transform: translateX(-68%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes hideLoginBox {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-68%);
            transform: translateX(-68%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes showLoginBoxShadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showLoginBoxShadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hideLoginBoxShadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hideLoginBoxShadow {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section .feature-services-list,
  .app-preview-section-2 .feature-services-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section .feature-services-list,
  .app-preview-section-2 .feature-services-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.app-preview-section .feature-service-item,
.app-preview-section-2 .feature-service-item {
  width: 25%;
}

@media only screen and (min-width: 1367px) {
  .app-preview-section .feature-service-item,
  .app-preview-section-2 .feature-service-item {
    font-size: 16px;
    line-height: 1.75em;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section .feature-service-item,
  .app-preview-section-2 .feature-service-item {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section .feature-service-item,
  .app-preview-section-2 .feature-service-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section .feature-service-item__title,
  .app-preview-section-2 .feature-service-item__title {
    margin-bottom: 12px;
  }
}

.app-preview-section .feature-service-item p,
.app-preview-section-2 .feature-service-item p {
  max-width: 280px;
}

.app-preview-section-2 {
  padding: 52px 0 38px;
  background: url(../images/app-preview-section-2-bg-dots-1.svg) calc(50% + 572px) 0/464px auto no-repeat, url(../images/app-preview-section-2-bg-dots-2.svg) calc(50% - 656px) 477px/368px auto no-repeat;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2 {
    background: url(../images/app-preview-section-2-bg-dots-1.svg) calc(50% + 480px) -26px/400px auto no-repeat, url(../images/app-preview-section-2-bg-dots-2.svg) calc(50% - 544px) 416px/280px auto no-repeat;
  }
}

@media only screen and (max-width: 768px) {
  .app-preview-section-2 {
    background: none;
  }
}

.app-preview-section-2__head {
  font-size: 20px;
  color: #87888E;
  margin: 0 0 51px;
  text-align: center;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__head {
    font-size: 18px;
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section-2__head {
    margin-bottom: 32px;
  }
}

.app-preview-section-2__head h2, .app-preview-section-2__head .h2 {
  margin-bottom: 32px;
}

.app-preview-section-2__head p {
  max-width: 850px;
  margin: 0 auto 24px;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__head p {
    max-width: 800px;
  }
}

.app-preview-section-2__visual {
  display: block;
  max-width: 790px;
  position: relative;
  margin: 0 auto 10px;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__visual {
    max-width: 640px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__visual {
    max-width: 480px;
  }
}

@media only screen and (max-width: 768px) {
  .app-preview-section-2__visual {
    max-width: none;
  }
}

@media only screen and (max-width: 640px) {
  .app-preview-section-2__visual {
    margin-left: -32px;
    margin-right: -32px;
  }
}

.app-preview-section-2__visual:before {
  content: '';
  display: block;
  padding-top: 59.49367%;
}

.app-preview-section-2__visual > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.app-preview-section-2__tooltip {
  top: -44px;
  z-index: 10;
  width: 180px;
  line-height: 2;
  font-size: 16px;
  color: #87888E;
  min-height: 192px;
  position: absolute;
  -webkit-transition: opacity 0.35s ease 0.7s;
  transition: opacity 0.35s ease 0.7s;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip {
    top: -24px;
    width: 160px;
    min-height: 0;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip {
    width: 154px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .app-preview-section-2__tooltip {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .app-preview-section-2__visual:not(.animated) .app-preview-section-2__tooltip {
    opacity: 0;
  }
}

.app-preview-section-2__tooltip p {
  margin-bottom: 0;
}

.app-preview-section-2__tooltip--left {
  right: 100%;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip--left {
    margin-right: 22px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip--left {
    margin-right: -20px;
  }
}

.app-preview-section-2__tooltip--right {
  left: 100%;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip--right {
    margin-left: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip--right {
    margin-left: -12px;
  }
}

.app-preview-section-2__tooltip__arrow {
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip__arrow {
    margin-top: 22px;
  }
}

.app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow {
  left: -66px;
  width: 323px;
  height: 119px;
}

@media only screen and (min-width: 1681px) {
  .app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow {
    margin-top: -80px;
  }
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow {
    left: -8px;
    width: 194px;
    height: 72px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow {
    left: 6px;
    width: 136px;
    height: 50px;
  }
}

.app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow {
  right: -56px;
  width: 374px;
  height: 108px;
}

@media only screen and (min-width: 1681px) {
  .app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow {
    margin-top: -68px;
  }
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow {
    right: 16px;
    width: 220px;
    height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow {
    width: 192px;
    height: 56px;
  }
}

.app-preview-section-2__tooltip__arrow__img {
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow__img {
  right: 0;
}

.app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow__img {
  left: 0;
}

@media only screen and (min-width: 1025px) {
  .app-preview-section-2__visual:not(.animated) .app-preview-section-2__tooltip__arrow__img {
    width: 0;
    height: 3px;
  }
}

.app-preview-section-2__tooltip__arrow__img img {
  display: block;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow__img img {
    width: 194px;
    height: 72px;
  }
  .app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow__img img {
    width: 220px;
    height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow__img img {
    width: 136px;
    height: 50px;
  }
  .app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow__img img {
    width: 192px;
    height: 56px;
  }
}

.app-preview-section-2__tooltip__arrow:before {
  z-index: 5;
  top: -6px;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  background: #43D39F;
  -webkit-box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 9px #fff, 0 2px 4px 9px rgba(54, 43, 119, 0.25), 0 10px 16px 9px rgba(69, 59, 114, 0.21), 0 0 0 22px #E7E9F3;
          box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 9px #fff, 0 2px 4px 9px rgba(54, 43, 119, 0.25), 0 10px 16px 9px rgba(69, 59, 114, 0.21), 0 0 0 22px #E7E9F3;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip__arrow:before {
    top: -5px;
    width: 10px;
    height: 10px;
    -webkit-box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 7px #fff, 0 2px 4px 9px rgba(54, 43, 119, 0.25), 0 10px 16px 7px rgba(69, 59, 114, 0.21), 0 0 0 16px #E7E9F3;
            box-shadow: 0 2px 4px rgba(54, 43, 119, 0.25), 0 10px 16px rgba(69, 59, 114, 0.21), 0 0 0 7px #fff, 0 2px 4px 9px rgba(54, 43, 119, 0.25), 0 10px 16px 7px rgba(69, 59, 114, 0.21), 0 0 0 16px #E7E9F3;
  }
}

.app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow:before {
  left: -4px;
}

.app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow:before {
  right: -4px;
}

@media only screen and (min-width: 1025px) {
  .app-preview-section-2__visual:not(.animated) .app-preview-section-2__tooltip__arrow:before {
    opacity: 0;
  }
}

.app-preview-section-2__tooltip__arrow:after {
  z-index: 5;
  content: '';
  width: 64px;
  height: 64px;
  bottom: -30px;
  border-radius: 50%;
  position: absolute;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border: 1px solid rgba(111, 91, 216, 0.28);
  background: radial-gradient(ellipse at center, #6f5bd8 18%, rgba(111, 91, 216, 0.12) 19%, rgba(111, 91, 216, 0.12) 100%);
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip__arrow:after {
    width: 42px;
    height: 42px;
    bottom: -20px;
  }
}

.app-preview-section-2__tooltip--left .app-preview-section-2__tooltip__arrow:after {
  right: -32px;
}

.app-preview-section-2__tooltip--right .app-preview-section-2__tooltip__arrow:after {
  left: -32px;
}

@media only screen and (min-width: 1025px) {
  .app-preview-section-2__visual:not(.animated) .app-preview-section-2__tooltip__arrow:after {
    opacity: 0;
  }
}

.app-preview-section-2__tooltip__title {
  display: block;
  font-size: 24px;
  color: #05060C;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.33333;
}

@media only screen and (max-width: 1680px) {
  .app-preview-section-2__tooltip__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .app-preview-section-2__tooltip__title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1025px) {
  .app-preview-section-2__visual:not(.animated) .app-preview-section-2__tooltip__content {
    opacity: 0;
  }
}

.code-example-section {
  z-index: 10;
  color: #fff;
  position: relative;
  padding: 64px 0 96px;
  visibility: visible !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#5747AB), to(#5A4CA6));
  background: linear-gradient(180deg, #5747AB 0%, #5A4CA6 100%);
}

@media only screen and (max-width: 1680px) {
  .code-example-section {
    padding-bottom: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example-section {
    padding: 48px 0 54px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example-section {
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 769px) {
  .code-example-section.animated:after {
    height: 100%;
  }
}

.code-example-section.animated:before {
  height: 100%;
}

@media only screen and (min-width: 769px) {
  .code-example-section:after {
    bottom: 0;
    height: 0;
    left: 50%;
    content: '';
    z-index: -5;
    width: 262px;
    margin-left: 470px;
    position: absolute;
    border-width: 0 1px;
    border-style: dashed;
    pointer-events: none;
    border-color: #9181E0;
    -webkit-transition: height 2s ease;
    transition: height 2s ease;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .code-example-section:after {
    width: 202px;
    margin-left: 412px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .code-example-section:after {
    width: 135px;
    margin-left: 442px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .code-example-section:after {
    height: 100%;
    margin-left: 200px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example-section:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -10;
    height: 511px;
    background: #000;
    position: absolute;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#5A4BA8), to(#4D428A));
    background: linear-gradient(180deg, #5A4BA8 0%, #4D428A 100%);
  }
}

.code-example-section:before {
  width: 177px;
  bottom: 0;
  height: 0;
  left: 50%;
  content: '';
  z-index: -5;
  position: absolute;
  margin-left: -474px;
  border-width: 0 1px;
  border-style: dashed;
  pointer-events: none;
  border-color: #9181E0;
  -webkit-transition: height 2s ease;
  transition: height 2s ease;
}

@media only screen and (max-width: 1680px) {
  .code-example-section:before {
    width: 188px;
    margin-left: -412px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example-section:before {
    width: 114px;
    margin-left: -416px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example-section:before {
    width: 128px;
    height: 100%;
    margin-left: -206px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example-section:before {
    left: 35px;
    right: 35px;
    width: auto;
    margin-left: 0;
  }
}

.code-example-section h2, .code-example-section .h2 {
  color: inherit;
  text-align: center;
  margin-bottom: 32px;
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-example-section h2, .code-example-section .h2 {
    margin-bottom: 24px;
  }
}

.code-advantages-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -12px -24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .code-advantages-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.code-advantage-item {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  margin: 0 12px 24px;
  border-radius: 16px;
  background: #5A4CA6;
  padding: 23px 23px 13px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(33.3333% - 24px);
  border: 1px solid #8875E9;
}

@media only screen and (max-width: 1680px) {
  .code-advantage-item {
    font-size: 14px;
    padding: 20px 20px 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-advantage-item {
    padding: 16px 16px 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-advantage-item {
    background: #5A4BA8;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .code-advantage-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .code-advantage-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    padding-top: 23px;
    line-height: 24px;
    padding-right: 10px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-advantage-item:before {
    left: 0;
    right: 0;
    top: 79px;
    content: '';
    z-index: -5;
    position: absolute;
    border-bottom: 1px solid #8875E9;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-advantage-item:before {
    top: 74px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-advantage-item:before {
    top: 58px;
  }
}

.code-advantage-item__icon {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 32px;
  margin: 0 16px 0 0;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 12px 32px rgba(16, 17, 50, 0.17);
          box-shadow: 0 12px 32px rgba(16, 17, 50, 0.17);
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F3FF), to(#ECE3FF));
  background: linear-gradient(180deg, #F7F3FF 0%, #ECE3FF 100%);
}

@media only screen and (max-width: 1366px) {
  .code-advantage-item__icon {
    width: 54px;
    height: 54px;
    font-size: 28px;
    margin-right: 12px;
    border-radius: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .code-advantage-item__icon {
    width: 64px;
    height: 64px;
    font-size: 32px;
    margin-right: 24px;
    border-radius: 16px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .code-advantage-item__icon {
    margin-bottom: 16px;
  }
}

.code-advantage-item__icon img, .code-advantage-item__icon svg {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.code-advantage-item__main {
  padding-top: 1px;
}

.code-advantage-item__title {
  display: block;
  overflow: hidden;
  min-height: 48px;
  margin-bottom: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 1680px) {
  .code-advantage-item__title {
    min-height: 42px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-advantage-item__title {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .code-advantage-item__title {
    min-height: 48px;
    margin-bottom: 24px;
  }
}

.code-advantage-item__link {
  color: #ffbd07;
  font-weight: normal;
  border-bottom: 1px dashed;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.code-advantage-item__link:hover {
  color: #edae00;
}

.code-advantage-item__link i {
  line-height: 1;
  font-size: 11px;
  margin-left: 13px;
}

@media only screen and (max-width: 1680px) {
  .code-advantage-item__link i {
    font-size: 10px;
    margin-left: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .code-advantage-item__link i {
    margin-left: 16px;
  }
}

.code-example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 38px;
  position: relative;
  margin-bottom: 73px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .code-example {
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example {
    padding-top: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example {
    display: block;
    max-width: 720px;
    padding-top: 135px;
    margin: 0 auto 72px;
  }
}

.code-example .code-example-block {
  border-radius: 8px;
  -webkit-box-shadow: 16px 24px 48px rgba(57, 45, 116, 0.7);
          box-shadow: 16px 24px 48px rgba(57, 45, 116, 0.7);
}

.code-example__shadow {
  left: 50%;
  top: 170px;
  z-index: -15;
  width: 1187px;
  height: 676px;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/code-example-block-shadow.svg) 50% 50%/contain no-repeat;
}

@media only screen and (max-width: 1680px) {
  .code-example__shadow {
    width: 1000px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example__shadow {
    display: none;
  }
}

.code-example__lines {
  left: 50%;
  height: 0;
  top: -74px;
  z-index: -10;
  width: 328px;
  margin-left: 14px;
  position: absolute;
  margin-left: -150px;
  -webkit-transition: height 2s ease;
  transition: height 2s ease;
  background: url(../images/code-example-block-bg-fragment.svg) 50% 0/100% auto no-repeat;
}

@media only screen and (max-width: 1680px) {
  .code-example__lines {
    top: -64px;
    width: 300px;
    margin-left: -136px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example__lines {
    top: -48px;
    opacity: 0.8;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example__lines {
    top: -60px;
    width: 571px;
    height: 526px;
    z-index: -15;
    margin-left: -286px;
    background-image: url(../images/code-example-block-shadow-m.svg);
  }
}

@media only screen and (min-width: 1025px) {
  .code-example__lines.animated {
    height: 368px;
  }
}

.code-example__column {
  width: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (max-width: 1024px) {
  .code-example__column {
    width: auto;
  }
  .code-example__column:not(:first-of-type) {
    margin-top: 41px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-example__column:nth-child(odd) {
    width: calc(50% + 31px);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-example__column:nth-child(odd) {
    width: calc(50% + 48px);
  }
}

@media only screen and (min-width: 1025px) {
  .code-example__column:nth-child(even) {
    z-index: 10;
    margin-left: -46px;
    width: calc(50% + 14px);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-example__column:nth-child(even) {
    margin-left: -74px;
    width: calc(50% + 74px);
  }
}

.code-example__column__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  margin: 0 0 48px;
  line-height: 1.3333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-example__column__head {
    font-size: 20px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .code-example__column__head {
    margin-bottom: 24px;
  }
}

.code-example__column:nth-child(odd) .code-example__column__head {
  margin-left: 98px;
}

@media only screen and (max-width: 1366px) {
  .code-example__column:nth-child(odd) .code-example__column__head {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example__column:nth-child(odd) .code-example__column__head {
    margin-right: 36px;
  }
}

.code-example__column:nth-child(even) .code-example__column__head {
  margin-right: 98px;
}

@media only screen and (max-width: 1366px) {
  .code-example__column:nth-child(even) .code-example__column__head {
    margin-right: 0;
  }
}

.code-example__column__head__icon {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 24px;
  margin-right: 24px;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 24px 32px #4F4298;
          box-shadow: 0 24px 32px #4F4298;
  background: -webkit-gradient(linear, left top, left bottom, from(#927FF8), to(#5C4ABC));
  background: linear-gradient(180deg, #927FF8 0%, #5C4ABC 100%);
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-example__column__head__icon {
    width: 48px;
    height: 48px;
    font-size: 22px;
    margin-right: 16px;
    border-radius: 12px;
  }
}

.code-example__column__head__icon img, .code-example__column__head__icon svg {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.code-example__column__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .code-example__column__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .code-example__column:nth-child(even) .code-example__column__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.code-example__column__controls {
  padding: 0;
  width: 122px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  line-height: 1.71429em;
  font-weight: 600;
  min-height: 278px;
  list-style: none;
  margin: 0 0 0 23px;
}

@media only screen and (max-width: 1680px) {
  .code-example__column__controls {
    width: 104px;
    font-size: 12px;
    margin-left: 18px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example__column__controls {
    width: 118px;
    min-height: 0;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example__column__controls {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    overflow-x: auto;
    line-height: 24px;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    margin: 0 -20px 15px;
    padding-bottom: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    scroll-behavior: smooth;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (min-width: 769px) {
  .code-example__column:nth-child(odd) .code-example__column__controls {
    margin-left: 0;
    text-align: right;
    margin-right: 26px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .code-example__column:nth-child(odd) .code-example__column__controls {
    margin-right: 12px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .code-example__column:nth-child(odd) .code-example__column__controls {
    margin-right: 8px;
  }
}

.code-example__column__controls li {
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1366px) {
  .code-example__column__controls li {
    margin: 0 8px 10px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example__column__controls li {
    margin: 0;
    padding: 0 20px;
  }
  .code-example__column__controls li:first-child {
    padding-left: 64px;
  }
  .code-example__column__controls li:last-child {
    padding-right: 64px;
  }
}

@media only screen and (min-width: 1367px) {
  .code-example__column__controls li:not(:first-child) {
    margin-top: 32px;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1680px) {
  .code-example__column__controls li:not(:first-child) {
    margin-top: 24px;
  }
}

.code-example__column__controls li.active {
  color: #ffbd07;
}

.code-example__column__controls li.active a {
  text-decoration: underline;
}

.code-example__column__controls li.active a:before {
  -webkit-box-shadow: 0 0 0 4px rgba(255, 189, 7, 0.25);
          box-shadow: 0 0 0 4px rgba(255, 189, 7, 0.25);
}

@media only screen and (max-width: 1366px) {
  .code-example__column__controls li:not(.active) a {
    padding-left: 0;
  }
}

.code-example__column__controls li:not(.active) a:before {
  border-color: transparent;
}

.code-example__column__controls a {
  padding-left: 24px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1366px) {
  .code-example__column__controls a {
    padding-left: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example__column__controls a {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .code-example__column:nth-child(odd) .code-example__column__controls a {
    padding-left: 0;
    padding-right: 18px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-example__column:nth-child(odd) .code-example__column__controls a {
    padding-right: 12px;
  }
}

@media only screen and (min-width: 769px) {
  .code-example__column__controls a:before {
    left: 0;
    top: 50%;
    content: '';
    margin-top: -4px;
    border: 4px solid;
    position: absolute;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 189, 7, 0.25);
            box-shadow: 0 0 0 0 rgba(255, 189, 7, 0.25);
    -webkit-transition: border-color .35s ease, -webkit-box-shadow .35s ease;
    transition: border-color .35s ease, -webkit-box-shadow .35s ease;
    transition: border-color .35s ease, box-shadow .35s ease;
    transition: border-color .35s ease, box-shadow .35s ease, -webkit-box-shadow .35s ease;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .code-example__column__controls a:before {
    margin-top: -3px;
    border-width: 3px;
  }
}

@media only screen and (min-width: 769px) and (min-width: 1025px) {
  .code-example__column:nth-child(odd) .code-example__column__controls a:before {
    right: 0;
    left: auto;
  }
}

.code-example-block {
  width: calc(100% - 148px);
}

@media only screen and (max-width: 1680px) {
  .code-example-block {
    width: calc(100% - 132px);
  }
}

@media only screen and (max-width: 1366px) {
  .code-example-block {
    width: calc(100% - 126px);
  }
}

@media only screen and (max-width: 1024px) {
  .code-example-block {
    width: 100%;
  }
}

.code-example-block__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px 7px 22px;
  border-radius: 7px 7px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__head {
    min-height: 32px;
    padding: 5px 5px 5px 17px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example-block__head {
    padding-left: 16px;
    padding-right: 12px;
  }
}

.code-example-block--dark .code-example-block__head {
  color: #ABB1C0;
  background: #1B243B;
}

.code-example-block--light .code-example-block__head {
  color: #ABB1C0;
  background: #F7F8FA;
}

.code-example-block__head__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 30px 0 -6px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__head__dots {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example-block__head__dots {
    margin-left: -6px;
    margin-right: 10px;
  }
}

.code-example-block__head__dot {
  width: 1em;
  height: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0.5em;
  font-size: 12px;
  border-radius: 50%;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__head__dot {
    font-size: 9.6px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example-block__head__dot {
    font-size: 8px;
    margin: 0 0.75em;
  }
}

.code-example-block--dark .code-example-block__head__dot {
  background: #4B556B;
}

.code-example-block--light .code-example-block__head__dot {
  background: #CBCDDD;
}

.code-example-block__head__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 23px 0 -13px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .code-example-block__head__arrows {
    margin: 0 8px 0 -10px;
  }
}

.code-example-block__head__arrow {
  margin: 0 13px;
  line-height: 1;
  font-size: 12px;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__head__arrow {
    font-size: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .code-example-block__head__arrow {
    margin: 0 9px;
  }
}

.code-example-block__head__arrow--backward {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.code-example-block--dark .code-example-block__head__arrow {
  color: #687084;
}

.code-example-block--light .code-example-block__head__arrow {
  color: #CBCDDD;
}

.code-example-block__head__arrow i {
  vertical-align: top;
  display: inline-block;
}

.code-example-block__head__search {
  width: 100%;
  height: 27px;
  padding: 0 18px;
  font-size: 11px;
  overflow: hidden;
  line-height: 27px;
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__head__search {
    height: 21px;
    font-size: 9px;
    line-height: 21px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

.code-example-block--dark .code-example-block__head__search {
  background: #323C56;
}

.code-example-block--light .code-example-block__head__search {
  background: #E9EAF2;
}

.code-example-block__head__burger {
  width: 24px;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 16px;
  margin: 0 0 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__head__burger {
    width: 20px;
    height: 21px;
    margin-left: 5px;
  }
}

.code-example-block--dark .code-example-block__head__burger {
  color: #4B556B;
}

.code-example-block--light .code-example-block__head__burger {
  color: #CBCDDD;
}

.code-example-block__footer {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 38px;
  color: #ABB1C0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 7px 7px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__footer {
    height: 26px;
  }
}

.code-example-block--dark .code-example-block__footer {
  background: #323C56;
}

.code-example-block--light .code-example-block__footer {
  background: #F7F8FA;
}

.code-example-block__footer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font: 14px/15px 'PT Mono', monospace;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__footer-item {
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.code-example-block__footer-item__icon {
  line-height: 1;
  font-size: 12px;
  margin-right: 8px;
}

@media only screen and (min-width: 1025px) {
  .code-example-block--small .code-example-block__footer-item__icon {
    font-size: 9px;
    margin-right: 6px;
  }
}

.code-example-block__body {
  width: 100%;
}

.code-example-block__body .tab {
  width: 100%;
}

.code-example-block--dark .code-example-block__body {
  background: #0D1326;
}

.code-example-block--light .code-example-block__body {
  background: #fff;
}

.code-example-block__body pre {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 13px;
  background: none;
  max-height: 350px;
  line-height: 28px;
}

@media only screen and (max-width: 1680px) {
  .code-example-block__body pre {
    max-height: 320px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example-block__body pre {
    font-size: 12px;
    line-height: 26px;
    max-height: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example-block__body pre {
    max-height: 350px;
  }
}

.code-example-block__body pre.line-numbers {
  padding-left: 0;
}

.code-example-block__body pre::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.code-example-block__body pre::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #ABB1C0;
}

.code-example-block__body pre::-webkit-scrollbar-corner {
  opacity: 0;
}

.code-example-block__body pre code {
  display: block;
  min-height: 350px;
  letter-spacing: 0;
  font-size: inherit;
  line-height: inherit;
  padding: 12px 16px 8px 48px;
  font: 12px/22px 'PT Mono', monospace;
}

@media only screen and (max-width: 1680px) {
  .code-example-block__body pre code {
    font-size: 10px;
    line-height: 20px;
    min-height: 320px;
    padding: 16px 10px 16px 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example-block__body pre code {
    min-height: 300px;
    padding: 10px 16px 10px 54px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example-block__body pre code {
    font-size: 12px;
    line-height: 28px;
    min-height: 350px;
    padding: 22px 16px 22px 47px;
  }
}

.code-example-block__body .line-numbers .line-numbers-rows {
  left: 0;
  width: 36px;
  border: none;
  font-size: 12px;
  color: #7E8097;
  min-height: 100%;
  letter-spacing: 0;
  text-align: right;
  padding: 16px 8px;
  line-height: inherit;
  font-family: inherit;
}

@media only screen and (max-width: 1680px) {
  .code-example-block__body .line-numbers .line-numbers-rows {
    width: 36px;
    font-size: 11px;
    padding: 16px 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-example-block__body .line-numbers .line-numbers-rows {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-example-block__body .line-numbers .line-numbers-rows {
    width: 32px;
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

.code-example-block--dark .code-example-block__body .line-numbers .line-numbers-rows {
  background: #161F37;
}

.code-example-block__body .line-numbers .line-numbers-rows > span:before {
  padding: 0;
  color: inherit;
}

.take-security-section {
  z-index: 5;
  font-size: 20px;
  line-height: 1.6;
  color: #87888E;
  text-align: center;
  position: relative;
  background: #F7F8FA;
  padding: 80px 0 134px;
}

@media only screen and (max-width: 1680px) {
  .take-security-section {
    font-size: 20px;
    padding: 48px 0 94px;
  }
}

@media only screen and (max-width: 1366px) {
  .take-security-section {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-section {
    padding-top: 64px;
    padding-bottom: 94px;
  }
}

.take-security-section--transparent {
  background: transparent;
}

.take-security-section__icon {
  left: 50%;
  z-index: -5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .take-security-section__icon {
    left: auto;
    position: relative;
    margin: 0 auto 32px;
  }
}

.take-security-section__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.take-security-section__icon i {
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF0F3 98.68%);
}

.take-security-section__icon--1 {
  top: 133px;
  width: 168px;
  font-size: 40px;
  margin-left: 516px;
  border-radius: 57px;
  background: rgba(255, 255, 255, 0.67);
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
}

@media only screen and (max-width: 1680px) {
  .take-security-section__icon--1 {
    top: 120px;
    width: 132px;
    font-size: 36px;
    border-radius: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .take-security-section__icon--1 {
    margin-left: 420px;
  }
}

.take-security-section__icon--1 i {
  width: 116px;
  height: 116px;
  border-radius: 38px;
  margin: -58px 0 0 -58px;
  -webkit-box-shadow: 0px 24px 40px rgba(159, 169, 197, 0.33);
          box-shadow: 0px 24px 40px rgba(159, 169, 197, 0.33);
}

@media only screen and (max-width: 1680px) {
  .take-security-section__icon--1 i {
    width: 100px;
    height: 100px;
    border-radius: 32px;
    margin: -50px 0 0 -50px;
  }
}

.take-security-section__icon--2 {
  top: 303px;
  width: 96px;
  font-size: 32px;
  border-radius: 29px;
  margin-left: -648px;
  background: rgba(255, 255, 255, 0.78);
  -webkit-box-shadow: 0 12px 24px rgba(207, 214, 233, 0.22);
          box-shadow: 0 12px 24px rgba(207, 214, 233, 0.22);
}

@media only screen and (max-width: 1680px) {
  .take-security-section__icon--2 {
    top: 280px;
  }
}

@media only screen and (max-width: 1366px) {
  .take-security-section__icon--2 {
    margin-left: -520px;
  }
}

@media only screen and (max-width: 1024px) {
  .take-security-section__icon--2 {
    top: auto;
    margin-top: 32px;
    margin-left: auto;
  }
}

.take-security-section__icon--2 i {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  margin: -32px 0 0 -32px;
  -webkit-box-shadow: 0px 12px 24px rgba(159, 169, 197, 0.37);
          box-shadow: 0px 12px 24px rgba(159, 169, 197, 0.37);
}

.take-security-section h2, .take-security-section .h2 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .take-security-section h2, .take-security-section .h2 {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .take-security-section h2, .take-security-section .h2 {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .take-security-section h2, .take-security-section .h2 {
    margin-bottom: 31px;
  }
}

.take-security-section p {
  margin-bottom: 1.5em;
}

.take-security-section__content {
  padding: 0 160px;
  max-width: 1170px;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 1680px) {
  .take-security-section__content {
    max-width: 1040px;
    padding-left: 120px;
    padding-right: 120px;
  }
}

@media only screen and (max-width: 1366px) {
  .take-security-section__content {
    max-width: 940px;
  }
}

@media only screen and (max-width: 1024px) {
  .take-security-section__content {
    max-width: 540px;
    padding-left: 0;
    padding-right: 0;
  }
}

.take-security-section__btn {
  line-height: 2;
  font-size: 16px;
  margin-top: -10px;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: normal;
  border-bottom: 1px dashed;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .take-security-section__btn {
    font-size: 14px;
  }
}

.take-security-section__btn:hover {
  color: #4C5ADE;
}

.take-security-section__btn i {
  line-height: 1;
  font-size: 11px;
  margin-left: 13px;
}

@media only screen and (max-width: 1680px) {
  .take-security-section__btn i {
    font-size: 10px;
    margin-left: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-section__btn i {
    margin-left: 16px;
  }
}

.take-security-list {
  padding: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -16px -32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .take-security-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 304px;
    padding-top: 62px;
    margin-left: auto;
    margin-right: auto;
  }
}

.take-security-list__holder {
  position: relative;
  margin: 172px 0 32px;
}

@media only screen and (max-width: 1680px) {
  .take-security-list__holder {
    margin: 140px 0 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .take-security-list__holder {
    margin: 150px 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-list__holder {
    margin: 0 auto;
    max-width: 328px;
    min-height: 400px;
  }
}

.take-security-list__bg {
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: -5;
  max-width: 716px;
  overflow: hidden;
  margin-top: -40px;
  position: absolute;
  border-radius: 16px;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 24px 56px rgba(14, 23, 88, 0.06);
          box-shadow: 0 24px 56px rgba(14, 23, 88, 0.06);
}

@media only screen and (max-width: 1680px) {
  .take-security-list__bg {
    max-width: 640px;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-list__bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    max-width: none;
    -webkit-transform: none;
            transform: none;
  }
}

.take-security-list__bg:before {
  content: '';
  display: block;
  padding-top: 55.86592%;
}

.take-security-list__bg > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.take-security-item {
  width: 220px;
  max-width: 25%;
  padding: 0 16px;
  margin: 0 0 32px;
}

@media only screen and (max-width: 1366px) {
  .take-security-item {
    width: 200px;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-item {
    width: 50%;
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 64px;
  }
}

.take-security-item__visual {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 172px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF0F3 98.68%);
  -webkit-box-shadow: 0 4px 8px rgba(117, 130, 171, 0.09), 0px 28px 40px rgba(159, 169, 197, 0.3);
          box-shadow: 0 4px 8px rgba(117, 130, 171, 0.09), 0px 28px 40px rgba(159, 169, 197, 0.3);
}

@media only screen and (max-width: 1680px) {
  .take-security-item__visual {
    font-size: 148px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .take-security-item__visual {
    font-size: 124px;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-item__visual {
    font-size: 104px;
    margin-bottom: 0;
  }
}

.take-security-item__visual > img {
  display: block;
  max-width: 74%;
  max-height: 74%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 768px) {
  .take-security-item__visual > img {
    max-width: 65%;
    max-height: 65%;
  }
}

.take-security-item__visual__icon {
  top: 50%;
  width: 48px;
  height: 48px;
  right: -24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  margin: -24px 0 0;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #6F7DFF;
}

@media only screen and (max-width: 1680px) {
  .take-security-item__visual__icon {
    width: 36px;
    height: 36px;
    right: -18px;
    font-size: 20px;
    margin: -18px 0 0;
  }
}

.take-security-item__visual__icon img {
  width: 1em;
  height: 1em;
  display: block;
}

.take-security-item__visual__icon__body {
  top: 50%;
  left: 100%;
  opacity: 0;
  content: '';
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  position: absolute;
  margin: 0 0 0 24px;
  border-radius: 12px;
  background: #191a24;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
  -webkit-box-shadow: 0 10px 29px 0 rgba(47, 66, 103, 0.14);
          box-shadow: 0 10px 29px 0 rgba(47, 66, 103, 0.14);
}

.take-security-item__visual__icon:hover .take-security-item__visual__icon__body {
  opacity: 1;
}

.take-security-item__visual__icon__body:before {
  top: 50%;
  right: 100%;
  content: '';
  margin-top: -8px;
  position: absolute;
  border-right: 8px solid #191a24;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.take-security-item__title {
  font-size: 16px;
  color: #191A24;
  font-weight: 600;
  line-height: 19px;
  padding-left: 36px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.take-security-item__title:before {
  left: 0;
  top: 50%;
  content: '';
  width: 12px;
  height: 12px;
  margin: -6px 0 0;
  position: absolute;
  border-radius: 50%;
  background: #6F7DFF;
  -webkit-box-shadow: 0 0 0 8px rgba(110, 91, 216, 0.143029);
          box-shadow: 0 0 0 8px rgba(110, 91, 216, 0.143029);
}

.take-security-list__holder.take-security-list__upd .take-security-list__bg {
  max-width: 754px;
}

.take-security-list__holder.take-security-list__upd .take-security-list__bg:before {
  padding-top: 53.0503978779841%;
}

.take-security-list__holder.take-security-list__upd .take-security-item {
  width: 175px;
  max-width: 20%;
}

.take-security-list__holder.take-security-list__upd .take-security-item__visual {
  font-size: 150px;
}

.take-security-list__holder.take-security-list__upd .take-security-item__visual > img {
  max-width: 65%;
  max-height: 65%;
}

@media only screen and (max-width: 1024px) {
  .take-security-list__holder.take-security-list__upd .take-security-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .take-security-list__holder.take-security-list__upd .take-security-item__visual {
    font-size: 124px;
  }
  .take-security-list__holder.take-security-list__upd .take-security-item {
    width: 26%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .take-security-list__holder.take-security-list__upd .take-security-item {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
  }
  .take-security-list__holder.take-security-list__upd .take-security-item__visual {
    font-size: 90px;
  }
}

.toggle-in-section {
  z-index: 5;
  margin: 18px 0 0;
  position: relative;
  padding: 108px 0 77px;
  background: #F7F8FA;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section {
    margin-top: 0;
    padding: 96px 0 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-section {
    padding: 48px 0 32px;
  }
}

@media only screen and (max-width: 640px) {
  .toggle-in-section {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}

.toggle-in-section__icon {
  left: 50%;
  top: 96px;
  z-index: -5;
  width: 168px;
  height: 168px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 40px;
  color: #6F7DFF;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -684px;
  border-radius: 57px;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.67);
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section__icon {
    top: 148px;
    width: 136px;
    height: 136px;
    font-size: 36px;
    border-radius: 40px;
    margin-left: -660px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-section__icon {
    top: 98px;
    margin-left: -608px;
  }
}

.toggle-in-section__icon:before {
  top: 26px;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: -5;
  content: '';
  position: absolute;
  border-radius: 38px;
  -webkit-box-shadow: 0 24px 40px rgba(159, 169, 197, 0.33);
          box-shadow: 0 24px 40px rgba(159, 169, 197, 0.33);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF0F3 98.68%);
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section__icon:before {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 30px;
  }
}

.toggle-in-section h2, .toggle-in-section .h2 {
  text-align: center;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section h2, .toggle-in-section .h2 {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .toggle-in-section h2, .toggle-in-section .h2 {
    margin-bottom: 32px;
  }
}

.toggle-in-section__content {
  font-size: 20px;
  max-width: 864px;
  color: #87888E;
  text-align: center;
  margin: 0 auto 40px;
  line-height: 1.6em;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section__content {
    font-size: 18px;
    max-width: 760px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-section__content {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .toggle-in-section__content {
    font-size: 18px;
    max-width: 560px;
  }
}

@media only screen and (max-width: 768px) {
  .toggle-in-section__content {
    font-size: 16px;
  }
}

.toggle-in-section__content p {
  margin-bottom: 1.2em;
}

.toggle-in-section__try-title {
  display: block;
  color: #05060C;
  font-size: 24px;
  line-height: 1.66667em;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section__try-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-section__try-title {
    font-size: 20px;
  }
}

.toggle-in-section__try-title .color {
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.toggle-in-section__try-title__arrow {
  top: 100%;
  left: 100%;
  content: '';
  width: 112px;
  position: absolute;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  margin: -38px 0 0 36px;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-section__try-title__arrow {
    width: 100px;
    margin-top: -28px;
    margin-left: 18px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-section__try-title__arrow {
    width: 90px;
    margin-top: -22px;
  }
}

@media only screen and (max-width: 640px) {
  .toggle-in-section__try-title__arrow {
    width: 86px;
    margin-left: 0;
  }
}

.toggle-in-section__try-title__arrow svg {
  width: 100%;
  height: auto;
  display: block;
}

.toggle-in-section__try-title__arrow svg.dashes {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.toggle-in-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .toggle-in-block {
    display: block;
    margin-top: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .toggle-in-block {
    margin-top: 36px;
  }
}

.toggle-in-block__visual {
  z-index: 5;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9.6px;
  margin-top: 70px;
  max-width: 810px;
  margin-bottom: 42px;
  margin-right: 42px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-block__visual {
    font-size: 8px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__visual {
    font-size: 8.9px;
    max-width: 700px;
  }
}

@media only screen and (max-width: 1024px) {
  .toggle-in-block__visual {
    max-width: 640px;
    font-size: 7.6px;
    margin: 0 auto 48px;
  }
}

@media only screen and (max-width: 640px) {
  .toggle-in-block__visual {
    font-size: 1.1vw;
  }
}

@media screen and (max-width: 480px) {
  .toggle-in-block__visual {
    font-size: 1.06vw;
  }
}

@media only screen and (max-width: 360px) {
  .toggle-in-block__visual {
    font-size: 1.08vw;
  }
}

.toggle-in-block__visual:after {
  top: 50%;
  right: -5%;
  left: 4.1em;
  content: '';
  height: 110%;
  z-index: -10;
  max-height: 680px;
  background: #FFF;
  position: absolute;
  border-radius: 2.4em;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.toggle-in-block__visual__inner {
  top: -6px;
  position: relative;
  background: #fff;
  border-radius: 1.2em;
  -webkit-box-shadow: 0 3.2em 6.4em rgba(127, 136, 166, 0.17), 0 0.1em 0.1em rgba(102, 112, 150, 0.29), 0 1.08em 2.16em rgba(37, 51, 108, 0.1);
          box-shadow: 0 3.2em 6.4em rgba(127, 136, 166, 0.17), 0 0.1em 0.1em rgba(102, 112, 150, 0.29), 0 1.08em 2.16em rgba(37, 51, 108, 0.1);
}

.toggle-in-block__visual__inner:before {
  content: '';
  display: block;
  padding-top: 71.11111%;
}

.toggle-in-block__visual__img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  padding-left: 13.55em;
  border-radius: 1.2em;
  background: #F5F6F8;
  -webkit-box-shadow: 0 3.2em 6.4em rgba(127, 136, 166, 0.17), 0 0.1em 0.1em rgba(102, 112, 150, 0.29), 0 1.08em 2.16em rgba(37, 51, 108, 0.1);
          box-shadow: 0 3.2em 6.4em rgba(127, 136, 166, 0.17), 0 0.1em 0.1em rgba(102, 112, 150, 0.29), 0 1.08em 2.16em rgba(37, 51, 108, 0.1);
}

.toggle-in-block__visual__img .tab,
.toggle-in-block__visual__img .tab-body {
  width: 100%;
  height: 100%;
}

.toggle-in-block__visual__img .tab {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0s ease 0.7s, opacity 0.7s ease;
  transition: all 0s ease 0.7s, opacity 0.7s ease;
}

.toggle-in-block__visual__img .tab--active {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 500;
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}

.toggle-in-block__visual__img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.toggle-in-block__sidebar {
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 15;
  width: 13.55em;
  background: #fff;
  position: absolute;
  padding: 6.75em 1.1em 3.2em;
  border-radius: 1.2em 0 0 1.2em;
}

.toggle-in-block__sidebar__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.toggle-in-block__sidebar__bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.toggle-in-block__sidebar__group {
  margin-top: 1.75em;
  -webkit-transition: margin .35s ease, opacity .35s ease;
  transition: margin .35s ease, opacity .35s ease;
}

.toggle-in-block__sidebar__group--empty {
  opacity: 0;
}

.toggle-in-block__sidebar__group__title {
  display: block;
  margin: 0 1.1em 1.6em;
}

.toggle-in-block__sidebar__group__title img {
  display: block;
  max-width: 100%;
}

.toggle-in-block__sidebar-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.toggle-in-block__sidebar-item {
  background: #fff;
  border-radius: 0.4em;
  margin-bottom: 0.4em;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, box-shadow;
  transition-property: background-color, box-shadow, -webkit-box-shadow;
}

.toggle-in-block__sidebar-item--active {
  background: #FBFBFC;
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
  -webkit-box-shadow: inset 0 0 0 1px #E5EAF3;
          box-shadow: inset 0 0 0 1px #E5EAF3;
}

.toggle-in-block__sidebar-item img {
  width: 100%;
  display: block;
}

.toggle-in-block__controls {
  z-index: 5;
  width: 438px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 30px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .toggle-in-block__controls {
    width: 380px;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__controls {
    width: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .toggle-in-block__controls {
    margin: 0;
    width: auto;
  }
}

.toggle-in-block__group {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__group {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .toggle-in-block__group {
    margin-bottom: 16px;
  }
}

.toggle-in-block__group__title {
  display: block;
  font-size: 18px;
  color: #05060C;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1.7777;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__group__title {
    font-size: 14px;
    margin-bottom: 4px;
  }
}

.toggle-in-block__controls-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 1024px) {
  .toggle-in-block__controls-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 640px) {
  .toggle-in-block__controls-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.toggle-in-block__control-item {
  margin-bottom: 8px;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__control-item {
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 1024px) {
  .toggle-in-block__control-item {
    margin-left: 6px;
    margin-right: 6px;
    width: calc(50% - 12px);
  }
}

@media only screen and (max-width: 640px) {
  .toggle-in-block__control-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.toggle-in-block__switcher {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 1.33333;
  color: #87888E;
  min-height: 56px;
  position: relative;
  border-radius: 8px;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 68px 4px 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-shadow: 0 1px 1px #DCDDE1;
          box-shadow: 0 1px 1px #DCDDE1;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__switcher {
    font-size: 10px;
    min-height: 40px;
    padding: 3px 48px 3px 12px;
  }
}

@media only screen and (max-width: 768px) {
  .toggle-in-block__switcher {
    font-size: 11px;
    min-height: 54px;
    padding: 4px 56px 4px 16px;
  }
}

.toggle-in-block__switcher input[type='checkbox'] {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}

.toggle-in-block__switcher__status {
  top: 50%;
  right: 24px;
  width: 32px;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  border-radius: 12px;
  background: #EDEEF0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DCDDE1;
  -webkit-transition: border-color .35s ease, background-color .35s ease;
  transition: border-color .35s ease, background-color .35s ease;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__switcher__status {
    right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .toggle-in-block__switcher__status {
    right: 16px;
  }
}

input[type='checkbox']:checked + .toggle-in-block__switcher__status {
  background: #6F7DFF;
  border-color: #604FC3;
}

input[type='checkbox']:checked + .toggle-in-block__switcher__status span {
  left: 15px;
}

.toggle-in-block__switcher__status span {
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  -webkit-transition: left .35s ease;
  transition: left .35s ease;
  border: 1px solid #CCCDD2;
  -webkit-box-shadow: 0 1px 1px rgba(68, 75, 105, 0.152289);
          box-shadow: 0 1px 1px rgba(68, 75, 105, 0.152289);
}

.toggle-in-block__switcher__icon {
  width: 1em;
  height: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 24px;
  margin-right: 16px;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__switcher__icon {
    font-size: 18px;
    margin-right: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .toggle-in-block__switcher__icon {
    font-size: 20px;
  }
}

.toggle-in-block__switcher__icon img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.toggle-in-block__switcher__content p {
  margin: 0;
}

.toggle-in-block__switcher__title {
  display: block;
  color: #36373C;
  font-size: 14px;
  line-height: 1.28571;
}

@media only screen and (max-width: 1366px) {
  .toggle-in-block__switcher__title {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 768px) {
  .toggle-in-block__switcher__title {
    font-size: 13px;
  }
}

.code-section {
  z-index: 5;
  line-height: 2;
  font-size: 16px;
  color: #87888E;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .code-section {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section {
    padding: 48px 0 102px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section .container {
    padding-top: 104px;
    position: relative;
    padding-bottom: 130px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section .container {
    padding-top: 64px;
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-section .container {
    padding-bottom: 50px;
  }
}

.code-section__icon {
  left: 50%;
  z-index: 15;
  width: 1.8em;
  line-height: 1;
  font-size: 20px;
  border-radius: 25%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF0F3 98.68%);
  -webkit-box-shadow: 0 0.225em 0.45em rgba(103, 117, 159, 0.29), 0 0 0 0.45em rgba(237, 238, 242, 0.95);
          box-shadow: 0 0.225em 0.45em rgba(103, 117, 159, 0.29), 0 0 0 0.45em rgba(237, 238, 242, 0.95);
}

@media only screen and (max-width: 1366px) {
  .code-section__icon {
    font-size: 16px;
  }
}

.code-section__icon:nth-child(1) {
  top: 146px;
  margin-left: -234px;
}

@media only screen and (max-width: 1680px) {
  .code-section__icon:nth-child(1) {
    top: 90px;
    margin-left: -120px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__icon:nth-child(1) {
    top: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__icon:nth-child(1) {
    margin: 0;
    top: 36px;
    left: auto;
    right: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .code-section__icon:nth-child(1) {
    right: 20px;
  }
}

.code-section__icon:nth-child(2) {
  top: 215px;
  margin-left: -334px;
}

@media only screen and (max-width: 1680px) {
  .code-section__icon:nth-child(2) {
    top: 150px;
    margin-left: -240px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__icon:nth-child(2) {
    top: 120px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__icon:nth-child(2) {
    top: 80px;
    margin: 0;
    left: auto;
    right: 136px;
  }
}

@media only screen and (max-width: 640px) {
  .code-section__icon:nth-child(2) {
    top: 112px;
    right: 48px;
  }
}

.code-section__icon:nth-child(3) {
  top: 249px;
  margin-left: -104px;
}

@media only screen and (max-width: 1680px) {
  .code-section__icon:nth-child(3) {
    top: 220px;
    margin-left: -36px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__icon:nth-child(3) {
    top: 170px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__icon:nth-child(3) {
    top: auto;
    margin: 0;
    left: 32px;
    bottom: 32px;
  }
}

.code-section__icon:nth-child(4) {
  bottom: 172px;
  margin-left: -538px;
}

@media only screen and (max-width: 1680px) {
  .code-section__icon:nth-child(4) {
    bottom: 156px;
    margin-left: -432px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__icon:nth-child(4) {
    bottom: 112px;
    margin-left: -460px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__icon:nth-child(4) {
    top: auto;
    bottom: 40px;
    margin-top: 0;
    margin-left: -74px;
  }
}

@media only screen and (max-width: 640px) {
  .code-section__icon:nth-child(4) {
    margin-left: -40px;
  }
}

.code-section__icon:nth-child(5) {
  bottom: 130px;
  margin-left: 50px;
}

@media only screen and (max-width: 1680px) {
  .code-section__icon:nth-child(5) {
    bottom: 128px;
    margin-left: 40px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__icon:nth-child(5) {
    bottom: 78px;
    margin-left: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__icon:nth-child(5) {
    top: auto;
    margin: 0;
    left: auto;
    right: 48px;
    bottom: 36px;
  }
}

.code-section__icon:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.code-section__icon img {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  margin: -0.5em 0 0 -0.5em;
}

.code-section__icon--medium, .code-section__icon--big {
  width: 2em;
}

.code-section__icon--medium {
  font-size: 24px;
}

@media only screen and (max-width: 1366px) {
  .code-section__icon--medium {
    font-size: 20px;
  }
}

.code-section__icon--big {
  font-size: 32px;
}

@media only screen and (max-width: 1366px) {
  .code-section__icon--big {
    font-size: 24px;
  }
}

.code-section h2, .code-section .h2 {
  font-size: 40px;
  line-height: 1.4;
  margin-bottom: 0.8em;
}

@media only screen and (max-width: 1680px) {
  .code-section h2, .code-section .h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section h2, .code-section .h2 {
    font-size: 32px;
    margin-bottom: 0.6em;
  }
}

.code-section__content {
  z-index: 50;
  min-height: 680px;
  max-width: 1094px;
  position: relative;
  padding-right: 680px;
  padding-bottom: 360px;
}

@media only screen and (max-width: 1680px) {
  .code-section__content {
    min-height: 620px;
    max-width: 1000px;
    padding-right: 640px;
    padding-bottom: 350px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__content {
    padding-bottom: 360px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__content {
    padding: 0;
    min-height: 0;
    max-width: 540px;
    margin: 0 auto 32px;
  }
}

.code-section__content p {
  margin-bottom: 0;
}

.code-section__content__icon {
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  margin: 0 0 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F3FF), to(#ECE3FF));
  background: linear-gradient(180deg, #F7F3FF 0%, #ECE3FF 100%);
}

@media only screen and (max-width: 1680px) {
  .code-section__content__icon {
    width: 64px;
    height: 64px;
    font-size: 28px;
    margin-bottom: 16px;
  }
}

.code-section__content__icon img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.code-section__code {
  width: 100%;
  max-width: 635px;
  border-radius: 7px;
  position: absolute;
  -webkit-box-shadow: 13px 32px 64px rgba(65, 58, 98, 0.5);
          box-shadow: 13px 32px 64px rgba(65, 58, 98, 0.5);
}

@media only screen and (max-width: 1680px) {
  .code-section__code {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1366px) {
  .code-section__code {
    max-width: 480px;
    -webkit-box-shadow: 8px 24px 48px rgba(65, 58, 98, 0.5);
            box-shadow: 8px 24px 48px rgba(65, 58, 98, 0.5);
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__code {
    max-width: 550px;
    position: relative;
    margin: 0 auto 32px;
  }
}

.code-section__code pre {
  max-height: 278px;
}

@media only screen and (max-width: 1680px) {
  .code-section__code pre {
    max-height: 220px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__code pre {
    max-height: 300px;
  }
}

.code-section__code pre code {
  min-height: 278px;
}

@media only screen and (max-width: 1680px) {
  .code-section__code pre code {
    min-height: 220px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__code pre code {
    min-height: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--top {
    top: 117px;
    right: 15px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--top {
    top: 70px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-section__code--top {
    right: 10px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--bottom-left {
    right: 501px;
    bottom: 213px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--bottom-left {
    right: 435px;
    bottom: 204px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-section__code--bottom-left {
    right: 456px;
    bottom: 144px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--bottom-left pre {
    max-height: 182px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--bottom-left pre {
    max-height: 160px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--bottom-left pre code {
    min-height: 182px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--bottom-left pre code {
    min-height: 160px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--bottom-right {
    right: -28px;
    bottom: 130px;
    max-width: 508px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--bottom-right {
    right: 0;
    bottom: 130px;
    max-width: 420px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-section__code--bottom-right {
    right: 40px;
    bottom: 80px;
    max-width: 400px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--bottom-right pre {
    max-height: 240px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--bottom-right pre {
    max-height: 220px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1024px) {
  .code-section__code--bottom-right pre {
    max-height: 300px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code--bottom-right pre code {
    min-height: 240px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .code-section__code--bottom-right pre code {
    min-height: 220px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1024px) {
  .code-section__code--bottom-right pre code {
    min-height: 0;
  }
}

.code-section__code__icon {
  width: 1em;
  height: 1em;
  top: -0.72em;
  right: 36.3%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 40px;
  position: absolute;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) {
  .code-section__code__icon {
    right: 20%;
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .code-section__code__icon {
    font-size: 24px;
  }
}

.code-section__code__icon i {
  line-height: 1;
  font-size: 0.35em;
}

@media only screen and (max-width: 1024px) {
  .code-section__code__icon i {
    font-size: 0.5em;
  }
}

.code-section__code__icon:after, .code-section__code__icon:before {
  content: '';
  z-index: -5;
  position: absolute;
}

.code-section__code__icon:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EAE6FD;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 0.225em 0.3em rgba(220, 221, 225, 0.2);
          box-shadow: 0 0.225em 0.3em rgba(220, 221, 225, 0.2);
}

.code-section__code__icon:before {
  background: #FFF;
  top: -0.3em;
  left: -0.3em;
  right: -0.3em;
  bottom: -0.3em;
  border-radius: 0.375em;
  -webkit-box-shadow: 0 0.675em 1.2em rgba(69, 85, 130, 0.182064);
          box-shadow: 0 0.675em 1.2em rgba(69, 85, 130, 0.182064);
}

@media only screen and (min-width: 1025px) {
  .code-section__code__icon--small {
    top: 10px;
    right: 8%;
    font-size: 25.6px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .code-section__code__icon--small {
    right: 10%;
    font-size: 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .code-section__code__icon--small:before {
    top: -0.4em;
    left: -0.4em;
    right: -0.4em;
    bottom: -0.4em;
  }
}

.code-section__btn {
  margin-top: 10px;
  color: #ffbd07;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: normal;
  border-bottom: 1px dashed;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.code-section__btn:hover {
  color: #edae00;
}

.code-section__btn i {
  line-height: 1;
  font-size: 11px;
  margin-left: 13px;
}

@media only screen and (max-width: 1680px) {
  .code-section__btn i {
    font-size: 10px;
    margin-left: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .code-section__btn i {
    margin-left: 16px;
  }
}

.code-section .code-example-block {
  width: auto;
  margin: 0 auto;
  max-width: 635px;
}

.use-case-intro-section {
  z-index: 5;
  font-size: 20px;
  line-height: 1.6em;
  color: #87888E;
  min-height: 510px;
  text-align: center;
  position: relative;
  padding: 64px 0 80px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section {
    font-size: 20px;
    min-height: 450px;
    padding: 54px 0 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section {
    font-size: 18px;
    padding: 48px 0;
    min-height: 410px;
  }
}

.use-case-intro-section:after {
  left: 0;
  right: 0;
  top: -182px;
  content: '';
  z-index: -10;
  height: 650px;
  position: absolute;
  pointer-events: none;
  background: url(../images/intro-circles.svg) 50% 0/contain no-repeat;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section:after {
    background-size: auto 560px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section:after {
    background-size: auto 500px;
  }
}

.use-case-intro-section:before {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -10;
  height: 740px;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F8FA), to(#FFFFFF));
  background: linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 100%);
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section__icons {
    height: 230px;
    margin-top: 20px;
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-intro-section__icons {
    height: 190px;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-intro-section__icons {
    height: 160px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icons,
  .use-case-intro-section--type-3 .use-case-intro-section__icons {
    margin-top: 0;
    height: 130px;
  }
}

.use-case-intro-section__icon {
  left: 50%;
  width: 3em;
  height: 3em;
  z-index: -5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  color: #6F7DFF;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__icon {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-intro-section__icon {
    font-size: 16px;
  }
}

.use-case-intro-section__icon:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -5;
  content: '';
  background: #fff;
  position: absolute;
  border-radius: 16px;
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.45);
}

.use-case-intro-section__icon--big {
  width: 2.5em;
  height: 2.5em;
  font-size: 32px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__icon--big {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-intro-section__icon--big {
    font-size: 20px;
  }
}

.use-case-intro-section__icon--big:after {
  border-radius: 0.83125em;
  -webkit-box-shadow: 0 20px 35px rgba(159, 169, 197, 0.25);
          box-shadow: 0 20px 35px rgba(159, 169, 197, 0.25);
}

.use-case-intro-section__icon--big:before {
  content: '';
  z-index: -10;
  top: -0.9375em;
  left: -0.9375em;
  right: -0.9375em;
  bottom: -0.9375em;
  position: absolute;
  border-radius: 1.3562em;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0.5em 0.75em rgba(220, 221, 225, 0.451049);
          box-shadow: 0 0.5em 0.75em rgba(220, 221, 225, 0.451049);
}

.use-case-intro-section__icon--small {
  width: 2em;
  height: 2em;
}

.use-case-intro-section__icon--ok i {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eae6ff;
  -webkit-box-shadow: 0 9px 13px rgba(220, 221, 225, 0.175);
          box-shadow: 0 9px 13px rgba(220, 221, 225, 0.175);
}

.use-case-intro-section__icon--ok i:before {
  font-size: 0.2916em;
}

.use-case-intro-section__icon:nth-child(1) {
  top: 333px;
  margin-left: -364px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__icon:nth-child(1) {
    top: 238px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section__icon:nth-child(1) {
    top: 194px;
    margin-left: -334px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section__icon:nth-child(1) {
    top: auto;
    left: 20px;
    bottom: 32px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-intro-section__icon:nth-child(1) {
    left: 0;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(1) {
    top: 94px;
    margin-left: 605px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(1) {
    margin-left: 450px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(1) {
    top: 140px;
    margin-left: 360px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(1) {
    top: 174px;
    margin-left: -640px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(1) {
    margin-left: -500px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(1) {
    margin-left: -420px;
  }
}

.use-case-intro-section__icon:nth-child(2) {
  top: 330px;
  margin-left: 290px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__icon:nth-child(2) {
    top: 255px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section__icon:nth-child(2) {
    top: 210px;
    margin-left: 250px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section__icon:nth-child(2) {
    top: 30px;
    left: auto;
    right: 24px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-intro-section__icon:nth-child(2) {
    right: 0;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-intro-section__icon:nth-child(2) {
    top: 16px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(2) {
    margin-top: -68px;
    margin-left: -579px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(2) {
    margin-left: -480px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(2) {
    margin-top: -10px;
    margin-left: -410px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(2) {
    top: 180px;
    margin-left: 590px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(2) {
    top: 168px;
    margin-left: 480px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(2) {
    margin-left: 380px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(2) {
    left: 50%;
    top: auto;
    bottom: 0;
    margin-left: -40px;
  }
}

.use-case-intro-section__icon:nth-child(3) {
  top: 228px;
  margin-left: 511px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__icon:nth-child(3) {
    top: 340px;
    margin-left: 470px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section__icon:nth-child(3) {
    top: 298px;
    margin-left: 366px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section__icon:nth-child(3) {
    bottom: 0;
    top: auto;
    left: auto;
    right: 120px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .use-case-intro-section__icon:nth-child(3) {
    right: 80px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(3) {
    margin-top: 80px;
    margin-left: 443px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(3) {
    margin-top: -70px;
    margin-left: 350px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(3) {
    margin-top: -30px;
    margin-left: 240px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(3) {
    margin-top: 90px;
    margin-left: -462px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(3) {
    margin-top: -50px;
    margin-left: -350px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(3) {
    margin-top: -40px;
    margin-left: -290px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section--type-2 .use-case-intro-section__icon:nth-child(3) {
    left: 50%;
    margin-left: -40px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section--type-3 .use-case-intro-section__icon:nth-child(3) {
    right: 0;
  }
}

.use-case-intro-section__icon:nth-child(4) {
  top: 214px;
  margin-left: -662px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__icon:nth-child(4) {
    top: 310px;
    margin-left: -580px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section__icon:nth-child(4) {
    top: 290px;
    margin-left: -490px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-intro-section__icon:nth-child(4) {
    top: 32px;
    left: 150px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .use-case-intro-section__icon:nth-child(4) {
    left: 120px;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-intro-section__icon:nth-child(4) {
    top: 0;
  }
}

.use-case-intro-section__content {
  margin: 0 auto;
  max-width: 703px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section__content {
    max-width: 600px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section__content {
    max-width: 540px;
  }
}

.use-case-intro-section--type-3 .use-case-intro-section__content {
  max-width: 780px;
}

@media only screen and (max-width: 1680px) {
  .use-case-intro-section--type-3 .use-case-intro-section__content {
    max-width: 680px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-intro-section--type-3 .use-case-intro-section__content {
    max-width: 600px;
  }
}

.use-case-intro-section h1,
.use-case-intro-section .h1 {
  margin-bottom: 24px;
}

.use-case-intro-section p {
  margin-bottom: 1em;
}

.use-case-intro-section .btn-panel {
  margin-top: 58px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (min-width: 1025px) {
  .instruction-section--use-case {
    padding-top: 0;
  }
  .instruction-section--use-case .instruction-section__steps {
    padding-top: 0;
  }
  .instruction-section--use-case .instruction-step:nth-child(odd) > .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .instruction-section--use-case .instruction-step:nth-child(even) > .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1367px) {
  .instruction-section--use-case .instruction-step:nth-child(even) > .container .instruction-step__content {
    margin-left: 64px;
  }
}

.use-case-cite {
  z-index: 15;
  margin-top: 16px;
  position: relative;
  background: url(../images/use-case-cite-bg.svg) 50% 50%/100% 100% no-repeat;
}

.container .use-case-cite {
  padding-left: 40px;
  border-radius: 16px;
  padding-right: 48px;
  margin-bottom: -88px;
}

@media only screen and (min-width: 1025px) {
  .container .use-case-cite {
    margin-top: -104px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .container .use-case-cite {
    margin-top: -136px;
  }
}

@media only screen and (max-width: 1680px) {
  .container .use-case-cite {
    margin-bottom: -64px;
  }
}

@media only screen and (max-width: 1366px) {
  .container .use-case-cite {
    margin-bottom: -48px;
  }
}

@media only screen and (max-width: 1024px) {
  .container .use-case-cite {
    margin-top: 0;
    border-radius: 0;
    margin-bottom: 0;
    margin-left: -24px;
    margin-right: -24px;
  }
}

.use-case-cite--purple {
  color: #fff;
  background-image: none;
  background-color: #6F7DFF;
}

.use-case-cite--purple .btn--secondary {
  -webkit-box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
          box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
}

.use-case-cite--gray {
  background-color: #ECF0F7;
}

.use-case-cite:before {
  left: 50%;
  top: -16px;
  content: '';
  width: 100%;
  max-width: 1320px;
  position: absolute;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 1px solid #EDEEF0;
}

.container .use-case-cite:before {
  display: none;
}

@media only screen and (max-width: 1680px) {
  .use-case-cite:before {
    max-width: 1070px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite:before {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite {
    background-size: auto 150px;
    background-position: 0 calc(100% - 24px);
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-cite--wide .container {
    max-width: 884px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-cite--wide .container {
    max-width: 834px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-cite--wide .container {
    max-width: 778px;
  }
}

.use-case-cite .container {
  max-width: 1228px;
}

@media only screen and (max-width: 1680px) {
  .use-case-cite .container {
    max-width: 960px;
  }
}

.use-case-cite__content {
  width: 100%;
  z-index: 10;
  position: relative;
}

@media only screen and (min-width: 1025px) {
  .use-case-cite--reverse .use-case-cite__content {
    text-align: left;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite__content {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    max-width: 480px;
    text-align: center;
    margin: 0 auto 16px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-cite--wide .use-case-cite__content {
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

.use-case-cite__text {
  display: block;
  font-size: 20px;
  line-height: 1.6em;
  color: #87888E;
  max-width: 540px;
  margin-bottom: 12px;
}

.use-case-cite--purple .use-case-cite__text {
  color: inherit;
}

@media only screen and (max-width: 1680px) {
  .use-case-cite__text {
    font-size: 18px;
    max-width: none;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-cite__text {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite__text {
    margin-left: 0;
    margin-bottom: 16px;
  }
}

.use-case-cite__author {
  display: block;
  font-size: 14px;
  color: #87888E;
  line-height: 1.71429em;
}

@media only screen and (max-width: 1024px) {
  .use-case-cite__author {
    padding-right: 0;
    text-align: center;
  }
}

.use-case-cite__author strong {
  color: #05060C;
}

.use-case-cite--purple .use-case-cite__author {
  color: inherit;
}

.use-case-cite--purple .use-case-cite__author strong {
  color: inherit;
}

.use-case-cite__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px 0;
  min-height: 192px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (min-width: 1025px) {
  .use-case-cite--wide .use-case-cite__main {
    width: 116px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 0;
    margin-left: 92px;
  }
}

@media only screen and (max-width: 1680px) {
  .use-case-cite__main {
    min-height: 200px;
    padding-top: 16px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-cite__main {
    min-height: 180px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite__main {
    padding: 32px ​;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.use-case-cite__main .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 48px;
}

@media only screen and (min-width: 1681px) {
  .use-case-cite__main .btn {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 1680px) {
  .use-case-cite__main .btn {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite__main .btn {
    margin-left: 0;
  }
}

.use-case-cite__visual {
  width: 116px;
  padding: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 32px;
  position: relative;
  background: #FFF;
  border-radius: 50%;
  margin-right: 128px;
  -webkit-box-shadow: 0 8px 20px 4px rgba(47, 70, 135, 0.08);
          box-shadow: 0 8px 20px 4px rgba(47, 70, 135, 0.08);
}

@media only screen and (max-width: 1680px) {
  .use-case-cite__visual {
    margin-left: 0;
    margin-right: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-cite__visual {
    width: 100px;
    padding: 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-cite__visual {
    margin: 0 0 24px;
  }
}

.use-case-cite__visual > img {
  top: 10px;
  left: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 50%;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

@media only screen and (max-width: 1366px) {
  .use-case-cite__visual > img {
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }
}

.use-case-cite__visual:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.use-case-cite__visual__organization {
  top: 50%;
  width: 1em;
  height: 1em;
  left: -34px;
  font-size: 48px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  margin-top: -0.3em;
}

@media only screen and (max-width: 1366px) {
  .use-case-cite__visual__organization {
    left: -24px;
    font-size: 36px;
  }
}

.use-case-cite__visual__organization img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.use-case-hero-section {
  font-size: 20px;
  color: #686B7E;
  min-height: 585px;
  padding-top: 64px;
  position: relative;
  padding-bottom: 64px;
  line-height: 1.6;
  background: url(../images/new/use-case-hero-bg.jpg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .use-case-hero-section {
    font-size: 18px;
    min-height: 490px;
    padding-top: 56px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-hero-section {
    padding-bottom: 136px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-hero-section {
    padding-bottom: 168px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-hero-section {
    padding-top: 48px;
    min-height: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-hero-section {
    min-height: 0;
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-hero-section {
    padding-top: 36px;
    text-align: center;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-hero-section {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1025px) {
  .use-case-hero-section + .container + .use-case-advantages-section .use-case-advantage {
    padding-top: 64px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .use-case-hero-section + .container + .use-case-advantages-section .use-case-advantage {
    padding-top: 48px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .use-case-hero-section + .container + .use-case-advantages-section .use-case-advantage {
    padding-top: -32px;
  }
}

@media only screen and (min-width: 769px) {
  .use-case-hero-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.use-case-hero-section h1, .use-case-hero-section .h1 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1680px) {
  .use-case-hero-section h1, .use-case-hero-section .h1 {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-hero-section h1, .use-case-hero-section .h1 {
    font-size: 32px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 360px) {
  .use-case-hero-section h1, .use-case-hero-section .h1 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}

.use-case-hero-section__content p {
  margin-bottom: 1.6em;
}

.use-case-hero-section__content .btn-panel {
  margin-top: 40px;
}

@media only screen and (max-width: 1680px) {
  .use-case-hero-section__content .btn-panel {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-hero-section__content .btn-panel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.use-case-hero-section__visual {
  width: 55%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 650px;
  margin-top: -40px;
  margin-left: 32px;
  margin-right: -6px;
  position: relative;
  margin-right: -48px;
}

@media only screen and (max-width: 1680px) {
  .use-case-hero-section__visual {
    max-width: 530px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-hero-section__visual {
    margin-left: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-hero-section__visual {
    width: auto;
    max-width: 480px;
    margin: 32px auto 0;
  }
}

@media screen and (max-width: 480px) {
  .use-case-hero-section__visual {
    max-width: none;
    margin: 20px -20px 0;
  }
}

.use-case-hero-section__visual:before {
  content: '';
  display: block;
  padding-top: 83.07692%;
}

.use-case-hero-section__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.new-subscribe-section {
  z-index: 10;
  font-size: 18px;
  margin-top: 32px;
  line-height: 1.77778;
  position: relative;
  text-align: center;
  padding-bottom: 78px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section {
    font-size: 16px;
    padding-bottom: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section {
    font-size: 14px;
    padding-bottom: 36px;
  }
}

.new-subscribe-section h3, .new-subscribe-section .h3 {
  color: inherit;
  font-size: 32px;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section h3, .new-subscribe-section .h3 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-subscribe-section h3, .new-subscribe-section .h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section h3, .new-subscribe-section .h3 {
    font-size: 24px;
    margin-left: -8px;
    margin-right: -8px;
    line-height: 1.33333em;
    margin-bottom: 1.33333em;
  }
}

@media only screen and (min-width: 641px) {
  .new-subscribe-section:not(.new-subscribe-section--no-bg):before {
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: -10;
    height: 288px;
    position: absolute;
    pointer-events: none;
    background: #F7F8FA;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1680px) {
  .new-subscribe-section:not(.new-subscribe-section--no-bg):before {
    height: 240px;
  }
}

.new-subscribe-section--gray:before {
  top: -32px;
  height: auto !important;
}

.new-subscribe-section__main {
  z-index: 10;
  color: #fff;
  position: relative;
  border-radius: 16px;
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__main {
    border-radius: 12px;
  }
}

.new-subscribe-section--bg .new-subscribe-section__main {
  color: #000;
}

.new-subscribe-section__main:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -5;
  content: '';
  position: absolute;
  border-radius: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#6F5BD8), to(#835BD8));
  background: linear-gradient(180deg, #6F5BD8 0%, #835BD8 100%);
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__main:after {
    border-radius: 12px;
  }
}

.new-subscribe-section--bg .new-subscribe-section__main:after {
  background: url(../images/new-subscribe-section-bg.png) 50% 50%/cover no-repeat;
}

.new-subscribe-section__main__bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  position: absolute;
  border-radius: 16px;
}

.new-subscribe-section__main__bg:after {
  top: 100%;
  left: 3.6%;
  right: 3.6%;
  bottom: -8%;
  content: '';
  z-index: -10;
  position: absolute;
  background: #6452C8;
  border-radius: 0 0 16px 16px;
  -webkit-box-shadow: 0 0 50px 0 rgba(83, 96, 147, 0.5);
          box-shadow: 0 0 50px 0 rgba(83, 96, 147, 0.5);
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__main__bg:after {
    bottom: auto;
    height: 24px;
  }
}

.new-subscribe-section--bg .new-subscribe-section__main__bg:after {
  background: #F5F5F7;
}

.new-subscribe-section__main__cover {
  overflow: hidden;
  padding: 56px 32px 34px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section__main__cover {
    padding: 36px 24px 16px;
  }
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__main__cover {
    padding: 40px 24px 16px;
  }
}

.new-subscribe-section__content {
  max-width: 920px;
  margin: 0 auto 41px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section__content {
    max-width: 640px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-subscribe-section__content {
    max-width: 600px;
  }
}

.new-subscribe-section p {
  margin-bottom: 1.77778em;
}

.new-subscribe-section .subscribe-form {
  padding: 0;
  margin: 0 auto;
  max-width: 650px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section .subscribe-form {
    max-width: 600px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-subscribe-section .subscribe-form {
    max-width: 540px;
  }
}

.new-subscribe-section .subscribe-form:after, .new-subscribe-section .subscribe-form:before {
  top: 50%;
  content: '';
  width: 50vw;
  height: 1px;
  position: absolute;
  background: #9382EB;
}

.new-subscribe-section .subscribe-form:after {
  left: 100%;
  margin-left: 42px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section .subscribe-form:after {
    margin-left: 24px;
  }
}

.new-subscribe-section .subscribe-form:before {
  right: 100%;
  margin-right: 42px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section .subscribe-form:before {
    margin-right: 24px;
  }
}

.new-subscribe-section .subscribe-form .form-row {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section .subscribe-form .form-row {
    margin-bottom: 20px;
  }
}

.new-subscribe-section .subscribe-form .wpcf7-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section .subscribe-form .wpcf7-form {
    display: block;
  }
}

.new-subscribe-section .subscribe-form .wpcf7-text {
  height: 56px;
  font-size: 14px;
  line-height: 18px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 16px;
}

.new-subscribe-section .subscribe-form .wpcf7-submit {
  width: auto;
  height: 56px;
  border: none;
  display: block;
  font-size: 14px;
  cursor: pointer;
  color: #2E1D02;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
  margin: 0 0 0 24px;
  border-radius: 16px;
  white-space: nowrap;
  font-family: inherit;
  -webkit-appearance: none;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  padding: 12px 64px 12px 32px;
  -webkit-box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
          box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
  background: #ffbd07 url(../images/arrow-right-dark.svg) calc(50% + 48px) 50%/16px 16px no-repeat;
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section .subscribe-form .wpcf7-submit {
    width: 100%;
    margin: 0 auto;
    max-width: 300px;
  }
}

.new-subscribe-section .subscribe-form .wpcf7-submit:hover {
  background-color: #edae00;
}

@media only screen and (min-width: 641px) {
  .new-subscribe-section .subscribe-form .wpcf7-mail-sent-ok, .new-subscribe-section .subscribe-form .wpcf7-response-output, .new-subscribe-section .subscribe-form .wpcf7-validation-errors {
    right: 208px;
  }
}

.new-subscribe-section--bg .subscribe-form:after, .new-subscribe-section--bg .subscribe-form:before {
  display: none;
}

.new-subscribe-section__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  margin: 0 -84px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  line-height: 21px;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section__list {
    margin-left: -36px;
    margin-right: -36px;
  }
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__list {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.new-subscribe-section__list-item {
  margin: 0 84px 24px;
}

@media only screen and (max-width: 1680px) {
  .new-subscribe-section__list-item {
    margin-left: 36px;
    margin-right: 36px;
  }
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__list-item {
    width: 50%;
    margin-left: 0;
    font-size: 12px;
    margin-right: 0;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    position: relative;
    padding-left: 24px;
    padding-right: 4px;
    margin-bottom: 10px;
  }
  .new-subscribe-section--bg .new-subscribe-section__list-item {
    padding-left: 32px;
  }
}

.new-subscribe-section__list-item i {
  top: 1px;
  line-height: 1;
  font-size: 14px;
  margin-right: 14px;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section__list-item i {
    top: 3px;
    left: 4px;
    font-size: 12px;
    margin-right: 4px;
    position: absolute;
  }
}

.new-subscribe-section--bg .new-subscribe-section__list-item i {
  width: 27px;
  height: 27px;
  color: #fff;
  font-size: 11px;
  margin-top: -4px;
  margin-right: 16px;
  border-radius: 8px;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 640px) {
  .new-subscribe-section--bg .new-subscribe-section__list-item i {
    top: 2px;
    width: 20px;
    height: 20px;
    font-size: 8px;
    border-radius: 4px;
    margin-bottom: 4px;
    margin-right: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .new-subscribe-section--bg .new-subscribe-section__list-item i {
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }
}

.case-form-section {
  z-index: 10;
  font-size: 18px;
  line-height: 1.16667em;
  padding-top: 72px;
  position: relative;
  padding-bottom: 0;
}

@media only screen and (max-width: 1680px) {
  .case-form-section {
    padding-top: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .case-form-section {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .case-form-section {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 640px) {
  .case-form-section {
    padding-top: 40px;
  }
}

.case-form-section__circles {
  top: 0;
  left: 0;
  right: 0;
  z-index: -10;
  height: 926px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#ffffff));
  background: linear-gradient(to bottom, #f7f8fa, #ffffff);
}

.case-form-section__circles:before, .case-form-section__circles:after {
  left: 50%;
  content: '';
  width: 1em;
  height: 1em;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}

.case-form-section__circles:before {
  font-size: 680px;
  margin: -290px 0 0 65px;
}

@media only screen and (max-width: 768px) {
  .case-form-section__circles:before {
    font-size: 893px;
    margin-top: -598px;
    margin-left: -0.5em;
  }
}

.case-form-section__circles:after {
  font-size: 1200px;
  margin: -828px 0 0 -654px;
}

@media only screen and (max-width: 768px) {
  .case-form-section__circles:after {
    font-size: 1481px;
    margin-top: -1012px;
    margin-left: -0.8em;
  }
}

.case-form-section__icon {
  top: 133px;
  left: 50%;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  margin-left: -516px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE011), to(#FFBD07));
  background: linear-gradient(180deg, #FFE011 0%, #FFBD07 100%);
  -webkit-box-shadow: 0 11px 18px rgba(212, 186, 99, 0.525787), 0 0 0 21px #fff, -10px 29px 67px 21px rgba(191, 189, 221, 0.40707), 0 0 0 39px #fff, 0 19px 29px 39px rgba(220, 221, 225, 0.451049);
          box-shadow: 0 11px 18px rgba(212, 186, 99, 0.525787), 0 0 0 21px #fff, -10px 29px 67px 21px rgba(191, 189, 221, 0.40707), 0 0 0 39px #fff, 0 19px 29px 39px rgba(220, 221, 225, 0.451049);
}

@media only screen and (max-width: 1680px) {
  .case-form-section__icon {
    top: 68px;
    width: 62px;
    height: 62px;
    font-size: 22px;
    margin-left: -576px;
    -webkit-box-shadow: 0 11px 18px rgba(212, 186, 99, 0.525787), 0 0 0 17px #fff, -10px 29px 67px 17px rgba(191, 189, 221, 0.40707), 0 0 0 33px #fff, 0 19px 29px 33px rgba(220, 221, 225, 0.451049);
            box-shadow: 0 11px 18px rgba(212, 186, 99, 0.525787), 0 0 0 17px #fff, -10px 29px 67px 17px rgba(191, 189, 221, 0.40707), 0 0 0 33px #fff, 0 19px 29px 33px rgba(220, 221, 225, 0.451049);
  }
}

@media only screen and (max-width: 1366px) {
  .case-form-section__icon {
    margin-left: -494px;
  }
}

@media only screen and (max-width: 1024px) {
  .case-form-section__icon {
    top: 228px;
    margin-left: -350px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__icon {
    top: 270px;
    margin-left: -32px;
  }
}

.case-form-section__icon img {
  width: 1em;
  height: 1em;
  display: block;
}

.case-form-section__icon-2 {
  top: 184px;
  left: 50%;
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  margin-left: 320px;
  color: #6F7DFF;
  position: absolute;
  background: #FFF;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.5);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.5);
}

@media only screen and (max-width: 1680px) {
  .case-form-section__icon-2 {
    top: 134px;
    margin-left: 350px;
  }
}

@media only screen and (max-width: 1024px) {
  .case-form-section__icon-2 {
    top: 232px;
    margin-left: 270px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__icon-2 {
    top: 240px;
    width: 56px;
    height: 56px;
    font-size: 20px;
    margin-left: -164px;
  }
}

.case-form-section__icon-2 img {
  width: 1em;
  height: 1em;
  display: block;
}

.case-form-section__head {
  max-width: 860px;
  text-align: center;
  margin: 0 auto 72px;
}

@media only screen and (max-width: 1680px) {
  .case-form-section__head {
    max-width: 678px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .case-form-section__head {
    max-width: 610px;
    margin-bottom: 32px;
  }
}

.case-form-section__text {
  line-height: 2;
  font-size: 16px;
  color: #87888E;
  max-width: 650px;
  margin: 48px auto 0;
}

@media only screen and (max-width: 1680px) {
  .case-form-section__text {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .case-form-section__text {
    font-size: 14px;
    margin-top: 24px;
    max-width: 580px;
  }
}

@media only screen and (max-width: 640px) {
  .case-form-section__text {
    margin-top: 20px;
  }
}

.resource-item-section__content {
  max-width: 750px;
  margin: auto;
}

.resource-item-section__content__wrap {
  margin-top: 40px;
}

.case-form-section__text p {
  margin-bottom: 2em;
}

.case-form-section__content {
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  margin: 0 auto 196px;
}

.case-form-section__main {
  margin: 0 auto;
  max-width: 954px;
  padding: 1px 20px;
  min-height: 730px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .case-form-section__main {
    min-height: 688px;
  }
}

@media only screen and (max-width: 1366px) {
  .case-form-section__main {
    min-height: 600px;
  }
}

@media only screen and (max-width: 1024px) {
  .case-form-section__main {
    max-width: 740px;
    min-height: 540px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__main {
    max-width: 590px;
  }
}

@media only screen and (max-width: 640px) {
  .case-form-section__main {
    max-width: none;
    margin-left: -24px;
    margin-right: -24px;
  }
}

.case-form-section__main:before {
  top: -61px;
  width: 1em;
  height: 1em;
  content: '';
  right: -91px;
  z-index: -10;
  font-size: 195px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}

@media only screen and (max-width: 1680px) {
  .case-form-section__main:before {
    top: -32px;
    right: -48px;
    font-size: 160px;
  }
}

.case-form-section__main__img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  position: absolute;
  border-style: solid;
  pointer-events: none;
  border-color: #E9EDF4;
  border-width: 2px 2px 0;
  -webkit-box-shadow: 0 4px 32px rgba(200, 206, 216, 0.33);
          box-shadow: 0 4px 32px rgba(200, 206, 216, 0.33);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(247, 248, 250, 0.55)), to(rgba(247, 248, 250, 0.55)));
  background: linear-gradient(0deg, rgba(247, 248, 250, 0.55), rgba(247, 248, 250, 0.55));
}

@media only screen and (max-width: 1680px) {
  .case-form-section__main__img {
    max-height: 720px;
  }
}

@media only screen and (max-width: 640px) {
  .case-form-section__main__img {
    height: 500px;
    border-width: 1px 1px 0;
  }
}

.case-form-section__main__img:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  height: 300px;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 248, 250, 0)), to(#F7F8FA));
  background: linear-gradient(180deg, rgba(247, 248, 250, 0) 0%, #F7F8FA 100%);
}

.case-form-section__main__img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

.case-form-section__form {
  z-index: 15;
  width: 318px;
  color: #fff;
  margin: 50px auto;
  position: relative;
  border-radius: 16px;
  padding: 56px 24px 8px;
  -webkit-box-shadow: 13px 20px 64px rgba(85, 76, 133, 0.71);
          box-shadow: 13px 20px 64px rgba(85, 76, 133, 0.71);
  background: -webkit-gradient(linear, left top, left bottom, from(#9280F2), color-stop(115.94%, #604DC4));
  background: linear-gradient(180deg, #9280F2 0%, #604DC4 115.94%);
  -webkit-transition: width .7s ease, margin .7s ease, padding .7s ease, left .7s ease;
  transition: width .7s ease, margin .7s ease, padding .7s ease, left .7s ease;
}

@media only screen and (max-width: 1366px) {
  .case-form-section__form {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .case-form-section__form {
    width: 300px;
    padding: 36px 16px 4px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__form {
    width: 260px;
    min-height: 320px;
  }
}

.case-form-section__form.on-focus, .case-form-section__form.has-email {
  width: 600px;
}

@media only screen and (min-width: 769px) {
  .case-form-section__form.on-focus, .case-form-section__form.has-email {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__form.on-focus, .case-form-section__form.has-email {
    width: 480px;
  }
}

@media only screen and (max-width: 640px) {
  .case-form-section__form.on-focus, .case-form-section__form.has-email {
    width: 100%;
  }
}

.case-form-section__form:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -5;
  content: '';
  position: absolute;
  border-radius: inherit;
  background: url(../images/case-form-bg.svg) 50% 50%/100% 100% no-repeat;
}

.case-form-section__form__title {
  display: block;
  font-size: 29px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 48px;
  line-height: 1.21429em;
}

@media only screen and (max-width: 1024px) {
  .case-form-section__form__title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__form__title {
    margin-bottom: 24px;
  }
}

.case-form-section__form.on-focus .case-form-section__form__title,
.case-form-section__form.has-email .case-form-section__form__title {
  display: none;
}

.case-form-section__form:not(.on-focus):not(.has-email) .custom-form .form-row:not(.email) {
  display: none;
}

.case-form-section__form:not(.on-focus):not(.has-email) .custom-form .col-row > .col.email {
  width: 100%;
}

.case-form-section__form .custom-form .form-row {
  margin-bottom: 8px;
}

.case-form-section__form .custom-form .form-row > label {
  color: #fff;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  .case-form-section__form .custom-form .form-row > label {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
  }
}

.case-form-section__form .custom-form .wpcf7-submit {
  height: 48px;
  margin: 0 auto;
  display: block;
  font-size: 14px;
  max-width: 320px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
  line-height: 16px;
  border-radius: 12px;
  background-size: 18px ​18px;
  padding: 8px 57px 8px 24px;
  background-repeat: no-repeat;
  background-position: calc(50% + 34px) 50%;
  background-image: url(../images/arrow-right-dark.svg);
}

@media only screen and (max-width: 768px) {
  .case-form-section__form .custom-form .wpcf7-submit {
    height: 40px;
    font-size: 12px;
    max-width: 280px;
    padding-right: 48px;
    background-position: calc(50% + 28px) 50%;
  }
}

.case-form-section__form .custom-form .wpcf7-checkbox {
  color: #fff;
}

.case-form-section__form .custom-form .wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  color: #000;
  background-color: #ffbd07;
}

@media only screen and (max-width: 768px) {
  .case-form-section__form .custom-form .wpcf7-text {
    height: 40px;
    font-size: 12px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 12px;
  }
}

.case-form-section__form .custom-form .wpcf7-response-output {
  color: #FC1D3C;
  max-width: 480px;
  background: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 10px !important;
  margin: -10px auto 10px !important;
}

.case-form-section__form .custom-form .acceptance-text {
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
  .case-form-section__form .custom-form .acceptance-text {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 640px) {
  .case-form-section__form .custom-form .acceptance-text {
    font-size: 12px;
    line-height: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .case-form-section__form .custom-form .acceptance-text + p {
    margin-bottom: 16px;
  }
}

.case-form-section__form .custom-form .acceptance-text a {
  color: #ffbd07;
}

.case-form-section__form .custom-form .acceptance-text a:hover {
  color: #edae00;
}

.case-form-section__form .custom-form .col-row {
  margin-left: -6px;
  margin-right: -6px;
}

.case-form-section__form .custom-form .col-row > .col {
  padding-left: 6px;
  padding-right: 6px;
}

.trust-center-intro-section {
  min-height: 100%;
  padding: 72px 0 80px;
  background: #F7F8FA url(../images/trust-center-intro-section-bg.svg) 51% -18px/auto 523px no-repeat;
}

@media only screen and (max-width: 1680px) {
  .trust-center-intro-section {
    padding-top: 64px;
    padding-bottom: 48px;
    background-size: auto 480px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-intro-section {
    padding-top: 48px;
    padding-bottom: 36px;
    background-position: 51% 0;
    background-size: auto 380px;
  }
}

@media only screen and (max-width: 1024px) {
  .trust-center-intro-section {
    padding-top: 36px;
    background-size: auto 310px;
    background-position: 51% 8px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-intro-section {
    padding-top: 32px;
    padding-bottom: 16px;
    background-position: 51% 0;
    background-size: auto 268px;
  }
}

@media only screen and (max-width: 640px) {
  .trust-center-intro-section {
    background-size: auto 43.5vw;
    background-position: 51% 8vw;
  }
}

.trust-center-intro-section h1, .trust-center-intro-section .h1 {
  text-align: center;
  margin-bottom: 354px;
}

@media only screen and (max-width: 1680px) {
  .trust-center-intro-section h1, .trust-center-intro-section .h1 {
    margin-bottom: 340px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-intro-section h1, .trust-center-intro-section .h1 {
    margin-bottom: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .trust-center-intro-section h1, .trust-center-intro-section .h1 {
    margin-bottom: 240px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-intro-section h1, .trust-center-intro-section .h1 {
    margin-bottom: 210px;
  }
}

@media only screen and (max-width: 640px) {
  .trust-center-intro-section h1, .trust-center-intro-section .h1 {
    margin-bottom: 36vw;
  }
}

.trust-center-intro-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .trust-center-intro-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 1024px) {
  .trust-center-intro-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.trust-center-intro-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 2;
  font-size: 16px;
  color: #87888E;
  max-width: 544px;
  position: relative;
  text-align: center;
  background: #FFF;
  border-radius: 16px;
  margin: 0 24px 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 48px);
  padding: 65px 48px 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 12px 72px rgba(220, 221, 225, 0.4);
          box-shadow: 0 12px 72px rgba(220, 221, 225, 0.4);
}

@media only screen and (max-width: 1680px) {
  .trust-center-intro-item {
    max-width: 500px;
    margin: 0 16px 32px;
    border-radius: 12px;
    width: calc(50% - 32px);
    padding: 54px 36px 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-intro-item {
    font-size: 14px;
    max-width: 460px;
    padding: 48px 32px 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .trust-center-intro-item {
    margin: 0 8px 16px;
    padding: 44px 24px 24px;
    width: calc(50% - 16px);
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-intro-item {
    width: calc(100% - 16px);
    margin-bottom: 48px;
  }
}

.trust-center-intro-item__icon {
  left: 50%;
  top: -1em;
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  position: absolute;
  margin: 0 0 0 -1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.75em;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(98.68%, #EFF0F3));
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF0F3 98.68%);
  -webkit-box-shadow: 0 0.25em 0.5em rgba(159, 169, 197, 0.48), 0 0 0 0.5em rgba(247, 248, 250, 0.67);
          box-shadow: 0 0.25em 0.5em rgba(159, 169, 197, 0.48), 0 0 0 0.5em rgba(247, 248, 250, 0.67);
}

@media only screen and (max-width: 1680px) {
  .trust-center-intro-item__icon {
    font-size: 27px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-intro-item__icon {
    font-size: 24px;
  }
}

.trust-center-intro-item__icon img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.trust-center-intro-item__title {
  display: block;
  font-size: 40px;
  color: #05060C;
  line-height: 1.4em;
  margin-bottom: 0.4em;
}

@media only screen and (max-width: 1680px) {
  .trust-center-intro-item__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-intro-item__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .trust-center-intro-item__title {
    font-size: 28px;
  }
}

.trust-center-intro-item p {
  margin-bottom: 1.5em;
}

.trust-center-content-section {
  padding: 64px 0;
}

@media only screen and (max-width: 1024px) {
  .trust-center-content-section {
    padding-bottom: 32px;
  }
}

.trust-center-content-section .article__body:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.resources-section {
  z-index: 10;
  position: relative;
  padding: 64px 0 32px;
}

@media only screen and (max-width: 1680px) {
  .resources-section {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .resources-section {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section {
    padding-bottom: 16px;
  }
}

.resources-section__circles {
  top: 0;
  left: 0;
  right: 0;
  z-index: -10;
  height: 556px;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F8FA), color-stop(133.09%, #FFFFFF));
  background: linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 133.09%);
}

.resources-section__circles:before, .resources-section__circles:after {
  left: 50%;
  width: 1em;
  height: 1em;
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
}

.resources-section__circles:before {
  font-size: 680px;
  margin: -402px 0 0 68px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__circles:before {
    margin-top: -452px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__circles:before {
    font-size: 640px;
    margin-top: -414px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__circles:before {
    font-size: 893px;
    margin-top: -598px;
    margin-left: -0.5em;
  }
}

.resources-section__circles:after {
  font-size: 1162px;
  margin: -810px 0 0 -638px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__circles:after {
    margin-top: -860px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__circles:after {
    font-size: 1100px;
    margin-top: -826px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__circles:after {
    font-size: 1481px;
    margin-top: -1012px;
    margin-left: -0.8em;
  }
}

.resources-section__head {
  min-height: 74px;
  padding-top: 8px;
  position: relative;
  margin-bottom: 22px;
  padding-bottom: 8px;
  padding-right: 220px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__head {
    min-height: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .resources-section__head {
    padding: 0;
    min-height: 0;
    margin-bottom: 16px;
  }
}

.resources-section h1,
.resources-section .h1 {
  text-align: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  .resources-section h1,
  .resources-section .h1 {
    line-height: 1.25em;
  }
}

.resources-section .h3, .resources-section h3 {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .resources-section .h3, .resources-section h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.resources-section__btn {
  top: 0;
  right: 0;
  position: absolute;
}

@media only screen and (max-width: 1680px) {
  .resources-section__btn {
    top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .resources-section__btn {
    position: static;
    text-align: center;
    margin-bottom: 40px;
  }
}

.resources-section__content {
  font-size: 20px;
  text-align: center;
  margin-bottom: 36px;
  line-height: 1.6;
  min-height: 3.2em;
}

@media only screen and (max-width: 1680px) {
  .resources-section__content {
    font-size: 18px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__content {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__content {
    min-height: 32px;
    line-height: 32px;
    margin-bottom: 42px;
  }
}

.resources-section__content p {
  margin-bottom: 1em;
}

.resources-section__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .resources-section__icons {
    margin-bottom: 62px;
  }
}

.resources-section__icon {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 72px;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon {
    font-size: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon {
    font-size: 56px;
  }
}

.resources-section__icon img,
.resources-section__icon i {
  z-index: 5;
  line-height: 1;
  position: relative;
}

.resources-section__icon img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.resources-section__icon--main {
  top: 50%;
  left: 50%;
  font-size: 140px;
  position: absolute;
  margin-top: -104px;
  margin-left: -418px;
  border-radius: 0.30714em;
  background: rgba(255, 255, 255, 0.91);
  -webkit-box-shadow: 0 16px 24px rgba(220, 221, 225, 0.45);
          box-shadow: 0 16px 24px rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon--main {
    font-size: 120px;
    margin-top: -84px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--main {
    font-size: 110px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__icon--main {
    font-size: 105px;
    margin-left: -298px;
  }
}

@media only screen and (max-width: 640px) {
  .resources-section__icon--main {
    font-size: 80px;
    margin-top: -40px;
    margin-left: -190px;
  }
}

@media only screen and (max-width: 360px) {
  .resources-section__icon--main {
    margin-left: -168px;
  }
}

.resources-section__icon--main:before {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  content: '';
  position: absolute;
  background: #FFF;
  margin: -0.5em 0 0 -0.5em;
  font-size: 0.57143em;
  border-radius: 0.19286em;
  -webkit-box-shadow: 0 20px 35px rgba(159, 169, 197, 0.247132);
          box-shadow: 0 20px 35px rgba(159, 169, 197, 0.247132);
}

.resources-section__icon--main img,
.resources-section__icon--main i {
  font-size: 0.22857em;
}

@media only screen and (max-width: 768px) {
  .resources-section__icon--main img,
  .resources-section__icon--main i {
    font-size: 0.22857em;
  }
}

.resources-section__icon:not(.resources-section__icon--main) {
  top: 50%;
  left: 50%;
  position: absolute;
  background: #FFF;
  border-radius: 16px;
  -webkit-transform: translate(-0.5em, -0.5em);
          transform: translate(-0.5em, -0.5em);
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.45);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.45);
}

.resources-section__icon:not(.resources-section__icon--main) i,
.resources-section__icon:not(.resources-section__icon--main) img {
  font-size: 0.33333em;
}

@media only screen and (max-width: 768px) {
  .resources-section__icon:not(.resources-section__icon--main) i,
  .resources-section__icon:not(.resources-section__icon--main) img {
    font-size: 0.42857em;
  }
}

.resources-section__icon:not(.resources-section__icon--main) .icon-check {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.55556em;
  background: #eae6ff;
  border-radius: 0.2em;
  -webkit-box-shadow: 0 9px 13px rgba(220, 221, 225, 0.18);
          box-shadow: 0 9px 13px rgba(220, 221, 225, 0.18);
}

@media only screen and (max-width: 768px) {
  .resources-section__icon:not(.resources-section__icon--main) .icon-check {
    font-size: 0.5em;
  }
}

.resources-section__icon:not(.resources-section__icon--main) .icon-check:before {
  font-size: 0.4em;
}

@media only screen and (max-width: 768px) {
  .resources-section__icon:not(.resources-section__icon--main) .icon-check:before {
    font-size: 0.20833em;
  }
}

.resources-section__icon--small {
  font-size: 48px;
}

.resources-section__icon--1 {
  margin-top: -74px;
  margin-left: -504px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon--1 {
    top: -64px;
    margin-left: -480px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--1 {
    margin-top: -48px;
    margin-left: -460px;
  }
}

.resources-section__icon--2 {
  margin-top: -98px;
  margin-left: -366px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon--2 {
    margin-top: -80px;
    margin-left: -340px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--2 {
    margin-top: -64px;
    margin-left: -320px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__icon--2 {
    margin-top: 56px;
    margin-left: -114px;
  }
}

.resources-section__icon--3 {
  margin-top: -9px;
  margin-left: -228px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon--3 {
    margin-left: -200px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--3 {
    margin-top: 0;
    margin-left: -180px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__icon--3 {
    margin-top: -32px;
    margin-left: -136px;
  }
}

.resources-section__icon--4 {
  margin-top: -35px;
  margin-left: 226px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon--4 {
    margin-left: 198px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--4 {
    margin-left: 178px;
  }
}

.resources-section__icon--5 {
  margin-top: -6px;
  margin-left: 288px;
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--5 {
    margin-top: -24px;
    margin-left: 222px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__icon--5 {
    margin-top: 0;
    margin-left: 180px;
  }
  .resources-section__icon--5 i,
  .resources-section__icon--5 img {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 640px) {
  .resources-section__icon--5 {
    margin-left: 132px;
  }
}

@media only screen and (max-width: 360px) {
  .resources-section__icon--5 {
    margin-top: 16px;
    margin-left: 100px;
  }
}

.resources-section__icon--6 {
  margin-top: -50px;
  margin-left: 502px;
}

@media only screen and (max-width: 1680px) {
  .resources-section__icon--6 {
    margin-top: -36px;
    margin-left: 460px;
  }
}

@media only screen and (max-width: 1366px) {
  .resources-section__icon--6 {
    margin-top: -24px;
    margin-left: 440px;
  }
}

.resources-section__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .resources-section__filters {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__filters {
    text-align: center;
    margin-bottom: 42px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.resources-section__filters__title {
  display: block;
  font-size: 16px;
  color: #05060C;
  line-height: 24px;
  margin: 0 34px 16px 0;
}

@media only screen and (max-width: 1680px) and (min-width: 769px) {
  .resources-section__filters__title {
    font-size: 14px;
    line-height: 20px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__filters__title {
    margin-right: 0;
    text-align: center;
  }
}

.resources-section__filters__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

@media only screen and (max-width: 768px) {
  .resources-section__filters__list {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-y: hidden;
    margin-left: -24px;
    margin-right: -24px;
    scroll-behavior: smooth;
    max-width: calc(100% + 48px);
    -webkit-overflow-scrolling: touch;
  }
}

.resources-section__filters__list-item {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  .resources-section__filters__list-item {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 8px;
  }
  .resources-section__filters__list-item:first-child {
    padding-left: 24px;
  }
  .resources-section__filters__list-item:last-child {
    padding-right: 24px;
  }
}

.resources-section__tag {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #6F7DFF;
  border-radius: 8px;
  vertical-align: top;
  padding: 9px 16px 7px;
  display: inline-block;
  background: #eae6ff;
  -webkit-transition: background-color .35s ease, color .35s ease;
  transition: background-color .35s ease, color .35s ease;
}

@media only screen and (max-width: 1680px) and (min-width: 769px) {
  .resources-section__tag {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-section__tag {
    white-space: nowrap;
  }
}

.resources-section__tag:hover, .resources-section__tag.active {
  color: #fff;
  background-color: #6F7DFF;
}

.resources-section__load-more {
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .resources-section__load-more {
    margin-top: 48px;
  }
}

.resources-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0 0;
  list-style: none;
  margin: 0 -12px 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .resources-list {
    padding-top: 4px;
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 768px) {
  .resources-list {
    padding-top: 0;
  }
}

@media only screen and (max-width: 640px) {
  .resources-list {
    display: block;
  }
}

@media only screen and (min-width: 1681px) {
  .resources-list--grid-3 {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.resources-list .upcoming-event {
  margin-left: 12px;
  margin-right: 12px;
  width: calc(100% - 24px);
}

@media only screen and (max-width: 1680px) {
  .resources-list .upcoming-event {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(100% - 16px);
  }
}

@media only screen and (min-width: 641px) {
  .resources-list .upcoming-event {
    margin-top: 8px;
  }
}

.resource-item {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  position: relative;
  margin: 0 12px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(25% - 24px);
}

@media only screen and (max-width: 1680px) {
  .resource-item {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(25% - 16px);
  }
}

@media only screen and (max-width: 1024px) {
  .resource-item {
    width: calc(33.3333% - 16px);
  }
}

@media only screen and (max-width: 768px) {
  .resource-item {
    width: calc(50% - 16px);
  }
}

@media only screen and (max-width: 640px) {
  .resource-item {
    width: auto;
    margin-bottom: 24px;
  }
}

.resource-item--gray {
  border-radius: 8px;
  background: #F7F8FA;
}

@media only screen and (min-width: 1025px) {
  .resources-list--grid-3 .resource-item {
    width: calc(33.3333% - 16px);
  }
}

@media only screen and (min-width: 1681px) {
  .resources-list--grid-3 .resource-item {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(33.3333% - 32px);
  }
}

.resource-item__visual {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background: #C4C4C4;
}

.resource-item--gray .resource-item__visual {
  border-radius: 8px 8px 0 0;
}

.resource-item__visual:before {
  content: '';
  display: block;
  padding-top: 62.049645%;
}

@media only screen and (max-width: 640px) {
  .resource-item__visual:before {
    padding-top: 74.00612%;
  }
}

.resource-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.resource-item__visual--news {
  background: #fff;
}

.resource-item__visual--news:before {
  height: 80px;
  padding-top: 0;
}

.resource-item__company-logo {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.resource-item__company-logo img {
  height: 50px;
  display: block;
  max-width: 130px;
  -o-object-fit: contain;
     object-fit: contain;
}

.resource-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.resource-item--gray .resource-item__content {
  background: none;
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

@media only screen and (max-width: 1680px) and (min-width: 641px) {
  .resource-item--gray .resource-item__content {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
}

.resource-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  color: #36373C;
  line-height: 16px;
  margin-bottom: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.resources-list--grid-3 .resource-item__head {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1680px) and (min-width: 641px) {
  .resources-list--grid-3 .resource-item__head {
    font-size: 12px;
    line-height: 16px;
  }
}

.resource-item__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.resource-item__category {
  font-weight: bold;
  color: #6F7DFF;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.resource-item__category:hover {
  color: #4C5ADE;
}

.resource-item__title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #05060C;
  line-height: 24px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1680px) and (min-width: 641px) {
  .resource-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 640px) {
  .resource-item__title {
    margin-bottom: 24px;
  }
}

.resources-list--grid-3 .resource-item__title {
  font-size: 24px;
  line-height: 1.33333;
}

@media only screen and (min-width: 641px) and (max-width: 1680px) {
  .resources-list--grid-3 .resource-item__title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .resources-list--grid-3 .resource-item__title {
    font-size: 18px;
  }
}

.resource-item__title a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.resource-item__title a:hover {
  color: #6F7DFF;
}

.resource-item__btn .btn {
  height: 48px;
}

.resource-item__btn .btn:not(.btn--outline) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.resource-item__btn .btn--gray {
  color: #6F7DFF;
  background: #F7F8FA;
}

.resource-item__btn .btn--gray:hover {
  color: #4C5ADE;
  background: #f1f3f6;
}

.resource-item__btn .btn--gray:active {
  color: #4C5ADE;
  background: #eaedf2;
}

@media only screen and (max-width: 1366px) and (min-width: 641px) {
  .resource-item__btn .btn {
    height: 36px;
    font-size: 12px;
    line-height: 1.2;
    padding: 8px 20px;
    border-radius: 8px;
  }
  .resource-item__btn .btn i {
    margin-left: 12px;
  }
  .resource-item__btn .btn .icon-arrow-right {
    font-size: 8px;
  }
}

.resource-item--gray .resource-item__btn .btn--gray {
  background: #FFF;
}

.resource-item .tags-list {
  margin-left: -4px;
  margin-right: -4px;
  margin-bottom: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 1680px) and (min-width: 641px) {
  .resource-item .tags-list {
    margin-bottom: 16px;
  }
}

.resource-item .tags-list li {
  margin: 0 4px 8px;
}

.resource-item .tags-list a, .resource-item .tags-list .tag {
  font-size: 11px;
  padding: 4px 8px;
  line-height: 16px;
}

.resource-item .tags-list a--dark, .resource-item .tags-list .tag--dark {
  font-size: 14px;
  padding: 4px 12px;
  line-height: 16px;
}

.resource-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -4px;
  margin-bottom: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.resource-item__info .tags-list {
  margin-bottom: 0;
}

.resource-item .btn--primary {
  height: 48px;
  font-size: 14px;
  min-width: 160px;
  line-height: 16px;
}

.resource-item .btn--primary:not(:hover) {
  background: #fff;
}

.resource-item__read-duration {
  font-size: 14px;
  margin-top: 3px;
  color: #393C4F;
  line-height: 18px;
  position: relative;
  padding-left: 24px;
  vertical-align: top;
  display: inline-block;
}

.resource-item__read-duration:before {
  left: 0;
  top: 50%;
  width: 1em;
  height: 1em;
  content: '';
  line-height: 1;
  font-size: 16px;
  position: absolute;
  margin-top: -0.5em;
  background: url(../images/new/icons/clocks.svg) 50% 50%/contain no-repeat;
}

.upcoming-event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 64px 0;
  min-height: 335px;
  position: relative;
  border-radius: 16px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 64px 108px 64px calc(43% + 48px);
  background: url(../images/upcoming-event-bg.jpg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .upcoming-event {
    margin: 48px 0;
    min-height: 300px;
    padding: 48px 64px 48px calc(43% + 32px);
  }
}

@media only screen and (max-width: 1366px) {
  .upcoming-event {
    min-height: 280px;
  }
}

@media only screen and (max-width: 768px) {
  .upcoming-event {
    margin: 40px 0;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event {
    min-height: 0;
    padding: 56px 32px;
    text-align: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../images/upcoming-event-bg-vertical.jpg);
  }
}

@media only screen and (max-width: 360px) {
  .upcoming-event {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.upcoming-event__content {
  width: 100%;
  max-width: 448px;
}

@media only screen and (max-width: 1680px) {
  .upcoming-event__content {
    max-width: 400px;
  }
}

@media only screen and (max-width: 1366px) {
  .upcoming-event__content {
    max-width: 360px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__content {
    max-width: 448px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
  }
}

.upcoming-event__title {
  display: block;
  font-size: 32px;
  color: #191A24;
  margin-bottom: 1em;
  line-height: 1.25em;
}

@media only screen and (max-width: 1680px) and (min-width: 641px) {
  .upcoming-event__title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__title {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .upcoming-event__title {
    font-size: 28px;
  }
}

.upcoming-event__btn .btn {
  height: 48px;
  color: #fff;
  border-radius: 12px;
}

.upcoming-event__icons {
  top: 0;
  left: 0;
  bottom: 0;
  width: 43%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 36px 32px 36px 57px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .upcoming-event__icons {
    padding: 24px 20px 24px 36px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__icons {
    padding: 0;
    width: auto;
    position: static;
    min-height: 125px;
  }
}

.upcoming-event__icon {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 72px;
  position: relative;
  background: #FFF;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.22222em;
  -webkit-box-shadow: 0 28px 50px rgba(115, 117, 253, 0.1);
          box-shadow: 0 28px 50px rgba(115, 117, 253, 0.1);
}

@media only screen and (max-width: 1680px) {
  .upcoming-event__icon {
    font-size: 68px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__icon {
    font-size: 50px;
  }
}

.upcoming-event__icon img,
.upcoming-event__icon i {
  line-height: 1;
  font-size: 0.4em;
}

.upcoming-event__icon img {
  width: 1em;
  height: 1em;
  display: block;
}

.upcoming-event__icon .icon-check {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F4F5F7;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.5em;
  border-radius: 0.2em;
  border: 2px dashed #DCDDE1;
}

.upcoming-event__icon .icon-check:before {
  font-size: 0.4em;
}

.upcoming-event__icon--main {
  top: 13px;
  left: 16px;
  font-size: 90px;
  -webkit-box-shadow: 0 18px 32px rgba(159, 169, 197, 0.25), 0 0 0 0.31111em rgba(255, 255, 255, 0.9), 0 16px 24px 0.31111em rgba(220, 221, 225, 0.45);
          box-shadow: 0 18px 32px rgba(159, 169, 197, 0.25), 0 0 0 0.31111em rgba(255, 255, 255, 0.9), 0 16px 24px 0.31111em rgba(220, 221, 225, 0.45);
}

@media only screen and (max-width: 1680px) {
  .upcoming-event__icon--main {
    font-size: 80px;
  }
}

@media only screen and (max-width: 1366px) {
  .upcoming-event__icon--main {
    font-size: 68px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__icon--main {
    top: 9px;
    left: 2px;
    font-size: 74px;
  }
}

.upcoming-event__icon--main i {
  font-size: 0.53333em;
}

.upcoming-event__icon--1 {
  top: 82px;
}

@media only screen and (max-width: 1680px) {
  .upcoming-event__icon--1 {
    top: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__icon--1 {
    top: 36px;
    left: -14px;
  }
}

.upcoming-event__icon--2 {
  top: -60px;
  font-size: 80px;
}

@media only screen and (max-width: 1680px) {
  .upcoming-event__icon--2 {
    font-size: 72px;
  }
}

@media only screen and (max-width: 640px) {
  .upcoming-event__icon--2 {
    right: 2px;
    top: -36px;
    font-size: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .upcoming-event__icon--2 {
    right: -12px;
  }
}

.resource-item-section__head {
  max-width: 860px;
  text-align: center;
  margin: 0 auto 72px;
}

@media only screen and (max-width: 1680px) {
  .resource-item-section__head {
    max-width: 678px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .resource-item-section__head {
    max-width: 610px;
    margin-bottom: 32px;
  }
}

.resource-item-section__text {
  line-height: 2;
  font-size: 16px;
  color: #87888E;
  max-width: 650px;
  margin: 64px auto 0;
}

@media only screen and (max-width: 1680px) {
  .resource-item-section__text {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .resource-item-section__text {
    font-size: 14px;
    margin-top: 36px;
    max-width: 580px;
  }
}

@media only screen and (max-width: 640px) {
  .resource-item-section__text {
    margin-top: 24px;
  }
}

.resource-item-section__text p {
  margin-bottom: 2em;
}

.resource-item-section__category {
  display: block;
  font-size: 24px;
  color: #6F7DFF;
  line-height: 1.33333em;
  margin-bottom: 0.66667em;
}

@media only screen and (max-width: 1680px) {
  .resource-item-section__category {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1366px) {
  .resource-item-section__category {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .resource-item-section__category {
    font-size: 18px;
  }
}

@media only screen and (max-width: 640px) {
  .resource-item-section__category {
    font-size: 16px;
  }
}

.resource-item-section__category a {
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.resource-item-section__category a:hover {
  color: #4C5ADE;
}

.resource-item-section__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  font-size: 14px;
  color: #36373C;
  line-height: 24px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .resource-item-section__info {
    line-height: 20px;
  }
}

.resource-item-section__date {
  margin: 0 12px;
}

.resource-item-section__duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.resource-item-section__duration i {
  line-height: 1;
  font-size: 16px;
  color: #CCCDD2;
  margin-right: 8px;
}

.resource-item-section__video-holder {
  z-index: 10;
  max-width: 976px;
  border-radius: 8px;
  position: relative;
  margin: 0 auto 56px;
  background: #DCDDE1;
  -webkit-box-shadow: 0 32px 56px -24px rgba(28, 43, 72, 0.16);
          box-shadow: 0 32px 56px -24px rgba(28, 43, 72, 0.16);
}

@media only screen and (max-width: 1680px) {
  .resource-item-section__video-holder {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .resource-item-section__video-holder {
    max-width: 820px;
  }
}

@media only screen and (max-width: 1024px) {
  .resource-item-section__video-holder {
    max-width: 720px;
  }
}

@media only screen and (max-width: 768px) {
  .resource-item-section__video-holder {
    max-width: 580px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .resource-item-section__video-holder {
    max-width: 430px;
  }
}

.resource-item-section__video-holder:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.resource-item-section__video-holder:after {
  content: '';
  top: -16.1%;
  left: -12.5%;
  z-index: -10;
  bottom: 7.125%;
  right: -9.325%;
  position: absolute;
  background: url(../images/resources-video-bg-rounds.svg) 50% 50%/100% 100% no-repeat;
}

.resource-item-section__video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 8px;
}

.resource-item-section__video img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 8px;
}

.resource-item-section__video__icon {
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -58px 0 0 -44px;
  background: -webkit-gradient(linear, left top, left bottom, from(#6F5BD8), color-stop(98.68%, #5344A7));
  background: linear-gradient(180deg, #6F5BD8 0%, #5344A7 98.68%);
  -webkit-box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33), 0 0 0 20px rgba(255, 255, 255, 0.75), 0 24px 40px 20px rgba(82, 81, 134, 0.33);
          box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33), 0 0 0 20px rgba(255, 255, 255, 0.75), 0 24px 40px 20px rgba(82, 81, 134, 0.33);
}

@media only screen and (max-width: 1366px) {
  .resource-item-section__video__icon {
    width: 70px;
    height: 70px;
    font-size: 14px;
    margin-top: -40px;
    margin-left: -35px;
    -webkit-box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33), 0 0 0 16px rgba(255, 255, 255, 0.75), 0 24px 40px 16px rgba(82, 81, 134, 0.33);
            box-shadow: 0 24px 40px rgba(82, 81, 134, 0.33), 0 0 0 16px rgba(255, 255, 255, 0.75), 0 24px 40px 16px rgba(82, 81, 134, 0.33);
  }
}

@media only screen and (max-width: 640px) {
  .resource-item-section__video__icon {
    width: 64px;
    height: 64px;
    font-size: 12px;
    margin-left: -32px;
  }
}

.service-promo-section {
  z-index: 50;
  color: #fff;
  font-size: 20px;
  min-height: 630px;
  position: relative;
  padding: 64px 0 56px;
  line-height: 1.6;
  background: url(../images/service-promo-section-bg.svg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section {
    padding: 48px 0;
    font-size: 18px;
    min-height: 520px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section {
    font-size: 16px;
    line-height: 22px;
    min-height: 440px;
    padding: 36px 0 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section {
    min-height: 0;
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) {
  .service-promo-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.service-promo-section--wide .container {
  max-width: 1420px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section--wide .container {
    max-width: 1240px;
  }
}

.service-promo-section__icon--1 {
  margin-top: 40px;
  margin-left: -740px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__icon--1 {
    margin-left: -632px;
  }
}

.service-promo-section--wide .service-promo-section__icon--1 {
  margin-top: -140px;
  margin-left: -824px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section--wide .service-promo-section__icon--1 {
    margin-top: -156px;
    margin-left: -650px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section--wide .service-promo-section__icon--1 {
    display: none;
  }
}

.service-promo-section__icon--2 {
  margin-top: -198px;
  margin-left: 758px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__icon--2 {
    margin-left: 600px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__icon--2 {
    margin-left: 320px;
  }
}

.service-promo-section--wide .service-promo-section__icon--2 {
  margin-top: -260px;
  margin-left: 892px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section--wide .service-promo-section__icon--2 {
    margin-top: -228px;
    margin-left: 660px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section--wide .service-promo-section__icon--2 {
    display: none;
  }
}

.service-promo-section__icon--3 {
  margin-top: -6px;
  margin-left: 784px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__icon--3 {
    margin-left: 632px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__icon--3 {
    margin-left: -320px;
  }
}

.service-promo-section + .partners-section {
  padding-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .service-promo-section + .partners-section {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .service-promo-section + .partners-section {
    padding-top: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section + .partners-section {
    padding-top: 88px;
  }
}

.service-promo-section p {
  margin-bottom: 1.6em;
}

@media only screen and (max-width: 1366px) {
  .service-promo-section p {
    margin-bottom: 22px;
  }
}

.service-promo-section h1, .service-promo-section .h1 {
  color: inherit;
  margin-bottom: 48px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section h1, .service-promo-section .h1 {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section h1, .service-promo-section .h1 {
    margin-bottom: 24px;
  }
}

.service-promo-section h2, .service-promo-section .h2 {
  color: inherit;
  margin-bottom: 56px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section h2, .service-promo-section .h2 {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section h2, .service-promo-section .h2 {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .service-promo-section h2, .service-promo-section .h2 {
    margin-bottom: 24px;
  }
}

.service-promo-section h5, .service-promo-section .h5 {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 0.625em;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section h5, .service-promo-section .h5 {
    margin-bottom: 22px;
  }
}

.service-promo-section__content {
  width: 384px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (min-width: 1681px) {
  .service-promo-section__content {
    width: 484px;
  }
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__content {
    width: 348px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__content {
    width: auto;
  }
}

.service-promo-section__content p {
  max-width: 350px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__content p {
    max-width: 310px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__content p {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

.service-promo-section__content .btn {
  margin-top: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__content .btn {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1681px) {
  .service-promo-section:not(.service-promo-section--wide) .service-promo-section__content .btn {
    margin-top: 22px;
  }
}

.service-promo-section__buttons {
  margin: 48px -16px -16px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__buttons {
    margin: 32px -8px -8px;
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section__buttons {
    margin-top: 12px;
  }
}

.service-promo-section__buttons .btn {
  margin: 0 16px 16px;
  -webkit-box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
          box-shadow: 0 16px 56px rgba(21, 13, 65, 0.18);
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__buttons .btn {
    margin: 0 8px 8px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .service-promo-section__buttons .btn {
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (min-width: 361px) and (max-width: 640px) {
  .service-promo-section__buttons .btn {
    margin: 0 8px 12px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .service-promo-section__buttons .btn i {
    margin-top: 1px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 360px) {
  .service-promo-section__buttons .btn {
    width: calc(100% - 32px);
  }
}

.service-promo-section__visual {
  width: 100%;
  margin-left: 72px;
  position: relative;
}

@media only screen and (min-width: 1681px) {
  .service-promo-section__visual {
    margin-right: -100px;
  }
  .service-promo-section--wide .service-promo-section__visual {
    right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__visual {
    width: auto;
    margin: 90px 0 -60px;
  }
}

.service-promo-section__visual .promo-section__animation {
  margin-top: -64px;
  margin-left: 20px;
  margin-right: -20px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .promo-section__animation {
    margin-top: -40px;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .service-promo-section__visual .promo-section__animation {
    margin-right: 0;
    max-width: 680px;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__visual .promo-section__animation {
    margin: -86px -32px -160px;
  }
}

@media only screen and (max-width: 768px) {
  .service-promo-section__visual .promo-section__animation {
    margin: -84px -32px -142px;
  }
  .service-promo-section__visual .promo-section__animation:before {
    content: '';
    display: block;
    padding-top: 65%;
  }
}

@media only screen and (max-width: 360px) {
  .service-promo-section__visual .promo-section__animation {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.service-promo-section__visual .app-preview-section__visual {
  width: auto;
  max-width: none;
  padding-left: 26.6%;
  padding-bottom: 3.4%;
  margin: 68px 8px 50px -57px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .app-preview-section__visual {
    max-width: 640px;
    margin: 64px 0 60px -32px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__visual {
    max-width: 480px;
    margin: 32px auto 36px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .service-promo-section__visual .app-preview-section__visual {
    padding-left: 18%;
  }
}

@media only screen and (max-width: 1024px) {
  .service-promo-section__visual .app-preview-section__visual {
    padding-top: 16px;
    margin: 93px auto 64px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 641px) {
  .service-promo-section__visual .app-preview-section__visual {
    padding-left: 12%;
  }
}

@media only screen and (max-width: 768px) {
  .service-promo-section__visual .app-preview-section__visual {
    padding-top: 0;
    margin-bottom: 58px;
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section__visual .app-preview-section__visual {
    margin: 108px auto 48px;
  }
}

@media only screen and (max-width: 360px) {
  .service-promo-section__visual .app-preview-section__visual {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.service-promo-section__visual .app-preview-section__item:before {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='white' stroke-width='1.4' stroke-dasharray='5.5%2c 3.5' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}

@media only screen and (min-width: 641px) {
  .service-promo-section__visual .app-preview-section__item:before {
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
  }
}

.service-promo-section__visual .app-preview-section__item--login-box {
  width: 29.8%;
}

.service-promo-section__visual .app-preview-section__item--login-box:after {
  background: rgba(175, 166, 222, 0.7);
}

.service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
  left: 100%;
  bottom: 100%;
  margin-left: -78px;
  margin-bottom: 68px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    margin-left: -56px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    margin-bottom: 32px;
  }
}

.service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
  top: auto;
  left: auto;
  width: 90px;
  right: 100%;
  height: 143px;
  bottom: -78px;
  margin-right: -22px;
  background-position: 100% 0;
  background-image: url(../images/tooltip-login-box-arrow.svg);
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    bottom: -90px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    width: 90px;
    bottom: -94px;
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    width: 68px;
    bottom: -96px;
  }
}

.service-promo-section__visual .app-preview-section__item--admin-panel {
  width: 100%;
}

.service-promo-section__visual .app-preview-section__item--admin-panel:after {
  background: rgba(224, 221, 237, 0.8);
}

.service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
  top: 100%;
  left: 37%;
  margin: 0;
  bottom: auto;
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    left: 32%;
    max-width: 188px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    margin-top: -20px;
  }
}

@media only screen and (max-width: 360px) {
  .service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    max-width: 164px;
  }
}

.service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
  top: -15px;
  left: auto;
  right: 100%;
  width: 140px;
  height: 83px;
  margin-right: -24px;
  background-position: 100% 100%;
  background-image: url(../images/tooltip-admin-portal-arrow.svg);
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
    top: -30px;
    margin-right: -18px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
    top: -34px;
    width: 116px;
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
    top: -36px;
    width: 96px;
  }
}

.service-promo-section__visual .app-preview-section__item__tooltip {
  opacity: 1;
  width: 358px;
  font-size: 14px;
  -webkit-transition: none;
  transition: none;
  text-align: left;
  line-height: 24px;
  border-radius: 12px;
  padding: 16px 24px 16px 40px;
  background: rgba(25, 26, 36, 0.95);
  -webkit-box-shadow: 0 16px 24px rgba(36, 28, 77, 0.37);
          box-shadow: 0 16px 24px rgba(36, 28, 77, 0.37);
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .app-preview-section__item__tooltip {
    width: 320px;
    line-height: 22px;
    padding: 12px 20px 12px 33px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__item__tooltip {
    width: 290px;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 16px 10px 28px;
  }
}

@media only screen and (max-width: 360px) {
  .service-promo-section__visual .app-preview-section__item__tooltip {
    width: 264px;
    padding: 8px 10px 8px 24px;
  }
}

.service-promo-section__visual .app-preview-section__item__tooltip:before {
  margin: 0;
  border: none;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
}

.service-promo-section__visual .app-preview-section__item__tooltip__title {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1680px) {
  .service-promo-section__visual .app-preview-section__item__tooltip__title {
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 1366px) {
  .service-promo-section__visual .app-preview-section__item__tooltip__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
  }
}

.service-promo-section__visual--light .app-preview-section__item__tooltip {
  color: #87888E;
  background: #fff;
}

.service-promo-section__visual--light .app-preview-section__item__tooltip__title {
  color: #191A24;
}

.service-promo-section__visual--light .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
  background-image: url(../images/tooltip-login-box-arrow-light.svg);
}

.service-promo-section__visual--light .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
  background-image: url(../images/tooltip-admin-portal-arrow-light.svg);
}

@media only screen and (max-width: 768px) {
  .service-promo-section .app-preview-section__visual {
    margin-bottom: calc(17vw - 32px);
  }
}

@media only screen and (max-width: 640px) {
  .service-promo-section .app-preview-section__visual {
    margin-bottom: calc(24vw - 32px);
  }
}

.product-advantages-section {
  padding: 88px 0 46px;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-section {
    padding: 64px 0 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .product-advantages-section {
    padding: 48px 0 32px;
  }
}

.product-advantages-section__head {
  text-align: center;
  margin-bottom: 48px;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-section__head {
    margin-bottom: 36px;
  }
}

.product-advantages-section__head h2, .product-advantages-section__head .h2 {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-section__head h2, .product-advantages-section__head .h2 {
    margin-bottom: 36px;
  }
}

.product-advantages-section .feature-services-list {
  margin-top: 88px;
}

@media only screen and (max-width: 1366px) {
  .product-advantages-section .feature-services-list {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-advantages-section .feature-services-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 640px) {
  .product-advantages-section .feature-services-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.product-advantages-section .feature-service-item {
  width: 25%;
}

@media only screen and (min-width: 1367px) {
  .product-advantages-section .feature-service-item {
    font-size: 16px;
    line-height: 1.75em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-advantages-section .feature-service-item {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 640px) {
  .product-advantages-section .feature-service-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .product-advantages-section .feature-service-item__title {
    margin-bottom: 12px;
  }
}

.product-advantages-section .feature-service-item p {
  max-width: 260px;
}

.product-advantages-table {
  font-size: 16px;
  color: #05060C;
  margin-bottom: 56px;
  border-radius: 16px;
  padding: 15px 15px 0;
  background: #F7F8FA;
  line-height: 1.3125;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table {
    font-size: 14px;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-advantages-table {
    padding: 10px 10px 0;
  }
}

@media only screen and (max-width: 640px) {
  .product-advantages-table {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 8px 0;
    margin-left: -16px;
    margin-right: -16px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

.product-advantages-table__try-btn {
  text-align: center;
}

.product-advantages-table__try-btn .btn {
  min-width: 266px;
}

.product-advantages-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

@media only screen and (max-width: 640px) {
  .product-advantages-table table {
    min-width: 490px;
  }
}

.product-advantages-table th {
  height: 80px;
  font-size: 18px;
  color: #05060C;
  font-weight: bold;
  background: #fff;
  line-height: 1.33333em;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table th {
    height: 64px;
    font-size: 16px;
  }
}

.product-advantages-table th:first-child {
  text-align: left;
  border-radius: 16px 0 0 16px;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table th:first-child {
    border-radius: 12px 0 0 12px;
  }
}

.product-advantages-table th:last-child {
  border-radius: 0 16px 16px 0;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table th:last-child {
    border-radius: 0 12px 12px 0;
  }
}

.product-advantages-table th img {
  display: block;
  margin: 0 auto;
  max-height: 60px;
  max-width: 140px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table th img {
    max-height: 40px;
    max-width: 120px;
  }
}

@media only screen and (max-width: 640px) {
  .product-advantages-table th img {
    max-height: 32px;
    max-width: 100px;
  }
}

.product-advantages-table td, .product-advantages-table th {
  padding-left: 32px;
  padding-right: 32px;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table td, .product-advantages-table th {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-advantages-table td, .product-advantages-table th {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .product-advantages-table td, .product-advantages-table th {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.product-advantages-table td {
  height: 73px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table td {
    height: 65px;
  }
}

.product-advantages-table td:not(:first-child) {
  text-align: center;
  border-left: 1px solid rgba(220, 221, 225, 0.65);
}

.product-advantages-table td:first-child {
  padding-right: 48px;
}

@media only screen and (max-width: 1024px) {
  .product-advantages-table td:first-child {
    padding-right: 36px;
  }
}

.product-advantages-table td:first-child .tooltip {
  top: 50%;
  margin: 0;
  right: 16px;
  margin-top: -8px;
  position: absolute;
}

@media only screen and (max-width: 1024px) {
  .product-advantages-table td:first-child .tooltip {
    right: 12px;
  }
}

.product-advantages-table td:first-child .tooltip:not(:hover) {
  color: #CCCDD2;
}

.product-advantages-table td:first-child .tooltip i {
  vertical-align: top;
  display: inline-block;
}

.product-advantages-table td small {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.66667em;
}

.product-advantages-table tbody tr:not(:first-child) {
  border-top: 1px solid rgba(220, 221, 225, 0.65);
}

.product-advantages-table tbody tr:last-child td {
  height: 83px;
  padding-bottom: 10px;
}

.product-advantages-table tbody tr:last-child td:first-child .tooltip {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.product-advantages-table__checkbox {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  line-height: 1;
  font-size: 14px;
  border-radius: 8px;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eae6ff;
  -webkit-box-shadow: 0 9px 13px rgba(220, 221, 225, 0.175153);
          box-shadow: 0 9px 13px rgba(220, 221, 225, 0.175153);
}

@media only screen and (max-width: 1680px) {
  .product-advantages-table__checkbox {
    width: 36px;
    height: 36px;
  }
}

.product-advantages-table__btn {
  font-size: 12px;
  min-width: 120px;
  line-height: 16px;
  color: #6F7DFF;
  padding: 12px 16px;
  border-radius: 8px;
  vertical-align: top;
  display: inline-block;
  background: #eae6ff;
}

@media only screen and (max-width: 640px) {
  .product-advantages-table__btn {
    padding: 8px 12px;
  }
}

.get-case-section {
  z-index: 10;
  color: #fff;
  position: relative;
  padding: 95px 0 270px;
}

@media only screen and (max-width: 1680px) {
  .get-case-section {
    padding: 78px 0 194px;
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section {
    padding: 68px 0 180px;
  }
}

@media only screen and (max-width: 1024px) {
  .get-case-section {
    padding-top: 60px;
    padding-bottom: 190px;
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section {
    padding-bottom: 174px;
  }
}

.get-case-section + .new-subscribe-section {
  margin-top: -172px;
}

@media only screen and (max-width: 1680px) {
  .get-case-section + .new-subscribe-section {
    margin-top: -150px;
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section + .new-subscribe-section {
    margin-top: -132px;
  }
}

.instruction-section + .get-case-section {
  padding-top: 48px;
}

@media only screen and (max-width: 1680px) {
  .instruction-section + .get-case-section {
    padding-top: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .instruction-section + .get-case-section {
    padding-top: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .instruction-section + .get-case-section {
    padding-top: 110px;
  }
}

.get-case-section:before {
  left: 0;
  right: 0;
  bottom: 0;
  top: 47px;
  content: '';
  z-index: -15;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#5747AB), color-stop(146.34%, #5A4CA6));
  background: linear-gradient(180deg, #5747AB 0%, #5A4CA6 146.34%);
}

@media only screen and (max-width: 1680px) {
  .get-case-section:before {
    top: 36px;
  }
}

.instruction-section + .get-case-section:before {
  top: 0;
}

.get-case-section__line {
  top: 47px;
  left: 50%;
  bottom: 0;
  width: 353px;
  z-index: -10;
  position: absolute;
  border-width: 0 1px;
  border-style: dashed;
  pointer-events: none;
  border-color: #9181E0;
}

@media only screen and (max-width: 1680px) {
  .get-case-section__line {
    top: 36px;
  }
}

.instruction-section + .get-case-section .get-case-section__line {
  top: 0;
}

.get-case-section__line--1 {
  width: 353px;
  margin-left: -648px;
}

@media only screen and (max-width: 1680px) {
  .get-case-section__line--1 {
    margin-left: -580px;
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__line--1 {
    width: 300px;
    margin-left: -510px;
  }
}

.get-case-section__line--2 {
  width: 316px;
  margin-left: 410px;
}

@media only screen and (max-width: 1680px) {
  .get-case-section__line--2 {
    width: 238px;
    margin-left: 350px;
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__line--2 {
    width: 216px;
    margin-left: 290px;
  }
}

.get-case-section__icon {
  top: 30px;
  left: 50%;
  z-index: 20;
  width: 90px;
  height: 90px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 37px;
  position: absolute;
  border-radius: 33%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 -45px;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#A894EE), to(#6F5BD8));
  background: linear-gradient(180deg, #A894EE 0%, #6F5BD8 100%);
  -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 30px rgba(111, 91, 216, 0.9), 0 40px 64px 30px rgba(52, 38, 104, 0.76);
          box-shadow: 0 28px 44px #4F3DAD, 0 0 0 30px rgba(111, 91, 216, 0.9), 0 40px 64px 30px rgba(52, 38, 104, 0.76);
}

@media only screen and (max-width: 1680px) {
  .get-case-section__icon {
    width: 72px;
    height: 72px;
    font-size: 32px;
    margin-left: -36px;
    -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 24px rgba(111, 91, 216, 0.9), 0 40px 64px 24px rgba(52, 38, 104, 0.76);
            box-shadow: 0 28px 44px #4F3DAD, 0 0 0 24px rgba(111, 91, 216, 0.9), 0 40px 64px 24px rgba(52, 38, 104, 0.76);
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__icon {
    width: 64px;
    height: 64px;
    font-size: 28px;
    margin-left: -32px;
    -webkit-box-shadow: 0 28px 44px #4F3DAD, 0 0 0 21px rgba(111, 91, 216, 0.9), 0 40px 64px 21px rgba(52, 38, 104, 0.76);
            box-shadow: 0 28px 44px #4F3DAD, 0 0 0 21px rgba(111, 91, 216, 0.9), 0 40px 64px 21px rgba(52, 38, 104, 0.76);
  }
}

.instruction-section + .get-case-section .get-case-section__icon {
  top: -16px;
}

@media only screen and (max-width: 1680px) {
  .instruction-section + .get-case-section .get-case-section__icon {
    top: -10px;
  }
}

.get-case-section__icon img {
  width: 1em;
  height: 1em;
  display: block;
}

.get-case-section h3, .get-case-section .h3 {
  color: inherit;
  line-height: 1;
  font-size: 40px;
  text-align: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1366px) {
  .get-case-section h3, .get-case-section .h3 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}

.get-case-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -36px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1366px) {
  .get-case-section__inner {
    margin-left: -16px;
    margin-right: -16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (max-width: 1024px) {
  .get-case-section__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.get-case-section__review {
  width: 50%;
  z-index: 15;
  padding: 0 36px;
  max-width: 526px;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .get-case-section__review {
    width: auto;
    margin: 0 auto;
  }
}

.get-case-section__review__text {
  z-index: 10;
  display: block;
  font-size: 32px;
  position: relative;
  padding-top: 103px;
  margin-bottom: 64px;
  line-height: 1.5em;
}

@media only screen and (max-width: 1680px) {
  .get-case-section__review__text {
    font-size: 28px;
    padding-top: 92px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__text {
    font-size: 24px;
    padding-top: 68px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section__review__text {
    font-size: 20px;
    margin-bottom: 24px;
  }
}

.get-case-section__review__text:before {
  top: 0;
  left: -94px;
  content: '';
  z-index: -10;
  width: 246px;
  height: 216px;
  position: absolute;
  pointer-events: none;
  background: url(../images/quotes-purple.svg) 50% 50%/contain no-repeat;
}

@media only screen and (max-width: 1680px) {
  .get-case-section__review__text:before {
    left: -86px;
    width: 220px;
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__text:before {
    left: -68px;
    width: 200px;
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section__review__text:before {
    left: -48px;
    width: 180px;
  }
}

.get-case-section__review__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.get-case-section__review__author__photo {
  width: 80px;
  padding: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 36px;
  position: relative;
  margin-right: 24px;
  border-radius: 50%;
  background: #FFF;
  -webkit-box-shadow: 0px 8.4px 20px 4px rgba(47, 70, 135, 0.08);
          box-shadow: 0px 8.4px 20px 4px rgba(47, 70, 135, 0.08);
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__author__photo {
    width: 74px;
    padding: 4px;
    margin-left: 24px;
  }
}

.get-case-section__review__author__photo:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.get-case-section__review__author__photo > img {
  top: 6px;
  left: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border-radius: 50%;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__author__photo > img {
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
}

.get-case-section__review__author__company {
  top: 50%;
  width: 1em;
  height: 1em;
  right: 100%;
  line-height: 1;
  font-size: 48px;
  margin-top: -0.5em;
  position: absolute;
  margin-right: -10px;
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__author__company {
    font-size: 36px;
    margin-left: -8px;
  }
}

.get-case-section__review__author__company img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.get-case-section__review__author__name {
  display: block;
  font-size: 24px;
  line-height: 1.33333em;
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__author__name {
    font-size: 22px;
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section__review__author__name {
    font-size: 20px;
  }
}

.get-case-section__review__author__post {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  color: #eae6ff;
  line-height: 1.5em;
}

@media only screen and (max-width: 1366px) {
  .get-case-section__review__author__post {
    font-size: 14px;
    margin-top: 6px;
  }
}

.get-case-section__form {
  width: 50%;
  z-index: 10;
  padding: 0 36px;
  max-width: 628px;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .get-case-section__form {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .get-case-section__form {
    width: auto;
    z-index: 25;
    margin-bottom: 32px;
  }
}

.get-case-section__form:before {
  top: 50%;
  left: 50%;
  content: '';
  z-index: -10;
  width: 772px;
  height: 712px;
  position: absolute;
  margin: -328px 0 0 -398px;
  background: url(../images/get-case-section-form-bg.svg) 50% 50%/contain no-repeat;
}

@media only screen and (max-width: 1680px) {
  .get-case-section__form:before {
    width: 680px;
    margin-left: -344px;
  }
}

.get-case-section__form__inner {
  margin: 0 auto;
  max-width: 552px;
  min-height: 400px;
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 48px 56px 25px;
  -webkit-box-shadow: 0 24px 80px rgba(29, 20, 72, 0.2);
          box-shadow: 0 24px 80px rgba(29, 20, 72, 0.2);
}

@media only screen and (max-width: 1680px) {
  .get-case-section__form__inner {
    max-width: 480px;
    padding: 36px 32px 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__form__inner {
    max-width: 460px;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.get-case-section__form__icon {
  top: -42px;
  right: -42px;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 32px;
  color: #6F7DFF;
  position: absolute;
  background: #FFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 20px 40px rgba(159, 169, 197, 0.3), 0 0 0 18px rgba(255, 255, 255, 0.9), 0 20px 51px 18px rgba(58, 46, 117, 0.32);
          box-shadow: 0 20px 40px rgba(159, 169, 197, 0.3), 0 0 0 18px rgba(255, 255, 255, 0.9), 0 20px 51px 18px rgba(58, 46, 117, 0.32);
}

@media only screen and (max-width: 1680px) {
  .get-case-section__form__icon {
    top: -32px;
    right: -32px;
    width: 68px;
    height: 68px;
    font-size: 28px;
    -webkit-box-shadow: 0 20px 40px rgba(159, 169, 197, 0.3), 0 0 0 14px rgba(255, 255, 255, 0.9), 0 20px 51px 14px rgba(58, 46, 117, 0.32);
            box-shadow: 0 20px 40px rgba(159, 169, 197, 0.3), 0 0 0 14px rgba(255, 255, 255, 0.9), 0 20px 51px 14px rgba(58, 46, 117, 0.32);
  }
}

@media only screen and (max-width: 1366px) {
  .get-case-section__form__icon {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section__form__icon {
    display: none;
  }
}

.get-case-section__form__icon img {
  width: 1em;
  height: 1em;
  display: block;
}

.get-case-section__form .col-row {
  margin-left: -12px;
  margin-right: -12px;
}

.get-case-section__form .col-row > .col {
  padding-left: 12px;
  padding-right: 12px;
}

.get-case-section__form .form-row > label {
  line-height: 16px;
  margin-bottom: 8px;
}

.get-case-section__form .form-row__control {
  position: relative;
}

.get-case-section__form .form-row__icon {
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  min-width: 12px;
  max-width: 20px;
  font-size: 12px;
  color: #CCCDD2;
  position: absolute;
  padding-left: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.get-case-section__form .form-row__icon .icon-briefcase {
  font-size: 16px;
}

.get-case-section__form .acceptance-row {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .get-case-section__form .acceptance-row {
    margin-bottom: 18px;
  }
}

.get-case-section__form .custom-form {
  color: #000;
}

.get-case-section__form .custom-form .wpcf7-text, .get-case-section__form .custom-form .wpcf7-select {
  padding-left: 38px;
}

.get-case-section__form .custom-form .wpcf7-acceptance {
  font-size: 14px;
  color: #87888E;
  line-height: 24px;
  font-weight: normal;
}

.get-case-section__form .custom-form .wpcf7-acceptance a {
  z-index: 10;
  color: #6F7DFF;
  position: relative;
  text-decoration: underline;
}

.get-case-section__form .custom-form .wpcf7-acceptance a:hover {
  text-decoration: none;
  color: #4C5ADE;
}

.get-case-section__form .custom-form .wpcf7-submit {
  width: auto;
  padding-left: 32px;
  padding-right: 64px;
  vertical-align: top;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 16px 40px #FFF0C7;
          box-shadow: 0 16px 40px #FFF0C7;
  background-position: calc(50% + 58px) 50%;
  background-image: url(../images/arrow-right-dark.svg);
}

@media only screen and (max-width: 1680px) {
  .get-case-section__form .custom-form .wpcf7-submit {
    -webkit-box-shadow: 0 12px 24px rgba(255, 240, 199, 0.75);
            box-shadow: 0 12px 24px rgba(255, 240, 199, 0.75);
  }
}

@media only screen and (max-width: 640px) {
  .get-case-section__form .custom-form .wpcf7-submit {
    width: 100%;
  }
}

.get-case-section__form .custom-form .wpcf7-list-item-label:after {
  top: 3px;
}

.get-case-section__form .custom-form .wpcf7-form.invalid .wpcf7-response-output, .get-case-section__form .custom-form .wpcf7-form.unaccepted .wpcf7-response-output {
  z-index: 50;
  position: relative;
}

.get-case-section__form .custom-form .intl-tel-input .country-list {
  z-index: 100;
}

.get-case-section__form .submit-btn {
  text-align: center;
}

.get-case-section__form .submit-btn p {
  margin-bottom: 0;
}

.motivation-section {
  padding: 84px 0 36px;
}

@media only screen and (max-width: 1680px) {
  .motivation-section {
    padding: 68px 0 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .motivation-section {
    padding-top: 48px;
  }
}

@media only screen and (min-width: 769px) {
  .motivation-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 48px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .motivation-section__inner {
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .motivation-section__inner {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .motivation-section__inner {
    text-align: center;
    margin-bottom: 64px;
  }
}

.motivation-section__main {
  max-width: 480px;
}

@media only screen and (max-width: 1680px) {
  .motivation-section__main {
    max-width: 420px;
  }
}

@media only screen and (max-width: 1366px) {
  .motivation-section__main {
    max-width: 380px;
  }
}

@media only screen and (max-width: 768px) {
  .motivation-section__main {
    max-width: none;
  }
}

.motivation-section__visual {
  width: 100%;
  max-width: 630px;
  margin-left: 32px;
  margin-right: 44px;
}

@media only screen and (max-width: 1680px) {
  .motivation-section__visual {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1366px) {
  .motivation-section__visual {
    max-width: 460px;
  }
}

@media only screen and (max-width: 1024px) {
  .motivation-section__visual {
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .motivation-section__visual {
    width: auto;
    max-width: 360px;
    margin: 0 auto 16px;
  }
}

.motivation-section__visual img {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 540px;
}

@media only screen and (max-width: 1680px) {
  .motivation-section__visual img {
    max-width: 420px;
  }
}

@media only screen and (max-width: 1366px) {
  .motivation-section__visual img {
    max-width: 380px;
  }
}

.motivation-section__content {
  font-size: 18px;
  color: #87888E;
  padding: 40px 32px;
  border-radius: 16px;
  margin-bottom: 24px;
  background: #F7F8FA;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .motivation-section__content {
    font-size: 16px;
    padding: 28px 24px;
  }
}

@media only screen and (max-width: 768px) {
  .motivation-section__content {
    max-width: 440px;
    margin: 0 auto 32px;
  }
}

.motivation-section__content p {
  margin-bottom: 1.77778em;
}

.motivation-section__content__btn {
  margin-bottom: -67px;
}

@media only screen and (max-width: 1680px) {
  .motivation-section__content__btn {
    margin-bottom: -56px;
  }
}

.why-we-section {
  z-index: 10;
  color: #fff;
  position: relative;
  padding: 74px 0 268px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-16.88%, #5747AB), color-stop(154.16%, #5A4CA6));
  background: linear-gradient(180deg, #5747AB -16.88%, #5A4CA6 154.16%);
}

@media only screen and (max-width: 1680px) {
  .why-we-section {
    padding: 56px 0 212px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section {
    padding-top: 48px;
    padding-bottom: 195px;
  }
}

@media only screen and (max-width: 640px) {
  .why-we-section {
    padding-top: 32px;
    padding-bottom: 164px;
  }
}

@media only screen and (min-width: 1025px) {
  .why-we-section:before {
    left: 0;
    right: 0;
    bottom: 0;
    top: 11px;
    content: '';
    z-index: -15;
    position: absolute;
    pointer-events: none;
    background: url(../images/why-we-section-bg.svg) calc(50% + 310px) 0/772px auto no-repeat;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .why-we-section:before {
    top: 6px;
    background-size: 680px auto;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .why-we-section:before {
    background-size: 560px auto;
  }
}

.why-we-section + .new-subscribe-section {
  margin-top: -172px;
}

@media only screen and (max-width: 1680px) {
  .why-we-section + .new-subscribe-section {
    margin-top: -150px;
  }
}

@media only screen and (max-width: 640px) {
  .why-we-section + .new-subscribe-section {
    margin-top: -132px;
  }
}

.why-we-section__line {
  top: 0;
  left: 50%;
  bottom: 0;
  width: 353px;
  z-index: -10;
  position: absolute;
  border-width: 0 1px;
  border-style: dashed;
  pointer-events: none;
  border-color: #9181E0;
}

.why-we-section__line--1 {
  width: 353px;
  margin-left: -650px;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__line--1 {
    margin-left: -580px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__line--1 {
    width: 300px;
    margin-left: -510px;
  }
}

.why-we-section__line--2 {
  width: 316px;
  margin-left: 410px;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__line--2 {
    width: 238px;
    margin-left: 350px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__line--2 {
    width: 216px;
    margin-left: 290px;
  }
}

@media only screen and (min-width: 1025px) {
  .why-we-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.why-we-section h1, .why-we-section .h1 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: inherit;
  margin: 24px 0 0 0;
}

@media only screen and (min-width: 1025px) {
  .why-we-section h1, .why-we-section .h1 {
    width: 334px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .why-we-section h1, .why-we-section .h1 {
    width: 280px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .why-we-section h1, .why-we-section .h1 {
    width: 250px;
  }
}

@media only screen and (max-width: 1024px) {
  .why-we-section h1, .why-we-section .h1 {
    margin: 0 0 32px;
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .why-we-section h1, .why-we-section .h1 {
    margin-bottom: 24px;
  }
}

.why-we-section__reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0 0 0 72px;
  width: calc(100% + 24px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__reviews {
    padding-left: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__reviews {
    padding-left: 29px;
  }
}

@media only screen and (max-width: 1024px) {
  .why-we-section__reviews {
    width: auto;
  }
}

@media only screen and (max-width: 640px) {
  .why-we-section__reviews {
    padding: 0;
    margin: 0 auto;
    max-width: 380px;
  }
}

.why-we-section__review-item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 640px) {
  .why-we-section__review-item {
    padding: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .why-we-section__review-item:nth-child(1) ~ .why-we-section__review-item {
    display: none;
  }
}

.why-we-section__review-item__text {
  z-index: 10;
  display: block;
  font-size: 20px;
  max-width: 306px;
  min-height: 180px;
  padding-top: 40px;
  position: relative;
  padding-right: 20px;
  margin-bottom: 32px;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__review-item__text {
    font-size: 18px;
    padding-top: 30px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__review-item__text {
    font-size: 16px;
    min-height: 148px;
    padding-top: 26px;
  }
}

.why-we-section__review-item__text:before {
  top: 0;
  left: -72px;
  content: '';
  z-index: -10;
  width: 190px;
  height: 166px;
  position: absolute;
  pointer-events: none;
  background: url(../images/quotes-purple.svg) 50% 0/contain no-repeat;
}

@media only screen and (max-width: 1366px) {
  .why-we-section__review-item__text:before {
    left: -54px;
    width: 152px;
  }
}

.why-we-section__review-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.why-we-section__review-item__author__visual {
  width: 100px;
  padding: 9px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 45px;
  margin-right: 16px;
  background: #fff;
  position: relative;
  border-radius: 50%;
  -webkit-box-shadow: 0 11px 25px 5px rgba(47, 70, 135, 0.08);
          box-shadow: 0 11px 25px 5px rgba(47, 70, 135, 0.08);
}

@media only screen and (max-width: 1680px) {
  .why-we-section__review-item__author__visual {
    width: 78px;
    padding: 5px;
    margin-left: 36px;
    margin-right: 14px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__review-item__author__visual {
    width: 72px;
    padding: 3px;
    margin-left: 26px;
  }
}

.why-we-section__review-item__author__visual:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.why-we-section__review-item__author__visual img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.why-we-section__review-item__author__visual > img {
  top: 9px;
  left: 9px;
  border-radius: 50%;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
}

@media only screen and (max-width: 1680px) {
  .why-we-section__review-item__author__visual > img {
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__review-item__author__visual > img {
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }
}

.why-we-section__review-item__author__organization {
  top: 50%;
  left: -45px;
  width: 60px;
  overflow: hidden;
  margin-top: -30px;
  position: absolute;
  border-radius: 50%;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__review-item__author__organization {
    left: -40px;
    width: 50px;
    margin-top: -25px;
  }
}

@media only screen and (max-width: 1366px) {
  .why-we-section__review-item__author__organization {
    width: 44px;
    left: -32px;
    margin-top: -22px;
  }
}

.why-we-section__review-item__author__organization:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.why-we-section__review-item__author__organization img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.why-we-section__review-item__author__name {
  display: block;
  font-size: 20px;
  line-height: 1.5;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__review-item__author__name {
    font-size: 18px;
  }
}

.why-we-section__review-item__author__post {
  display: block;
  font-size: 18px;
  color: #EAE6FF;
  line-height: 1.33333;
}

@media only screen and (max-width: 1680px) {
  .why-we-section__review-item__author__post {
    font-size: 16px;
  }
}

.use-case-advantages-section {
  z-index: 5;
  position: relative;
}

.use-case-advantage {
  font-size: 18px;
  color: #87888E;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .use-case-advantage {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-advantage {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-advantage {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .use-case-advantage {
    padding-top: 8px;
    padding-bottom: 4px;
  }
}

.use-case-advantage:nth-child(odd) {
  background: #F7F8FA;
}

@media only screen and (min-width: 769px) {
  .use-case-advantage:nth-child(even) > .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.use-case-advantage > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 620px;
  padding-top: 48px;
  padding-bottom: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .use-case-advantage > .container {
    min-height: 580px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-advantage > .container {
    min-height: 532px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-advantage > .container {
    min-height: 460px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-advantage > .container {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.use-case-advantage p {
  margin-bottom: 1.77778em;
}

.use-case-advantage__content {
  z-index: 25;
  max-width: 580px;
  position: relative;
  width: calc(51.65% + 48px);
}

@media only screen and (max-width: 1680px) {
  .use-case-advantage__content {
    max-width: 510px;
    width: calc(51.65% + 32px);
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-advantage__content {
    max-width: 450px;
    width: calc(51.65% + 16px);
  }
}

@media only screen and (max-width: 768px) {
  .use-case-advantage__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.use-case-advantage__title {
  display: block;
  font-size: 40px;
  color: #05060C;
  line-height: 1.2;
  margin-bottom: 0.6em;
}

@media only screen and (max-width: 1680px) {
  .use-case-advantage__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-advantage__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-advantage__title {
    font-size: 28px;
  }
}

.use-case-advantage__visual {
  top: 24px;
  width: 48.35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .use-case-advantage__visual {
    max-width: 516px;
  }
}

@media only screen and (max-width: 1366px) {
  .use-case-advantage__visual {
    top: 16px;
    max-width: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .use-case-advantage__visual {
    max-width: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .use-case-advantage__visual {
    width: 100%;
    margin: 0 auto 16px;
  }
}

@media only screen and (max-width: 640px) {
  .use-case-advantage__visual {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 769px) {
  .use-case-advantage:nth-child(odd) .use-case-advantage__visual {
    margin-left: 32px;
    margin-right: -48px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .use-case-advantage:nth-child(odd) .use-case-advantage__visual {
    margin-right: -32px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .use-case-advantage:nth-child(odd) .use-case-advantage__visual {
    margin-right: -16px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .use-case-advantage:nth-child(odd) .use-case-advantage__visual {
    margin-left: 24px;
  }
}

@media only screen and (min-width: 769px) {
  .use-case-advantage:nth-child(even) .use-case-advantage__visual {
    margin-left: -48px;
    margin-right: 32px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .use-case-advantage:nth-child(even) .use-case-advantage__visual {
    margin-left: -32px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .use-case-advantage:nth-child(even) .use-case-advantage__visual {
    margin-left: -16px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .use-case-advantage:nth-child(even) .use-case-advantage__visual {
    margin-right: 24px;
  }
}

.use-case-advantage__visual:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.use-case-advantage__visual > img {
  top: -12%;
  left: -12%;
  z-index: 15;
  width: 124%;
  height: 124%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.use-case-advantage__visual .lottie-animation {
  top: -16%;
  left: -16%;
  z-index: 10;
  width: 132%;
  height: 132%;
  position: absolute;
}

.use-case-advantage__visual .lottie-animation svg {
  width: 100%;
  height: 100%;
  display: block;
}

.use-case-advantage__badge {
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  color: #6F7DFF;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  margin: 0 0 1.3em 12px;
  background: #eae6ff;
  text-transform: uppercase;
  border-radius: 0 0.4em 0.4em 0;
  padding: 0.9em 0.9em 0.8em 0.4em;
}

.use-case-advantage__badge:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1.2em;
  content: '';
  position: absolute;
  background: url(../images/badge-bg-frame-light.svg) 50% 100%/auto 100% no-repeat;
}

.new-price-section {
  z-index: 10;
  position: relative;
  padding: 64px 0 36px;
}

@media only screen and (max-width: 1366px) {
  .new-price-section {
    padding: 56px 0 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-price-section {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .new-price-section {
    padding-bottom: 42px;
  }
}

.new-price-section:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -15;
  height: 926px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#fff));
  background: linear-gradient(to bottom, #f7f8fa, #fff);
}

.new-price-section__round {
  left: 50%;
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  border: solid 1px #e6e6e6;
}

.new-price-section__round--1 {
  top: -290px;
  width: 680px;
  height: 680px;
  margin-left: 60px;
}

@media only screen and (max-width: 768px) {
  .new-price-section__round--1 {
    top: -361px;
    margin-left: -350px;
  }
}

.new-price-section__round--2 {
  top: -590px;
  width: 1162px;
  height: 1162px;
  margin-left: -642px;
}

@media only screen and (max-width: 1366px) {
  .new-price-section__round--2 {
    top: -700px;
    margin-left: -662px;
  }
}

@media only screen and (max-width: 768px) {
  .new-price-section__round--2 {
    top: -705px;
    margin-left: -942px;
  }
}

.new-price-section__centered {
  color: #878996;
  font-size: 20px;
  max-width: 850px;
  text-align: center;
  margin: 0 auto 100px;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .new-price-section__centered {
    font-size: 18px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .new-price-section__centered {
    margin-bottom: 32px;
  }
}

.new-price-section__centered p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1366px) {
  .new-price-section__centered p {
    margin-bottom: 32px;
  }
}

.price-calc {
  margin-bottom: 132px;
}

@media only screen and (max-width: 1680px) {
  .price-calc {
    margin-bottom: 110px;
  }
}

@media only screen and (max-width: 768px) {
  .price-calc {
    text-align: center;
    margin-bottom: 90px;
  }
}

.price-calc__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 59px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .price-calc__head {
    margin-bottom: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.price-calc__head__title {
  width: 320px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 85px;
}

@media only screen and (max-width: 1680px) {
  .price-calc__head__title {
    width: 300px;
    margin-right: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .price-calc__head__title {
    width: auto;
    margin: 0 0 16px;
  }
}

.price-calc__head__title h3, .price-calc__head__title .h3 {
  margin-bottom: 0;
}

.price-calc__switcher-holder {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
  .price-calc__switcher-holder {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.price-calc__switcher-list {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  position: relative;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F5F5F7;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.price-calc__switcher-list__bg {
  top: 8px;
  left: 8px;
  bottom: 8px;
  position: absolute;
  border-radius: 12px;
  background: #6F7DFF;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-box-shadow: 0 8px 12px #D9D5ED;
          box-shadow: 0 8px 12px #D9D5ED;
  -webkit-transition-property: width, left;
  transition-property: width, left;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.price-calc__switcher {
  font-size: 14px;
  color: #87888E;
  font-weight: bold;
  line-height: 16px;
  position: relative;
}

.price-calc__switcher input[type='radio'] {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  -webkit-appearance: none;
}

.price-calc__switcher__text {
  display: block;
  padding: 12px 24px;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

.price-calc__switcher__input:checked + .price-calc__switcher__text {
  color: #fff;
}

@media only screen and (min-width: 769px) {
  .price-calc__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.price-calc__content {
  width: 320px;
  line-height: 2;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 16px;
  color: #05060C;
  margin-right: 85px;
}

@media only screen and (max-width: 1680px) {
  .price-calc__content {
    width: 300px;
    margin-right: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .price-calc__content {
    width: auto;
    margin: 0 0 56px;
  }
}

.price-calc__range {
  width: 100%;
  z-index: 15;
  padding: 8px;
  max-width: 716px;
  position: relative;
  border-radius: 24px;
  background: #EDEEF0;
}

.price-calc__range .range {
  padding: 0;
  width: 100%;
  height: 32px;
  border: none;
  background: none;
}

.price-calc__range .irs {
  height: 100%;
}

.price-calc__range .irs--flat {
  height: 32px;
}

.price-calc__range .irs-to, .price-calc__range .irs-from {
  display: none;
}

.price-calc__range .irs-line {
  top: 8px;
  height: 16px;
  border-radius: 8px;
  background: #CCCDD2;
}

.price-calc__range .irs-single {
  top: auto;
  bottom: 100%;
  font-size: 16px;
  min-width: 148px;
  font-weight: bold;
  padding: 12px 16px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 28px;
  line-height: 1.5;
  background: rgba(16, 8, 49, 0.95);
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1366px) {
  .price-calc__range .irs-single {
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-calc__range .irs-single {
    font-size: 14px;
    min-width: 110px;
    padding: 8px 10px;
    border-radius: 8px;
    margin-bottom: 20px;
  }
}

.price-calc__range .irs-single:before {
  top: 100%;
  bottom: auto;
  margin-left: -13px;
  border-top-width: 8px;
  border-left-width: 13px;
  border-right-width: 13px;
  border-top-color: rgba(16, 8, 49, 0.95);
}

@media only screen and (max-width: 1024px) {
  .price-calc__range .irs-single:before {
    margin-left: -10px;
    border-top-width: 6px;
    border-left-width: 10px;
    border-right-width: 10px;
  }
}

.price-calc__range .irs-bar {
  top: 8px;
  left: 8px;
  height: 16px;
  border-radius: 8px;
  background: #6F7DFF;
}

.price-calc__range .irs-handle {
  top: -4px;
  padding: 0;
  width: 40px;
  height: 40px;
  bottom: 100%;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  border-radius: 50%;
  background: #6F5BD8 url(../images/tool-hand.svg) 50% 50%/1em 1em no-repeat;
  -webkit-box-shadow: 0 4px 8px rgba(111, 91, 216, 0.37), 0 0 0 8px #fff, 0 8px 24px 8px rgba(111, 91, 216, 0.37);
          box-shadow: 0 4px 8px rgba(111, 91, 216, 0.37), 0 0 0 8px #fff, 0 8px 24px 8px rgba(111, 91, 216, 0.37);
}

.price-calc__range .irs-handle i {
  display: none !important;
}

.price-calc__range .irs-handle:after, .price-calc__range .irs-handle:before {
  top: 50%;
  line-height: 1;
  font-size: 12px;
  content: "\e800";
  position: absolute;
  margin-top: -0.5em;
  font-family: 'icomoon';
}

.price-calc__range .irs-handle:before {
  right: 100%;
  margin-right: 15px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.price-calc__range .irs-handle:after {
  left: 100%;
  margin-left: 15px;
  color: #6F7DFF;
}

.price-calc__range .irs-grid {
  top: 50%;
  height: 4px;
  bottom: auto;
  margin-top: -2px;
}

.price-calc__range .irs-grid-text {
  display: none;
}

.price-calc__range .irs-grid-pol {
  height: 3px;
}

@media only screen and (max-width: 1024px) {
  .price-calc__tariffs {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 124px 24px 48px;
    scroll-behavior: smooth;
    margin: -124px -24px -48px;
    -webkit-overflow-scrolling: touch;
  }
}

@media only screen and (max-width: 768px) {
  .price-calc__tariffs {
    margin-bottom: 32px;
  }
}

.new-tarrifs-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -60px;
  list-style: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .new-tarrifs-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-tarrifs-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.new-tariff-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 16px;
  color: #05060C;
  text-align: center;
  position: relative;
  background: #F9FAFC;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 80px 24px 48px;
  line-height: 1.5;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item {
    font-size: 14px;
    padding: 72px 16px 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-tariff-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 260px;
            flex: 1 0 260px;
    max-width: calc(80vw - 48px);
  }
}

.new-tariff-item:nth-child(even) {
  background-color: #F6F7F9;
}

.new-tariff-item--styled {
  z-index: 10;
}

.new-tariff-item--styled:before {
  left: 0;
  right: 0;
  top: -16px;
  bottom: -16px;
  content: '';
  z-index: -10;
  position: absolute;
  background: #FFFF;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 120px rgba(173, 180, 195, 0.27);
          box-shadow: 0 0 120px rgba(173, 180, 195, 0.27);
}

.new-tariff-item--styled:after {
  left: 40px;
  right: 40px;
  content: '';
  height: 32px;
  position: absolute;
  border-radius: 16px;
  top: calc(100% + 16px);
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
}

.new-tariff-item__icon {
  left: 50%;
  width: 1em;
  height: 1em;
  top: -0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 96px;
  position: absolute;
  background: #FFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -0.5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.16667em;
  -webkit-box-shadow: 0 0.29167em 0.52083em rgba(220, 221, 225, 0.451049);
          box-shadow: 0 0.29167em 0.52083em rgba(220, 221, 225, 0.451049);
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item__icon {
    font-size: 80px;
  }
}

.new-tariff-item--styled .new-tariff-item__icon {
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
}

.new-tariff-item__icon img {
  display: block;
  width: 0.3333em;
  height: 0.3333em;
  -o-object-fit: contain;
     object-fit: contain;
}

.new-tariff-item__title {
  display: block;
  font-size: 32px;
  margin-bottom: 0.5em;
  line-height: 1.25;
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item__title {
    font-size: 28px;
  }
}

.new-tariff-item__price {
  font-size: 24px;
  padding: 0.5em 1em;
  margin-bottom: 16px;
  vertical-align: top;
  display: inline-block;
  line-height: 1.33333;
  border-radius: 0.66667em;
  -webkit-box-shadow: inset 0 0 0 1px #DCDDE1;
          box-shadow: inset 0 0 0 1px #DCDDE1;
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item__price {
    font-size: 20px;
  }
}

.new-tariff-item__price__custom {
  display: block;
  line-height: 2em;
  font-size: 0.66667em;
}

.new-tariff-item__price small {
  color: #87888E;
  line-height: 1.7;
  vertical-align: top;
  display: inline-block;
  vertical-align: bottom;
  font-size: 0.66667em;
}

.new-tariff-item__btn-holder .btn {
  height: 48px;
  min-width: 160px;
  padding: 8px 32px;
}

.new-tariff-item__description {
  z-index: 5;
  max-width: 250px;
  position: relative;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item__description {
    margin-bottom: 16px;
  }
}

.new-tariff-item__description p:last-child {
  margin-bottom: 0;
}

.new-tariff-item__description dl {
  margin: 0 auto;
  max-width: 200px;
  text-align: left;
  padding: 0 0 16px;
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item__description dl {
    max-width: 180px;
    padding-bottom: 12px;
  }
}

.new-tariff-item__description dl:not(:first-child) {
  padding-top: 16px;
  border-top: 1px solid rgba(220, 221, 225, 0.8);
}

@media only screen and (max-width: 1680px) {
  .new-tariff-item__description dl:not(:first-child) {
    padding-top: 12px;
  }
}

.new-tariff-item__description dt, .new-tariff-item__description dd {
  margin: 0;
  padding: 0;
}

.new-tariff-item__description dt {
  font-weight: bold;
}

.new-tariff-item__description dd {
  font-size: 0.875em;
  line-height: 1.71429;
}

.early-stage-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 2;
  font-size: 16px;
  color: #191A24;
  min-height: 225px;
  position: relative;
  border-radius: 16px;
  margin: 115px 0 -32px;
  padding: 0 132px 0 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url(../images/early-stage-block-bg.svg) 50% 50%/cover no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFD971), to(#FFBD07));
  background: url(../images/early-stage-block-bg.svg) 50% 50%/cover no-repeat, linear-gradient(180deg, #FFD971 0%, #FFBD07 100%);
}

@media only screen and (max-width: 1680px) {
  .early-stage-block {
    margin-top: 96px;
  }
}

@media only screen and (max-width: 1366px) {
  .early-stage-block {
    font-size: 14px;
    min-height: 200px;
    padding: 0 124px 0 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .early-stage-block {
    min-height: 0;
    margin-top: 58px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 96px 24px 24px;
  }
}

@media only screen and (max-width: 768px) {
  .early-stage-block {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block {
    font-size: 13px;
    margin-left: -12px;
    margin-right: -12px;
    padding: 24px 16px;
    text-align: center;
  }
}

.early-stage-block:before {
  top: 100%;
  left: 32px;
  right: 32px;
  content: '';
  height: 32px;
  position: absolute;
  background: #FFF;
  pointer-events: none;
  border-radius: 0 0 16px 16px;
  -webkit-box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
          box-shadow: 0 28px 50px rgba(220, 221, 225, 0.451049);
}

@media only screen and (max-width: 768px) {
  .early-stage-block:before {
    left: 16px;
    right: 16px;
    height: 16px;
  }
}

.early-stage-block__icon {
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 18px;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#A894EE), to(#6F5BD8));
  background: linear-gradient(180deg, #A894EE 0%, #6F5BD8 100%);
  -webkit-box-shadow: 0 17px 26px #C8C3DF, 0 0 0 18px rgba(255, 255, 255, 0.9), 0 16px 41px 18px rgba(184, 112, 5, 0.8);
          box-shadow: 0 17px 26px #C8C3DF, 0 0 0 18px rgba(255, 255, 255, 0.9), 0 16px 41px 18px rgba(184, 112, 5, 0.8);
}

@media only screen and (max-width: 1366px) {
  .early-stage-block__icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
    border-radius: 16px;
    -webkit-box-shadow: 0 17px 26px #C8C3DF, 0 0 0 15px rgba(255, 255, 255, 0.9), 0 16px 41px 15px rgba(184, 112, 5, 0.8);
            box-shadow: 0 17px 26px #C8C3DF, 0 0 0 15px rgba(255, 255, 255, 0.9), 0 16px 41px 15px rgba(184, 112, 5, 0.8);
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block__icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 12px;
    -webkit-box-shadow: 0 17px 26px #C8C3DF, 0 0 0 12px rgba(255, 255, 255, 0.9), 0 12px 32px 12px rgba(184, 112, 5, 0.6);
            box-shadow: 0 17px 26px #C8C3DF, 0 0 0 12px rgba(255, 255, 255, 0.9), 0 12px 32px 12px rgba(184, 112, 5, 0.6);
  }
}

.early-stage-block__icon img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.early-stage-block__icon--1 {
  top: 7px;
  right: 82px;
}

@media only screen and (max-width: 1366px) {
  .early-stage-block__icon--1 {
    right: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .early-stage-block__icon--1 {
    top: 0;
    right: 48px;
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block__icon--1 {
    top: -12px;
  }
}

.early-stage-block__icon--2 {
  top: 114px;
  right: 5px;
}

@media only screen and (max-width: 640px) {
  .early-stage-block__icon--2 {
    top: 68px;
    right: -2px;
  }
}

.early-stage-block__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1366px) {
  .early-stage-block__main {
    padding: 24px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .early-stage-block__main {
    padding: 0;
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block__main {
    max-width: 380px;
    margin: 0 auto 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.early-stage-block__main-icon {
  width: 68px;
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  font-size: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 23px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 23px 82px 23px 23px;
  background: -webkit-gradient(linear, left top, left bottom, from(#A894EE), to(#6F5BD8));
  background: linear-gradient(180deg, #A894EE 0%, #6F5BD8 100%);
  -webkit-box-shadow: 0 21px 33px #C8C3DF, 0 0 0 23px rgba(255, 255, 255, 0.9), 0 20px 52px 23px rgba(184, 112, 5, 0.8);
          box-shadow: 0 21px 33px #C8C3DF, 0 0 0 23px rgba(255, 255, 255, 0.9), 0 20px 52px 23px rgba(184, 112, 5, 0.8);
}

@media only screen and (max-width: 1366px) {
  .early-stage-block__main-icon {
    width: 64px;
    height: 64px;
    font-size: 32px;
    margin: 20px 48px 20px 16px;
    -webkit-box-shadow: 0 21px 33px #C8C3DF, 0 0 0 20px rgba(255, 255, 255, 0.9), 0 20px 52px 20px rgba(184, 112, 5, 0.8);
            box-shadow: 0 21px 33px #C8C3DF, 0 0 0 20px rgba(255, 255, 255, 0.9), 0 20px 52px 20px rgba(184, 112, 5, 0.8);
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block__main-icon {
    margin-right: 20px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 21px 33px #C8C3DF, 0 0 0 20px rgba(255, 255, 255, 0.9), 0 16px 36px 20px rgba(184, 112, 5, 0.6);
            box-shadow: 0 21px 33px #C8C3DF, 0 0 0 20px rgba(255, 255, 255, 0.9), 0 16px 36px 20px rgba(184, 112, 5, 0.6);
  }
}

.early-stage-block__main-icon img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.early-stage-block__title {
  display: block;
  line-height: 1;
  font-size: 32px;
  color: #05060C;
  margin: 0 0 0.5em;
}

@media only screen and (max-width: 1366px) {
  .early-stage-block__title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block__title {
    font-size: 24px;
  }
}

.early-stage-block__content {
  margin-bottom: -1em;
}

.early-stage-block__content p {
  margin-bottom: 1em;
}

.early-stage-block__btn-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px 0 32px 112px;
}

@media only screen and (min-width: 1681px) {
  .early-stage-block__btn-holder {
    min-width: 420px;
  }
}

@media only screen and (max-width: 1680px) {
  .early-stage-block__btn-holder {
    padding-left: 92px;
  }
}

@media only screen and (max-width: 1366px) {
  .early-stage-block__btn-holder {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .early-stage-block__btn-holder {
    width: 100%;
    padding: 0 0 0 128px;
  }
}

@media only screen and (max-width: 640px) {
  .early-stage-block__btn-holder {
    padding-left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 1025px) {
  .early-stage-block__btn-holder:before {
    top: 0;
    left: -18px;
    content: '';
    width: 156px;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background: url(../images/early-stage-block-btn-bg.svg) 50% 50%/contain no-repeat;
  }
}

.early-stage-block__btn-holder .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (min-width: 1025px) {
  .early-stage-block__btn-holder .btn {
    height: 64px;
  }
}

.price-table {
  margin: 0 auto;
  font-size: 16px;
  color: #878996;
  line-height: 21px;
  max-width: 1200px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .price-table {
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .price-table {
    font-weight: normal;
  }
}

.price-table__table {
  margin: 0 0 48px;
  border-radius: 16px;
  padding: 14px 16px 8px;
  border: solid 1px rgba(220, 221, 225, 0.65);
}

@media only screen and (max-width: 1024px) {
  .price-table__table {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .price-table__table {
    padding: 0;
    border: none;
    border-radius: 0;
  }
}

.price-table__head-table-holder {
  height: 187px;
  margin-bottom: 64px;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .price-table--4-plans .price-table__head-table-holder {
    height: 160px;
    margin-bottom: 64px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .price-table--4-plans .price-table__head-table-holder {
    height: 136px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table-holder {
    height: 56px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 640px) {
  .price-table--4-plans .price-table__head-table-holder {
    height: 44px;
  }
}

.price-table__head-table-holder:not(.price-table__head-table-holder--fixed) .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.price-table__head-table-holder.price-table__head-table-holder--fixed-at-bottom .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.price-table__head-table-holder__inner {
  z-index: 150;
  padding: 0 9999px;
  margin: 0 -9999px;
  -webkit-transition: background-color .35s ease, -webkit-box-shadow .35s ease;
  transition: background-color .35s ease, -webkit-box-shadow .35s ease;
  transition: background-color .35s ease, box-shadow .35s ease;
  transition: background-color .35s ease, box-shadow .35s ease, -webkit-box-shadow .35s ease;
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table-holder__inner {
    background: #fff;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
  }
}

.price-table__head-table-holder--fixed .price-table__head-table-holder__inner {
  left: 0;
  right: 0;
  top: 88px;
  position: fixed;
  background: #fff;
}

@media only screen and (max-width: 1680px) {
  .price-table__head-table-holder--fixed .price-table__head-table-holder__inner {
    top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table-holder--fixed .price-table__head-table-holder__inner {
    top: 72px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  }
}

.price-table__head-table-holder--fixed-at-bottom .price-table__head-table-holder__inner {
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #fff;
  top: auto !important;
}

.price-table__head-table__item {
  width: 25%;
  color: #fff;
  padding-top: 0;
  font-size: 16px;
  line-height: 1.75;
  padding-bottom: 0;
  position: relative;
  vertical-align: top;
  font-weight: normal;
  background: #8575e2;
  padding: 40px 32px 92px;
}

@media only screen and (min-width: 1025px) {
  .price-table--4-plans .price-table__head-table__item {
    height: 187px;
    padding: 56px 16px 48px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .price-table--4-plans .price-table__head-table__item {
    height: 160px;
    font-size: 12px;
    padding-top: 40px;
    padding-bottom: 36px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .price-table--4-plans .price-table__head-table__item {
    height: 136px;
    padding-top: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table__item {
    width: 33.3333%;
    cursor: pointer;
    color: #05060c;
    background: none;
    padding: 12px 16px;
    border-radius: 8px 8px 0 0;
  }
  .price-table__head-table__item--active {
    background: #f7f8fa;
  }
  .price-table--4-plans .price-table__head-table__item {
    width: 25%;
  }
}

@media only screen and (max-width: 640px) {
  .price-table__head-table__item {
    padding: 14px 10px;
  }
  .price-table--4-plans .price-table__head-table__item {
    padding: 10px 4px;
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table-holder--fixed .price-table__head-table__item,
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__item {
    height: 68px;
    padding: 16px 10px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .price-table__head-table-holder--fixed .price-table__head-table__item,
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__item {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.price-table__head-table__item:first-child {
  border-radius: 16px 0 0 16px;
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table__item:first-child {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table__item:last-child {
    border-radius: 0 16px 16px 0;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table__item:nth-child(odd) {
    background: #8575E2;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table__item:nth-child(even) {
    background: #6E5BD8;
  }
}

.price-table__head-table__item p {
  margin-bottom: 0;
}

.price-table__head-table__title {
  line-height: 1;
  display: block;
  font-size: 32px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .price-table__head-table__title {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .price-table__head-table__title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table__title {
    min-height: 0;
    line-height: 2;
    font-size: 16px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .price-table__head-table__title {
    font-size: 14px;
  }
  .price-table--4-plans .price-table__head-table__title {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table-holder--fixed .price-table__head-table__title,
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__title {
    margin: 0;
    min-height: 0;
    font-size: 18px;
    line-height: 20px;
  }
  .price-table--4-plans .price-table__head-table-holder--fixed .price-table__head-table__title, .price-table--4-plans
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .price-table--4-plans .price-table__head-table-holder--fixed .price-table__head-table__title, .price-table--4-plans
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__title {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table-holder--fixed .price-table__head-table__title br,
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__title br {
    display: none;
  }
}

.price-table__head-table__price {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  margin: -16px 0 16px;
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (min-width: 1025px) {
  .price-table--4-plans .price-table__head-table__price {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table__head-table-holder--fixed .price-table__head-table__price,
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__price {
    font-size: 12px;
    margin: 2px 0 0 8px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table__price {
    display: none;
  }
}

.price-table__head-table__icon {
  left: 50%;
  width: 84px;
  height: 84px;
  bottom: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 28px;
  color: #6F7DFF;
  background: #fff;
  margin-left: -42px;
  position: absolute;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 3px 26px 0 rgba(60, 51, 112, 0.12);
          box-shadow: 0 3px 26px 0 rgba(60, 51, 112, 0.12);
}

@media only screen and (min-width: 1025px) {
  .price-table--4-plans .price-table__head-table__icon {
    bottom: 0;
    width: 1em;
    height: 1em;
    font-size: 80px;
    margin-left: -0.5em;
    margin-bottom: -0.5em;
    border-radius: 0.2em;
    -webkit-box-shadow: 0 28px 50px rgba(60, 51, 112, 0.12);
            box-shadow: 0 28px 50px rgba(60, 51, 112, 0.12);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .price-table--4-plans .price-table__head-table__icon {
    font-size: 64px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .price-table--4-plans .price-table__head-table__icon {
    font-size: 56px;
  }
}

@media only screen and (min-width: 1025px) {
  .price-table--4-plans .price-table__head-table__icon img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    width: 0.4em;
    height: 0.4em;
  }
  .price-table--4-plans .price-table__head-table__icon i {
    line-height: 1;
    font-size: 0.4em;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table__icon {
    display: none;
  }
}

.price-table__head-table-holder--fixed .price-table__head-table__icon,
.price-table__head-table-holder--fixed-at-bottom .price-table__head-table__icon {
  font-size: 36px;
  position: static;
  margin-bottom: 0;
  margin-left: 20px;
  border-radius: 0.33333em;
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .price-table__head-table-holder--fixed .price-table__head-table__icon,
  .price-table__head-table-holder--fixed-at-bottom .price-table__head-table__icon {
    margin-left: 12px;
  }
}

.price-table__head-table__icon i, .price-table__head-table__icon i:before {
  vertical-align: top;
  display: inline-block;
}

.price-table__head-table-holder--fixed .price-table__head-table__inner,
.price-table__head-table-holder--fixed-at-bottom .price-table__head-table__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .price-table__head-table__text {
    display: none;
  }
}

.price-table__head-table-holder--fixed .price-table__head-table__text,
.price-table__head-table-holder--fixed-at-bottom .price-table__head-table__text {
  display: none;
}

.price-table__content {
  margin-top: 32px;
}

@media only screen and (max-width: 1024px) {
  .price-table__content {
    margin-top: 0;
    padding: 32px 24px;
    margin-left: -24px;
    margin-right: -24px;
    background: #f7f8fa;
  }
}

.price-table__expanded {
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #dcdde1;
}

@media only screen and (max-width: 1024px) {
  .price-table__expanded {
    border-radius: 8px;
  }
}

.price-table--light .price-table__expanded {
  border: none;
  background: none;
  position: relative;
  border-radius: 20px;
  margin-left: -16px;
  margin-right: -16px;
}

@media only screen and (max-width: 1680px) {
  .price-table--light .price-table__expanded {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.price-table--light .price-table__expanded:after, .price-table--light .price-table__expanded:before {
  top: 1px;
  bottom: 1px;
  width: 15px;
  content: '';
  position: absolute;
  background: #F7F8FA;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .price-table--light .price-table__expanded:after, .price-table--light .price-table__expanded:before {
    width: 7px;
  }
}

.price-table--light .price-table__expanded:before {
  left: 1px;
}

.price-table--light .price-table__expanded:after {
  right: 1px;
}

@media only screen and (min-width: 1025px) {
  .price-table.price-table--4-plans table td:not(:first-child), .price-table.price-table--4-plans table th:not(:first-child) {
    width: 17.75%;
  }
  .price-table.price-table--4-plans table td:first-child, .price-table.price-table--4-plans table th:first-child {
    width: 29%;
  }
}

.price-table table {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #05060c;
  max-width: 1200px;
  line-height: 21px;
  border-collapse: collapse;
}

@media only screen and (max-width: 1024px) {
  .price-table table {
    font-size: 14px;
    line-height: 16px;
  }
}

.price-table table tr:not(:first-child) {
  border-top: 1px solid #dcdde1;
}

@media only screen and (min-width: 1025px) {
  .price-table table td, .price-table table th {
    width: 25%;
  }
}

.price-table table td {
  height: 73px;
  padding: 6px 32px;
}

@media only screen and (max-width: 1680px) {
  .price-table table td {
    height: 65px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table table td {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.price-table table td.price-table__title {
  color: #05060c;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  padding-top: 29px;
  background: #fff;
  border-radius: 16px;
  padding-bottom: 29px;
}

@media only screen and (max-width: 1024px) {
  .price-table table td.price-table__title {
    font-size: 14px;
    line-height: 18px;
    padding-top: 19px;
    padding-bottom: 19px;
  }
}

.price-table table td:not(:first-child) {
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .price-table table td:not(:first-child) {
    border-left: 1px solid #dcdde1;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table table td:not(:first-child) {
    width: 40%;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table table td:first-child {
    width: 60%;
    padding-left: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table table td.m-hidden {
    display: none;
  }
}

.price-table table .tooltip {
  color: #cccdd2;
}

.price-table table .tooltip:hover, .price-table table .tooltip[aria-describedby] {
  color: #acadb3;
}

.price-table__item {
  z-index: 10;
  position: relative;
}

.price-table--light .price-table__item {
  border-radius: 16px;
  padding: 16px 16px 0;
  background: #F7F8FA;
  -webkit-box-shadow: inset 0 0 0 1px #DCDDE1;
          box-shadow: inset 0 0 0 1px #DCDDE1;
}

@media only screen and (max-width: 1680px) {
  .price-table--light .price-table__item {
    padding: 8px 8px 0;
    border-radius: 12px;
  }
}

.price-table__item:not(:last-child) {
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .price-table__item {
    padding: 0;
    border: none;
    border-radius: 0;
  }
}

.price-table__item--open {
  padding-bottom: 0;
}

.price-table__title {
  color: #000;
  display: block;
  font-size: 18px;
  margin: 0 0 16px;
  line-height: 24px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .price-table__title {
    font-size: 16px;
    line-height: 20px;
  }
}

.price-table--light .price-table__title {
  margin-bottom: 0;
  background: #fff;
  padding: 28px 32px;
  border-radius: 16px;
}

@media only screen and (max-width: 1680px) {
  .price-table--light .price-table__title {
    padding: 24px;
    border-radius: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-table--light .price-table__title {
    padding: 20px 16px;
  }
}

.price-table__state-icon {
  display: block;
  line-height: 1;
  font-size: 14px;
  color: #30a70b;
}

.price-table--light .price-table__state-icon {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  font-size: 10px;
  border-radius: 8px;
  color: #6F7DFF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EAE6FD;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 9px 13px rgba(220, 221, 225, 0.175153);
          box-shadow: 0 9px 13px rgba(220, 221, 225, 0.175153);
}

.price-table__empty {
  line-height: 1;
  font-size: 22px;
  color: #404040;
}

.price-table__footnote {
  color: #05060C;
  font-size: 14px;
  line-height: 32px;
  margin-top: -16px;
  background: #EDEEF0;
  padding: 28px 32px 16px;
  border-radius: 0 0 16px 16px;
}

@media only screen and (max-width: 1680px) {
  .price-table__footnote {
    border-radius: 0 0 12px 12px;
  }
}

.price-table--light .price-table__footnote {
  margin-top: -48px;
  padding-left: 48px;
  padding-right: 48px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .price-table--light .price-table__footnote {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.price-table__footnote__item {
  display: block;
  position: relative;
  padding-left: 20px;
}

.price-table__footnote__item:before {
  left: 0;
  top: 12px;
  width: 1em;
  height: 1em;
  content: '';
  font-size: 8px;
  line-height: 1;
  border-radius: 2px;
  position: absolute;
  background: #6F7DFF;
}

.price-table--light table td {
  padding-left: 48px;
  padding-right: 48px;
}

@media only screen and (max-width: 1680px) {
  .price-table--light table td {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.price-table--light table td:not(:first-child) {
  font-size: 12px;
  line-height: 24px;
}

@media only screen and (max-width: 1680px) {
  .price-table--light table td:not(:first-child) {
    line-height: 18px;
  }
}

@media only screen and (min-width: 1681px) {
  .price-table--light table tr:last-child td {
    height: 82px;
    padding-bottom: 15px;
  }
}

.price-features-section {
  margin-top: 100px;
  padding: 72px 0 86px;
  background: #f7f8fa;
}

@media only screen and (max-width: 1366px) {
  .price-features-section {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-features-section {
    padding-top: 0;
    background: none;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .price-features-section {
    margin-top: 23px;
  }
}

.price-features-section h2, .price-features-section .h2 {
  text-align: center;
  margin-bottom: 56px;
}

@media only screen and (max-width: 768px) {
  .price-features-section h2, .price-features-section .h2 {
    margin-bottom: 32px;
  }
}

.price-features-section__content {
  padding: 16px 0 48px;
}

@media only screen and (max-width: 1024px) {
  .price-features-section__content {
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .price-features-section__content {
    padding: 0;
    background: none;
  }
}

.new-hero-section {
  font-size: 20px;
  color: #B7B8C5;
  letter-spacing: 0;
  position: relative;
  padding: 173px 0 204px;
  background-size: cover;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
}

@media only screen and (max-width: 1680px) {
  .new-hero-section {
    font-size: 18px;
    padding: 160px 0 160px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-hero-section {
    padding: 132px 0 128px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-hero-section {
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .new-hero-section.loaded, .new-hero-section.entered {
    background-image: url(../images/new/new--hero-section-bg.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

@media only screen and (max-width: 768px) {
  .new-hero-section {
    font-size: 16px;
    padding: 89px 0 101px;
    line-height: 1.75;
  }
  .new-hero-section.loaded, .new-hero-section.entered {
    background-image: url(../images/new/new--hero-section-bg_m.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

.new-hero-section__bg {
  left: 50%;
  bottom: -1px;
  width: 1230px;
  height: 122px;
  background: #fff;
  position: absolute;
  margin-left: -615px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .new-hero-section__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-hero-section__bg {
    height: 74px;
    width: calc(100vw - 200px);
    margin-left: calc(-50vw + 100px);
  }
}

@media only screen and (max-width: 768px) {
  .new-hero-section__bg {
    height: 40px;
    width: calc(100vw - 120px);
    margin-left: calc(-50vw + 60px);
  }
}

.new-hero-section__bg:after, .new-hero-section__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 164px;
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.new-hero-section__bg:before {
  right: 100%;
  margin-right: -1px;
  background-position: 100% 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

.new-hero-section__bg:after {
  left: 100%;
  margin-left: -1px;
  background-position: 0 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

.new-hero-section h1, .new-hero-section .h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  margin-bottom: 48px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .new-hero-section h1, .new-hero-section .h1 {
    font-size: 68px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-hero-section h1, .new-hero-section .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .new-hero-section h1, .new-hero-section .h1 {
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 1.25;
  }
}

@media only screen and (min-width: 1025px) {
  .new-hero-section__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.new-hero-section__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media only screen and (max-width: 1024px) {
  .new-hero-section__content {
    margin: 0 auto;
    max-width: 530px;
  }
}

.new-hero-section__content p {
  max-width: 554px;
}

@media only screen and (max-width: 1366px) {
  .new-hero-section__content p {
    max-width: 460px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-hero-section__content p {
    max-width: 530px;
  }
}

.new-hero-section__visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
  margin-top: 18px;
  margin-left: 48px;
  position: relative;
  margin-bottom: -68px;
}

@media only screen and (max-width: 1680px) {
  .new-hero-section__visual {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 410px;
            flex: 0 0 410px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-hero-section__visual {
    margin: 48px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .new-hero-section__visual {
    margin-top: 77px;
  }
}

.new-hero-section__visual__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(0.2em);
          backdrop-filter: blur(0.2em);
}

.new-hero-section__visual__icon--1 {
  font-size: 100px;
  margin-left: 142px;
  margin-top: -154px;
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
}

@media only screen and (max-width: 768px) {
  .new-hero-section__visual__icon--1 {
    font-size: 75px;
    margin-left: 92px;
    margin-top: -116px;
  }
}

.new-hero-section__visual__icon--2 {
  font-size: 63px;
  margin-top: 61px;
  -webkit-filter: blur(13px);
          filter: blur(13px);
  margin-left: -278px;
  -webkit-box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
          box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
}

@media only screen and (max-width: 768px) {
  .new-hero-section__visual__icon--2 {
    margin-top: -30px;
    margin-left: -204px;
  }
}

.new-hero-section__visual__icon img {
  display: block;
  width: 0.3em;
  height: 0.3em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.new-hero-section__visual__inner {
  margin: 0 auto;
  max-width: 395px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .new-hero-section__visual__inner {
    max-width: 266px;
  }
}

.new-hero-section__visual__inner:before {
  content: '';
  display: block;
  padding-top: 121.77215%;
}

.new-hero-section__visual__inner > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.new-hero-section__visual__inner .lottie-animation {
  top: -26%;
  left: -20%;
  width: 140%;
  height: 140%;
  position: absolute;
  pointer-events: none;
}

.new-hero-section__btn {
  margin-top: 48px;
}

@media only screen and (max-width: 768px) {
  .new-hero-section__btn {
    margin-top: 30px;
  }
}

.new-hero-section__partners {
  margin-top: 100px;
}

@media only screen and (max-width: 1680px) {
  .new-hero-section__partners {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-hero-section__partners {
    margin-top: 68px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-hero-section__partners {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .new-hero-section__partners {
    margin-top: 48px;
  }
}

.new-hero-section__partners__title {
  display: block;
  max-width: 580px;
  color: #CDCDCD;
  text-align: center;
  letter-spacing: 2px;
  margin: 0 auto 44px;
  text-transform: uppercase;
  font: 500 16px/1.625 "IBM Plex Mono", "PT Mono", monospace;
}

@media only screen and (max-width: 1680px) {
  .new-hero-section__partners__title {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-hero-section__partners__title {
    font-size: 14px;
    max-width: 520px;
    margin-bottom: 20px;
    line-height: 1.57143;
  }
}

.new-hero-section__partners .partners-list-slider {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1366px) {
  .new-hero-section__partners .partners-list-slider {
    max-width: 880px;
  }
}

@media only screen and (min-width: 769px) {
  .new-hero-section__partners .partners-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (min-width: 769px) {
  .new-hero-section__partners .partner-item {
    max-width: 116px;
    margin-left: 16px;
    margin-right: 16px;
    width: calc(16.6666% - 32px);
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .new-hero-section__partners .partner-item {
    max-width: 96px;
  }
}

@media only screen and (max-width: 768px) {
  .new-hero-section__partners .partner-item {
    max-width: 124px;
  }
}

.new-info-section {
  font-size: 18px;
  color: #686B7E;
  letter-spacing: 0;
  padding: 54px 0 40px;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .new-info-section {
    padding: 48px 0 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-info-section {
    font-size: 16px;
    padding: 32px 0 64px;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 1024px) {
  .new-info-section {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section {
    padding: 48px 0 36px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-info-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.new-info-section h2, .new-info-section .h2 {
  font-size: 56px;
  color: #393C4F;
  margin-bottom: 40px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .new-info-section h2, .new-info-section .h2 {
    font-size: 48px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-info-section h2, .new-info-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section h2, .new-info-section .h2 {
    font-size: 24px;
    line-height: 1.33333;
  }
}

.new-info-section__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 508px;
}

@media only screen and (max-width: 1366px) {
  .new-info-section__content {
    max-width: 408px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-info-section__content {
    margin: 0 auto;
    max-width: 660px;
  }
}

.new-info-section__content p {
  max-width: 456px;
}

@media only screen and (max-width: 1366px) {
  .new-info-section__content p {
    max-width: 400px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-info-section__content p {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
}

.new-info-section__btn {
  margin-top: 40px;
}

@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .new-info-section__btn {
    margin-top: 32px;
  }
}

.new-info-section .tabset {
  width: 631px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 631px;
          flex: 0 0 631px;
  margin-top: -45px;
  margin-left: 16px;
}

@media only screen and (max-width: 1680px) {
  .new-info-section .tabset {
    width: 580px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 580px;
            flex: 0 0 580px;
    margin-top: -24px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-info-section .tabset {
    width: 490px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 490px;
            flex: 0 0 490px;
    margin-bottom: 0;
    margin-left: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-info-section .tabset {
    width: auto;
    max-width: 570px;
    margin: 48px auto 0;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section .tabset {
    margin-top: 39px;
  }
}

.new-info-section .tabset__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.new-info-section .tab-controls {
  padding: 8px;
  font-size: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
  color: #686B7E;
  list-style: none;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #EDEEF3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.14286;
}

.new-info-section .tab-controls li.active a {
  color: #fff;
  background: #6F7DFF;
  -webkit-box-shadow: 0 8px 12px #D9D5ED;
          box-shadow: 0 8px 12px #D9D5ED;
}

.new-info-section .tab-controls a {
  padding: 12px;
  display: block;
  min-width: 105px;
  border-radius: 8px;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-box-shadow: 0 0 0 #D9D5ED;
          box-shadow: 0 0 0 #D9D5ED;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background-color, color, -webkit-box-shadow;
  transition-property: background-color, color, -webkit-box-shadow;
  transition-property: background-color, color, box-shadow;
  transition-property: background-color, color, box-shadow, -webkit-box-shadow;
}

@media only screen and (min-width: 1681px) {
  .new-info-section .tab-body {
    min-height: 487px;
  }
}

@media only screen and (max-width: 1680px) and (min-width: 1367px) {
  .new-info-section .tab-body {
    min-height: 446px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .new-info-section .tab-body {
    min-height: 378px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section .tab-body {
    border-width: 8px;
    border-radius: 8px;
    margin-left: -8px;
    margin-right: -8px;
  }
}

.new-info-section .tab {
  border-radius: 16px;
  border: 16px solid #EDEEF3;
}

@media only screen and (max-width: 1680px) {
  .new-info-section .tab {
    border-width: 12px;
    border-radius: 12px;
  }
}

.new-info-section__video {
  position: relative;
}

.new-info-section__code__hint {
  display: block;
  color: #145698;
  margin-top: 32px;
  text-align: center;
  font: 500 16px/1.5 "IBM Plex Mono", "PT Mono", monospace;
}

@media only screen and (max-width: 1680px) {
  .new-info-section__code__hint {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section__code__hint {
    font-size: 14px;
    line-height: 1.71429;
  }
}

.new-info-section__code__hint span {
  padding: 8px 24px;
  border-radius: 8px;
  vertical-align: top;
  background: #EFF7FF;
  display: inline-block;
}

.new-info-section__code pre[class*="language-"] {
  margin: 0;
  height: 455px;
  overflow: auto;
  font-size: 15px;
  line-height: 20px;
  border-radius: 12px;
  background: #2A2C3A;
  font-family: 'PT Mono';
  scroll-behavior: smooth;
  padding: 39px 33px 16px 70px;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .new-info-section__code pre[class*="language-"] {
    height: 422px;
    padding-left: 66px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .new-info-section__code pre[class*="language-"] {
    height: 354px;
    font-size: 13px;
    line-height: 18px;
    padding: 28px 24px 16px 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-info-section__code pre[class*="language-"] {
    height: 414px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section__code pre[class*="language-"] {
    height: 334px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 54px;
  }
}

.new-info-section__code pre code[class*="language-"] {
  display: block;
  font: inherit;
  color: inherit;
  min-height: 100%;
}

@media only screen and (max-width: 1024px) {
  .new-info-section__code pre code[class*="language-"] {
    min-width: 500px;
  }
}

.new-info-section__code .line-numbers .line-numbers-rows {
  top: -39px;
  left: auto;
  right: 100%;
  width: 46px;
  border: none;
  bottom: -16px;
  font-size: 12px;
  color: #7E8097;
  line-height: 20px;
  padding-top: 39px;
  margin-right: 24px;
  padding-bottom: 16px;
  background: #181922;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .new-info-section__code .line-numbers .line-numbers-rows {
    top: -28px;
    padding-top: 28px;
    line-height: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-section__code .line-numbers .line-numbers-rows {
    top: -39px;
    width: 30px;
    padding-top: 39px;
    line-height: 16px;
  }
}

.new-info-section__code .line-numbers .line-numbers-rows > span:before {
  color: inherit;
  padding-right: 16px;
}

@media only screen and (max-width: 768px) {
  .new-info-section__code .line-numbers .line-numbers-rows > span:before {
    padding-right: 8px;
  }
}

.new-user-management-section {
  font-size: 18px;
  color: #686B7E;
  letter-spacing: 0;
  padding: 76px 0 162px;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .new-user-management-section {
    padding: 64px 0 136px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-user-management-section {
    font-size: 16px;
    padding: 64px 0 100px;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .new-user-management-section {
    padding: 36px 0 85px;
  }
}

.new-user-management-section .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section .container {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.new-user-management-section h2, .new-user-management-section .h2 {
  font-size: 56px;
  max-width: 548px;
  margin-bottom: 32px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .new-user-management-section h2, .new-user-management-section .h2 {
    font-size: 48px;
    max-width: 480px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-user-management-section h2, .new-user-management-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section h2, .new-user-management-section .h2 {
    max-width: none;
  }
}

@media only screen and (max-width: 768px) {
  .new-user-management-section h2, .new-user-management-section .h2 {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.33333;
  }
}

.new-user-management-section__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 601px;
}

@media only screen and (max-width: 1680px) {
  .new-user-management-section__content {
    max-width: 568px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-user-management-section__content {
    max-width: 490px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section__content {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
}

.new-user-management-section__content p {
  max-width: 524px;
}

@media only screen and (max-width: 1366px) {
  .new-user-management-section__content p {
    max-width: 458px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section__content p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.new-user-management-section__btn {
  margin-top: 32px;
}

@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .new-user-management-section__btn {
    margin-top: 24px;
  }
}

.new-user-management-section__visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 474px;
          flex: 0 0 474px;
  position: relative;
  margin-right: 32px;
}

@media only screen and (max-width: 1366px) {
  .new-user-management-section__visual {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 456px;
            flex: 0 0 456px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section__visual {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 48px 0 0;
    min-height: 390px;
  }
}

@media only screen and (max-width: 768px) {
  .new-user-management-section__visual {
    margin-top: 40px;
    min-height: 260px;
  }
}

.new-user-management-section__visual__inner {
  right: 0;
  top: 50%;
  width: 980px;
  margin-top: -12px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 1366px) {
  .new-user-management-section__visual__inner {
    width: 860px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-user-management-section__visual__inner {
    left: 50%;
    right: auto;
    margin-left: -420px;
  }
}

@media only screen and (max-width: 768px) {
  .new-user-management-section__visual__inner {
    width: 560px;
    margin-left: -386px;
  }
}

.new-user-management-section__visual__inner img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

.new-user-management-section__tags {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -8px 24px;
}

@media only screen and (min-width: 1367px) {
  .new-user-management-section__tags {
    margin-right: -32px;
  }
}

.new-user-management-section__tags li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #145698;
  text-align: center;
  padding: 8px 24px;
  border-radius: 8px;
  margin: 0 8px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EFF7FF;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font: 500 16px/1.5 "IBM Plex Mono", "PT Mono", monospace;
}

@media only screen and (max-width: 768px) {
  .new-user-management-section__tags li {
    font-size: 14px;
    padding: 6px 16px;
  }
}

.new-user-management-section__tags .tooltip {
  color: #145698;
  margin-left: 12px;
}

@media only screen and (max-width: 768px) {
  .new-user-management-section__tags .tooltip {
    margin-left: 6px;
  }
}

.new-user-management-section h3, .new-user-management-section .h3 {
  font-size: 24px;
  margin: 0 0 24px;
  font-weight: 800;
  line-height: 1.33333;
}

@media only screen and (max-width: 1680px) {
  .new-user-management-section h3, .new-user-management-section .h3 {
    font-size: 22px;
  }
}

.user-management-auth-section {
  font-size: 18px;
  color: #B7B8C5;
  letter-spacing: 0;
  position: relative;
  text-align: center;
  padding: 88px 0 180px;
  background-size: cover;
  line-height: 1.77778;
  border-radius: 54px 54px 0 0;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section {
    padding: 68px 0 148px;
    border-radius: 44px 44px 0 0;
  }
}

@media only screen and (max-width: 1366px) {
  .user-management-auth-section {
    padding: 48px 0 110px;
    border-radius: 36px 36px 0 0;
  }
}

@media only screen and (min-width: 769px) {
  .user-management-auth-section.loaded, .user-management-auth-section.entered {
    background-image: url(../images/new/user-management-auth-section-bg.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-section {
    padding: 56px 0 120px;
    border-radius: 30px 30px 0 0;
  }
  .user-management-auth-section.loaded, .user-management-auth-section.entered {
    background-image: url(../images/new/user-management-auth-section-bg_m.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

.user-management-auth-section:before, .user-management-auth-section:after {
  content: '';
  position: absolute;
}

.user-management-auth-section:before {
  left: 50%;
  width: 99999px;
  margin-left: -600px;
}

.user-management-auth-section__bg {
  left: 50%;
  bottom: -1px;
  height: 122px;
  width: 1430px;
  position: absolute;
  margin-left: -715px;
  pointer-events: none;
  background: url(../images/new/new--hero-section-bg-frame-left.svg) 100% 100%/auto 100% no-repeat, url(../images/new/new--hero-section-bg-frame-right.svg) 0 100%/auto 100% no-repeat;
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section__bg {
    height: 100px;
    width: 1300px;
    margin-left: -650px;
  }
}

@media only screen and (max-width: 1366px) {
  .user-management-auth-section__bg {
    height: 80px;
    width: calc(100vw - 32px);
    margin-left: calc(-50vw + 16px);
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-section__bg {
    height: 40px;
  }
}

.user-management-auth-section__bg:before, .user-management-auth-section__bg:after {
  top: 0;
  bottom: 0;
  content: '';
  width: 9999px;
  position: absolute;
  background: #fff;
}

.user-management-auth-section__bg:before {
  right: 100%;
  margin-right: -1px;
}

.user-management-auth-section__bg:after {
  left: 100%;
  margin-left: -1px;
}

.user-management-auth-section__head {
  max-width: 720px;
  text-align: center;
  margin: 0 auto 95px;
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section__head {
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section__head {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-section__head {
    margin-bottom: 43px;
  }
}

.user-management-auth-section__title {
  margin-top: 48px;
  color: #145698;
  padding: 8px 24px;
  border-radius: 8px;
  vertical-align: top;
  display: inline-block;
  background: #EFF7FF;
  font: 500 16px/1.5 "IBM Plex Mono", "PT Mono", monospace;
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section__title {
    margin-top: 36px;
  }
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section__title {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-section__title {
    font-size: 14px;
    line-height: 1.71429;
  }
}

.user-management-auth-section h2, .user-management-auth-section .h2 {
  margin: 0;
  color: #fff;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section h2, .user-management-auth-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-section h2, .user-management-auth-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-section h2, .user-management-auth-section .h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}

@media only screen and (max-width: 1024px) {
  .user-management-auth-list-cover {
    overflow-x: auto;
    padding-top: 15px;
    overflow-y: hidden;
    margin: -15px -24px 0;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

.user-management-auth-list-holder {
  padding-top: 73px;
  position: relative;
  background: url(../images/new/user-management-auth-list-border.svg) 50% 0/auto 2px no-repeat;
}

@media only screen and (max-width: 1680px) {
  .user-management-auth-list-holder {
    padding-top: 60px;
    background-size: calc(100% - 96px) 2px;
  }
}

@media only screen and (max-width: 1024px) {
  .user-management-auth-list-holder {
    min-width: 1200px;
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-list-holder {
    padding-top: 48px;
    background-size: calc(100% - 114px) 2px;
    background-position: calc(50% + 16px) 0;
  }
}

.user-management-auth-list-holder:before, .user-management-auth-list-holder:after {
  top: -15px;
  width: 1em;
  height: 1em;
  content: '';
  font-size: 32px;
  position: absolute;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.user-management-auth-list-holder:before {
  left: 0;
  background-image: url(../images/new/user-management-auth-list-box.svg);
}

@media only screen and (max-width: 768px) {
  .user-management-auth-list-holder:before {
    left: 32px;
  }
}

.user-management-auth-list-holder:after {
  right: 0;
  background-image: url(../images/new/user-management-auth-list-box-2.svg);
}

.user-management-auth-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  list-style: none;
  counter-reset: counter;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 1024px) {
  .user-management-auth-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .user-management-auth-list:before, .user-management-auth-list:after {
    width: 31px;
    content: '';
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-height: 1px;
  }
}

.user-management-auth-item {
  z-index: 10;
  margin: 0 12px;
  font-size: 14px;
  color: #B7B8C5;
  text-align: center;
  position: relative;
  border-radius: 16px;
  background: #2A2C3A;
  width: calc(20% - 24px);
  padding: 24px 24px 40px;
  line-height: 1.71429;
  counter-increment: counter;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-item {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(20% - 16px);
    padding: 20px 20px 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .user-management-auth-item {
    min-width: 221px;
  }
}

.user-management-auth-item:before {
  left: 0;
  right: 0;
  top: 48px;
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
  border-bottom: 1px solid #393C4F;
}

.user-management-auth-item__line {
  left: 50%;
  bottom: 100%;
  height: 70px;
  margin-left: -1px;
  position: absolute;
  pointer-events: none;
  border-left: 2px dashed;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-item__line {
    height: 58px;
  }
}

@media only screen and (max-width: 1024px) {
  .user-management-auth-item__line {
    height: 57px;
  }
}

@media only screen and (max-width: 768px) {
  .user-management-auth-item__line {
    height: 45px;
  }
}

.user-management-auth-item__line:before {
  left: 50%;
  top: -10px;
  content: '';
  margin-left: -8px;
  border: 8px solid;
  position: absolute;
  border-radius: 50%;
}

.user-management-auth-item:nth-child(1) .user-management-auth-item__line {
  color: #E1AE7C;
}

.user-management-auth-item:nth-child(2) .user-management-auth-item__line {
  color: #D7BA93;
}

.user-management-auth-item:nth-child(3) .user-management-auth-item__line {
  color: #CDC6AA;
}

.user-management-auth-item:nth-child(4) .user-management-auth-item__line {
  color: #C0D3C5;
}

.user-management-auth-item:nth-child(5) .user-management-auth-item__line {
  color: #B3E2E3;
}

.user-management-auth-item__icon {
  width: 112px;
  height: 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: -24px 24px 48px rgba(32, 34, 49, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: -24px 24px 48px rgba(32, 34, 49, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-item__icon {
    width: 96px;
    height: 96px;
    margin-bottom: 20px;
  }
}

.user-management-auth-item__icon img {
  width: 48px;
  height: 48px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-item__icon img {
    width: 36px;
    height: 36px;
  }
}

.user-management-auth-item__step {
  display: block;
  color: #898B9C;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-item__step {
    margin-bottom: 12px;
  }
}

.user-management-auth-item__step__current {
  color: #fff;
}

.user-management-auth-item__step__current:before {
  content: counter(counter);
}

.user-management-auth-item__title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 16px;
  line-height: 1.33333;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .user-management-auth-item__title {
    font-size: 22px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .user-management-auth-item__title {
    font-size: 20px;
  }
}

.user-management-auth-item__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.built-for-developers-section {
  font-size: 18px;
  color: #686B7E;
  letter-spacing: 0;
  position: relative;
  padding: 245px 0 144px;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-section {
    padding: 180px 0 128px;
  }
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-section {
    font-size: 16px;
    padding: 160px 0 100px;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-section {
    text-align: center;
    padding: 68px 0 32px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section {
    font-size: 16px;
    padding: 63px 0 96px;
    line-height: 1.75;
  }
}

@media only screen and (min-width: 1025px) {
  .built-for-developers-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.built-for-developers-section h2, .built-for-developers-section .h2 {
  font-size: 56px;
  font-weight: 800;
  color: #393C4F;
  margin-bottom: 24px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-section h2, .built-for-developers-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-section h2, .built-for-developers-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section h2, .built-for-developers-section .h2 {
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 1.25;
  }
}

.built-for-developers-section__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 484px;
          flex: 0 0 484px;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-section__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 440px;
            flex: 0 0 440px;
  }
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-section__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
            flex: 0 0 380px;
  }
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-section__content {
    margin: 0 0 48px;
  }
}

.built-for-developers-section__content p {
  max-width: 480px;
  margin-bottom: 1em;
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-section__content p {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-section__head {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section__head {
    margin-bottom: 40px;
  }
}

.built-for-developers-section__review {
  max-width: 520px;
  color: #393C4F;
  text-align: left;
  margin-left: 89px;
  margin-top: 391px;
  margin-bottom: 81px;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-section__review {
    margin-top: 360px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-section__review {
    max-width: 440px;
    margin-top: 290px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-section__review {
    margin: 0 auto;
  }
}

.built-for-developers-section__review__text {
  display: block;
  font-size: 24px;
  line-height: 1.66667;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-section__review__text {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-section__review__text {
    font-size: 20px;
    line-height: 1.6;
  }
}

.built-for-developers-section__review__text:before {
  content: '“';
}

.built-for-developers-section__review__text:after {
  content: '”';
}

.built-for-developers-section__review__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
  max-width: 498px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-section__review__author {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section__review__author {
    margin-top: 32px;
  }
}

.built-for-developers-section__review__author__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  position: relative;
  margin-right: 33px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-section__review__author__photo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 68px;
            flex: 0 0 68px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section__review__author__photo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    margin-right: 16px;
  }
}

.built-for-developers-section__review__author__photo:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.built-for-developers-section__review__author__photo img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.built-for-developers-section__review__author__name {
  display: block;
  font-size: 20px;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section__review__author__name {
    font-size: 16px;
    line-height: 1.25;
  }
}

.built-for-developers-section__review__author__post {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section__review__author__post {
    font-size: 14px;
    line-height: 1.14286;
  }
}

.built-for-developers-section__review__author__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media only screen and (min-width: 769px) {
  .built-for-developers-section__review__author__info {
    margin-top: 22px;
  }
}

.built-for-developers-section__review__author__company-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 106px;
          flex: 0 0 106px;
  margin-left: 32px;
}

@media only screen and (min-width: 769px) {
  .built-for-developers-section__review__author__company-logo {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-section__review__author__company-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 68px;
            flex: 0 0 68px;
    margin-left: 16px;
  }
}

.built-for-developers-section__review__author__company-logo img {
  display: block;
  max-width: 100%;
}

.built-for-developers-list {
  padding: 0;
  margin: 68px 0 0;
  list-style: none;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-list {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-list {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

.built-for-developers-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  color: #4D5062;
  text-align: left;
  font-weight: bold;
  padding: 24px 32px;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F5F7F8;
  line-height: 1.5;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .built-for-developers-item {
    padding: 20px 24px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .built-for-developers-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-item {
    min-height: 160px;
    padding: 24px 24px 32px 24px;
  }
}

.built-for-developers-item:not(:first-child) {
  margin-top: 16px;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .built-for-developers-item:not(:first-child) {
    margin-top: 12px;
  }
}

.built-for-developers-item__icon {
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96px;
          flex: 0 0 96px;
  overflow: hidden;
  margin-right: 40px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820)), rgba(255, 255, 255, 0.01);
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%), rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 16px 24px rgba(40, 45, 84, 0.22), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 16px 24px rgba(40, 45, 84, 0.22), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .built-for-developers-item__icon {
    height: 84px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84px;
            flex: 0 0 84px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .built-for-developers-item__icon {
    height: 68px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 68px;
            flex: 0 0 68px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-item__icon {
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
    margin-right: 24px;
  }
}

.built-for-developers-item__icon img {
  width: 32px;
  height: 32px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .built-for-developers-item__icon img {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-item__icon img {
    width: 24px;
    height: 24px;
  }
}

.built-for-developers-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 262px;
}

.built-for-developers-item__content p {
  margin: 0 0 1em;
}

.built-for-developers-item__content p:last-of-type {
  margin-bottom: 0;
}

.built-for-developers-item__more {
  line-height: 1;
  font-size: 16px;
  margin-top: 16px;
  vertical-align: top;
  display: inline-block;
  color: #6F7DFF;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .built-for-developers-item__more {
    font-size: 14px;
    margin-top: 12px;
  }
}

.built-for-developers-item__more:hover {
  color: #4C5ADE;
}

.built-for-developers-item__more i {
  line-height: 1;
  font-size: 12px;
  margin-left: 1em;
}

.built-for-developers-icons {
  left: 50%;
  top: 160px;
  width: 776px;
  height: 476px;
  position: absolute;
  margin-left: -100px;
}

@media only screen and (max-width: 1680px) {
  .built-for-developers-icons {
    top: 110px;
    width: 740px;
    height: 420px;
  }
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icons {
    width: 640px;
    height: 340px;
    margin-left: -140px;
  }
}

@media only screen and (max-width: 1024px) {
  .built-for-developers-icons {
    top: auto;
    left: auto;
    margin: 32px auto;
    position: relative;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icons {
    width: auto;
    height: 354px;
    margin-top: 58px;
    margin-bottom: 55px;
  }
}

.built-for-developers-icon {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2A2C3A;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.30189em;
  -webkit-box-shadow: 0 0.22642em 0.37736em -0.07547em rgba(60, 65, 99, 0.55);
          box-shadow: 0 0.22642em 0.37736em -0.07547em rgba(60, 65, 99, 0.55);
}

.built-for-developers-icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.4381em;
  height: 0.4381em;
}

.built-for-developers-icon:nth-child(1) {
  left: 0;
  top: 17px;
  font-size: 122px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(1) {
    font-size: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(1) {
    top: 108px;
    left: 22.5%;
    font-size: 91px;
  }
}

.built-for-developers-icon:nth-child(2) {
  top: 0;
  right: 160px;
  font-size: 105px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(2) {
    font-size: 90px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(2) {
    top: 48px;
    right: 7.3%;
    font-size: 79px;
  }
}

.built-for-developers-icon:nth-child(3) {
  top: 125px;
  left: 296px;
  font-size: 80px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(3) {
    top: 86px;
    left: 210px;
    font-size: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(3) {
    top: 0;
    left: 2%;
    font-size: 60px;
  }
}

.built-for-developers-icon:nth-child(4) {
  left: 106px;
  bottom: 138px;
  font-size: 110px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(4) {
    left: 88px;
    bottom: 90px;
    font-size: 86px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(4) {
    left: 36%;
    bottom: 0;
    font-size: 82px;
  }
}

.built-for-developers-icon:nth-child(5) {
  top: 192px;
  right: 64px;
  font-size: 66px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(5) {
    top: 160px;
    right: 104px;
    font-size: 54px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(5) {
    top: 32px;
    left: 40%;
    right: auto;
    font-size: 50px;
  }
}

.built-for-developers-icon:nth-child(6) {
  right: 265px;
  bottom: 130px;
  font-size: 66px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(6) {
    right: 284px;
    bottom: 90px;
    font-size: 54px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(6) {
    left: 5%;
    right: auto;
    bottom: 95px;
    font-size: 50px;
  }
}

.built-for-developers-icon:nth-child(7) {
  right: 0;
  bottom: 0;
  font-size: 106px;
}

@media only screen and (max-width: 1366px) {
  .built-for-developers-icon:nth-child(7) {
    font-size: 91px;
  }
}

@media only screen and (max-width: 768px) {
  .built-for-developers-icon:nth-child(7) {
    right: 2%;
    bottom: 71px;
    font-size: 80px;
  }
}

.security-and-compliance-section {
  color: #fff;
  font-size: 18px;
  color: #D8D8DF;
  max-width: 1420px;
  text-align: center;
  border-radius: 32px;
  margin: 0 auto 72px;
  padding: 84px 0 118px;
  background-size: cover;
  line-height: 1.77778;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
}

@media only screen and (max-width: 1680px) {
  .security-and-compliance-section {
    max-width: 1286px;
    margin-bottom: 60px;
    padding: 68px 0 90px;
  }
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section {
    font-size: 16px;
    max-width: 1036px;
    margin-bottom: 48px;
    padding: 48px 0 56px;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 1024px) {
  .security-and-compliance-section {
    max-width: none;
  }
}

@media only screen and (min-width: 769px) {
  .security-and-compliance-section.loaded, .security-and-compliance-section.entered {
    background-image: url(../images/new/security-and-compliance-section-bg.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-section {
    margin-bottom: 36px;
    padding-bottom: 80px;
  }
  .security-and-compliance-section.loaded, .security-and-compliance-section.entered {
    background-image: url(../images/new/security-and-compliance-section-bg_m.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

.security-and-compliance-section h2, .security-and-compliance-section .h2 {
  color: #fff;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 32px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .security-and-compliance-section h2, .security-and-compliance-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section h2, .security-and-compliance-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-section h2, .security-and-compliance-section .h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.security-and-compliance-section h3, .security-and-compliance-section .h3 {
  font-size: 40px;
  max-width: 720px;
  margin: 0 auto -16px;
  line-height: 1.2;
}

@media only screen and (max-width: 1680px) {
  .security-and-compliance-section h3, .security-and-compliance-section .h3 {
    font-size: 36px;
    max-width: 640px;
  }
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section h3, .security-and-compliance-section .h3 {
    font-size: 32px;
    max-width: 580px;
    line-height: 1.25;
  }
}

@media only screen and (max-width: 640px) {
  .security-and-compliance-section h3, .security-and-compliance-section .h3 {
    font-size: 28px;
    margin-bottom: -32px;
  }
}

.security-and-compliance-section--light {
  color: #686B7E;
  margin-top: 112px;
  margin-bottom: 80px;
  background-color: rgba(237, 238, 243, 0.4);
}

@media only screen and (min-width: 769px) {
  .security-and-compliance-section--light.loaded, .security-and-compliance-section--light.entered {
    background-image: url(../images/new/security-and-compliance-section-bg-light.png);
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-section--light.loaded, .security-and-compliance-section--light.entered {
    background-image: url(../images/new/security-and-compliance-section-bg-light_m.png);
  }
}

@media only screen and (max-width: 1680px) {
  .security-and-compliance-section--light {
    margin-top: 96px;
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section--light {
    margin-top: 68px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-section--light {
    margin-top: 48px;
  }
}

.security-and-compliance-section--light h2, .security-and-compliance-section--light .h2 {
  color: #393C4F;
}

.security-and-compliance-section__head {
  max-width: 768px;
  margin: 0 auto 72px;
}

@media only screen and (max-width: 1680px) {
  .security-and-compliance-section__head {
    max-width: 700px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section__head {
    max-width: 640px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-section__head {
    margin-bottom: 72px;
  }
}

.security-and-compliance-section__head p {
  max-width: 612px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section__head p {
    max-width: 520px;
  }
}

.security-and-compliance-section__btn {
  margin-top: 40px;
}

@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .security-and-compliance-section__btn {
    margin-top: 32px;
  }
}

.security-and-compliance-section__icon {
  width: 96px;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 46px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: -24px 24px 48px rgba(32, 34, 49, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #7882C9, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: -24px 24px 48px rgba(32, 34, 49, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #7882C9, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

.security-and-compliance-section--light .security-and-compliance-section__icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820));
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%);
  -webkit-box-shadow: 0 16px 48px rgba(41, 46, 90, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #7882C9, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 16px 48px rgba(41, 46, 90, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #7882C9, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-section__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 32px;
  }
}

.security-and-compliance-section__icon img {
  width: 40px;
  height: 40px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.security-and-compliance-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -24px -24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .security-and-compliance-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .security-and-compliance-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-list {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
  }
}

.security-and-compliance-list--block {
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -52px;
}

@media only screen and (max-width: 1366px) {
  .security-and-compliance-list--block {
    margin-bottom: -32px;
  }
}

@media only screen and (max-width: 640px) {
  .security-and-compliance-list--block {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -24px;
  }
}

.security-and-compliance-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 196px;
  text-align: left;
  color: #B7B8C5;
  padding: 20px 24px;
  margin: 0 24px 24px;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2A2C3A;
  width: calc(20% - 48px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font: 500 14px/1.14286 "IBM Plex Mono", "PT Mono", monospace;
}

.security-and-compliance-section--light .security-and-compliance-item {
  color: #393C4F;
  background-color: #fff;
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .security-and-compliance-item {
    margin-left: 16px;
    margin-right: 16px;
    padding: 16px 20px;
    width: calc(20% - 32px);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .security-and-compliance-item {
    margin-left: 8px;
    margin-right: 8px;
    padding: 12px 16px;
    width: calc(20% - 16px);
  }
}

@media only screen and (max-width: 1024px) {
  .security-and-compliance-item {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(33.3333% - 32px);
  }
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-item {
    font-size: 12px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 16px 24px;
    width: calc(50% - 8px);
    line-height: 1.33333;
  }
}

.security-and-compliance-list--block .security-and-compliance-item {
  max-width: 168px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 24px;
  text-align: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-list--block .security-and-compliance-item {
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 640px) {
  .security-and-compliance-list--block .security-and-compliance-item {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
    width: calc(50% - 16px);
  }
}

.security-and-compliance-item__icon {
  height: 56px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
  display: block;
  margin-right: 12px;
}

@media only screen and (max-width: 768px) {
  .security-and-compliance-item__icon {
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
}

.security-and-compliance-list--block .security-and-compliance-item__icon {
  margin: 0 auto 12px;
}

.security-and-compliance-item__icon img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.security-and-compliance-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.security-and-compliance-item__title {
  color: #fff;
  display: block;
}

.security-and-compliance-section--light .security-and-compliance-item__title {
  color: #393C4F;
}

.security-and-compliance-item__status {
  display: block;
}

.new-reviews-section {
  padding: 36px 0 72px;
  letter-spacing: 0;
}

@media only screen and (max-width: 1680px) {
  .new-reviews-section {
    padding: 32px 0 60px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-reviews-section {
    padding: 24px 0 48px;
  }
}

@media only screen and (max-width: 768px) {
  .new-reviews-section {
    padding: 20px 0 36px;
  }
}

.new-reviews-section__head {
  max-width: 768px;
  text-align: center;
  margin: 0 auto 51px;
}

@media only screen and (max-width: 1680px) {
  .new-reviews-section__head {
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-reviews-section__head {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .new-reviews-section__head {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 769px) {
  .new-reviews-section__head--visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 612px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (min-width: 769px) {
  .new-reviews-section__head__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.new-reviews-section__head__visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 142px;
          flex: 0 0 142px;
  margin-top: -36px;
  margin-left: -8px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .new-reviews-section__head__visual {
    margin-top: -24px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-reviews-section__head__visual {
    margin-top: -8px;
  }
}

@media only screen and (max-width: 768px) {
  .new-reviews-section__head__visual {
    max-width: 160px;
    margin: 32px auto 0;
  }
}

.new-reviews-section__head__visual:before {
  content: '';
  display: block;
  padding-top: 128.87324%;
}

.new-reviews-section__head__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.new-reviews-section h2, .new-reviews-section .h2 {
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 32px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .new-reviews-section h2, .new-reviews-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-reviews-section h2, .new-reviews-section .h2 {
    font-size: 42px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .new-reviews-section h2, .new-reviews-section .h2 {
    font-size: 32px;
    margin-bottom: 32px;
    line-height: 1.25;
  }
}

.new-reviews-section__title {
  color: #145698;
  padding: 8px 24px;
  border-radius: 8px;
  vertical-align: top;
  display: inline-block;
  background: #EFF7FF;
  font: 500 16px/1.5 "IBM Plex Mono", "PT Mono", monospace;
}

@media only screen and (max-width: 1366px) {
  .new-reviews-section__title {
    font-size: 14px;
    line-height: 1.71429;
  }
}

.new-reviews-section + .blog-section--new {
  padding-top: 72px;
}

@media only screen and (max-width: 1680px) {
  .new-reviews-section + .blog-section--new {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-reviews-section + .blog-section--new {
    padding-top: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .new-reviews-section + .blog-section--new {
    padding-top: 28px;
  }
}

.new-reviews-list {
  padding-top: 80px;
}

@media only screen and (max-width: 1024px) {
  .new-reviews-list {
    padding-top: 68px;
  }
}

@media only screen and (min-width: 769px) {
  .new-reviews-list {
    margin: 0 -12px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) and (min-width: 1025px) {
  .new-reviews-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.new-reviews-list:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .new-reviews-list:not(.slick-slider) {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.new-reviews-list .slick-list {
  overflow: visible;
}

.new-reviews-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-reviews-list .slick-track:after, .new-reviews-list .slick-track:before {
  display: none;
}

.new-reviews-list .slick-arrow {
  top: 0;
  left: 50%;
  margin: 0;
  padding: 0;
  z-index: 50;
  width: 48px;
  height: 48px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 12px;
  cursor: pointer;
  border-radius: 8px;
  position: absolute;
  background: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: inset 0 0 0 2px #6F7DFF;
          box-shadow: inset 0 0 0 2px #6F7DFF;
  -webkit-transition: background-color .35s ease, color .35s ease;
  transition: background-color .35s ease, color .35s ease;
}

.new-reviews-list .slick-arrow:not(.slick-disabled):hover {
  color: #fff;
  background: #6F7DFF;
}

.new-reviews-list .slick-arrow.slick-disabled {
  color: #dcdde1;
  cursor: default;
}

.new-reviews-list .slick-arrow i {
  display: block;
}

.new-reviews-list .slick-next {
  margin-left: 32px;
}

.new-reviews-list .slick-prev {
  margin-left: -32px;
}

.new-reviews-list .slick-prev i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.new-review-item {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 0;
  font-size: 16px;
  color: #686B7E;
  position: relative;
  margin: 36px 12px 0;
  border-radius: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F5F7F8;
  padding: 60px 32px 32px;
  line-height: 1.625;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .new-review-item {
    margin-left: 8px;
    margin-right: 8px;
    padding: 48px 24px 24px;
  }
}

@media only screen and (max-width: 768px) {
  .new-review-item {
    width: 272px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 24px;
    padding-right: 24px;
    max-width: calc(100vw - 64px);
  }
}

.new-reviews-list:not(.slick-slider) .new-review-item {
  width: calc(33.3333% - 24px);
}

@media only screen and (max-width: 1680px) {
  .new-reviews-list:not(.slick-slider) .new-review-item {
    width: calc(33.3333% - 16px);
  }
}

@media only screen and (max-width: 1024px) {
  .new-reviews-list:not(.slick-slider) .new-review-item {
    width: calc(50% - 24px);
  }
}

.new-reviews-list:not(.slick-slider) .new-review-item:nth-child(3) ~ .new-review-item {
  display: none;
}

.new-review-item__company-logo {
  top: 0;
  left: 50%;
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 36px;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1E1F2B;
  margin: -1em 0 0 -1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  -webkit-box-shadow: 0 16px 24px rgba(40, 45, 84, 0.22), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 16px 24px rgba(40, 45, 84, 0.22), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1680px) {
  .new-review-item__company-logo {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .new-review-item__company-logo {
    font-size: 36px;
  }
}

.new-review-item__company-logo img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.new-review-item__text:before {
  content: '“';
}

.new-review-item__text:after {
  content: '”';
}

.new-review-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .new-review-item__author {
    margin-top: 32px;
  }
}

.new-review-item__author__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  font-size: 56px;
  overflow: hidden;
  margin-right: 16px;
  border-radius: 50%;
}

.new-review-item__author__photo img {
  width: 1em;
  height: 1em;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.new-review-item__author__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.new-review-item__author__company {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
  color: #6F7DFF;
  line-height: 1.33333;
  text-transform: uppercase;
}

@media only screen and (max-width: 1680px) {
  .new-review-item__author__company {
    margin-bottom: 2px;
  }
}

.new-review-item__author__name {
  display: block;
  font-size: 16px;
  color: #05060C;
  line-height: 1.5;
}

.new-review-item__author__post {
  display: block;
  font-size: 14px;
  margin-top: 4px;
  color: #616370;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .new-review-item__author__post {
    margin-top: 2px;
  }
}

.dark-subscribe-section {
  color: #fff;
  padding: 104px 0;
  max-width: 1420px;
  position: relative;
  border-radius: 32px;
  margin: 66px auto 40px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(172deg, #0D0E12 3.77%, #2A2C3A 79.22%);
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section {
    padding: 90px 0;
    max-width: 1286px;
    margin: 48px auto 32px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section {
    max-width: 1036px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding: 51px 0 40px;
  }
}

@media only screen and (min-width: 769px) {
  .dark-subscribe-section.loaded, .dark-subscribe-section.entered {
    background-image: url(../images/new/dark-subscribe-section-bg.jpg), linear-gradient(172deg, #0D0E12 3.77%, #2A2C3A 79.22%);
  }
}

@media only screen and (max-width: 768px) {
  .dark-subscribe-section {
    max-width: 452px;
  }
  .dark-subscribe-section.loaded, .dark-subscribe-section.entered {
    background-image: url(../images/new/dark-subscribe-section-bg_m.jpg), linear-gradient(172deg, #0D0E12 3.77%, #2A2C3A 79.22%);
  }
}

@media only screen and (max-width: 640px) {
  .dark-subscribe-section {
    max-width: none;
    margin: 36px 24px 24px;
  }
}

@media only screen and (min-width: 1367px) {
  .dark-subscribe-section--bugs {
    margin-top: 170px;
    padding: 96px 0 74px;
  }
}

@media only screen and (min-width: 1025px) {
  .dark-subscribe-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 92px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section .container {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.dark-subscribe-section h2, .dark-subscribe-section .h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 22px;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section h2, .dark-subscribe-section .h2 {
    font-size: 36px;
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section h2, .dark-subscribe-section .h2 {
    font-size: 32px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .dark-subscribe-section h2, .dark-subscribe-section .h2 {
    font-size: 24px;
    line-height: 1.33333;
  }
}

.dark-subscribe-section__content {
  z-index: 10;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 617px;
  position: relative;
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section__content {
    max-width: 520px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__content {
    max-width: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__content {
    max-width: 240px;
    margin: 0 auto 48px;
  }
}

.dark-subscribe-section--bugs .dark-subscribe-section__content {
  max-width: none;
}

.dark-subscribe-section__content__icon {
  width: 1em;
  height: 1em;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #C1A1A1, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #C1A1A1, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

.dark-subscribe-section__content__icon--1 {
  left: -7px;
  font-size: 80px;
  top: calc(-0.5em - 4px);
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section__content__icon--1 {
    left: -10px;
    font-size: 72px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__content__icon--1 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__content__icon--1 {
    top: auto;
    left: auto;
    right: -20px;
    font-size: 68px;
    bottom: calc(100% - 6px);
  }
}

.dark-subscribe-section__content__icon--2 {
  right: 73px;
  font-size: 60px;
  top: calc(100% - 6px);
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section__content__icon--2 {
    font-size: 56px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__content__icon--2 {
    right: 48px;
    top: calc(100% + 6px);
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__content__icon--2 {
    left: -10px;
    right: auto;
    font-size: 45px;
    top: calc(100% - 33px);
  }
}

.dark-subscribe-section__content__icon--3 {
  left: -26px;
  font-size: 80px;
  top: calc(-0.5em - -67px);
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section__content__icon--3 {
    left: -10px;
    font-size: 72px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__content__icon--3 {
    left: 8px;
    font-size: 68px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__content__icon--3 {
    top: auto;
    left: auto;
    right: -20px;
    font-size: 68px;
    bottom: calc(100% - 6px);
  }
}

.dark-subscribe-section__content__icon img {
  display: block;
  width: 0.33333em;
  height: 0.33333em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

@media only screen and (min-width: 1025px) {
  .dark-subscribe-section__head {
    padding-left: 107px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__head {
    padding-bottom: 16px;
  }
}

.dark-subscribe-section__head__title {
  display: block;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.33333;
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__head__title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .dark-subscribe-section__head__title {
    font-size: 18px;
  }
}

.dark-subscribe-section__head h2, .dark-subscribe-section__head .h2 {
  text-align: left;
}

@media only screen and (min-width: 1367px) {
  .dark-subscribe-section__head h2, .dark-subscribe-section__head .h2 {
    font-size: 48px;
  }
}

.dark-subscribe-section__btn {
  z-index: 10;
  margin-left: 32px;
  position: relative;
}

@media only screen and (min-width: 1367px) {
  .dark-subscribe-section__btn {
    padding-bottom: 22px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__btn {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__btn {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.dark-subscribe-section__btn .btn {
  height: 64px;
  font-size: 16px;
  min-width: 227px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 48px;
  padding-right: 48px;
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__btn .btn {
    width: 100%;
    min-width: 0;
  }
}

@media only screen and (max-width: 768px) {
  .dark-subscribe-section__btn .btn {
    height: 48px;
    margin-top: 10px;
  }
}

.dark-subscribe-section__btn__icon {
  width: 1em;
  height: 1em;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #C1A1A1, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #C1A1A1, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

.dark-subscribe-section__btn__icon--1 {
  top: -74px;
  left: -112px;
  font-size: 60px;
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section__btn__icon--1 {
    left: -96px;
    font-size: 72px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section__btn__icon--1 {
    top: -48px;
    left: -64px;
    font-size: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section__btn__icon--1 {
    top: auto;
    left: -10px;
    bottom: calc(100% - 6px);
  }
}

.dark-subscribe-section__btn__icon img {
  display: block;
  width: 0.4em;
  height: 0.4em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.dark-subscribe-section .subscribe-form {
  padding: 16px;
  max-width: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 493px;
          flex: 0 0 493px;
  text-align: left;
  margin: 0 0 12px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 1680px) {
  .dark-subscribe-section .subscribe-form {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 480px;
            flex: 0 0 480px;
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 1366px) {
  .dark-subscribe-section .subscribe-form {
    padding: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 460px;
            flex: 0 0 460px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section .subscribe-form {
    padding: 0;
    margin: 0 auto;
    max-width: 480px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.dark-subscribe-section .subscribe-form .form-row {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section .subscribe-form .form-row {
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .dark-subscribe-section .subscribe-form .wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.dark-subscribe-section .subscribe-form .wpcf7-text {
  height: 48px;
  border: none;
  color: #fff;
  padding: 0 16px;
  background: transparent;
  font: 14px/1.14286 inherit;
}

@media only screen and (max-width: 1024px) {
  .dark-subscribe-section .subscribe-form .wpcf7-text {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  }
}

.dark-subscribe-section .subscribe-form .wpcf7-text::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.dark-subscribe-section .subscribe-form .wpcf7-text::-ms-input-placeholder {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.dark-subscribe-section .subscribe-form .wpcf7-text::placeholder {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.dark-subscribe-section .subscribe-form .wpcf7-text::-ms-input-placeholder {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:focus::-webkit-input-placeholder {
  opacity: 0;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:focus:-ms-input-placeholder {
  opacity: 0;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:focus::-ms-input-placeholder {
  opacity: 0;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:focus::placeholder {
  opacity: 0;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:focus:-ms-input-placeholder {
  opacity: 0;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:focus::-ms-input-placeholder {
  opacity: 0;
}

.dark-subscribe-section .subscribe-form .wpcf7-text:-webkit-autofill, .dark-subscribe-section .subscribe-form .wpcf7-text:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}

.dark-subscribe-section .subscribe-form .wpcf7-submit {
  margin: 0;
  border: none;
  color: #fff;
  display: block;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 16px 32px;
  border-radius: 8px;
  -webkit-appearance: none;
  background: #6F7DFF;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
  font: bold 14px/1.14286 "Manrope", Arial, Helvetica, sans-serif;
}

.dark-subscribe-section .subscribe-form .wpcf7-submit:hover {
  background: #4C5ADE;
}

.dark-subscribe-section .subscribe-form .wpcf7-mail-sent-ok,
.dark-subscribe-section .subscribe-form .wpcf7-validation-errors,
.dark-subscribe-section .subscribe-form .wpcf7-response-output {
  right: 0;
}

.new-subpage {
  background: url(../images/new/subpage-intro-section-bg.png) 50% 0/100% auto no-repeat;
}

.subpage-intro-section {
  z-index: 10;
  font-size: 18px;
  color: #686B7E;
  text-align: center;
  position: relative;
  padding: 109px 0 64px;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .subpage-intro-section {
    padding-top: 96px;
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .subpage-intro-section {
    font-size: 16px;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section {
    padding-top: 40px;
    padding-bottom: 32px;
  }
}

@media only screen and (min-width: 769px) {
  .subpage-intro-section .container {
    min-height: 236px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .subpage-intro-section .container {
    min-height: 220px;
  }
}

.subpage-intro-section__content {
  margin: 0 auto;
  max-width: 512px;
}

.subpage-intro-section__content p {
  margin-bottom: 1em;
}

.subpage-intro-section__content p:last-child {
  margin-bottom: 0;
}

.subpage-intro-section h1 {
  color: #393C4F;
  font-size: 72px;
  margin: 0 0 24px;
  font-weight: 800;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .subpage-intro-section h1 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .subpage-intro-section h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.subpage-intro-section h1:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section__icons {
    height: 204px;
    margin-top: 24px;
    position: relative;
  }
}

.subpage-intro-section__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  -webkit-transform: translate(-0.5em, -0.5em);
          transform: translate(-0.5em, -0.5em);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820));
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%);
  -webkit-box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
}

.subpage-intro-section__icon:nth-child(1) {
  font-size: 82px;
  margin: -83px 0 0 532px;
}

@media only screen and (max-width: 1366px) {
  .subpage-intro-section__icon:nth-child(1) {
    margin-left: 446px;
  }
}

@media only screen and (max-width: 1024px) {
  .subpage-intro-section__icon:nth-child(1) {
    margin-left: 334px;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section__icon:nth-child(1) {
    font-size: 53px;
    margin-top: 73px;
    margin-left: 86px;
  }
}

.subpage-intro-section__icon:nth-child(2) {
  opacity: 0.8;
  font-size: 56px;
  -webkit-filter: blur(19px);
          filter: blur(19px);
  margin: -53px 0 0 -544px;
}

@media only screen and (max-width: 1366px) {
  .subpage-intro-section__icon:nth-child(2) {
    margin-left: -510px;
  }
}

@media only screen and (max-width: 1024px) {
  .subpage-intro-section__icon:nth-child(2) {
    margin-left: -380px;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section__icon:nth-child(2) {
    font-size: 36px;
    margin-top: -30px;
    margin-left: -136px;
  }
}

.subpage-intro-section__icon:nth-child(3) {
  font-size: 112px;
  margin: 70px 0 0 -440px;
}

@media only screen and (max-width: 1366px) {
  .subpage-intro-section__icon:nth-child(3) {
    font-size: 100px;
    margin-left: -400px;
  }
}

@media only screen and (max-width: 1024px) {
  .subpage-intro-section__icon:nth-child(3) {
    font-size: 96px;
    margin-left: -360px;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section__icon:nth-child(3) {
    font-size: 71px;
    margin-top: -7px;
    margin-left: -81px;
  }
}

.subpage-intro-section__icon:nth-child(4) {
  font-size: 65px;
  margin: 88px 0 0 380px;
}

@media only screen and (max-width: 1366px) {
  .subpage-intro-section__icon:nth-child(4) {
    margin-left: 360px;
  }
}

@media only screen and (max-width: 1024px) {
  .subpage-intro-section__icon:nth-child(4) {
    margin-left: 270px;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section__icon:nth-child(4) {
    font-size: 42px;
    margin-top: -73px;
    margin-left: 142px;
  }
}

.subpage-intro-section__icon:nth-child(5) {
  opacity: 0.5;
  font-size: 40px;
  -webkit-filter: blur(19px);
          filter: blur(19px);
  margin: 210px 0 0 564px;
}

@media only screen and (max-width: 1366px) {
  .subpage-intro-section__icon:nth-child(5) {
    margin: 160px 0 0 444px;
  }
}

@media only screen and (max-width: 1024px) {
  .subpage-intro-section__icon:nth-child(5) {
    margin: 140px 0 0 354px;
  }
}

@media only screen and (max-width: 768px) {
  .subpage-intro-section__icon:nth-child(5) {
    display: none;
  }
}

.subpage-intro-section__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.29268em;
  height: 0.29268em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.team-innovation-section {
  padding: 56px 0;
}

@media only screen and (max-width: 768px) {
  .team-innovation-section {
    padding: 36px 0 40px;
  }
}

.team-innovation-section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 695px;
  margin: 0 auto 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (min-width: 769px) {
  .team-innovation-section__head {
    left: -38px;
    position: relative;
  }
}

@media only screen and (max-width: 1680px) {
  .team-innovation-section__head {
    max-width: 640px;
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-section__head {
    display: block;
    text-align: center;
    margin-bottom: 44px;
  }
}

.team-innovation-section__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 462px;
          flex: 0 0 462px;
  margin-right: 90px;
}

.team-innovation-section h2, .team-innovation-section .h2 {
  font-size: 56px;
  margin-bottom: 0;
  color: #393C4F;
  font-weight: 800;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .team-innovation-section h2, .team-innovation-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .team-innovation-section h2, .team-innovation-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-section h2, .team-innovation-section .h2 {
    font-size: 32px;
    margin-bottom: 32px;
    line-height: 1.25;
  }
}

.team-innovation-section__visual {
  z-index: 10;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 437px;
          flex: 0 0 437px;
  margin-top: 3px;
  position: relative;
  margin-left: -39px;
}

@media only screen and (max-width: 768px) {
  .team-innovation-section__visual {
    margin: 0 auto;
    max-width: 437px;
  }
}

.team-innovation-section__visual:before {
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -10;
  position: absolute;
  border-radius: 16px;
  pointer-events: none;
  background: #6F7DFF;
}

.team-innovation-section__visual img {
  width: 100%;
  height: auto;
  display: block;
}

.team-innovation-list-holder {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .team-innovation-list-holder {
    max-width: 736px;
    margin-left: auto;
    margin-right: auto;
  }
}

.team-innovation-list-holder__line {
  left: 25px;
  right: 34px;
  margin-top: 26px;
  position: absolute;
  border-bottom: 2px dashed #4C5ADE;
}

@media only screen and (max-width: 1680px) {
  .team-innovation-list-holder__line {
    left: 8px;
    right: 20px;
    margin-top: 23px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-list-holder__line {
    display: none;
  }
}

.team-innovation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 36px;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) {
  .team-innovation-list {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-list {
    margin: 0;
    display: block;
    padding: 0 0 64px;
  }
}

.team-innovation-item {
  z-index: 10;
  margin: 0 12px;
  font-size: 14px;
  color: #686B7E;
  position: relative;
  border-radius: 16px;
  padding: 0 32px 48px;
  line-height: 1.71429;
  width: calc(33.3333% - 24px);
}

@media only screen and (max-width: 1680px) and (min-width: 769px) {
  .team-innovation-item {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .team-innovation-item {
    width: calc(50% - 24px);
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item {
    width: auto;
    max-width: 437px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }
  .team-innovation-item:not(:first-child) {
    margin-top: 43px;
  }
}

@media only screen and (min-width: 1025px) {
  .team-innovation-item:nth-child(3) ~ .team-innovation-item {
    margin-top: 56px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .team-innovation-item:nth-child(3) ~ .team-innovation-item {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .team-innovation-item:nth-child(2) ~ .team-innovation-item {
    margin-top: 48px;
  }
}

.team-innovation-item:first-child:before, .team-innovation-item:last-child:before {
  top: 136px;
  content: '';
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background-size: 24px 24px;
  background-color: #3743B4;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1680px) {
  .team-innovation-item:first-child:before, .team-innovation-item:last-child:before {
    top: 126px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item:first-child:before, .team-innovation-item:last-child:before {
    margin-top: 0;
  }
}

.team-innovation-item:first-child:before {
  left: -36px;
  background-image: url(../images/new/icons/chequered-flag.svg);
}

@media only screen and (max-width: 1680px) {
  .team-innovation-item:first-child:before {
    left: -30px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item:first-child:before {
    left: 50%;
    top: -32px;
    margin-left: -20px;
  }
}

.team-innovation-item:last-child:before {
  right: -36px;
  background-image: url(../images/new/icons/plant-ground.svg);
}

@media only screen and (max-width: 1680px) {
  .team-innovation-item:last-child:before {
    right: -30px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item:last-child:before {
    top: 100%;
    left: 50%;
    right: auto;
    margin-top: 24px;
    margin-left: -20px;
  }
}

.team-innovation-item:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -5;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
  background: rgba(244, 244, 247, 0.9);
}

.team-innovation-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -32px;
  overflow: hidden;
  min-height: 154px;
  padding: 24px 32px 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1680px) and (min-width: 769px) {
  .team-innovation-item__head {
    min-height: 138px;
    padding: 20px 24px 24px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__head {
    min-height: 0;
    padding-top: 24px;
    padding-bottom: 30px;
  }
  .team-innovation-item:not(:first-child) .team-innovation-item__head {
    padding-top: 26px;
  }
}

.team-innovation-item__head__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-top: 8px;
}

.team-innovation-item__icon {
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  font-size: 80px;
  overflow: hidden;
  position: relative;
  margin-right: 24px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820));
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%);
  -webkit-box-shadow: 0 16px 32px rgba(35, 41, 85, 0.29), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 16px 32px rgba(35, 41, 85, 0.29), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1680px) {
  .team-innovation-item__icon {
    font-size: 72px;
    margin-right: 24px;
  }
}

.team-innovation-item__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.4em;
  height: 0.4em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__icon img {
    width: 0.5em;
    height: 0.5em;
  }
}

.team-innovation-item__date {
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
  font: 500 14px/1.85714 "IBM Plex Mono", "PT Mono", monospace;
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__date {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 1.33333;
  }
}

.team-innovation-item__date span {
  position: relative;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__date span {
    min-width: 115px;
  }
}

.team-innovation-item__date span:after, .team-innovation-item__date span:before {
  top: 50%;
  content: '';
  width: 300px;
  z-index: -10;
  opacity: 0.6;
  position: absolute;
  border-bottom: 1px solid #D8D8DF;
}

.team-innovation-item__date span:before {
  right: 100%;
  margin-right: 16px;
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__date span:before {
    margin-right: 7px;
  }
}

.team-innovation-item__date span:after {
  left: 100%;
  margin-left: 16px;
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__date span:after {
    margin-left: 7px;
  }
}

.team-innovation-item__title {
  display: block;
  font-size: 24px;
  color: #393C4F;
  line-height: 1.33333;
}

@media only screen and (max-width: 1366px) {
  .team-innovation-item__title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__title {
    font-size: 20px;
    line-height: 1.4;
  }
}

.team-innovation-item__line {
  top: 136px;
  left: -12px;
  right: -12px;
  z-index: -15;
  content: '';
  margin-top: -1px;
  position: absolute;
  pointer-events: none;
  border-style: dashed;
  border-width: 2px 0 0;
  border-color: #4C5ADE;
}

@media only screen and (max-width: 1680px) {
  .team-innovation-item__line {
    top: 126px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__line {
    top: 0;
    left: 50%;
    right: auto;
    bottom: -43px;
    margin-left: -1px;
    border-width: 0 2px 0 0;
  }
}

@media only screen and (min-width: 1025px) {
  .team-innovation-item:nth-child(3n):not(:last-child) .team-innovation-item__line {
    right: 0;
  }
  .team-innovation-item:nth-child(3n+1):not(:first-child) .team-innovation-item__line:before {
    content: '';
    right: 100%;
    width: 14px;
    bottom: 100%;
    height: 167px;
    position: absolute;
    border-style: dashed;
    border-color: #4C5ADE;
    border-width: 2px 0 2px 2px;
    border-radius: 20px 0 0 20px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .team-innovation-item:nth-child(3n+1):not(:first-child) .team-innovation-item__line:before {
    height: 152px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .team-innovation-item:nth-child(2n):not(:last-child) .team-innovation-item__line {
    right: 0;
  }
  .team-innovation-item:nth-child(2n+1):not(:first-child) .team-innovation-item__line:before {
    content: '';
    right: 100%;
    width: 14px;
    bottom: 100%;
    height: 152px;
    position: absolute;
    border-style: dashed;
    border-color: #4C5ADE;
    border-width: 2px 0 2px 2px;
    border-radius: 20px 0 0 20px;
  }
}

@media only screen and (min-width: 1025px) {
  .team-innovation-item.team-innovation-item:nth-child(3n):not(:last-child):not(:first-child):before {
    top: 135px;
    left: 100%;
    width: 29px;
    content: '';
    bottom: -28px;
    position: absolute;
    border-style: dashed;
    border-color: #4C5ADE;
    border-width: 2px 2px 2px 0;
    border-radius: 0 20px 20px 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .team-innovation-item.team-innovation-item:nth-child(3n):not(:last-child):not(:first-child):before {
    top: 125px;
    bottom: -25px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .team-innovation-item.team-innovation-item:nth-child(3n):not(:last-child):not(:first-child):before {
    width: 26px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .team-innovation-item.team-innovation-item:nth-child(2n):not(:last-child):not(:first-child):before {
    top: 125px;
    left: 100%;
    width: 26px;
    content: '';
    bottom: -25px;
    position: absolute;
    border-style: dashed;
    border-color: #4C5ADE;
    border-width: 2px 2px 2px 0;
    border-radius: 0 20px 20px 0;
  }
}

.team-innovation-item__dot {
  top: 136px;
  width: 1em;
  height: 1em;
  left: -0.5em;
  display: block;
  line-height: 1;
  font-size: 16px;
  margin-top: -8px;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
  background: #4C5ADE;
  -webkit-box-shadow: 0 2px 4px rgba(76, 90, 222, 0.46), 0 0 0 12px #fff;
          box-shadow: 0 2px 4px rgba(76, 90, 222, 0.46), 0 0 0 12px #fff;
}

@media only screen and (max-width: 1680px) {
  .team-innovation-item__dot {
    top: 126px;
  }
}

@media only screen and (max-width: 768px) {
  .team-innovation-item__dot {
    left: 50%;
    top: -7px;
    margin-top: 0;
    margin-left: -0.5em;
  }
}

.team-innovation-item:first-child .team-innovation-item__dot {
  display: none;
}

.team-innovation-item__info p {
  margin-bottom: 1em;
}

.team-innovation-item__info p:last-child {
  margin-bottom: 0;
}

.our-team-section {
  padding: 68px 0;
}

@media only screen and (max-width: 1680px) {
  .our-team-section {
    padding: 56px 0;
  }
}

@media only screen and (max-width: 768px) {
  .our-team-section {
    padding-bottom: 79px;
  }
}

.our-team-section h2, .our-team-section .h2 {
  font-size: 56px;
  font-weight: 800;
  color: #393C4F;
  text-align: center;
  margin-bottom: 72px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .our-team-section h2, .our-team-section .h2 {
    font-size: 48px;
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-team-section h2, .our-team-section .h2 {
    font-size: 42px;
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 768px) {
  .our-team-section h2, .our-team-section .h2 {
    font-size: 32px;
    margin-bottom: 56px;
    line-height: 1.25;
  }
}

.new-team-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .new-team-list {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-y: hidden;
    margin-left: -24px;
    margin-right: -24px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

.team-item {
  margin: 0 8px 24px;
  text-align: center;
  width: calc(20% - 16px);
}

@media only screen and (max-width: 1024px) {
  .team-item {
    width: calc(25% - 16px);
  }
}

@media only screen and (max-width: 768px) {
  .team-item {
    width: 227px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .team-item:first-child {
    padding-left: 32px;
  }
  .team-item:last-child {
    padding-right: 32px;
  }
}

.team-item__visual {
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  margin-bottom: 24px;
  background: #EDEEF3;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
}

.team-item:hover .team-item__visual {
  background: #8E99FF;
}

.team-item__visual:before {
  content: '';
  display: block;
  padding-top: 106.1674%;
}

.team-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.team-item:hover .team-item__visual__front {
  opacity: 0;
}

.team-item:not(:hover) .team-item__visual__back {
  opacity: 0;
}

@media only screen and (max-width: 768px) {
  .team-item__info {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.team-item__name {
  display: block;
  font-size: 20px;
  color: #393C4F;
  line-height: 1.2;
}

.team-item__post {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #686B7E;
  line-height: 1.42857;
}

.our-value-section {
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 118px;
  padding: 88px 0 244px;
  border-radius: 54px 54px 0 0;
  background: url(../images/new/our-value-section-bg.jpg) 50% 100%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .our-value-section {
    padding: 68px 0 170px;
    border-radius: 44px 44px 0 0;
  }
}

@media only screen and (max-width: 1366px) {
  .our-value-section {
    margin-bottom: 96px;
    border-radius: 36px 36px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section {
    padding-top: 56px;
    margin-bottom: 340px;
    border-radius: 30px 30px 0 0;
  }
}

.our-value-section__bg {
  left: 50%;
  bottom: -1px;
  height: 122px;
  width: 1430px;
  position: absolute;
  margin-left: -715px;
  pointer-events: none;
  background: url(../images/new/new--hero-section-bg-frame-left.svg) 100% 100%/auto 100% no-repeat, url(../images/new/new--hero-section-bg-frame-right.svg) 0 100%/auto 100% no-repeat;
}

@media only screen and (max-width: 1680px) {
  .our-value-section__bg {
    height: 100px;
    width: 1300px;
    margin-left: -650px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-value-section__bg {
    height: 80px;
    width: calc(100vw - 32px);
    margin-left: calc(-50vw + 16px);
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section__bg {
    height: 40px;
  }
}

.our-value-section__bg:before, .our-value-section__bg:after {
  top: 0;
  bottom: 0;
  content: '';
  width: 9999px;
  position: absolute;
  background: #fff;
}

.our-value-section__bg:before {
  right: 100%;
  margin-right: -1px;
}

.our-value-section__bg:after {
  left: 100%;
  margin-left: -1px;
}

.our-value-section h2, .our-value-section .h2 {
  color: #fff;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 72px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .our-value-section h2, .our-value-section .h2 {
    font-size: 48px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-value-section h2, .our-value-section .h2 {
    font-size: 42px;
    margin-bottom: 56px;
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section h2, .our-value-section .h2 {
    font-size: 32px;
    margin-bottom: 72px;
    line-height: 1.25;
  }
}

.our-value-section__come-work {
  left: 50%;
  width: 100%;
  z-index: 10;
  bottom: -96px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 868px;
  min-height: 192px;
  position: absolute;
  margin-left: -434px;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #393C4F;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .our-value-section__come-work {
    bottom: -80px;
    min-height: 168px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-value-section__come-work {
    max-width: 680px;
    margin-left: -340px;
  }
}

@media only screen and (max-width: 1024px) {
  .our-value-section__come-work {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 1024px) {
  .our-value-section__come-work {
    padding: 24px;
    bottom: -92px;
    max-width: 480px;
    min-height: 180px;
    margin-left: -240px;
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section__come-work {
    display: block;
    bottom: -304px;
    max-width: 220px;
    min-height: 400px;
    margin-left: -110px;
    padding: 76px 20px 120px;
  }
}

.our-value-section__come-work:before, .our-value-section__come-work:after {
  content: '';
  z-index: -20;
  position: absolute;
  pointer-events: none;
}

.our-value-section__come-work:before {
  top: -16px;
  left: -16px;
  right: -16px;
  height: 112px;
  border-radius: 16px 16px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(#7683FF), to(#9FEFC7));
  background: linear-gradient(90deg, #7683FF 0%, #9FEFC7 100%);
}

@media only screen and (max-width: 1680px) and (min-width: 769px) {
  .our-value-section__come-work:before {
    height: 104px;
  }
}

.our-value-section__come-work:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  border-radius: inherit;
}

.our-value-section__come-work__icon {
  width: 1em;
  height: 1em;
  z-index: -10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-transform: translate(-0.5em, -0.5em);
          transform: translate(-0.5em, -0.5em);
  -webkit-box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #CCB8B8, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #CCB8B8, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

.our-value-section__come-work__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.3em;
  height: 0.3em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.our-value-section__come-work__icon--1 {
  top: 12%;
  left: 11%;
  font-size: 60px;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .our-value-section__come-work__icon--1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section__come-work__icon--1 {
    top: 5%;
    left: 44%;
  }
}

.our-value-section__come-work__icon--2 {
  top: 38%;
  right: -1%;
  font-size: 80px;
}

@media only screen and (max-width: 1366px) {
  .our-value-section__come-work__icon--2 {
    right: -5%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .our-value-section__come-work__icon--2 {
    right: -8%;
    font-size: 68px;
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section__come-work__icon--2 {
    top: auto;
    right: -8%;
    bottom: 1%;
  }
}

.our-value-section__come-work h3, .our-value-section__come-work .h3 {
  margin: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .our-value-section__come-work h3, .our-value-section__come-work .h3 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-value-section__come-work h3, .our-value-section__come-work .h3 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.our-value-section__come-work__btn {
  margin-left: 65px;
  margin-right: 83px;
}

@media only screen and (max-width: 1680px) {
  .our-value-section__come-work__btn {
    margin-left: 48px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-value-section__come-work__btn {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .our-value-section__come-work__btn {
    margin: 24px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .our-value-section__come-work__btn {
    margin-top: 34px;
  }
  .our-value-section__come-work__btn .btn {
    width: 100%;
  }
}

.our-value-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -12px -24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .our-value-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.our-value-item {
  z-index: 10;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  margin: 0 12px 24px;
  border-radius: 16px;
  background: #2A2C3A;
  width: calc(20% - 24px);
  padding: 24px 24px 64px;
  line-height: 1.33333;
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .our-value-item {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .our-value-item {
    font-size: 18px;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(20% - 16px);
    padding: 20px 20px 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .our-value-item {
    max-width: 221px;
    width: calc(33.3333% - 24px);
  }
}

@media only screen and (max-width: 768px) {
  .our-value-item {
    width: calc(100% - 24px);
  }
}

.our-value-item:before, .our-value-item:after {
  left: 0;
  right: 0;
  content: '';
  z-index: -10;
  position: absolute;
  border-bottom: 1px solid #393C4F;
}

.our-value-item:before {
  top: 48px;
}

.our-value-item:after {
  bottom: 23px;
}

.our-value-item__icon {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 112px;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: -24px 24px 48px rgba(32, 34, 49, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: -24px 24px 48px rgba(32, 34, 49, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .our-value-item__icon {
    font-size: 100px;
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .our-value-item__icon {
    font-size: 96px;
  }
}

.our-value-item__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.42857em;
  height: 0.42857em;
}

.our-partners-section {
  font-size: 18px;
  color: #686B7E;
  line-height: 32px;
  padding: 118px 0 100px;
}

@media only screen and (max-width: 1680px) {
  .our-partners-section {
    padding: 74px 0 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-partners-section {
    padding: 68px 0 48px;
  }
}

@media only screen and (max-width: 768px) {
  .our-partners-section {
    font-size: 16px;
    padding-top: 60px;
    padding-bottom: 68px;
    line-height: 1.75;
  }
}

.our-partners-section__head {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 86px;
}

@media only screen and (max-width: 1680px) {
  .our-partners-section__head {
    margin-bottom: 68px;
  }
}

@media only screen and (max-width: 768px) {
  .our-partners-section__head {
    margin-bottom: 78px;
  }
}

.our-partners-section h2, .our-partners-section .h2 {
  line-height: 1;
  font-size: 56px;
  font-weight: 800;
  color: #393C4F;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .our-partners-section h2, .our-partners-section .h2 {
    font-size: 48px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-partners-section h2, .our-partners-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .our-partners-section h2, .our-partners-section .h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.our-partners-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -60px -32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1680px) {
  .our-partners-list {
    margin-left: -48px;
    margin-right: -48px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-partners-list {
    margin-left: -32px;
    margin-right: -32px;
  }
}

@media only screen and (max-width: 1024px) {
  .our-partners-list {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media only screen and (max-width: 768px) {
  .our-partners-list {
    margin: 0 0 -80px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.our-partner-item {
  margin: 0 60px 32px;
}

@media only screen and (max-width: 1680px) {
  .our-partner-item {
    margin-left: 48px;
    margin-right: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .our-partner-item {
    margin-left: 32px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .our-partner-item {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .our-partner-item {
    margin: 0 0 80px;
  }
}

.our-partner-item img {
  display: block;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .our-partner-item img {
    max-height: 36px;
    max-width: 160px;
  }
}

@media only screen and (max-width: 768px) {
  .our-partner-item img {
    margin: 0 auto;
  }
}

.download-brand-kit-section {
  padding: 100px 0 38px;
}

@media only screen and (max-width: 1680px) {
  .download-brand-kit-section {
    padding: 80px 0 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .download-brand-kit-section {
    padding-top: 65px;
    padding-bottom: 97px;
  }
}

.download-brand-kit-section h2, .download-brand-kit-section .h2 {
  font-size: 56px;
  font-weight: 800;
  color: #393C4F;
  max-width: 660px;
  text-align: center;
  margin: 0 auto 56px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .download-brand-kit-section h2, .download-brand-kit-section .h2 {
    font-size: 48px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .download-brand-kit-section h2, .download-brand-kit-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .download-brand-kit-section h2, .download-brand-kit-section .h2 {
    font-size: 32px;
    margin-bottom: 40px;
    line-height: 1.25;
  }
}

.download-brand-kit-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -12px -24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .download-brand-kit-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 1024px) {
  .download-brand-kit-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.download-brand-kit-item {
  font-size: 16px;
  color: #686B7E;
  margin: 0 12px 24px;
  border-radius: 16px;
  background: #FAFAFC;
  padding: 60px 40px 72px;
  line-height: 1.625;
  width: calc(33.3333% - 24px);
}

@media only screen and (max-width: 1680px) and (min-width: 1025px) {
  .download-brand-kit-item {
    padding: 48px 32px 64px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .download-brand-kit-item {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(33.3333% - 16px);
  }
}

@media only screen and (max-width: 1024px) {
  .download-brand-kit-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 640px;
  }
}

@media only screen and (max-width: 768px) {
  .download-brand-kit-item {
    padding: 32px;
    max-width: 452px;
  }
}

.download-brand-kit-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .download-brand-kit-item__head {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.download-brand-kit-item__head__icon {
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 24px;
  margin-left: 32px;
}

.download-brand-kit-item__head__icon img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.download-brand-kit-item__title {
  display: block;
  font-size: 24px;
  color: #393C4F;
  line-height: 1.33333;
}

.download-brand-kit-item__info {
  margin-bottom: 48px;
}

@media only screen and (max-width: 768px) {
  .download-brand-kit-item__info {
    min-height: 78px;
    margin-bottom: 22px;
  }
}

.download-brand-kit-item__info p {
  margin-bottom: 1em;
}

.download-brand-kit-item__info p:last-child {
  margin-bottom: 0;
}

.download-brand-kit-item__links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.download-brand-kit-item__link:not(:first-child) {
  margin-top: 8px;
}

.download-brand-kit-item__link a {
  vertical-align: top;
  display: inline-block;
  color: #6F7DFF;
  text-decoration: underline;
}

.download-brand-kit-item__link a:hover {
  text-decoration: none;
}

.price-intro-section {
  font-size: 20px;
  color: #B7B8C5;
  min-height: 618px;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  padding: 120px 0 204px;
  line-height: 1.6;
  background: url(../images/new/new-price-section-bg.jpg) 50% 100%/cover no-repeat;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section {
    font-size: 18px;
    min-height: 500px;
    padding: 104px 0 160px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section {
    padding: 132px 0 128px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-intro-section {
    min-height: 0;
    padding-top: 64px;
    text-align: center;
    padding-bottom: 136px;
  }
}

@media only screen and (max-width: 768px) {
  .price-intro-section {
    font-size: 16px;
    padding: 48px 0 90px;
    line-height: 1.75;
  }
}

.price-intro-section__bg {
  left: 50%;
  bottom: -1px;
  width: 1230px;
  height: 122px;
  background: #fff;
  position: absolute;
  margin-left: -615px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section__bg {
    height: 74px;
    width: calc(100vw - 200px);
    margin-left: calc(-50vw + 100px);
  }
}

@media only screen and (max-width: 768px) {
  .price-intro-section__bg {
    height: 40px;
    width: calc(100vw - 120px);
    margin-left: calc(-50vw + 60px);
  }
}

.price-intro-section__bg:after, .price-intro-section__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 164px;
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.price-intro-section__bg:before {
  right: 100%;
  margin-right: -1px;
  background-position: 100% 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

.price-intro-section__bg:after {
  left: 100%;
  margin-left: -1px;
  background-position: 0 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

@media only screen and (max-width: 1024px) {
  .price-intro-section__icons {
    height: 220px;
    position: relative;
    margin: 32px 0 -32px;
  }
}

.price-intro-section__icon {
  left: 50%;
  right: 50%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-transform: translate(-0.5em, -0.5em);
          transform: translate(-0.5em, -0.5em);
  -webkit-box-shadow: 0 38px 60px rgba(40, 48, 103, 0.35), inset 0 11px 20px -6px rgba(255, 255, 255, 0.75), inset 0 38px 50px -56px rgba(255, 255, 255, 0.3), inset 0 2px 63px rgba(233, 234, 242, 0.37), inset 0 6px 28px #79A0BD, inset 0 75px 78px -75px #97EFDF;
          box-shadow: 0 38px 60px rgba(40, 48, 103, 0.35), inset 0 11px 20px -6px rgba(255, 255, 255, 0.75), inset 0 38px 50px -56px rgba(255, 255, 255, 0.3), inset 0 2px 63px rgba(233, 234, 242, 0.37), inset 0 6px 28px #79A0BD, inset 0 75px 78px -75px #97EFDF;
}

.price-intro-section__icon:nth-child(1) {
  font-size: 104px;
  margin: -243px 0 0 -515px;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section__icon:nth-child(1) {
    font-size: 96px;
    margin-left: -480px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section__icon:nth-child(1) {
    margin-left: -360px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-intro-section__icon:nth-child(1) {
    top: 21%;
    left: 10%;
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .price-intro-section__icon:nth-child(1) {
    font-size: 80px;
  }
}

.price-intro-section__icon:nth-child(2) {
  opacity: 0.5;
  font-size: 47px;
  -webkit-filter: blur(11px);
          filter: blur(11px);
  margin: -248px 0 0 548px;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section__icon:nth-child(2) {
    font-size: 40px;
    margin-left: 480px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section__icon:nth-child(2) {
    margin-left: 360px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-intro-section__icon:nth-child(2) {
    top: 24%;
    right: 7%;
    margin: 0;
    left: auto;
  }
}

.price-intro-section__icon:nth-child(3) {
  opacity: 0.5;
  font-size: 63px;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  margin: -129px 0 0 -753px;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section__icon:nth-child(3) {
    font-size: 54px;
    margin: -80px 0 0 -430px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section__icon:nth-child(3) {
    margin-left: -380px;
  }
}

@media only screen and (max-width: 1024px) {
  .price-intro-section__icon:nth-child(3) {
    top: auto;
    left: 45%;
    margin: 0;
    bottom: -6%;
  }
}

.price-intro-section__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.38462em;
  height: 0.38462em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.price-intro-section__content {
  max-width: 754px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section__content {
    max-width: 632px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section__content {
    max-width: 620px;
  }
}

@media only screen and (max-width: 768px) {
  .price-intro-section__content {
    max-width: 340px;
  }
}

.price-intro-section h1, .price-intro-section .h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .price-intro-section h1, .price-intro-section .h1 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .price-intro-section h1, .price-intro-section .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .price-intro-section h1, .price-intro-section .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.price-intro-section h1 span, .price-intro-section .h1 span {
  color: #B6E4C6;
  vertical-align: top;
  display: inline-block;
}

.new-pricing-section {
  padding: 0 0 32px;
}

.new-pricing-section h2, .new-pricing-section .h2 {
  font-size: 40px;
  color: #393C4F;
  text-align: center;
  margin-bottom: 64px;
  line-height: 1.35;
}

@media only screen and (max-width: 1680px) {
  .new-pricing-section h2, .new-pricing-section .h2 {
    font-size: 36px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-pricing-section h2, .new-pricing-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-pricing-section h2, .new-pricing-section .h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .new-pricing-section h2, .new-pricing-section .h2 {
    font-size: 24px;
    line-height: 1.33333;
  }
}

.new-price-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -32px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .new-price-list {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 16px;
  }
}

.new-price-item {
  padding: 48px;
  font-size: 16px;
  color: #4D5062;
  position: relative;
  border-radius: 32px;
  margin: 48px 32px 40px;
  width: calc(50% - 64px);
  line-height: 1.75;
  background: rgba(237, 238, 243, 0.4);
}

@media only screen and (max-width: 1024px) {
  .new-price-item {
    padding: 32px;
    font-size: 14px;
    margin-left: 16px;
    margin-right: 16px;
    width: calc(50% - 32px);
  }
}

@media only screen and (max-width: 768px) {
  .new-price-item {
    max-width: 480px;
    width: calc(100% - 32px);
  }
}

@media only screen and (max-width: 768px) {
  .new-price-item {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.new-price-item__icon {
  top: -48px;
  width: 1em;
  height: 1em;
  right: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 96px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820));
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%);
  -webkit-box-shadow: 0 16px 48px rgba(41, 46, 90, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #7882C9, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 16px 48px rgba(41, 46, 90, 0.42), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #7882C9, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1024px) {
  .new-price-item__icon {
    top: -32px;
    right: 32px;
    font-size: 74px;
  }
}

.new-price-item__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.72917em;
  height: 0.72917em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.new-price-item__head {
  margin-bottom: 26px;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__head {
    margin-bottom: 16px;
  }
}

.new-price-item__title {
  display: block;
  font-size: 24px;
  color: #2A2C3A;
  line-height: 1.66667;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__title {
    font-size: 20px;
  }
}

.new-price-item__subtitle {
  display: block;
  font-size: 20px;
  margin-top: 6px;
  color: #191A24;
  line-height: 1.4;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__subtitle {
    font-size: 18px;
    margin-top: 2px;
  }
}

.new-price-item__price-panel {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__price-panel {
    margin-bottom: 20px;
  }
}

.new-price-item__price {
  display: block;
  line-height: 1;
  font-size: 40px;
  font-weight: 800;
  color: #6F7DFF;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__price {
    font-size: 32px;
  }
}

.new-price-item__price-additional {
  display: block;
  line-height: 2;
  font-size: 16px;
  color: #191A24;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__price-additional {
    font-size: 14px;
  }
}

.new-price-item__advantages-panel {
  margin-top: 32px;
  border-width: 1px 0;
  border-style: solid;
  padding: 27px 0 33px;
  border-color: #D8D8DF;
}

@media only screen and (max-width: 1024px) {
  .new-price-item__advantages-panel {
    margin-top: 16px;
    padding: 16px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .new-price-item__advantages-panel {
    height: auto !important;
  }
  .new-price-item__advantages-panel:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
  }
}

.new-price-item__advantages {
  margin: 0;
  padding: 0;
  list-style: none;
}

.new-price-item__advantages li:not(:first-child) {
  margin-top: 4px;
}

.new-price-item__advantages .icon-check {
  line-height: 1;
  margin-right: 0.5em;
  color: #6F7DFF;
}

.new-price-item__advantages .tooltip {
  opacity: 1;
}

.new-price-item-add-on {
  margin-top: 32px;
}

@media only screen and (max-width: 1024px) {
  .new-price-item-add-on {
    margin-top: 16px;
  }
}

.new-price-item-add-on__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .new-price-item-add-on__head {
    margin-bottom: 16px;
  }
}

.new-price-item-add-on__title {
  display: block;
  font-size: 24px;
  color: #2A2C3A;
  line-height: 1.66667;
}

@media only screen and (max-width: 1024px) {
  .new-price-item-add-on__title {
    font-size: 20px;
  }
}

.new-price-item-add-on__price {
  display: block;
  line-height: 2;
  font-size: 16px;
  margin-left: 32px;
  white-space: nowrap;
  color: #6F7DFF;
}

@media only screen and (max-width: 1024px) {
  .new-price-item-add-on__price {
    font-size: 14px;
    margin-left: 16px;
  }
}

.general-addons {
  margin-bottom: 48px;
  border-radius: 32px;
  padding: 40px 44px 32px;
  background: rgba(237, 238, 243, 0.4);
}

@media only screen and (max-width: 1024px) {
  .general-addons {
    border-radius: 24px;
    padding: 24px 32px 20px;
  }
}

.general-addons__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #D8D8DF;
}

@media only screen and (max-width: 1024px) {
  .general-addons__head {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .general-addons__head {
    text-align: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.general-addons__head__btn {
  margin-left: 32px;
}

@media only screen and (max-width: 1024px) {
  .general-addons__head__btn {
    margin-left: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .general-addons__head__btn {
    margin: 14px 0 0;
  }
}

.general-addons__head__btn .btn {
  background: #fff;
}

@media only screen and (min-width: 1025px) {
  .general-addons__head__btn .btn {
    min-width: 172px;
  }
}

@media only screen and (max-width: 640px) {
  .general-addons__head__btn .btn {
    width: 100%;
  }
}

.general-addons__title {
  display: block;
  font-size: 24px;
  color: #05060C;
  line-height: 1.66667;
}

@media only screen and (max-width: 1024px) {
  .general-addons__title {
    font-size: 20px;
  }
}

.general-addons-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 2;
  margin: 0 -16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  font-size: 16px;
  color: #4D5062;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  .general-addons-list {
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.general-addons-list li {
  margin: 0 16px;
}

@media only screen and (max-width: 640px) {
  .general-addons-list li {
    width: calc(100% - 32px);
  }
}

.general-addons-list .icon-check {
  line-height: 1;
  margin-right: 0.5em;
  color: #6F7DFF;
}

.new-info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 16px;
  padding: 36px 48px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 24px;
  line-height: 1.5;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url(../images/new/new-info-block-bg.jpg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1024px) {
  .new-info-block {
    font-size: 14px;
    padding: 32px 36px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-block {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.new-info-block:not(:first-child) {
  margin-top: 154px;
}

@media only screen and (max-width: 1024px) {
  .new-info-block:not(:first-child) {
    margin-top: 80px;
  }
}

.new-info-block__icon {
  top: -33px;
  right: 30%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 93px;
  border-radius: 50%;
  position: absolute;
  margin-right: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 38px 60px rgba(40, 48, 103, 0.35), inset 0 11px 20px -6px rgba(255, 255, 255, 0.75), inset 0 38px 50px -56px rgba(255, 255, 255, 0.3), inset 0 2px 63px rgba(233, 234, 242, 0.37), inset 0 6px 28px #79A0BD, inset 0 75px 78px -75px #97EFDF;
          box-shadow: 0 38px 60px rgba(40, 48, 103, 0.35), inset 0 11px 20px -6px rgba(255, 255, 255, 0.75), inset 0 38px 50px -56px rgba(255, 255, 255, 0.3), inset 0 2px 63px rgba(233, 234, 242, 0.37), inset 0 6px 28px #79A0BD, inset 0 75px 78px -75px #97EFDF;
}

@media only screen and (max-width: 1024px) {
  .new-info-block__icon {
    right: 25%;
    font-size: 74px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-block__icon {
    display: none;
  }
}

.new-info-block__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.43011em;
  height: 0.43011em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.new-info-block__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .new-info-block__main {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.new-info-block__visual {
  width: 1em;
  height: 1em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 80px;
  border-radius: 50%;
  margin-right: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #C1A1A1, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #C1A1A1, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1024px) {
  .new-info-block__visual {
    font-size: 64px;
    margin-right: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-block__visual {
    margin: -64px auto 20px;
  }
}

.new-info-block__visual img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.3em;
  height: 0.3em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.new-info-block__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 548px;
}

.new-info-block__content p {
  margin-bottom: 1em;
}

.new-info-block__content p:last-child {
  margin-bottom: 0;
}

.new-info-block__title {
  line-height: 1;
  display: block;
  font-size: 24px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1024px) {
  .new-info-block__title {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.new-info-block__btn {
  margin-left: 48px;
}

@media only screen and (max-width: 1024px) {
  .new-info-block__btn {
    margin-left: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .new-info-block__btn {
    margin: 24px 0 0;
  }
  .new-info-block__btn .btn {
    width: 100%;
  }
}

.new-trust-center-intro {
  z-index: 10;
  font-size: 20px;
  color: #B7B8C5;
  letter-spacing: 0;
  min-height: 618px;
  padding-top: 88px;
  position: relative;
  text-align: center;
  padding-bottom: 160px;
  background-size: cover;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-intro {
    font-size: 18px;
    min-height: 540px;
    padding-top: 64px;
    padding-bottom: 128px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro {
    min-height: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-intro {
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .new-trust-center-intro.loaded, .new-trust-center-intro.entered {
    background-image: url(../images/new/new--hero-section-bg.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

@media only screen and (max-width: 768px) {
  .new-trust-center-intro {
    font-size: 16px;
    padding: 89px 0 101px;
    line-height: 1.75;
  }
  .new-trust-center-intro.loaded, .new-trust-center-intro.entered {
    background-image: url(../images/new/new--hero-section-bg_m.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

.new-trust-center-intro__bg {
  left: 50%;
  z-index: -10;
  bottom: -1px;
  width: 1230px;
  height: 122px;
  background: #fff;
  position: absolute;
  margin-left: -615px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-intro__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro__bg {
    height: 74px;
    width: calc(100vw - 200px);
    margin-left: calc(-50vw + 100px);
  }
}

@media only screen and (max-width: 768px) {
  .new-trust-center-intro__bg {
    height: 40px;
    width: calc(100vw - 120px);
    margin-left: calc(-50vw + 60px);
  }
}

.new-trust-center-intro__bg:after, .new-trust-center-intro__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 164px;
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.new-trust-center-intro__bg:before {
  right: 100%;
  margin-right: -1px;
  background-position: 100% 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

.new-trust-center-intro__bg:after {
  left: 100%;
  margin-left: -1px;
  background-position: 0 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

.new-trust-center-intro__content {
  max-width: 756px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-intro__content {
    max-width: 680px;
  }
}

.new-trust-center-intro h1, .new-trust-center-intro .h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-intro h1, .new-trust-center-intro .h1 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro h1, .new-trust-center-intro .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .new-trust-center-intro h1, .new-trust-center-intro .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-intro__icons {
    height: 280px;
    position: relative;
    margin-bottom: -120px;
  }
}

.new-trust-center-intro__icon {
  width: 1em;
  height: 1em;
  z-index: -5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 9px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1px 50px rgba(233, 234, 242, 0.37), inset 0 5px 23px #79A0BD, inset 0 60px 63px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 9px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1px 50px rgba(233, 234, 242, 0.37), inset 0 5px 23px #79A0BD, inset 0 60px 63px -60px #97EFDF;
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-intro__icon {
    top: 50%;
    left: 50%;
  }
}

.new-trust-center-intro__icon--1 {
  font-size: 100px;
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro__icon--1 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-intro__icon--1 {
    margin-top: -96px;
    margin-left: -588px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-intro__icon--1 {
    margin-top: -80px;
    margin-left: -460px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-intro__icon--1 {
    margin-top: -64px;
    margin-left: -420px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-intro__icon--1 {
    left: 24%;
    bottom: 27%;
  }
}

@media only screen and (max-width: 640px) {
  .new-trust-center-intro__icon--1 {
    left: 20%;
  }
}

.new-trust-center-intro__icon--2 {
  font-size: 125px;
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro__icon--2 {
    font-size: 100px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-intro__icon--2 {
    margin-top: 138px;
    margin-left: 504px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-intro__icon--2 {
    margin-top: 124px;
    margin-left: 480px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-intro__icon--2 {
    margin-left: 350px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-intro__icon--2 {
    right: 5%;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .new-trust-center-intro__icon--2 {
    right: 0;
  }
}

@media only screen and (max-width: 360px) {
  .new-trust-center-intro__icon--2 {
    right: -10%;
  }
}

.new-trust-center-intro__icon--3 {
  opacity: 0.5;
  font-size: 63px;
  -webkit-filter: blur(15px);
          filter: blur(15px);
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro__icon--3 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-intro__icon--3 {
    margin-top: -220px;
    margin-left: -854px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-intro__icon--3 {
    margin-top: -190px;
    margin-left: -620px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-intro__icon--3 {
    margin-top: -160px;
    margin-left: -500px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-intro__icon--3 {
    top: 15%;
    left: 5%;
  }
}

.new-trust-center-intro__icon--4 {
  opacity: 0.5;
  font-size: 47px;
  -webkit-filter: blur(11px);
          filter: blur(11px);
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-intro__icon--4 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-intro__icon--4 {
    margin-top: 86px;
    margin-left: 796px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-intro__icon--4 {
    margin-top: 20px;
    margin-left: 600px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-intro__icon--4 {
    margin-left: 490px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-intro__icon--4 {
    top: 25%;
    right: 4%;
  }
}

.new-trust-center-intro__icon img {
  font-size: 0;
  display: block;
  width: calc(32 / 100 * 100%);
  height: calc(32 / 100 * 100%);
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.trust-center-info-section {
  padding: 72px 0 58px;
}

@media only screen and (max-width: 1680px) {
  .trust-center-info-section {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

.trust-center-info-item {
  font-size: 18px;
  line-height: 1.77778;
}

@media only screen and (max-width: 1680px) {
  .trust-center-info-item {
    font-size: 16px;
  }
}

@media only screen and (min-width: 769px) {
  .trust-center-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .trust-center-info-item {
    font-size: 14px;
  }
}

@media only screen and (min-width: 769px) {
  .trust-center-info-item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-info-item {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.trust-center-info-item:not(:first-child) {
  margin-top: 176px;
}

@media only screen and (max-width: 1680px) {
  .trust-center-info-item:not(:first-child) {
    margin-top: 124px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-info-item:not(:first-child) {
    margin-top: 96px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-info-item:not(:first-child) {
    margin-top: 48px;
  }
}

.trust-center-info-item__visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  overflow: hidden;
  position: relative;
  border-radius: 32px;
}

@media only screen and (max-width: 1366px) {
  .trust-center-info-item__visual {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 769px) {
  .trust-center-info-item:nth-child(even) .trust-center-info-item__visual {
    margin-right: 52px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .trust-center-info-item:nth-child(even) .trust-center-info-item__visual {
    margin-right: 32px;
  }
}

@media only screen and (min-width: 769px) {
  .trust-center-info-item:nth-child(odd) .trust-center-info-item__visual {
    margin-left: 52px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .trust-center-info-item:nth-child(odd) .trust-center-info-item__visual {
    margin-left: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-info-item__visual {
    margin: 0 auto 32px;
  }
}

@media only screen and (max-width: 640px) {
  .trust-center-info-item__visual {
    margin-bottom: 24px;
  }
}

.trust-center-info-item__visual:before {
  content: '';
  display: block;
  padding-top: 89.5%;
}

.trust-center-info-item__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.trust-center-info-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media only screen and (min-width: 1367px) {
  .trust-center-info-item__content {
    padding-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) {
  .trust-center-info-item__content {
    max-width: 525px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1680px) {
  .trust-center-info-item__content {
    max-width: 480px;
  }
}

.trust-center-info-item__title {
  display: block;
  font-size: 56px;
  color: #393C4F;
  margin-bottom: 32px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .trust-center-info-item__title {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-info-item__title {
    font-size: 40px;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .trust-center-info-item__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-info-item__title {
    font-size: 32px;
  }
}

.trust-center-info-item__btn-panel {
  margin: 40px -12px 0;
}

@media only screen and (max-width: 1366px) {
  .trust-center-info-item__btn-panel {
    margin: 32px -8px 0;
  }
}

.trust-center-info-item__btn-panel .btn {
  min-width: 174px;
  margin: 0 12px 24px;
}

@media only screen and (max-width: 1366px) {
  .trust-center-info-item__btn-panel .btn {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .trust-center-info-item__btn-panel .btn {
    width: calc(100% - 16px);
  }
}

.new-trust-center-overview-intro {
  z-index: 10;
  font-size: 20px;
  color: #B7B8C5;
  letter-spacing: 0;
  min-height: 538px;
  padding-top: 88px;
  position: relative;
  text-align: center;
  padding-bottom: 160px;
  background-size: cover;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-image: linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-overview-intro {
    font-size: 18px;
    min-height: 500px;
    padding-top: 64px;
    padding-bottom: 128px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-overview-intro {
    min-height: 420px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-overview-intro {
    min-height: 0;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .new-trust-center-overview-intro.loaded, .new-trust-center-overview-intro.entered {
    background-image: url(../images/new/new--hero-section-bg.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

@media only screen and (max-width: 768px) {
  .new-trust-center-overview-intro {
    font-size: 16px;
    padding: 89px 0 101px;
    line-height: 1.75;
  }
  .new-trust-center-overview-intro.loaded, .new-trust-center-overview-intro.entered {
    background-image: url(../images/new/new--hero-section-bg_m.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

.new-trust-center-overview-intro__bg {
  left: 50%;
  z-index: -10;
  bottom: -1px;
  width: 1230px;
  height: 122px;
  background: #fff;
  position: absolute;
  margin-left: -615px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-overview-intro__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-overview-intro__bg {
    height: 74px;
    width: calc(100vw - 200px);
    margin-left: calc(-50vw + 100px);
  }
}

@media only screen and (max-width: 768px) {
  .new-trust-center-overview-intro__bg {
    height: 40px;
    width: calc(100vw - 120px);
    margin-left: calc(-50vw + 60px);
  }
}

.new-trust-center-overview-intro__bg:after, .new-trust-center-overview-intro__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 164px;
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.new-trust-center-overview-intro__bg:before {
  right: 100%;
  margin-right: -1px;
  background-position: 100% 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

.new-trust-center-overview-intro__bg:after {
  left: 100%;
  margin-left: -1px;
  background-position: 0 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

.new-trust-center-overview-intro__content {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-overview-intro__content {
    max-width: 760px;
  }
}

.new-trust-center-overview-intro h1, .new-trust-center-overview-intro .h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .new-trust-center-overview-intro h1, .new-trust-center-overview-intro .h1 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-overview-intro h1, .new-trust-center-overview-intro .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .new-trust-center-overview-intro h1, .new-trust-center-overview-intro .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-overview-intro__icons {
    height: 280px;
    position: relative;
    margin-bottom: -120px;
  }
}

.new-trust-center-overview-intro__icon {
  width: 1em;
  height: 1em;
  z-index: -5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 9px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1px 50px rgba(233, 234, 242, 0.37), inset 0 5px 23px #79A0BD, inset 0 60px 63px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 9px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1px 50px rgba(233, 234, 242, 0.37), inset 0 5px 23px #79A0BD, inset 0 60px 63px -60px #97EFDF;
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-overview-intro__icon {
    top: 50%;
    left: 50%;
  }
}

.new-trust-center-overview-intro__icon--1 {
  font-size: 125px;
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-overview-intro__icon--1 {
    font-size: 100px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-overview-intro__icon--1 {
    margin-top: 92px;
    margin-left: -496px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-overview-intro__icon--1 {
    margin-top: 124px;
    margin-left: -480px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-overview-intro__icon--1 {
    margin-left: -350px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-overview-intro__icon--1 {
    left: 25%;
    bottom: 0;
  }
}

.new-trust-center-overview-intro__icon--3 {
  opacity: 0.5;
  font-size: 63px;
  -webkit-filter: blur(15px);
          filter: blur(15px);
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-overview-intro__icon--3 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-overview-intro__icon--3 {
    margin-top: -200px;
    margin-left: -688px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-overview-intro__icon--3 {
    margin-top: -190px;
    margin-left: -620px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-overview-intro__icon--3 {
    margin-top: -160px;
    margin-left: -500px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-overview-intro__icon--3 {
    top: 15%;
    left: 5%;
  }
}

.new-trust-center-overview-intro__icon--4 {
  opacity: 0.5;
  font-size: 47px;
  -webkit-filter: blur(11px);
          filter: blur(11px);
}

@media only screen and (max-width: 1366px) {
  .new-trust-center-overview-intro__icon--4 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .new-trust-center-overview-intro__icon--4 {
    margin-top: -32px;
    margin-left: 776px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .new-trust-center-overview-intro__icon--4 {
    margin-top: 20px;
    margin-left: 600px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .new-trust-center-overview-intro__icon--4 {
    margin-left: 490px;
  }
}

@media only screen and (max-width: 1024px) {
  .new-trust-center-overview-intro__icon--4 {
    top: 25%;
    right: 4%;
  }
}

.new-trust-center-overview-intro__icon img {
  font-size: 0;
  display: block;
  width: calc(48 / 125 * 100%);
  height: calc(48 / 125 * 100%);
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.trust-center-overview-section {
  padding: 40px 0;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-section {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1367px) {
  .trust-center-overview-section + .dark-subscribe-section--bugs {
    margin-top: 104px;
  }
}

@media only screen and (min-width: 1025px) {
  .trust-center-overview-section__inner {
    margin: 0 auto;
    max-width: 906px;
  }
}

@media only screen and (min-width: 1681px) {
  .trust-center-overview-section__inner {
    left: -27px;
    position: relative;
  }
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-section__inner {
    max-width: 810px;
  }
}

.trust-center-overview-section h2, .trust-center-overview-section .h2 {
  font-size: 56px;
  color: #393C4F;
  margin-bottom: 24px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-section h2, .trust-center-overview-section .h2 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .trust-center-overview-section h2, .trust-center-overview-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-overview-section h2, .trust-center-overview-section .h2 {
    font-size: 32px;
  }
}

.trust-center-overview-section p {
  margin-bottom: 1.6em;
}

.trust-center-overview-list {
  margin: 0;
  line-height: 2;
  font-size: 16px;
  list-style: none;
  padding: 0 0 0 88px;
  counter-reset: counter;
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-list {
    padding-left: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-overview-list {
    padding-left: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .trust-center-overview-list p {
    margin-bottom: 2em;
  }
}

.trust-center-overview-list__item {
  padding: 64px 0 47px;
  counter-increment: counter;
  border-bottom: 1px solid #EDEEF3;
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-list__item {
    padding-top: 48px;
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-overview-list__item {
    padding-top: 36px;
    padding-bottom: 31px;
  }
}

.trust-center-overview-list__item__head {
  position: relative;
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  .trust-center-overview-list__item__head {
    padding-left: 48px;
    margin-bottom: 20px;
  }
}

.trust-center-overview-list__item__head:before {
  top: 0;
  right: 100%;
  height: 56px;
  font-size: 24px;
  min-width: 56px;
  color: #2A2C3A;
  font-weight: 800;
  line-height: 56px;
  margin-right: 32px;
  position: absolute;
  border-radius: 8px;
  text-align: center;
  content: counter(counter);
  -webkit-box-shadow: inset 0 0 0 1px #D8D8DF;
          box-shadow: inset 0 0 0 1px #D8D8DF;
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-list__item__head:before {
    top: 4px;
    height: 48px;
    min-width: 48px;
    font-size: 20px;
    line-height: 48px;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-overview-list__item__head:before {
    left: 0;
    top: 2px;
    right: auto;
    height: 36px;
    margin-right: 0;
    min-width: 36px;
    font-size: 18px;
    line-height: 36px;
  }
}

.trust-center-overview-list__item__title {
  display: block;
  font-size: 40px;
  color: #393C4F;
  font-weight: bold;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .trust-center-overview-list__item__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .trust-center-overview-list__item__title {
    font-size: 32px;
    line-height: 1.25;
  }
}

.trust-center-overview-list__item__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 32px -16px -20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .trust-center-overview-list__item__controls {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px;
  }
}

.trust-center-overview-list__item__controls .btn {
  height: 72px;
  font-size: 14px;
  white-space: wrap;
  margin: 0 16px 20px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1024px) {
  .trust-center-overview-list__item__controls .btn {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 500px) {
  .trust-center-overview-list__item__controls .btn {
    height: 48px;
    width: calc(100% - 16px);
  }
  .trust-center-overview-list__item__controls .btn br {
    display: none;
  }
}

.trust-center-overview-list__item__controls .btn img {
  width: 16px;
  height: 16px;
  display: block;
  margin-left: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}

.new-resources-section {
  padding: 109px 0 120px;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1680px) {
  .new-resources-section {
    padding-top: 96px;
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section {
    padding-top: 40px;
    padding-bottom: 32px;
  }
}

.new-resources-section.entered {
  background-image: url(../images/new/new-resources-section-bg.png);
}

.new-resources-section__head {
  z-index: 10;
  font-size: 20px;
  color: #686B7E;
  margin: 0 0 64px;
  min-height: 206px;
  text-align: center;
  position: relative;
  line-height: 1.6;
}

@media only screen and (max-width: 1024px) {
  .new-resources-section__head {
    font-size: 16px;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section__head {
    min-height: 132px;
    margin-bottom: 40px;
  }
}

.new-resources-section__head h1, .new-resources-section__head .h1 {
  font-size: 72px;
  font-weight: 800;
  color: #393C4F;
  margin-bottom: 24px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .new-resources-section__head h1, .new-resources-section__head .h1 {
    font-size: 68px;
  }
}

@media only screen and (max-width: 1366px) {
  .new-resources-section__head h1, .new-resources-section__head .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section__head h1, .new-resources-section__head .h1 {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 1.25;
  }
}

.new-resources-section__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -10;
  overflow: hidden;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(0.2em);
          backdrop-filter: blur(0.2em);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820)), rgba(255, 255, 255, 0.01);
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%), rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 36px 72px rgba(23, 32, 100, 0.29), inset 0 11px 17px rgba(255, 255, 255, 0.75), inset 0 36px 48px rgba(255, 255, 255, 0.3), inset 0 6px 27px #3A4591, inset 0 72px 75px rgba(179, 200, 255, 0.3);
          box-shadow: 0 36px 72px rgba(23, 32, 100, 0.29), inset 0 11px 17px rgba(255, 255, 255, 0.75), inset 0 36px 48px rgba(255, 255, 255, 0.3), inset 0 6px 27px #3A4591, inset 0 72px 75px rgba(179, 200, 255, 0.3);
}

.new-resources-section__icon--1 {
  font-size: 112px;
  margin-top: -44px;
  margin-left: 450px;
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
}

@media only screen and (max-width: 1366px) {
  .new-resources-section__icon--1 {
    margin-left: 380px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section__icon--1 {
    font-size: 75px;
    margin-top: -54px;
    margin-left: 232px;
  }
}

@media only screen and (max-width: 640px) {
  .new-resources-section__icon--1 {
    margin-left: 180px;
  }
}

.new-resources-section__icon--2 {
  font-size: 98px;
  margin-top: 61px;
  margin-left: -428px;
  -webkit-box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
          box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
}

@media only screen and (max-width: 1366px) {
  .new-resources-section__icon--2 {
    margin-left: -360px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section__icon--2 {
    font-size: 70px;
    margin-top: 40px;
    margin-left: -204px;
  }
}

@media only screen and (max-width: 640px) {
  .new-resources-section__icon--2 {
    margin-left: -164px;
  }
}

.new-resources-section__icon--3 {
  opacity: 0.8;
  font-size: 56px;
  margin-top: -96px;
  -webkit-filter: blur(19px);
          filter: blur(19px);
  margin-left: -530px;
  -webkit-box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
          box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
}

@media only screen and (max-width: 1366px) {
  .new-resources-section__icon--3 {
    margin-left: -320px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section__icon--3 {
    font-size: 40px;
    margin-top: -54px;
    margin-left: -270px;
  }
}

@media only screen and (max-width: 640px) {
  .new-resources-section__icon--3 {
    margin-left: -220px;
  }
}

.new-resources-section__icon--4 {
  opacity: 0.5;
  font-size: 40px;
  margin-top: 112px;
  -webkit-filter: blur(19px);
          filter: blur(19px);
  margin-left: 500px;
  -webkit-box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
          box-shadow: 0 18.75px 30px rgba(32, 34, 49, 0.35), inset 0 5.46875px 10px -3.125px rgba(255, 255, 255, 0.75), inset 0 18.75px 25px -28.125px rgba(255, 255, 255, 0.3), inset 0 0.78125px 31.25px rgba(233, 234, 242, 0.37), inset 0 3.125px 14.0625px #79A0BD, inset 0 37.5px 39.0625px -37.5px #97EFDF;
}

@media only screen and (max-width: 1366px) {
  .new-resources-section__icon--4 {
    margin-left: 320px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section__icon--4 {
    font-size: 32px;
    margin-top: 40px;
    margin-left: 260px;
  }
}

@media only screen and (max-width: 640px) {
  .new-resources-section__icon--4 {
    display: none;
  }
}

.new-resources-section__icon img {
  display: block;
  width: 0.2449em;
  height: 0.2449em;
  -webkit-filter: drop-shadow(0 0 0.12245em #5AE6AA) drop-shadow(0 0 0.36735em #DAFFED);
          filter: drop-shadow(0 0 0.12245em #5AE6AA) drop-shadow(0 0 0.36735em #DAFFED);
}

.new-resources-section h3, .new-resources-section .h3 {
  font-size: 40px;
  color: #393C4F;
  margin-bottom: 48px;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .new-resources-section h3, .new-resources-section .h3 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .new-resources-section h3, .new-resources-section .h3 {
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 1.25;
  }
}

.guides-head-section {
  font-size: 20px;
  color: #B7B8C5;
  min-height: 544px;
  text-align: center;
  position: relative;
  padding: 56px 0 320px;
  background-size: cover;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

@media only screen and (min-width: 769px) {
  .guides-head-section.loaded, .guides-head-section.entered {
    background-image: url(../images/new/guides-section-bg.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section {
    padding-bottom: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section.loaded, .guides-head-section.entered {
    background-image: url(../images/new/guides-section-bg_m.jpg), linear-gradient(166deg, #161720 9.24%, #2B2D3B 87.99%);
  }
}

.guides-head-section--guide-item {
  text-align: left;
}

@media only screen and (min-width: 1025px) {
  .guides-head-section--guide-item {
    min-height: 619px;
    padding-top: 120px;
    padding-bottom: 128px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section--guide-item {
    min-height: 500px;
    padding-bottom: 260px;
  }
}

.guides-head-section--guide-item .guide-topic {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: #FFD8B5;
  margin-bottom: 16px;
  line-height: 1.33333;
}

@media only screen and (max-width: 1024px) {
  .guides-head-section--guide-item .guide-topic {
    font-size: 20px;
  }
}

.guides-head-section--guide-item .guides-head-section__content {
  max-width: 1100px;
  padding-right: 300px;
}

@media only screen and (max-width: 1024px) {
  .guides-head-section--guide-item .guides-head-section__content {
    max-width: none;
    padding-right: 0;
  }
}

.guides-head-section__bg {
  bottom: -1px;
  height: 122px;
  position: absolute;
  pointer-events: none;
  background: no-repeat;
  background-size: auto 100%;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__bg {
    height: 74px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__bg {
    width: 98px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section__bg {
    width: 50px;
    height: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .guides-head-section__bg:before {
    top: 0;
    bottom: 0;
    content: '';
    background: #fff;
    position: absolute;
  }
}

.guides-head-section__bg--left {
  left: 0;
  background-position: 100% 50%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

@media only screen and (min-width: 1025px) {
  .guides-head-section__bg--left {
    right: calc(50% + 615px);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .guides-head-section__bg--left {
    right: calc(50% + 480px);
  }
}

.guides-head-section__bg--left:before {
  left: 0;
  right: 163px;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__bg--left:before {
    right: 134px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__bg--left:before {
    right: 98px;
  }
}

.guides-head-section__bg--right {
  right: 0;
  background-position: 0 50%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

@media only screen and (min-width: 1025px) {
  .guides-head-section__bg--right {
    left: calc(50% + 615px);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .guides-head-section__bg--right {
    left: calc(50% + 480px);
  }
}

.guides-head-section__bg--right:before {
  right: 0;
  left: 163px;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__bg--right:before {
    left: 134px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__bg--right:before {
    left: 98px;
  }
}

.guides-head-section h1, .guides-head-section .h1 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.16667;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section h1, .guides-head-section .h1 {
    font-size: 68px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section h1, .guides-head-section .h1 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section h1, .guides-head-section .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.guides-head-section h1, .guides-head-section .h1 {
  color: #fff;
  font-size: 56px;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section h1, .guides-head-section .h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section h1, .guides-head-section .h1 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section h1, .guides-head-section .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.guides-head-section__icons {
  left: 0;
  right: 0;
  bottom: 37px;
  height: 294px;
  pointer-events: none;
}

@media only screen and (min-width: 1025px) {
  .guides-head-section__icons {
    position: absolute;
    margin-left: -14px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__icons {
    margin-top: 80px;
    position: relative;
  }
}

@media only screen and (max-width: 640px) {
  .guides-head-section__icons {
    height: 210px;
  }
}

.guides-head-section__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 100px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
          box-shadow: 0 30px 48px rgba(32, 34, 49, 0.35), inset 0 8.75px 16px -5px rgba(255, 255, 255, 0.75), inset 0 30px 40px -45px rgba(255, 255, 255, 0.3), inset 0 1.25px 50px rgba(233, 234, 242, 0.37), inset 0 5px 22.5px #79A0BD, inset 0 60px 62.5px -60px #97EFDF;
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon {
    font-size: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section__icon {
    font-size: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .guides-head-section__icon {
    font-size: 60px;
  }
}

.guides-head-section__icon img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 0.32em;
  height: 0.32em;
}

.guides-head-section__icon--1 {
  margin-top: -80px;
  margin-left: -500px;
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--1 {
    margin-left: -400px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__icon--1 {
    margin-left: -320px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section__icon--1 {
    margin-left: -210px;
  }
}

@media only screen and (max-width: 640px) {
  .guides-head-section__icon--1 {
    margin-left: -140px;
  }
}

.guides-head-section__icon--2 {
  z-index: 10;
  -webkit-backdrop-filter: blur(16.5px);
          backdrop-filter: blur(16.5px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 18px 36px rgba(23, 32, 100, 0.29), inset 0 5.25px 8.25px rgba(255, 255, 255, 0.75), inset 0 18px 24px rgba(255, 255, 255, 0.3), inset 0 3px 13.5px #3A4591, inset 0 36px 37.5px rgba(179, 200, 255, 0.3);
          box-shadow: 0 18px 36px rgba(23, 32, 100, 0.29), inset 0 5.25px 8.25px rgba(255, 255, 255, 0.75), inset 0 18px 24px rgba(255, 255, 255, 0.3), inset 0 3px 13.5px #3A4591, inset 0 36px 37.5px rgba(179, 200, 255, 0.3);
}

@media only screen and (min-width: 1367px) {
  .guides-head-section__icon--2 {
    font-size: 105px;
  }
}

.guides-head-section__icon--2:after {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  content: '';
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  font-size: 1.44762em;
  -webkit-backdrop-filter: blur(16.5px);
          backdrop-filter: blur(16.5px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 18px 36px rgba(5, 7, 22, 0.29), inset 0 5.25px 8.25px rgba(255, 255, 255, 0.75), inset 0 18px 24px rgba(255, 255, 255, 0.3), inset 0 3px 13.5px #3A4591, inset 0 36px 37.5px rgba(179, 200, 255, 0.3);
          box-shadow: 0 18px 36px rgba(5, 7, 22, 0.29), inset 0 5.25px 8.25px rgba(255, 255, 255, 0.75), inset 0 18px 24px rgba(255, 255, 255, 0.3), inset 0 3px 13.5px #3A4591, inset 0 36px 37.5px rgba(179, 200, 255, 0.3);
}

.guides-head-section__icon--2:before {
  top: 50%;
  left: 50%;
  content: '';
  z-index: -15;
  width: 585px;
  height: 294px;
  margin-top: -2px;
  margin-left: 32px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/new/guides-icon-bg.png) 50% 50%/contain no-repeat;
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--2:before {
    height: 240px;
  }
}

.guides-head-section__icon--3 {
  margin-top: 60px;
  margin-left: 472px;
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--3 {
    margin-left: 372px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__icon--3 {
    margin-left: 300px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section__icon--3 {
    margin-left: 240px;
  }
}

@media only screen and (max-width: 640px) {
  .guides-head-section__icon--3 {
    margin-left: 144px;
  }
}

.guides-head-section__icon--4 {
  top: 60px;
  font-size: 63px;
  margin-left: -848px;
}

.guides-head-section__icon--5 {
  font-size: 47px;
  margin-top: -40px;
  margin-left: 798px;
}

.guides-head-section__icon--4, .guides-head-section__icon--5, .guides-head-section__icon--6, .guides-head-section__icon--7 {
  opacity: 0.5;
  -webkit-filter: blur(11.25px);
          filter: blur(11.25px);
}

.guides-head-section__icon--6 {
  font-size: 63px;
  margin-top: -210px;
  margin-left: -850px;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__icon--6 {
    margin-left: -600px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--6 {
    margin-top: -230px;
    margin-left: -500px;
  }
}

.guides-head-section__icon--7 {
  font-size: 47px;
  margin-top: 92px;
  margin-left: 798px;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__icon--7 {
    margin-left: 680px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--7 {
    margin-top: 160px;
    margin-left: 440px;
  }
}

.guides-head-section__icon--8 {
  margin-top: 48px;
  margin-left: -758px;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__icon--8 {
    margin-left: -640px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--8 {
    margin-top: 120px;
    margin-left: -460px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__icon--8 {
    top: auto;
    bottom: 68px;
    margin-left: -300px;
  }
}

@media only screen and (max-width: 768px) {
  .guides-head-section__icon--8 {
    margin-left: -240px;
  }
}

.guides-head-section__icon--9 {
  font-size: 140px;
  margin-top: -68px;
  margin-left: 478px;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__icon--9 {
    font-size: 132px;
    margin-left: 420px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--9 {
    margin-left: 360px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__icon--9 {
    top: auto;
    bottom: 56px;
    margin-left: 0;
    font-size: 100px;
  }
}

.guides-head-section__icon--9:after {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  content: '';
  z-index: -10;
  position: absolute;
  border-radius: 50%;
  font-size: 1.44762em;
  -webkit-backdrop-filter: blur(16.5px);
          backdrop-filter: blur(16.5px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 18px 36px rgba(5, 7, 22, 0.29), inset 0 5.25px 8.25px rgba(255, 255, 255, 0.75), inset 0 18px 24px rgba(255, 255, 255, 0.3), inset 0 3px 13.5px #3A4591, inset 0 36px 37.5px rgba(179, 200, 255, 0.3);
          box-shadow: 0 18px 36px rgba(5, 7, 22, 0.29), inset 0 5.25px 8.25px rgba(255, 255, 255, 0.75), inset 0 18px 24px rgba(255, 255, 255, 0.3), inset 0 3px 13.5px #3A4591, inset 0 36px 37.5px rgba(179, 200, 255, 0.3);
}

.guides-head-section__icon--9:before {
  top: 50%;
  left: 50%;
  content: '';
  z-index: -15;
  width: 401px;
  height: 392px;
  margin-top: -5px;
  margin-left: -22px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/new/guides-icon-bg-2.png) 50% 50%/contain no-repeat;
}

@media only screen and (max-width: 1680px) {
  .guides-head-section__icon--9:before {
    margin-top: 4px;
    margin-left: -12px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-head-section__icon--9:before {
    height: 340px;
  }
}

@media only screen and (max-width: 1024px) {
  .guides-head-section__icon--9:before {
    height: 300px;
  }
}

.guides-section {
  padding: 48px 0 20px;
}

@media only screen and (max-width: 768px) {
  .guides-section {
    padding: 32px 0 16px;
  }
}

.guides-section h2, .guides-section .h2 {
  font-size: 40px;
  margin-bottom: 32px;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .guides-section h2, .guides-section .h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .guides-section h2, .guides-section .h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.guide-item-section {
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .guide-item-section {
    padding-top: 32px;
  }
}

.guide-item-section__bg {
  left: 50%;
  bottom: 100%;
  width: 1230px;
  height: 122px;
  background: #fff;
  position: absolute;
  margin-left: -615px;
  margin-bottom: -1px;
  pointer-events: none;
}

@media only screen and (max-width: 1680px) {
  .guide-item-section__bg {
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .guide-item-section__bg {
    height: 74px;
    width: calc(100vw - 200px);
    margin-left: calc(-50vw + 100px);
  }
}

@media only screen and (max-width: 768px) {
  .guide-item-section__bg {
    height: 40px;
    width: calc(100vw - 120px);
    margin-left: calc(-50vw + 60px);
  }
}

.guide-item-section__bg:after, .guide-item-section__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 164px;
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.guide-item-section__bg:before {
  right: 100%;
  margin-right: -1px;
  background-position: 100% 100%;
}

@media only screen and (max-width: 1366px) {
  .guide-item-section__bg:before {
    background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
  }
}

@media only screen and (min-width: 1367px) {
  .guide-item-section__bg:before {
    background-image: url(../images/new/new--hero-section-bg-frame-left-gray.svg);
  }
}

.guide-item-section__bg:after {
  left: 100%;
  margin-left: -1px;
  background-position: 0 100%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

.guide-item-section > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .guide-item-section > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.guide-item-section__sidebar {
  position: relative;
  background: #FAFAFC;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 294px;
          flex: 0 0 294px;
  padding: 121px 24px 2000px 20px;
  margin: -121px 72px -2000px -20px;
}

@media only screen and (max-width: 1680px) {
  .guide-item-section__sidebar {
    padding-top: 99px;
    margin-top: -99px;
    margin-left: -80px;
    padding-left: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 354px;
            flex: 0 0 354px;
  }
}

@media only screen and (max-width: 1366px) {
  .guide-item-section__sidebar {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    background: none;
    margin: 0 32px 0 0;
  }
}

@media only screen and (max-width: 1024px) {
  .guide-item-section__sidebar {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 32px;
  }
}

@media only screen and (min-width: 1367px) {
  .guide-item-section__sidebar:before {
    bottom: 0;
    top: 122px;
    right: 100%;
    content: '';
    width: 9999px;
    position: absolute;
    background: #FAFAFC;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1680px) {
  .guide-item-section__sidebar:before {
    top: 100px;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1366px) {
  .guide-item-section__sidebar:before {
    top: 74px;
  }
}

.guide-item-section__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 750px;
  padding-bottom: 0;
  border-bottom: none;
}

.guide-menu {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #393C4F;
  list-style: none;
  line-height: 1.71429;
}

.guide-menu__item {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1024px) {
  .guide-menu__item {
    margin-bottom: 10px;
  }
}

.guide-menu__link {
  color: inherit;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.guide-menu__item:not(.guide-menu__item--active) .guide-menu__link:hover {
  text-decoration: underline;
}

.guide-menu__item--active .guide-menu__link {
  color: #6F7DFF;
}

.guide-menu__arrow {
  font-size: 12px;
  margin-left: 8px;
  line-height: 1.95;
  vertical-align: top;
}

.contacts-hero-section {
  font-size: 20px;
  color: #B7B8C5;
  line-height: 32px;
  position: relative;
  text-align: center;
  padding: 56px 0 184px;
  background: url(../images/new/contacts-hero-bg.jpg) 50% 50%/cover no-repeat;
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section {
    padding-bottom: 160px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section {
    font-size: 16px;
    line-height: 28px;
    padding-top: 28px;
    padding-bottom: 110px;
  }
}

.contacts-hero-section__bg {
  bottom: -1px;
  width: 164px;
  height: 122px;
  position: absolute;
  pointer-events: none;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1680px) {
  .contacts-hero-section__bg {
    width: 134px;
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section__bg {
    width: 99px;
    height: 74px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__bg {
    width: 52px;
    height: 40px;
  }
}

.contacts-hero-section__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 9999px;
  background: #fff;
  position: absolute;
}

.contacts-hero-section__bg--before {
  left: 50%;
  margin-left: -780px;
  background-position: 100% 50%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

@media only screen and (max-width: 1680px) {
  .contacts-hero-section__bg--before {
    margin-left: -640px;
  }
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section__bg--before {
    margin-left: -540px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-hero-section__bg--before {
    left: -16px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__bg--before {
    left: 0;
  }
}

.contacts-hero-section__bg--before:before {
  right: 100%;
}

.contacts-hero-section__bg--after {
  right: 50%;
  margin-right: -780px;
  background-position: 0 50%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

@media only screen and (max-width: 1680px) {
  .contacts-hero-section__bg--after {
    margin-right: -640px;
  }
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section__bg--after {
    margin-right: -540px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-hero-section__bg--after {
    right: -16px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__bg--after {
    right: 0;
  }
}

.contacts-hero-section__bg--after:before {
  left: 100%;
}

.contacts-hero-section h1, .contacts-hero-section .h1 {
  color: #fff;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section h1, .contacts-hero-section .h1 {
    margin-bottom: 32px;
  }
}

.contacts-hero-section__content {
  z-index: 10;
  margin: 0 auto;
  max-width: 940px;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section__content {
    max-width: 680px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-hero-section__content {
    max-width: 520px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__icons {
    height: 60px;
    margin-top: 28px;
    position: relative;
    margin-bottom: 25px;
  }
}

.contacts-hero-section__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 22.5px 36px rgba(32, 34, 49, 0.35), inset 0 6.5625px 12px -3.75px rgba(255, 255, 255, 0.75), inset 0 22.5px 30px -33.75px rgba(255, 255, 255, 0.3), inset 0 0.9375px 37.5px rgba(233, 234, 242, 0.37), inset 0 3.75px 16.875px #79A0BD, inset 0 45px 46.875px -45px #97EFDF;
          box-shadow: 0 22.5px 36px rgba(32, 34, 49, 0.35), inset 0 6.5625px 12px -3.75px rgba(255, 255, 255, 0.75), inset 0 22.5px 30px -33.75px rgba(255, 255, 255, 0.3), inset 0 0.9375px 37.5px rgba(233, 234, 242, 0.37), inset 0 3.75px 16.875px #79A0BD, inset 0 45px 46.875px -45px #97EFDF;
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__icon {
    -webkit-transform: none;
            transform: none;
  }
}

.contacts-hero-section__icon--1 {
  font-size: 75px;
  margin-top: -56px;
  margin-left: -588px;
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section__icon--1 {
    margin-left: -480px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-hero-section__icon--1 {
    margin-left: -348px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__icon--1 {
    top: 0;
    left: 27px;
    margin-top: 0;
    margin-left: 0;
    font-size: 38px;
  }
}

.contacts-hero-section__icon--2 {
  font-size: 100px;
  margin-top: -66px;
  margin-left: 586px;
}

@media only screen and (max-width: 1366px) {
  .contacts-hero-section__icon--2 {
    margin-left: 460px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-hero-section__icon--2 {
    margin-left: 350px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__icon--2 {
    bottom: 0;
    top: auto;
    left: auto;
    right: 8px;
    margin-top: 0;
    margin-left: 0;
    font-size: 56px;
  }
}

.contacts-hero-section__icon--3 {
  opacity: 0.5;
  font-size: 63px;
  margin-top: -90px;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  margin-left: -850px;
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__icon--3 {
    display: none;
  }
}

.contacts-hero-section__icon--4 {
  opacity: 0.5;
  font-size: 47px;
  -webkit-filter: blur(11px);
          filter: blur(11px);
  margin-top: -40px;
  margin-left: 794px;
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__icon--4 {
    display: none;
  }
}

.contacts-hero-section__icon img {
  width: 1em;
  height: 1em;
  display: block;
  line-height: 1;
  font-size: 0.32em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.contacts-hero-section__expanded {
  max-width: 880px;
}

.contacts-hero-section__expanded--small {
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  .contacts-hero-section__expanded:not(.contacts-hero-section__expanded--open) {
    overflow: hidden;
    max-height: 168px;
    position: relative;
  }
  .contacts-hero-section__expanded:not(.contacts-hero-section__expanded--open):before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    position: absolute;
    pointer-events: none;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(29, 29, 41, 0)), to(rgba(29, 29, 41, 0.7)));
    background: linear-gradient(rgba(29, 29, 41, 0) 50%, rgba(29, 29, 41, 0.7));
  }
  .contacts-hero-section__expanded:not(.contacts-hero-section__expanded--overflow):before {
    opacity: 0;
  }
}

.contacts-hero-section__expanded--open + .contacts-hero-section__show-more {
  display: none;
}

.contacts-hero-section__show-more {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-top: 16px;
  line-height: 16px;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: -4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contacts-hero-section__show-more i {
  font-size: 8px;
  line-height: 1;
  margin-left: 12px;
}

.contacts-hero-section p:last-child {
  margin-bottom: 0;
}

.contacts-form-section {
  position: relative;
  padding-bottom: 128px;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section {
    padding-bottom: 32px;
  }
}

.contacts-form-section .container {
  max-width: 1118px;
}

@media only screen and (max-width: 1680px) {
  .contacts-form-section .container {
    max-width: 1010px;
  }
}

@media only screen and (max-width: 1366px) {
  .contacts-form-section .container {
    max-width: 860px;
  }
}

.contacts-form-section__form {
  position: relative;
  border-radius: 16px;
  margin: -112px 0 96px;
  background: #EDEEF3;
  padding: 32px 64px 28px;
}

@media only screen and (max-width: 1680px) {
  .contacts-form-section__form {
    margin-top: -96px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .contacts-form-section__form {
    margin-top: -68px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .contacts-form-section__form {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-form-section__form {
    margin-top: -110px;
    margin-bottom: 64px;
    padding: 24px 24px 32px;
  }
}

.contacts-form-section__form .col-row {
  margin-left: -20px;
  margin-right: -20px;
}

@media only screen and (max-width: 1366px) {
  .contacts-form-section__form .col-row {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.contacts-form-section__form .col-row > .col {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 1366px) {
  .contacts-form-section__form .col-row > .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.contacts-form-section__form .form-row {
  margin-bottom: 16px;
}

.contacts-form-section__form .form-row + p:empty {
  display: none;
}

.contacts-form-section__form .form-row > label {
  font-size: 14px;
  color: #2A2C3A;
  line-height: 16px;
}

.contacts-form-section__form .wpcf7-text,
.contacts-form-section__form .wpcf7-select,
.contacts-form-section__form .wpcf7-textarea {
  font-size: 14px;
  color: #2A2C3A;
  line-height: 16px;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

.contacts-form-section__form .wpcf7-text::-webkit-input-placeholder,
.contacts-form-section__form .wpcf7-select::-webkit-input-placeholder,
.contacts-form-section__form .wpcf7-textarea::-webkit-input-placeholder {
  color: #898B9C;
}

.contacts-form-section__form .wpcf7-text:-ms-input-placeholder,
.contacts-form-section__form .wpcf7-select:-ms-input-placeholder,
.contacts-form-section__form .wpcf7-textarea:-ms-input-placeholder {
  color: #898B9C;
}

.contacts-form-section__form .wpcf7-text::-ms-input-placeholder,
.contacts-form-section__form .wpcf7-select::-ms-input-placeholder,
.contacts-form-section__form .wpcf7-textarea::-ms-input-placeholder {
  color: #898B9C;
}

.contacts-form-section__form .wpcf7-text::placeholder,
.contacts-form-section__form .wpcf7-select::placeholder,
.contacts-form-section__form .wpcf7-textarea::placeholder {
  color: #898B9C;
}

.contacts-form-section__form .wpcf7-text:-ms-input-placeholder,
.contacts-form-section__form .wpcf7-select:-ms-input-placeholder,
.contacts-form-section__form .wpcf7-textarea:-ms-input-placeholder {
  color: #898B9C;
}

.contacts-form-section__form .wpcf7-text::-ms-input-placeholder,
.contacts-form-section__form .wpcf7-select::-ms-input-placeholder,
.contacts-form-section__form .wpcf7-textarea::-ms-input-placeholder {
  color: #898B9C;
}

.contacts-form-section__form .wpcf7-textarea {
  height: 88px;
  padding-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section__form .wpcf7-textarea {
    height: 112px;
  }
}

.contacts-form-section__form .submit-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section__form .submit-panel {
    display: block;
  }
}

.contacts-form-section__form .submit-panel .form-row {
  margin-bottom: 0;
}

.contacts-form-section__form .submit-panel .acceptance-row {
  max-width: 640px;
}

.contacts-form-section__form .submit-panel .acceptance-text {
  font-size: 14px;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section__form .submit-panel .acceptance-text {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-form-section__form .submit-panel .terms-checkbox {
    margin-top: -16px;
    margin-bottom: 32px;
  }
}

.contacts-form-section__form .wpcf7-submit {
  width: auto;
  margin-left: 32px;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section__form .wpcf7-submit {
    margin: 0;
    width: 100%;
  }
}

.contacts-form-section__form .allow-dropdown {
  border-radius: 8px;
}

.contacts-form-section__form .allow-dropdown > input {
  border-radius: 8px;
}

.contacts-form-section__form .wpcf7-checkbox input[type='checkbox']:not(:checked) + .wpcf7-list-item-label:after {
  color: #fff;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #6F7DFF;
          box-shadow: inset 0 0 0 1px #6F7DFF;
}

.contacts-form-section__form .intl-tel-input .selected-flag {
  border-radius: 8px 0 0 8px;
}

.contacts-form-section__form .wpcf7-form.invalid .wpcf7-response-output,
.contacts-form-section__form .wpcf7-form.unaccepted .wpcf7-response-output {
  margin-top: 16px !important;
}

.contacts-form-section .contacts-info-section__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -48px;
  margin-right: -48px;
  margin-bottom: -32px;
}

@media only screen and (max-width: 1366px) {
  .contacts-form-section .contacts-info-section__list {
    margin-left: -24px;
    margin-right: -24px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-form-section .contacts-info-section__list {
    max-width: none;
  }
}

@media only screen and (min-width: 769px) {
  .contacts-form-section .contacts-info-section__list--three-items {
    margin-left: -54px;
    margin-right: -54px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .contacts-form-section .contacts-info-section__list--three-items {
    margin-left: -32px;
    margin-right: -32px;
  }
}

@media only screen and (min-width: 769px) {
  .contacts-form-section .contacts-info-section__list--three-items .contacts-info-section__item {
    width: 33.3333%;
    padding-left: 54px;
    padding-right: 54px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .contacts-form-section .contacts-info-section__list--three-items .contacts-info-section__item {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media only screen and (min-width: 769px) {
  .contacts-form-section .contacts-info-section__list--three-items .contacts-info-section__item__icon {
    margin: 0 0 32px;
  }
  .contacts-form-section .contacts-info-section__list--three-items .contacts-info-section__item__content {
    padding-top: 0;
  }
}

.contacts-form-section .contacts-info-section__item {
  font-size: 16px;
  line-height: 24px;
  padding-left: 48px;
  padding-right: 48px;
  margin-bottom: 32px;
  font-weight: normal;
}

@media only screen and (max-width: 1366px) {
  .contacts-form-section .contacts-info-section__item {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .contacts-form-section .contacts-info-section__item {
    font-size: 14px;
    max-width: 586px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 48px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.contacts-form-section .contacts-info-section__item__icon {
  width: 1em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  font-size: 80px;
  margin-right: 24px;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820)), rgba(255, 255, 255, 0.01);
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%), rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 16px 32px rgba(35, 41, 85, 0.29), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 16px 32px rgba(35, 41, 85, 0.29), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

@media only screen and (max-width: 768px) {
  .contacts-form-section .contacts-info-section__item__icon {
    margin: 0 auto 16px;
  }
}

.contacts-form-section .contacts-info-section__item__icon img, .contacts-form-section .contacts-info-section__item__icon svg {
  width: 1em;
  height: 1em;
  line-height: 1;
  display: block;
  max-width: none;
  max-height: none;
  font-size: 0.4em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.contacts-form-section .contacts-info-section__item__content {
  padding-top: 23px;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section .contacts-info-section__item__content {
    padding-top: 0;
  }
}

.contacts-form-section .contacts-info-section__item__content p {
  margin-bottom: 4px;
}

.contacts-form-section .contacts-info-section__item__content p:last-child {
  margin-bottom: 0;
}

.contacts-form-section .contacts-info-section__item__content p a {
  text-decoration: none;
  color: #4C5ADE;
  -webkit-transition: color 0.35s ease;
  transition: color 0.35s ease;
}

.contacts-form-section .contacts-info-section__item__content p a:hover {
  color: #6F7DFF;
}

.contacts-form-section .contacts-info-section__item__title {
  color: #393C4F;
}

@media only screen and (max-width: 768px) {
  .contacts-form-section .contacts-info-section__item__title {
    padding: 0 48px;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}

.enterprise-hero-section {
  font-size: 20px;
  color: #686B7E;
  position: relative;
  padding: 26px 0 48px;
  background-size: cover;
  line-height: 1.6;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section {
    padding-top: 64px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section {
    font-size: 16px;
    padding-top: 48px;
    padding-bottom: 32px;
  }
}

@media only screen and (min-width: 769px) {
  .enterprise-hero-section--with-cite {
    padding-bottom: 160px;
  }
}

@media only screen and (min-width: 769px) {
  .enterprise-hero-section.loaded, .enterprise-hero-section.entered {
    background-image: url(../images/new/enterprise-hero-bg-light.jpg);
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section.loaded, .enterprise-hero-section.entered {
    background-image: url(../images/new/enterprise-hero-bg-light_m.jpg);
  }
}

.enterprise-hero-section--dark {
  color: #B7B8C5;
  background-color: #383d4e;
}

.enterprise-hero-section--dark.loaded, .enterprise-hero-section--dark.entered {
  background-image: url(../images/new/enterprise-hero-bg-dark.jpg);
}

.enterprise-hero-section--dark h1, .enterprise-hero-section--dark .h1 {
  color: #fff;
}

.enterprise-hero-section__bg {
  bottom: -1px;
  width: 164px;
  height: 122px;
  position: absolute;
  pointer-events: none;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__bg {
    width: 134px;
    height: 100px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__bg {
    width: 99px;
    height: 74px;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section__bg {
    width: 52px;
    height: 40px;
  }
}

.enterprise-hero-section__bg:before {
  top: 0;
  bottom: 0;
  content: '';
  width: 9999px;
  position: absolute;
  background: #fff;
}

.enterprise-hero-section--with-cite .enterprise-hero-section__bg:before {
  background: #F7F8FA;
}

.enterprise-hero-section__bg--before {
  left: 50%;
  margin-left: -780px;
  background-position: 100% 50%;
  background-image: url(../images/new/new--hero-section-bg-frame-right.svg);
}

.enterprise-hero-section--with-cite .enterprise-hero-section__bg--before {
  background-image: url(../images/new/new--hero-section-bg-frame-right-dark-gray.svg);
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__bg--before {
    margin-left: -640px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__bg--before {
    margin-left: -540px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__bg--before {
    left: -16px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section__bg--before {
    left: 0;
  }
}

.enterprise-hero-section__bg--before:before {
  right: 100%;
}

.enterprise-hero-section__bg--after {
  right: 50%;
  margin-right: -780px;
  background-position: 0 50%;
  background-image: url(../images/new/new--hero-section-bg-frame-left.svg);
}

.enterprise-hero-section--with-cite .enterprise-hero-section__bg--after {
  background-image: url(../images/new/new--hero-section-bg-frame-left-dark-gray.svg);
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__bg--after {
    margin-right: -640px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__bg--after {
    margin-right: -540px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__bg--after {
    right: -16px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section__bg--after {
    right: 0;
  }
}

.enterprise-hero-section__bg--after:before {
  left: 100%;
}

.enterprise-hero-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 588px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__inner {
    min-height: 480px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__inner {
    min-height: 0;
    display: block;
  }
}

.enterprise-hero-section__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 564px;
  padding: 66px 0 0;
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__content {
    padding: 0;
    margin: 0 auto 32px;
  }
}

.enterprise-hero-section h1, .enterprise-hero-section .h1 {
  font-size: 64px;
  font-weight: 800;
  margin-bottom: 24px;
  line-height: 1.125;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section h1, .enterprise-hero-section .h1 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section h1, .enterprise-hero-section .h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section h1, .enterprise-hero-section .h1 {
    font-size: 32px;
    line-height: 1.25;
  }
}

.enterprise-hero-section h2, .enterprise-hero-section .h2 {
  font-size: 56px;
  color: #393C4F;
  margin-bottom: 40px;
  line-height: 1.14286;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section h2, .enterprise-hero-section .h2 {
    font-size: 48px;
    margin-bottom: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section h2, .enterprise-hero-section .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section h2, .enterprise-hero-section .h2 {
    font-size: 24px;
    line-height: 1.33333;
  }
}

.enterprise-hero-section__text {
  max-width: 510px;
}

.enterprise-hero-section__text p {
  margin-bottom: 1em;
}

.enterprise-hero-section__text p:last-child {
  margin-bottom: 0;
}

.enterprise-hero-section__btn {
  margin-top: 32px;
}

.enterprise-hero-section__visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 46%;
          flex: 0 0 46%;
  max-width: 550px;
  margin-left: 32px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__visual {
    margin: 0 auto;
    max-width: 480px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-hero-section__visual {
    max-width: none;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.enterprise-hero-section__visual:not(.enterprise-hero-section__visual--tooltips):before {
  content: '';
  display: block;
  padding-top: 94.54545%;
}

@media only screen and (min-width: 1025px) {
  .enterprise-hero-section__visual--wide {
    -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
    margin-left: 48px;
    max-width: 934px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .enterprise-hero-section__visual--wide {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 800px;
    margin-left: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__visual--wide {
    max-width: 640px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-hero-section__visual--wide {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.enterprise-hero-section__visual--wide:not(.enterprise-hero-section__visual--tooltips):before {
  padding-top: 65%;
}

@media only screen and (min-width: 1025px) {
  .enterprise-hero-section__visual--tooltips {
    -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
    margin-left: 48px;
    max-width: 744px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  .enterprise-hero-section__visual--tooltips {
    -ms-flex-preferred-size: 61%;
        flex-basis: 61%;
    max-width: 650px;
    margin-left: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__visual--tooltips {
    max-width: 640px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-hero-section__visual--tooltips {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.enterprise-hero-section__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}

.enterprise-hero-section__visual .promo-section__animation {
  top: 50px;
  margin: 0;
  left: 32px;
  width: 100%;
  height: 100%;
  position: absolute;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .promo-section__animation {
    top: 66px;
    left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__visual .promo-section__animation {
    top: 0;
  }
}

.enterprise-hero-section__visual .promo-section__animation__placeholder img {
  position: static;
}

.enterprise-hero-section__visual .app-preview-section__visual {
  width: auto;
  max-width: none;
  padding-left: 26.6%;
  padding-bottom: 3.4%;
  margin: 108px 0 80px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    max-width: 640px;
    margin: 106px 0 98px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    max-width: 480px;
    margin: 56px auto 64px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    padding-left: 18%;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    padding-top: 16px;
    margin: 64px auto 32px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 641px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    padding-left: 12%;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    padding-top: 0;
    margin-top: 72px;
    margin-bottom: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    margin: 108px auto 48px;
  }
}

@media only screen and (max-width: 360px) {
  .enterprise-hero-section__visual .app-preview-section__visual {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item:before {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='white' stroke-width='1.4' stroke-dasharray='5.5%2c 3.5' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
}

@media only screen and (min-width: 641px) {
  .enterprise-hero-section__visual .app-preview-section__item:before {
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item--login-box {
  width: 29.8%;
}

.enterprise-hero-section__visual .app-preview-section__item--login-box:after {
  background: rgba(175, 166, 222, 0.7);
}

.enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
  left: 100%;
  bottom: 100%;
  margin-left: -78px;
  margin-bottom: 68px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    margin-left: -56px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip {
    margin-bottom: 32px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
  top: auto;
  left: auto;
  width: 90px;
  right: 100%;
  height: 143px;
  bottom: -78px;
  margin-right: -22px;
  background-position: 100% 0;
  background-image: url(../images/tooltip-login-box-arrow-dark.svg);
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    bottom: -90px;
    margin-right: -16px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    width: 90px;
    bottom: -94px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-hero-section__visual .app-preview-section__item--login-box .app-preview-section__item__tooltip:before {
    width: 68px;
    bottom: -96px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item--admin-panel {
  width: 100%;
}

.enterprise-hero-section__visual .app-preview-section__item--admin-panel:after {
  background: rgba(224, 221, 237, 0.8);
}

.enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
  top: 100%;
  left: 37%;
  margin: 0;
  bottom: auto;
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    left: 32%;
    max-width: 188px;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    margin-top: -20px;
  }
}

@media only screen and (max-width: 360px) {
  .enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip {
    max-width: 164px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
  top: -15px;
  left: auto;
  right: 100%;
  width: 140px;
  height: 83px;
  margin-right: -24px;
  background-position: 100% 100%;
  background-image: url(../images/tooltip-admin-portal-arrow-dark.svg);
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
    top: -30px;
    margin-right: -18px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
    top: -34px;
    width: 116px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-hero-section__visual .app-preview-section__item--admin-panel .app-preview-section__item__tooltip:before {
    top: -36px;
    width: 96px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item__tooltip {
  opacity: 1;
  width: 358px;
  font-size: 14px;
  -webkit-transition: none;
  transition: none;
  text-align: left;
  line-height: 24px;
  border-radius: 12px;
  padding: 16px 24px 16px 40px;
  background: rgba(25, 26, 36, 0.95);
  -webkit-box-shadow: 0 16px 24px rgba(36, 28, 77, 0.37);
          box-shadow: 0 16px 24px rgba(36, 28, 77, 0.37);
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .app-preview-section__item__tooltip {
    width: 320px;
    line-height: 22px;
    padding: 12px 20px 12px 33px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__item__tooltip {
    width: 290px;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 16px 10px 28px;
  }
}

@media only screen and (max-width: 360px) {
  .enterprise-hero-section__visual .app-preview-section__item__tooltip {
    width: 264px;
    padding: 8px 10px 8px 24px;
  }
}

.enterprise-hero-section__visual .app-preview-section__item__tooltip:before {
  margin: 0;
  border: none;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
}

.enterprise-hero-section__visual .app-preview-section__item__tooltip__title {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__visual .app-preview-section__item__tooltip__title {
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-hero-section__visual .app-preview-section__item__tooltip__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
  }
}

.enterprise-hero-section__icon {
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820)), rgba(255, 255, 255, 0.01);
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%), rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
}

.enterprise-hero-section--dark .enterprise-hero-section__icon {
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 15px 24px rgba(32, 34, 49, 0.35), inset 0 4.375px 8px -2.5px rgba(255, 255, 255, 0.75), inset 0 15px 20px -22.5px rgba(255, 255, 255, 0.3), inset 0 0.625px 25px rgba(233, 234, 242, 0.37), inset 0 2.5px 11.25px #79A0BD, inset 0 30px 31.25px -30px #97EFDF;
          box-shadow: 0 15px 24px rgba(32, 34, 49, 0.35), inset 0 4.375px 8px -2.5px rgba(255, 255, 255, 0.75), inset 0 15px 20px -22.5px rgba(255, 255, 255, 0.3), inset 0 0.625px 25px rgba(233, 234, 242, 0.37), inset 0 2.5px 11.25px #79A0BD, inset 0 30px 31.25px -30px #97EFDF;
}

.enterprise-hero-section__icon--1 {
  font-size: 65px;
  margin-top: -20px;
  margin-left: -712px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__icon--1 {
    margin-left: -620px;
  }
}

.enterprise-hero-section__icon--2 {
  opacity: 0.8;
  font-size: 56px;
  -webkit-filter: blur(19px);
          filter: blur(19px);
  margin-top: -238px;
  margin-left: -756px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__icon--2 {
    margin-left: -660px;
  }
}

.enterprise-hero-section__icon--3 {
  opacity: 0.5;
  font-size: 40px;
  margin-top: 12px;
  -webkit-filter: blur(19px);
          filter: blur(19px);
  margin-left: 688px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-hero-section__icon--3 {
    margin-left: 550px;
  }
}

.enterprise-hero-section__icon img {
  width: 1em;
  height: 1em;
  display: block;
  font-size: 0.26154em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.enterprise-cite-section {
  z-index: 10;
  position: relative;
  padding-bottom: 32px;
}

@media only screen and (min-width: 769px) {
  .enterprise-cite-section {
    margin-top: -96px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-cite-section {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .enterprise-cite-section {
    margin-left: 64px;
    margin-right: 64px;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-cite-section {
    margin-top: 0;
  }
}

.enterprise-cite-section:not(.enterprise-cite-section--no-bg):before {
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  background: #f7f8fa;
}

@media only screen and (min-width: 769px) {
  .enterprise-cite-section:not(.enterprise-cite-section--no-bg):before {
    top: 96px;
  }
}

@media only screen and (max-width: 768px) {
  .enterprise-cite-section:not(.enterprise-cite-section--no-bg):before {
    top: 0;
  }
}

.enterprise-cite-section .container {
  max-width: 1090px;
}

@media only screen and (max-width: 1680px) {
  .enterprise-cite-section .container {
    max-width: 1020px;
  }
}

@media only screen and (max-width: 1366px) {
  .enterprise-cite-section .container {
    max-width: 880px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-cite-section + .instruction-section {
    padding-top: 0;
  }
}

.enterprise-cite {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  line-height: 1.5;
  padding: 40px 40px 40px 56px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 1366px) {
  .enterprise-cite {
    border-radius: 12px;
    padding: 24px 24px 24px 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .enterprise-cite {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-cite {
    font-size: 14px;
    padding: 24px 16px;
    text-align: center;
    margin-left: -12px;
    margin-right: -12px;
  }
}

.enterprise-cite:after, .enterprise-cite:before {
  content: '';
  z-index: -10;
  position: absolute;
  pointer-events: none;
}

@media only screen and (min-width: 769px) {
  .enterprise-cite-section:not(.enterprise-cite-section--no-bg) .enterprise-cite:before {
    top: -16px;
    left: -16px;
    right: -16px;
    height: 112px;
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .enterprise-cite-section:not(.enterprise-cite-section--no-bg) .enterprise-cite:before {
    top: -12px;
    left: -12px;
    right: -12px;
    height: 108px;
  }
}

.enterprise-cite:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-size: cover;
  border-radius: inherit;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.enterprise-cite--dark {
  color: #fff;
}

@media only screen and (min-width: 769px) {
  .enterprise-cite-section:not(.enterprise-cite-section--no-bg) .enterprise-cite--dark:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(11.72%, #7683FF), color-stop(94.14%, #9FEFC7));
    background: linear-gradient(90deg, #7683FF 11.72%, #9FEFC7 94.14%);
  }
}

.enterprise-cite--dark:after {
  background-color: #383d4e;
}

.enterprise-cite--dark.loaded:after, .enterprise-cite--dark.entered:after {
  background-image: url(../images/new/enterprise-cite-dark-bg.jpg);
}

.enterprise-cite--purple {
  color: #fff;
}

@media only screen and (min-width: 769px) {
  .enterprise-cite-section:not(.enterprise-cite-section--no-bg) .enterprise-cite--purple:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(11.72%, #EDCEC8), color-stop(94.14%, #9FEFC7));
    background: linear-gradient(90deg, #EDCEC8 11.72%, #9FEFC7 94.14%);
  }
}

.enterprise-cite--purple:after {
  background-color: #6F7DFF;
}

.enterprise-cite--purple.loaded:after, .enterprise-cite--purple.entered:after {
  background-image: url(../images/new/enterprise-cite-purple-bg.jpg);
}

.enterprise-cite__icon {
  top: -30px;
  right: 91px;
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 80px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
}

@media only screen and (max-width: 1366px) {
  .enterprise-cite__icon {
    right: 64px;
    font-size: 64px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__icon {
    right: 10%;
  }
}

.enterprise-cite--dark .enterprise-cite__icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#4B4F6B), to(#171820)), rgba(255, 255, 255, 0.01);
  background: linear-gradient(180deg, #4B4F6B 0%, #171820 100%), rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(23, 32, 100, 0.29), inset 0 7px 11px rgba(255, 255, 255, 0.75), inset 0 24px 32px rgba(255, 255, 255, 0.3), inset 0 4px 18px #3A4591, inset 0 48px 50px rgba(179, 200, 255, 0.3);
}

.enterprise-cite--purple .enterprise-cite__icon {
  background: rgba(255, 255, 255, 0.01);
  -webkit-box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #CCB8B8, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
          box-shadow: 0 24px 48px rgba(68, 49, 53, 0.36), inset 0 7px 11px -4px rgba(255, 255, 255, 0.75), inset 0 24px 32px -36px rgba(255, 255, 255, 0.3), inset 0 4px 18px #CCB8B8, inset 0 48px 50px -48px rgba(179, 200, 255, 0.3);
}

.enterprise-cite__icon img {
  width: 1em;
  height: 1em;
  display: block;
  font-size: 0.3em;
  -webkit-filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
          filter: drop-shadow(0 0 8px #5AE6AA) drop-shadow(0 0 24px #DAFFED);
}

.enterprise-cite__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1024px) {
  .enterprise-cite__main {
    margin-bottom: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__main {
    display: block;
  }
}

.enterprise-cite__visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  overflow: hidden;
  margin-right: 56px;
  position: relative;
  border-radius: 12px;
}

@media only screen and (max-width: 1366px) {
  .enterprise-cite__visual {
    margin-right: 32px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__visual {
    width: 80px;
    margin: 0 auto 16px;
  }
}

.enterprise-cite__visual:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.enterprise-cite__visual img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.enterprise-cite__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.enterprise-cite__cite {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

@media only screen and (max-width: 1680px) {
  .enterprise-cite__cite {
    font-size: 18px;
  }
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__cite {
    font-size: 16px;
  }
}

.enterprise-cite__cite:before {
  content: '“';
}

.enterprise-cite__cite:after {
  content: '”';
}

.enterprise-cite__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  max-width: 536px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__info {
    display: block;
  }
}

.enterprise-cite__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__author {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.enterprise-cite__author__position {
  margin-left: 12px;
}

.enterprise-cite__btn {
  margin-left: 36px;
}

@media only screen and (max-width: 1024px) {
  .enterprise-cite__btn {
    margin-left: 0;
    text-align: center;
  }
}

.enterprise-cite__btn .btn {
  padding-left: 24px;
  padding-right: 24px;
}

.enterprise-cite__author-company {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 640px) {
  .enterprise-cite__author-company {
    margin: 8px 0 0;
  }
}

.enterprise-cite__author-company img {
  display: block;
  max-height: 100%;
  max-width: 100px;
}

html {
  height: 100%;
  overflow: visible !important;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 18px;
  min-width: 320px;
  line-height: 1.6666;
  background: #fff;
  font-family: "Manrope", Arial, Helvetica, sans-serif;
  color: #686B7E;
}

@media only screen and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
}

iframe {
  border: none;
}

img {
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
}

img.lazy {
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

img.lazy:not(.loaded) {
  opacity: 0;
  font-size: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

[data-lazy] {
  opacity: 0;
}

*, *:after, *:before {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

input, textarea {
  -webkit-appearance: none;
}

input::-ms-clear, textarea::-ms-clear {
  display: none;
}

input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-calendar-picker-indicator, textarea::-webkit-clear-button, textarea::-webkit-inner-spin-button, textarea::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin: 0;
  width: auto;
}

.clear:after {
  content: '';
  clear: both;
  display: block;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

input[type='radio'],
input[type='checkbox'] {
  cursor: pointer;
}

p {
  margin: 0 0 27px;
}

p a {
  text-decoration: underline;
}

p a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .wow {
    visibility: hidden;
  }
}

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100%;
  padding-top: 88px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 1680px) {
  #wrapper {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  #wrapper {
    padding-top: 72px;
  }
}

@media only screen and (max-width: 768px) {
  #wrapper {
    padding-top: 64px;
  }
}

#wrapper.header-transparent {
  padding-top: 0 !important;
}

#wrapper.header-transparent:before {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -10;
  height: 735px;
  position: absolute;
  pointer-events: none;
  background: url(../images/intro-circles.svg) 50% 0 no-repeat;
}

@media only screen and (max-width: 768px) {
  #wrapper.header-transparent:before {
    background-position: 50% -38px;
  }
}

#wrapper.header-transparent:after {
  top: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -15;
  height: 740px;
  max-height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#ffffff));
  background: linear-gradient(to bottom, #f7f8fa, #ffffff);
}

#wrapper.header-hidden {
  padding-top: 0;
}

@media only screen and (min-width: 1025px) {
  body.error404 #wrapper {
    padding-top: 68px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1680px) {
  body.error404 #wrapper {
    padding-top: 58px;
  }
}

#main {
  -webkit-box-flex: 5000;
      -ms-flex: 5000 1 auto;
          flex: 5000 1 auto;
  position: relative;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1230px;
}

@media only screen and (max-width: 1680px) {
  .container {
    max-width: 1100px;
  }
}

@media only screen and (max-width: 1024px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.color {
  color: #6F7DFF;
}

.color-2 {
  color: #ffbd07;
}

.color-3 {
  color: #CCEED8;
}

h1, .h1 {
  display: block;
  font-size: 56px;
  line-height: 1.14286em;
  margin: 0 0 26px;
  color: #1E1F2B;
}

@media only screen and (max-width: 1680px) {
  h1, .h1 {
    font-size: 44px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  h1, .h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

h2, .h2 {
  display: block;
  font-size: 48px;
  line-height: 1.16667em;
  margin: 0 0 34px;
  color: #1E1F2B;
}

@media only screen and (max-width: 1680px) {
  h2, .h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  h2, .h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 768px) {
  h2, .h2 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 26px;
  }
}

.article h2, .article .h2 {
  display: block;
  font-size: 32px;
  margin: 0 0 32px;
  line-height: 1.25em;
  color: #1E1F2B;
}

@media only screen and (max-width: 1680px) {
  .article h2, .article .h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .article h2, .article .h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .article h2, .article .h2 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 33px;
  }
}

h3, .h3 {
  display: block;
  font-size: 28px;
  margin: 0 0 28px;
  line-height: 1.28571em;
  color: #1E1F2B;
}

@media only screen and (max-width: 1680px) {
  h3, .h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  h3, .h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  h3, .h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}

.marked-list {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.2;
  list-style: none;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
}

@media only screen and (max-width: 1680px) {
  .marked-list {
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .marked-list {
    font-size: 13px;
  }
}

.marked-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.marked-list li {
  padding-left: 42px;
  position: relative;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1680px) {
  .marked-list li {
    margin-bottom: 27px;
  }
}

.marked-list li:after {
  left: 0;
  top: 50%;
  content: '';
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 50%;
  position: absolute;
  background: #6F7DFF;
  -webkit-box-shadow: 0 0 0 8px rgba(111, 125, 255, 0.14);
          box-shadow: 0 0 0 8px rgba(111, 125, 255, 0.14);
}

.marked-list li.coming-soon a {
  cursor: text;
  padding-right: 0;
}

.marked-list li.coming-soon a:after {
  display: none;
}

.marked-list a {
  max-width: 164px;
  position: relative;
  padding-right: 48px;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: color .35s ease;
  transition: color .35s ease;
}

@media only screen and (max-width: 1680px) {
  .marked-list a {
    max-width: 150px;
  }
}

@media only screen and (max-width: 768px) {
  .marked-list a {
    max-width: none;
    padding-right: 0;
  }
}

.marked-list a:hover {
  color: #6F7DFF;
}

.marked-list a:hover:after {
  opacity: 1;
}

.marked-list a:hover .list-badge {
  left: 50%;
  opacity: 1;
  bottom: 100%;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

.marked-list a:after {
  right: 0;
  top: 50%;
  opacity: 0;
  z-index: 25;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 16px;
  background: #fff;
  content: '\e865';
  margin-top: -20px;
  position: absolute;
  color: #6F7DFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "icomoon";
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease;
  -webkit-box-shadow: 0 11px 40px 0 rgba(34, 58, 106, 0.12);
          box-shadow: 0 11px 40px 0 rgba(34, 58, 106, 0.12);
}

@media only screen and (max-width: 768px) {
  .marked-list a:after {
    display: none;
  }
}

.marked-list .list-badge {
  opacity: 0;
  z-index: 25;
  height: 40px;
  left: -9999px;
  bottom: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #878996;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  margin-bottom: 3px;
  padding: 12px 24px;
  position: absolute;
  font-weight: normal;
  white-space: nowrap;
  border-radius: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
  -webkit-box-shadow: 0 11px 40px 0 rgba(59, 74, 105, 0.12);
          box-shadow: 0 11px 40px 0 rgba(59, 74, 105, 0.12);
}

@media only screen and (max-width: 640px) {
  .marked-list .list-badge {
    left: auto;
    right: -32px;
  }
}

.marked-list .list-badge i {
  line-height: 1;
  font-size: 16px;
  color: #6F7DFF;
  margin-right: 16px;
}

.marked-list .list-badge i:before {
  vertical-align: top;
  display: inline-block;
}

.marked-list--two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.marked-list--two-columns ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.marked-list--two-columns li {
  width: 50%;
  padding-right: 15px;
}

.marked-list--two-columns li:after {
  left: 5px;
}

.marked-list--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -51px;
  margin-right: -51px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
  .marked-list--inline {
    margin-left: -35px;
    margin-right: -35px;
  }
}

.marked-list--inline ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.marked-list--inline li {
  margin-left: 51px;
  margin-right: 51px;
  padding-left: 34px;
}

@media only screen and (max-width: 768px) {
  .marked-list--inline li {
    margin-left: 35px;
    margin-right: 35px;
  }
}

.slick-dots {
  padding: 0;
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 640px) {
  .slick-dots {
    margin-left: -4px;
    margin-right: -4px;
  }
}

.slick-dots li {
  margin: 0 12px;
}

@media only screen and (max-width: 640px) {
  .slick-dots li {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.slick-dots li.slick-active button {
  border-color: #6F7DFF;
  background-color: #6F7DFF;
}

.slick-dots button {
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  text-indent: -9999px;
  -webkit-appearance: none;
  border: 3px solid #cbc0fa;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 640px) {
  .slick-dots button {
    width: 12px;
    height: 12px;
    border-width: 2px;
  }
}

.slick-dots button:hover {
  border-color: #6F7DFF;
}

.icons-list {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.2;
  list-style: none;
  font-weight: 600;
  padding: 32px 0 0;
  margin: 0 -5px 32px;
  text-align: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.icons-list li {
  width: 12.5%;
  padding: 0 5px;
  margin: 0 0 28px;
}

@media only screen and (max-width: 1024px) {
  .icons-list li {
    width: 16.6666%;
  }
}

@media only screen and (max-width: 768px) {
  .icons-list li {
    width: 20%;
  }
}

@media only screen and (max-width: 640px) {
  .icons-list li {
    width: 25%;
  }
}

@media only screen and (max-width: 360px) {
  .icons-list li {
    width: 33.3333%;
  }
}

.icons-list i {
  width: 48px;
  height: 48px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 24px;
  border-radius: 4px;
  margin: 0 auto 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #6F7DFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icons-list .icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icons-list .icon.white {
  background: #6F7DFF;
}

.icons-list svg, .icons-list img {
  width: 24px;
  height: 24px;
  display: block;
}

.lottie-animation.complete,
.wpbdmv-animation.complete {
  cursor: url(../images/refresh-icon.svg), auto;
}

.blog-item__date .updated, .main-blog-item__date .updated {
  display: none;
}

.blog-item__date .published.updated, .main-blog-item__date .published.updated {
  display: block;
}

.blog-section__head__categories-list .current-cat {
  display: none;
}

.main-menu .show-on-ms {
  display: none;
}

.sign-up-section__form .selecter .selecter-item:first-child {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
  display: none !important;
}

.wpd-textarea-wrap {
  width: 100%;
}

#hubspot-messages-iframe-container {
  z-index: 1000 !important;
}

#cookie-law-info-bar {
  z-index: 1001;
}
/*# sourceMappingURL=all.css.map */

@media only screen and (max-width: 1024px) {
  .service-promo-section__content h1, .service-promo-section__content h1 span {
    position: static !important;
    max-width: 100%;
  }
  div.service-promo-section__content>p {
    position: static !important;
  }
}

.trust-center-overview-section__inner table {
  text-align: left;
  margin-bottom: 40px;
}
.trust-center-overview-section__inner table th {
  background-color: #000;
  color: #fff;
}
.trust-center-overview-section__inner table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.trust-center-overview-section__inner table th, .trust-center-overview-section__inner table td {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 600;
}
.trust-center-overview-section__inner table td {
  color: #000;
}
.trust-center-overview-section__head {
  display: flex;
}
.trust-center-overview-section__content {
  max-width: calc(100% - 200px);
  padding-right: 20px;
}
.trust-center-overview-section__date {
  width: 200px;
}
.info-table__wrap {
  width: 100%;
  overflow: auto;
}
.info-table__wrap table {
  min-width: 600px;
}
@media(max-width: 767px) {
  .trust-center-overview-section__head {
    flex-direction: column-reverse;
  }
  .trust-center-overview-section__content {
    max-width: 100%;
    padding-right: 0;
  }
  .trust-center-overview-section__date {
    width: 100%;
  }
}

#wrapper {
  padding-top: 74px !important;
}
@media(max-width: 991px){
  #wrapper {
    padding-top: 56px !important;
  }
}


.case-form-section__form {
  padding: 56px 24px 20px;
}
.case-form-section__form__title {
  margin-bottom: 28px;
}
.case-name-from fieldset {
  max-width: 100% !important;
}
.case-name-from .input {
  margin-right: 0;
}
.case-name-from .hs-input {
  width: 100% !important;
  height: 48px;
  display: block;
  padding: 0 23px;
  font-size: 14px;
  background: #f7f8fa;
  font-family: inherit;
  -webkit-appearance: none;
  border: 1px solid #f7f8fa;
  -webkit-transition: border-color .35s ease;
  transition: border-color .35s ease;
  border-radius: 16px;
  margin-bottom: 10px;
}
.case-name-from .hs-input.invalid, .case-name-from .hs-input.error {
  border-color: #FC1D3C;
}
.case-name-from .hs-form-field > label span {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  display: inline-block;
}
.case-name-from fieldset.form-columns-2 {
  display: flex;
  gap: 10px;
}
.case-name-from .hs-firstname, .case-name-from .hs-lastname {
  display: none;
}
.case-form-section__form.has-email .hs-firstname, .case-form-section__form.has-email .hs-lastname {
  display: block;
}
.case-name-from .hs-field-desc {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 16px;
}
.case-name-from .hs-field-desc a {
  color: #ffbd07;
}
.case-name-from .hs-richtext p {
  margin-bottom: 0 !important;
}
.case-name-from .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.case-name-from .hs-form-booleancheckbox label {
  display: flex;
  align-items: baseline;
}
.case-name-from .hs-form-booleancheckbox input {
  max-width: 20px !important;
  appearance: auto;
  -webkit-appearance: auto;
  height: 13px;
  margin: 0;
}
.case-name-from .hs-form-booleancheckbox span {
  margin-left: 10px !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px !important;
  font-size: 14px;
  line-height: 16px;
}
.case-name-from .hs-form-booleancheckbox p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px !important;
  font-size: 14px;
  line-height: 16px;
}
.case-name-from .hs-error-msgs {
  display: none !important;
}
.case-name-from .hs-submit {
  margin-top: 16px;
}
.case-name-from .hs-button {
  height: 48px;
  margin: 0 auto;
  display: block;
  font-size: 14px;
  max-width: 320px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: bold;
  line-height: 16px;
  border-radius: 12px;
  background-size: 18px ​18px;
  padding: 8px 57px 8px 24px;
  background-repeat: no-repeat;
  background-position: calc(50% + 34px) 50%;
  background-image: url('/wp-content/themes/frontegg/images/arrow-right-dark.svg');
  color: #2E1D02;
  background: #ffbd07;
  border: none;
  width: 100%;
  cursor: pointer;
}
@media(max-width: 767px) {
  .case-form-section__form {
    padding: 36px 16px 20px;
  }
  .case-name-from .hs-form-booleancheckbox p {
    font-size: 12px !important;
    line-height: 14px !important;
  }
}

.small-subscribe-form-holder .hs-form .hs-input {
  height: 48px;
  background: #f7f8fa;
  border-radius: 16px;
  padding: 0 40px 0 24px;
  border-color: #f7f8fa;
  font-size: 14px;
  font-family: inherit;
  color: #000;
}
.small-subscribe-form-holder .hs-form .hs-input:focus {
  border-color: #CAC7D8;
}

.small-subscribe-form-holder .hs-form .hs-richtext {
  color: #686B7E;
}
.small-subscribe-form-holder .hs-form .hs-richtext a {
  color: #686B7E !important;
}
.small-subscribe-form-holder .hs-form .hs-button {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21398 0.740838L1.21398 2.73488L9.9573 2.74195L0.431226 11.3474L1.99673 12.7617L11.5228 4.15616L11.515 12.0545H13.738V0.740838H1.21398Z' fill='%23010101'/%3E%3C/svg%3E%0A");
  top: 18px;
  right: 18px;
  width: 17px;
  height: 15px;
  background-size: 17px;
  background-repeat: no-repeat;
}
.small-subscribe-form-holder .hs-form .hs-error-msgs.inputs-list {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  color: red;
  font-size: 12px;
}
.small-subscribe-form-holder.hs-form .hs-input:-webkit-autofill, 
.small-subscribe-form-holder .hs-form .hs-input:-webkit-autofill:hover, 
.small-subscribe-form-holder .hs-form .hs-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.1) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.small-subscribe-form-holder .hs-form .submitted-message {
  color: #2acd43;
}

.dark-subscribe-section .hs-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 100%;
}
.dark-subscribe-section .hs-form .hs-input {
  height: 48px;
  border: none;
  color: #fff;
  padding: 0 16px;
  background: transparent;
  font: 14px/1.14286 inherit;
}
.dark-subscribe-section .hs-form .hs-dependent-field {
  width: 100%;
}
.dark-subscribe-section .hs-form .hs-submit {
  width: 100%;
}
.dark-subscribe-section .hs-form .hs-button {
  white-space: pre-wrap;
  margin: 0;
  border: none;
  color: #fff;
  display: block;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 16px 32px;
  border-radius: 8px;
  -webkit-appearance: none;
  background: #6F7DFF;
  -webkit-transition: background-color .35s ease;
  transition: background-color .35s ease;
  font: bold 14px/1.14286 "Manrope", Arial, Helvetica, sans-serif;
  position: static;
  height: auto;
  width: 100%;
}
.dark-subscribe-section .hs-form .hs_error_rollup {
  display: none !important;
}
.dark-subscribe-section .hs-form .hs-input:-webkit-autofill, 
.dark-subscribe-section .hs-form .hs-input:-webkit-autofill:hover, 
.dark-subscribe-section .hs-form .hs-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgb(38 41 61 / 0%) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.dark-subscribe-section .submitted-message {
  text-align: center;
}

.is-form-style {
  height: 56px;
  background: transparent;
  font-family: "Epilogue", sans-serif;
  border: 1px solid rgba(0, 58, 228, 0.24);
  border-radius: 40px;
  color: rgba(26, 26, 47, 0.4);
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.is-form-style input.is-search-input {
    border: none !important;
    background-color: transparent;
    padding: 28px 24px;
    font-size: 16px !important;
    line-height: 16px;
    font-family: "Epilogue", sans-serif;
}
.is-form-style button.is-search-submit {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 11H11.71L11.43 10.73C12.41 9.59 13 8.11 13 6.5C13 2.91 10.09 0 6.5 0C2.91 0 0 2.91 0 6.5C0 10.09 2.91 13 6.5 13C8.11 13 9.59 12.41 10.73 11.43L11 11.71V12.5L16 17.49L17.49 16L12.5 11ZM6.5 11C4.01 11 2 8.99 2 6.5C2 4.01 4.01 2 6.5 2C8.99 2 11 4.01 11 6.5C11 8.99 8.99 11 6.5 11Z' fill='%231A1A2F' fill-opacity='0.4'/%3E%3C/svg%3E%0A") !important;
    background-position: 72%, 50% !important;
    background-repeat: no-repeat !important;
    height: 100% !important;
    border-radius: 30px 0 0 30px;
    width: 50px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.is-form-style button.is-search-submit:hover {
    background-color: rgba(0, 58, 228, 0.24);
}
.is-form-style button.is-search-submit .is-search-icon {
    display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@100;200;300;400;600;700;800;900&family=IBM+Plex+Mono:wght@500;700&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');


/* Header */
body.mobile-menu-open{overflow:hidden !important}body.mobile-menu-open .burger i{background:none}body.mobile-menu-open .burger i:after,body.mobile-menu-open .burger i:before{left:-4px;right:-4px}body.mobile-menu-open .burger i:before{bottom:50%;margin-bottom:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}body.mobile-menu-open .burger i:after{top:50%;margin-top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (max-width:991px){body.mobile-menu-open .nav{overflow-y:auto;right:0;top:63px;padding:0;bottom:0;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.35s ease, -webkit-transform 0.35s ease;transition:opacity 0.35s ease, -webkit-transform 0.35s ease;transition:opacity 0.35s ease, transform 0.35s ease;transition:opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease}}@media only screen and (max-width:768px){body.mobile-menu-open .nav{top:80px}}@media only screen and (max-width:480px){body.mobile-menu-open .nav{top:72px}}.header-v4{background-color:transparent;position:absolute;top:0;left:0;width:100%;z-index:888;padding:0;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15)}@media only screen and (max-width:991px){.header-v4{padding:40px 0 23px;top:0;height:80px}}@media only screen and (max-width:480px){.header-v4{padding:36px 0 8px;height:72px}}.header-v4 .container{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:8px;max-width:1488px}@media only screen and (max-width:1440px){.header-v4 .container{max-width:1328px;padding-top:0}}@media only screen and (max-width:1280px){.header-v4 .container{max-width:1168px}}@media only screen and (max-width:1024px){.header-v4 .container{max-width:912px}}@media only screen and (max-width:991px){.header-v4 .container{height:calc(100% - 152px)}}@media only screen and (max-width:768px){.header-v4 .container{padding:0 40px}}@media only screen and (max-width:480px){.header-v4 .container{padding:0 24px}}.header-v4 .logo{top:0px;width:169px;-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:56px;position:relative;margin-right:auto}@media only screen and (max-width:1280px){.header-v4 .logo{width:142px}}@media only screen and (max-width:991px){.header-v4 .logo{width:136px}}@media only screen and (max-width:768px){.header-v4 .logo{width:126px}}.header-v4 .logo a{display:block;overflow:hidden}.header-v4 .logo img{width:100%;height:auto;display:block}@media only screen and (max-width:480px){.header-v4 .logo img{max-width:126px}}.header-v4 .burger{display:none;top:3px;right:21px;width:14px;height:14px;bottom:28px;z-index:1200;position:absolute}@media only screen and (max-width:991px){.header-v4 .burger{display:block}}@media only screen and (max-width:768px){.header-v4 .burger{top:-7px;right:40px}}@media only screen and (max-width:480px){.header-v4 .burger{right:24px}}.header-v4 .burger i{left:0;right:0;top:50%;height:2px;margin-top:-1px;position:absolute;background:#1A1A2F;-webkit-transition:background-color 0.35s ease;transition:background-color 0.35s ease}.header-v4 .burger i:before,.header-v4 .burger i:after{left:0;right:0;content:"";height:2px;position:absolute;background:#1A1A2F;-webkit-transition:all 0.35s ease;transition:all 0.35s ease}.header-v4 .burger i:before{bottom:-6px}.header-v4 .burger i:after{top:-6px}.header-v4 .header-menu-wrap{position:absolute;top:72px;width:100vw;left:50%;transform:translateX(-50%);z-index:2;overflow:hidden;box-shadow:0px 4px 8px rgba(26, 26, 47, 0.08);background-color:#fff}@media only screen and (max-width:1440px){.header-v4 .header-menu-wrap{top:64px}}@media only screen and (max-width:991px){.header-v4 .header-menu-wrap{display:none}}.header-v4 .nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto}@media screen and (min-width:1025px){.header-v4 .nav{margin-top:0 !important}}@media only screen and (max-width:991px){.header-v4 .nav{margin:0;opacity:0;width:100%;top:-9999px;right:9999px;bottom:9999px;z-index:1100;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;position:fixed;overflow-y:auto;overflow-x:hidden;background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;scroll-behavior:smooth;-webkit-transform:translateX(100%);transform:translateX(100%);padding:17px 22px 30px 32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-overflow-scrolling:touch;-webkit-transition:all 0s ease 0.35s, opacity 0.35s ease, -webkit-transform 0.35s ease;transition:all 0s ease 0.35s, opacity 0.35s ease, -webkit-transform 0.35s ease;transition:all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease;transition:all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease}}.header-v4 .nav .main-menu{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:230px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu{margin-left:auto}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu{padding:0;display:block;width:100%;-webkit-transition:none !important;transition:none !important;display:block !important;overflow-y:auto;height:calc(100% - 152px);max-width:100%;margin:0}}.header-v4 .nav .main-menu .menu{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:0}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu{width:100%;display:block}}.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:20px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:26px 40px 29px;border-top:1px solid #B7B8C5 !important}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:24px 24px 24px}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu#menu-second-nav>li:last-of-type{border-bottom:1px solid #B7B8C5 !important}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu#primary-menu{text-align:center}}.header-v4 .nav .main-menu .menu .menu-item__title{cursor:default}.header-v4 .nav .main-menu .menu>li{position:static}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li{margin-top:0}}.header-v4 .nav .main-menu .menu>li>a,.header-v4 .nav .main-menu .menu>li>.menu-item__title{font-weight:500;font-size:14px;line-height:24px;color:#2A2C3A;font-family:"Epilogue", sans-serif}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li>a,.header-v4 .nav .main-menu .menu>li>.menu-item__title{font-size:16px !important;line-height:24px}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li>a{display:block}}.header-v4 .nav .main-menu .menu>li>.menu-item__title{position:relative;padding-right:16px}.header-v4 .nav .main-menu .menu>li>.menu-item__title:before{content:"";width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A");position:absolute;background-repeat:no-repeat;background-position:center;top:0;transition:all 0.3s ease;right:-12px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li>.menu-item__title:before{right:0;background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A")}}.header-v4 .nav .main-menu .menu>li.menu-item--open .menu-item__title:before{transform:rotate(90deg) !important}.header-v4 .nav .main-menu .menu>li:hover>a{color:#003AE4}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li:hover>a{color:#1A1A2F}}.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title{color:#003AE4}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title{color:#1A1A2F}}.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:rotate(90deg);background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869385 7.06L3.92272 4L0.869385 0.94L1.80938 0L5.80938 4L1.80938 8L0.869385 7.06Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children>a{position:relative;padding-right:24px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children>a{display:block}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu{position:absolute;top:72px;width:100vw;left:50%;transform:translateX(-50%);z-index:2;display:none;background-color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.2);box-shadow:0px 4px 8px rgba(26, 26, 47, 0.08)}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu{position:static;transform:none;box-shadow:none;width:100%;max-width:100%;max-height:none;border:none !important;box-shadow:none !important}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu__wrap{display:flex;width:100%;max-width:1488px;margin:auto;padding:0 24px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu__wrap{padding:0 24px;min-height:240px;max-width:1328px}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu__wrap{max-width:1168px}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu__wrap{max-width:912px}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu__wrap{display:flex;flex-direction:column;min-height:auto;padding:0}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu:before{content:"";width:100vw;height:100px;position:absolute;top:-13px;left:50%;transform:translateX(-50%);z-index:-1}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu:before{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu:after{content:"";width:100vw;height:100%;border-top:1px solid rgba(1, 1, 1, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.2);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu:after{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu{display:flex !important;flex-direction:column;opacity:1;position:static;width:100%;max-width:15%;order:1;box-shadow:none;min-width:auto;list-style:none;padding:26px 0 0 4px;margin:0;border-right:1px solid rgba(1, 1, 1, 0.05)}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu{max-width:19.5%}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu{max-width:23%}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu{max-width:100%;padding:0;border:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu .menu-item__title{text-align:left;height:43px;font-family:"Epilogue", sans-serif;color:#4D5062}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu .menu-item__title{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu .menu-item__title span{font-size:14px;line-height:24px;letter-spacing:1px;text-transform:uppercase}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a{color:#2A2C3A;font-weight:500;font-size:14px;line-height:33px;text-decoration:none;letter-spacing:0;position:relative;-webkit-transition:color 0.35s ease;transition:color 0.35s ease;display:inline-block;width:auto;padding:0;font-family:"Epilogue", sans-serif;text-align:left;padding:7px 0}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a{padding:16px 8px 16px 40px;line-height:14px !important}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a:hover{color:#fff}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a img{margin-right:14px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a img{position:absolute;left:10px;top:10px;margin-right:0}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu .menu-item__link:hover{color:#2A2C3A}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap{order:2;width:100%;max-width:40%;padding:32px 46px 66px 47px;border-right:1px solid rgba(1, 1, 1, 0.05)}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap{max-width:57.5%;padding:32px 46px 66px 55px;border:none}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap{max-width:68%}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap{max-width:100%;border:none;padding:0;margin-top:24px}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap>span{font-weight:500;font-size:14px;line-height:24px;letter-spacing:1px;text-transform:uppercase;font-family:"Epilogue", sans-serif;color:#4D5062}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul{display:grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr);gap:8px 34px;list-style:none;padding:0;margin:7px 0 0 0}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul{display:flex;flex-direction:column;gap:28px;margin:24px 0 0 0}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a{margin-bottom:0;position:relative;display:block}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a{margin-bottom:0;display:block}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a:before{content:"";position:absolute;top:0;left:-24px;background:#F6F7FA;border-radius:8px;width:calc(100% + 32px);height:calc(100% + 6px);display:none;transition:all 0.3s ease-in-out}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a:before{top:-10px;left:-16px;height:calc(100% + 21px)}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a:hover:before{display:block}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul span{font-weight:500;font-size:14px;line-height:24px;color:#2A2C3A;font-family:"Epilogue", sans-serif;position:relative}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul p{font-weight:400;font-size:12px;line-height:18px;color:#9999A5;margin-top:4px;font-family:"Epilogue", sans-serif;position:relative}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul p{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap+.menu-cta__wrap{padding-top:50px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap+.menu-cta__wrap{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap{order:3;width:100%;max-width:45%;padding:28px 0 27px 37px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap{max-width:59%}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap{display:none}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap{max-width:100%;display:block;padding:22px 0 0}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap{padding:16px 0 0}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap a{display:block}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap a img{max-width:100%;height:auto;border:1px solid transparent;transition:all 0.3s ease-in-out;border-radius:8px}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap a+a{margin-top:32px}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-cta__wrap a:hover img{background:linear-gradient(0deg, rgba(214, 226, 255, 0.5), rgba(214, 226, 255, 0.5)), #FFFFFF;border-color:#003AE4}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title{width:100%;max-width:15%;padding:32px 41.5px 0 5px;border-right:1px solid rgba(1, 1, 1, 0.05)}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title{max-width:21%}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title{max-width:24.5%}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title span{font-weight:600;font-size:18px;line-height:24px;font-family:"Epilogue", sans-serif}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title p{font-weight:500;font-size:14px;line-height:24px;margin-top:8px}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:40% !important;border-right:1px solid rgba(1, 1, 1, 0.05);padding:32px 20px 0 24px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:20% !important}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:28% !important;border:none}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:100% !important;padding:0}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a{line-height:24px}.header-v4 .nav .main-menu .menu>li.menu-item-has-children:hover>a{color:#003AE4}.header-v4 .nav .main-menu .menu>li.menu-item-has-children:hover .mega-menu{display:block}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children:hover .mega-menu{top:63px}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children:hover .mega-menu{max-height:none !important;transition:none}}.header-v4 .nav .main-menu .menu>li.menu-item-has-children.menu-item--open>.menu-item__title{color:#003AE4}.header-v4 .nav .main-menu .menu>li.menu-item-has-children.menu-item--open .mega-menu{margin-top:36px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title{color:#1A1A2F !important}}.header-v4 .nav .main-menu .menu>li>a{color:#1A1A2F;font-weight:500;font-size:14px;line-height:24px;vertical-align:top;display:inline-block;-webkit-transition:color 0.35s ease;transition:color 0.35s ease;text-decoration:none}.header-v4 .nav .main-menu .menu>li.header-btn--primary a{border-radius:50px;text-decoration:none;display:inline-block;letter-spacing:0.5px;transition:all 0.3s ease;color:#fff;background-color:#204FF3;border-color:#204FF3;font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.5px;padding:12px 24px;border:none}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li.header-btn--primary a{width:100%;padding:12px 16px}}.header-v4 .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:#003AE4 !important;border-color:#003AE4 !important;color:#fff !important}.header-v4 .nav .main-menu .menu>li:first-of-type:hover .mega-menu{max-height:245px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li:first-of-type:hover .mega-menu{max-height:800px}}.header-v4 .nav .main-menu .menu>li:last-of-type:hover .mega-menu{max-height:222px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu .menu>li:last-of-type:hover .mega-menu{max-height:800px}}.header-v4 .nav .main-menu+.main-menu{margin-left:auto}@media only screen and (max-width:991px){.header-v4 .nav .main-menu+.main-menu{margin-left:0;margin-left:0;position:absolute;bottom:0;height:auto;padding:22px 56px;border-top:1px solid #B7B8C5 !important;background-color:transparent}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu+.main-menu{padding:22px 16px}}.header-v4 .nav .main-menu+.main-menu .menu{gap:39px}@media only screen and (max-width:991px){.header-v4 .nav .main-menu+.main-menu .menu{display:flex;flex-direction:column;gap:12px}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu+.main-menu li{width:100%}}@media only screen and (max-width:991px){.header-v4 .nav .main-menu+.main-menu li:first-of-type a{border-radius:50px;text-decoration:none;display:block;padding:11px 16px;font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.5px;border:1px solid #1A1A2F}}.header-v4.header-active{position:fixed;background-color:#fff;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15);transition:all 0.3s ease;top:0}.header-v4.header-active.header-v4--white{background-color:#fff}.header-v4.header-active.header-v4--white .logo img{-webkit-filter:invert(1);filter:invert(1)}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#1A1A2F !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a:before,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a:hover,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title:hover{color:#003AE4 !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a:hover:before,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title:hover:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#204FF3;border:1px solid #204FF3 !important;color:#fff !important}@media only screen and (max-width:991px){.header-v4.header-active.header-v4--white .nav .main-menu .menu>li :not(.menu-item--open)>.menu-item__title{color:#1A1A2F !important}}@media only screen and (max-width:991px){.header-v4.header-active.header-v4--white .nav .main-menu .menu>li :not(.menu-item--open):hover>.menu-item__title{color:#1A1A2F !important}}.header-v4.header-active.header-v4--white .burger i{background:#1A1A2F}.header-v4.header-active.header-v4--white .burger i:before,.header-v4.header-active.header-v4--white .burger i:after{background-color:#1A1A2F}.header-v4.header-active.header-v4--black{background-color:#010101}.header-v4.header-hover{background-color:#fff}.header-v4.header-hover.header--dark{background-color:#010101 !important}.header-v4.header-hover.header-v4--white .logo img{-webkit-filter:invert(1);filter:invert(1)}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#1A1A2F !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>.menu-item__title:hover{color:#003AE4 !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#003AE4;border:1px solid #003AE4 !important;color:#fff !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li.header-btn--primary a:hover{color:#fff !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>a{color:#1A1A2F !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>a:hover{color:#003AE4 !important}.header-v4--white{border-color:rgba(255, 255, 255, 0.25)}.header-v4--white .burger i{background:#fff}.header-v4--white .burger i:before,.header-v4--white .burger i:after{background-color:#fff}@media only screen and (max-width:991px){.header-v4--white .nav{background-color:#fff}}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}}.header-v4--white .nav .main-menu .menu>li>a,.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#fff !important}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li>a,.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#1A1A2F !important}}.header-v4--white .nav .main-menu .menu>li>a:before,.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869518 7.06L3.92285 4L0.869518 0.94L1.80952 0L5.80952 4L1.80952 8L0.869518 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--white .nav .main-menu .menu>li:hover>a,.header-v4--white .nav .main-menu .menu>li:hover>.menu-item__title{color:#003AE4}.header-v4--white .nav .main-menu .menu>li:hover>a:before,.header-v4--white .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:rotate(90deg);background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='white'/%3E%3C/svg%3E%0A") !important}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li:hover>a:before,.header-v4--white .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:none}}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li .sub-menu>li a{color:#1A1A2F !important}}.header-v4--white .nav .main-menu .menu>li.menu-item-has-children>a:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#fff;border:1px solid #fff !important;color:#003AE4 !important}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#003AE4 !important;border-color:#003AE4 !important;color:#fff !important}}.header-v4--white .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:transparent;color:#fff !important}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:#003AE4 !important;border-color:#003AE4 !important;color:#fff !important}}.header-v4--white .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open):hover>.menu-item__title{color:#003AE4 !important}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open):hover>.menu-item__title{color:#1A1A2F !important}}@media only screen and (max-width:991px){.header-v4--white .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title{color:#1A1A2F !important}}.header-v4--black{background-color:#010101 !important;border-color:#383838;transition:none !important;animation:none !important}.header-v4--black .mega-menu{box-shadow:none}.header-v4--black .burger i{background:#fff}.header-v4--black .burger i:before,.header-v4--black .burger i:after{background-color:#fff}.header-v4--black .header-menu-wrap{background-color:#010101;top:74px}.header-v4--black .container{padding:5px 24px}@media only screen and (max-width:991px){.header-v4--black .container{padding:0 40px}}@media only screen and (max-width:480px){.header-v4--black .container{padding:0 24px}}@media only screen and (max-width:991px){.header-v4--black .nav{background-color:#010101}}.header-v4--black .nav .main-menu .menu>li{border-color:rgba(255, 255, 255, 0.2)}.header-v4--black .nav .main-menu .menu>li.menu-item--open>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_310_4599)'%3E%3Cpath d='M6.175 7.15834L10 10.975L13.825 7.15834L15 8.33334L10 13.3333L5 8.33334L6.175 7.15834Z' fill='%237396FB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_310_4599'%3E%3Crect width='20' height='20' fill='white' transform='translate(20) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;transform:rotate(0deg) !important}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li:not(.menu-item--open)>.menu-item__title{color:#fff !important}}.header-v4--black .nav .main-menu .menu>li>a,.header-v4--black .nav .main-menu .menu>li>.menu-item__title{color:#fff !important}.header-v4--black .nav .main-menu .menu>li>a:before,.header-v4--black .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869518 7.06L3.92285 4L0.869518 0.94L1.80952 0L5.80952 4L1.80952 8L0.869518 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--black .nav .main-menu .menu>li .sub-menu>.menu-item__title{color:#fff !important}.header-v4--black .nav .main-menu .menu>li .second-menu__wrap>span{color:#fff !important}.header-v4--black .nav .main-menu .menu>li:hover>a,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title{color:#7396FB !important}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li:hover>a,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title{color:#1A1A2F}}.header-v4--black .nav .main-menu .menu>li:hover>a:before,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:rotate(90deg);background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%237396FB'/%3E%3C/svg%3E%0A")}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li:hover>a:before,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:none;background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869518 7.06L3.92285 4L0.869518 0.94L1.80952 0L5.80952 4L1.80952 8L0.869518 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li:not(.menu-item--open)>.menu-item__title{color:#fff !important}}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li:not(.menu-item--open):hover{color:#fff !important}.header-v4--black .nav .main-menu .menu>li:not(.menu-item--open):hover>.menu-item__title{color:#fff !important}}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children>a:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--black .nav .main-menu .menu>li.header-btn--primary a{background-color:#204FF3 !important;color:#fff !important;box-sizing:border-box}.header-v4--black .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:#003AE4 !important;color:#fff !important}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li .sub-menu>li a{color:#fff !important}}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu{top:74px}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu:after{background-color:#010101;border-color:#383838}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title{border-color:#383838}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .menu-title p{color:#fff}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu{border-color:#383838 !important}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a{color:#fff !important}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu a img{filter:invert(53%) sepia(44%) saturate(941%) hue-rotate(193deg) brightness(105%) contrast(97%)}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu>li:hover a{color:#fff}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .sub-menu .menu-item__title span{color:#D1D1D6;line-height:35px}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap{border-color:#383838}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap>span{color:#D1D1D6 !important}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul{margin:24px 0 0 0;gap:28px 34px}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul span{color:#fff !important}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul p{color:#9999A5;letter-spacing:0.08px;margin:4px 0 0}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul p{display:none}}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a{font-family:"Epilogue", sans-serif}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a{font-size:16px;line-height:27px}}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children .mega-menu .second-menu__wrap ul a:hover:before{background:#202020 !important;height:calc(100% + 14px);top:-8px}.header-v4--black .nav .main-menu+.main-menu li:first-of-type a{border-color:#fff}@media only screen and (max-width:640px){.header-v4--black .nav .main-menu+.main-menu li:first-of-type a:hover{background-color:#fff !important;color:#003AE4 !important}}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu#menu-second-nav>li,.header-v4--black .nav .main-menu .menu#menu-second-nav>li:last-of-type,.header-v4--black .nav .main-menu+.main-menu{border-color:#383838 !important}}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title{color:#fff !important}}@media only screen and (max-width:991px){.header-v4--black .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title:hover{color:#fff !important}}.mobile-menu-open .header-v4{background-color:#fff}.mobile-menu-open .header-v4--white{background-color:#fff}.mobile-menu-open .header-v4--white .logo img{-webkit-filter:invert(1);filter:invert(1)}.mobile-menu-open .header-v4--white .burger i{background:none !important}.mobile-menu-open .header-v4--white .burger i:before,.mobile-menu-open .header-v4--white .burger i:after{background-color:#1A1A2F}.mobile-menu-open .header-v4--black{background-color:#010101}.n-icon-eye a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.5C15.79 6.5 19.17 8.63 20.82 12C19.17 15.37 15.8 17.5 12 17.5C8.2 17.5 4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5ZM12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5ZM12 7.5C9.52 7.5 7.5 9.52 7.5 12C7.5 14.48 9.52 16.5 12 16.5C14.48 16.5 16.5 14.48 16.5 12C16.5 9.52 14.48 7.5 12 7.5Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-light a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.45 4.90995L19.04 3.49995L17.25 5.29995L18.66 6.70995L20.45 4.90995ZM13 3.99995L11 3.99995L11 0.999949L13 0.99995L13 3.99995ZM23 13L20 13L20 11L23 11L23 13ZM11 19.9499L11 15.99L10 15.41C8.76 14.6899 8 13.3699 8 11.9499C8 9.73995 9.79 7.94995 12 7.94995C14.21 7.94995 16 9.73995 16 11.95C16 13.37 15.23 14.69 14 15.41L13 15.99L13 19.95L11 19.9499ZM9 21.9499L15 21.95L15 17.14C16.79 16.1 18 14.17 18 11.95C18 8.63995 15.31 5.94995 12 5.94995C8.69 5.94995 6 8.63995 6 11.9499C6 14.1699 7.21 16.0999 9 17.1399L9 21.9499ZM4 12.9999L1 12.9999L1 10.9999L4 10.9999L4 12.9999ZM6.76 5.28995L4.97 3.48995L3.56 4.89995L5.36 6.68995L6.76 5.28995Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-doc a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2 16.5C7.1 16.5 7.97083 16.6042 8.8125 16.8125C9.65417 17.0208 10.4833 17.3333 11.3 17.75V7.075C10.55 6.575 9.7375 6.1875 8.8625 5.9125C7.9875 5.6375 7.1 5.5 6.2 5.5C5.56667 5.5 4.94583 5.57917 4.3375 5.7375C3.72917 5.89583 3.11667 6.09167 2.5 6.325V17.175C3.01667 16.9417 3.60417 16.7708 4.2625 16.6625C4.92083 16.5542 5.56667 16.5 6.2 16.5ZM12.8 17.75C13.6333 17.3333 14.45 17.0208 15.25 16.8125C16.05 16.6042 16.9 16.5 17.8 16.5C18.4333 16.5 19.0875 16.55 19.7625 16.65C20.4375 16.75 21.0167 16.8833 21.5 17.05V6.325C20.9333 6.04167 20.3333 5.83333 19.7 5.7C19.0667 5.56667 18.4333 5.5 17.8 5.5C16.9 5.5 16.0292 5.6375 15.1875 5.9125C14.3458 6.1875 13.55 6.575 12.8 7.075V17.75ZM12.05 20C11.2 19.3667 10.275 18.8792 9.275 18.5375C8.275 18.1958 7.25 18.025 6.2 18.025C5.58333 18.025 4.98333 18.1 4.4 18.25C3.81667 18.4 3.23333 18.5833 2.65 18.8C2.26667 18.9833 1.89583 18.9583 1.5375 18.725C1.17917 18.4917 1 18.1583 1 17.725V6.15C1 5.9 1.05833 5.67083 1.175 5.4625C1.29167 5.25417 1.46667 5.09167 1.7 4.975C2.4 4.64167 3.12917 4.39583 3.8875 4.2375C4.64583 4.07917 5.41667 4 6.2 4C7.25 4 8.27083 4.14167 9.2625 4.425C10.2542 4.70833 11.1833 5.14167 12.05 5.725C12.9 5.14167 13.8125 4.70833 14.7875 4.425C15.7625 4.14167 16.7667 4 17.8 4C18.5833 4 19.35 4.07917 20.1 4.2375C20.85 4.39583 21.575 4.64167 22.275 4.975C22.5083 5.09167 22.6875 5.25417 22.8125 5.4625C22.9375 5.67083 23 5.9 23 6.15V17.725C23 18.1917 22.8125 18.5458 22.4375 18.7875C22.0625 19.0292 21.6917 19.0333 21.325 18.8C20.7583 18.5667 20.1833 18.3792 19.6 18.2375C19.0167 18.0958 18.4167 18.025 17.8 18.025C16.75 18.025 15.7417 18.2 14.775 18.55C13.8083 18.9 12.9 19.3833 12.05 20Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-paper a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19L5 5L19 5L19 19L5 19ZM5 21L19 21C20.1 21 21 20.1 21 19L21 5C21 3.9 20.1 3 19 3L5 3C3.9 3 3 3.9 3 5L3 19C3 20.1 3.9 21 5 21Z' fill='%23003AE4'/%3E%3Cpath d='M10 7L17 7L17 9L10 9L10 7ZM7 11L17 11L17 13L7 13L7 11ZM7 15L17 15L17 17L7 17L7 15Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-library a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2ZM9 4H11V9L10 8.25L9 9V4ZM18 20H6V4H7V13L10 10.75L13 13V4H18V20Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-learning a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3ZM18.82 9L12 12.72L5.18 9L12 5.28L18.82 9ZM17 15.99L12 18.72L7 15.99V12.27L12 15L17 12.27V15.99Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-users a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 13.75C6.66 13.75 2 14.92 2 17.25L2 19H16V17.25C16 14.92 11.34 13.75 9 13.75ZM4.34 17C5.18 16.42 7.21 15.75 9 15.75C10.79 15.75 12.82 16.42 13.66 17H4.34ZM9 12C10.93 12 12.5 10.43 12.5 8.5C12.5 6.57 10.93 5 9 5C7.07 5 5.5 6.57 5.5 8.5C5.5 10.43 7.07 12 9 12ZM9 7C9.83 7 10.5 7.67 10.5 8.5C10.5 9.33 9.83 10 9 10C8.17 10 7.5 9.33 7.5 8.5C7.5 7.67 8.17 7 9 7ZM16.04 13.81C17.2 14.65 18 15.77 18 17.25V19H22V17.25C22 15.23 18.5 14.08 16.04 13.81ZM15 12C16.93 12 18.5 10.43 18.5 8.5C18.5 6.57 16.93 5 15 5C14.46 5 13.96 5.13 13.5 5.35C14.13 6.24 14.5 7.33 14.5 8.5C14.5 9.67 14.13 10.76 13.5 11.65C13.96 11.87 14.46 12 15 12Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-case a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6V4L10 4V6L14 6ZM4 8L4 19L20 19L20 8L4 8ZM20 6C21.11 6 22 6.89 22 8L22 19C22 20.11 21.11 21 20 21L4 21C2.89 21 2 20.11 2 19L2.01 8C2.01 6.89 2.89 6 4 6L8 6V4C8 2.89 8.89 2 10 2L14 2C15.11 2 16 2.89 16 4V6H20Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.n-icon-news a:before{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V8L16 3ZM19 19H5V5H15V9H19V19ZM7 17H17V15H7V17ZM12 7H7V9H12V7ZM7 13H17V11H7V13Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}.page-template-page-schedule-meeting .header-v4 .nav{min-height:64px}.page-template-page-schedule-meeting .header-v4.header-active.header-v4--white .custom-logo{filter:invert(1)}.header-v4 .mega-menu .for-black{display:none !important;margin-top:0 !important}.header-v4--white .mega-menu .for-black{display:none !important;margin-top:0 !important}.header-v4--black .mega-menu{background-color:#010101 !important}.header-v4--black .mega-menu .for-white{display:none !important;margin-top:0 !important}.header-v4--black .mega-menu .for-black{display:block !important}.header-v4--black .mega-menu .for-black+.for-black{margin-top:32px !important}


body.mobile-menu-open{overflow:hidden !important}body.mobile-menu-open .burger i{background:none}body.mobile-menu-open .burger i:after,body.mobile-menu-open .burger i:before{left:-4px;right:-4px}body.mobile-menu-open .burger i:before{bottom:50%;margin-bottom:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}body.mobile-menu-open .burger i:after{top:50%;margin-top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (max-width:1024px){body.mobile-menu-open .nav{overflow-y:auto;right:0;top:63px;padding:0;bottom:0;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.35s ease, -webkit-transform 0.35s ease;transition:opacity 0.35s ease, -webkit-transform 0.35s ease;transition:opacity 0.35s ease, transform 0.35s ease;transition:opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease}}@media only screen and (max-width:1024px){body.mobile-menu-open .nav{top:72px}}.header-v4{background-color:transparent;position:absolute;top:0;left:0;width:100%;z-index:888;padding:0}@media only screen and (max-width:1024px){.header-v4{padding:40px 0 23px;top:0;height:72px}}@media only screen and (max-width:480px){.header-v4{padding:36px 0 8px}}.header-v4 .container{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:8px;max-width:1488px}@media only screen and (max-width:1440px){.header-v4 .container{max-width:100%;padding:4px 80px}}@media only screen and (max-width:1024px){.header-v4 .container{padding:4px 64px;height:calc(100% - 85px)}}@media only screen and (max-width:768px){.header-v4 .container{padding:0 40px}}@media only screen and (max-width:480px){.header-v4 .container{padding:0 24px;height:calc(100% - 140px)}}.header-v4 .logo{top:0px;width:148px;-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:56px;position:relative;margin-right:auto}@media only screen and (max-width:1024px){.header-v4 .logo{width:136px}}@media only screen and (max-width:1024px){.header-v4 .logo{width:126px}}@media only screen and (max-width:480px){.header-v4 .logo{width:124px}}.header-v4 .logo a{display:block;overflow:hidden}.header-v4 .logo img{height:auto;display:block;width:auto;height:24px}@media only screen and (max-width:480px){.header-v4 .logo img{height:20px}}.header-v4 .burger{display:none;top:3px;right:21px;width:20px;height:14px;bottom:28px;z-index:1200;position:absolute}@media only screen and (max-width:1024px){.header-v4 .burger{display:block}}@media only screen and (max-width:1024px){.header-v4 .burger{top:-7px;right:64px}}@media only screen and (max-width:768px){.header-v4 .burger{right:40px}}@media only screen and (max-width:480px){.header-v4 .burger{right:24px}}.header-v4 .burger i{left:0;right:0;top:50%;height:2px;margin-top:-1px;position:absolute;background:#1A1A2F;-webkit-transition:background-color 0.35s ease;transition:background-color 0.35s ease}.header-v4 .burger i:before,.header-v4 .burger i:after{left:0;right:0;content:"";height:2px;position:absolute;background:#1A1A2F;-webkit-transition:all 0.35s ease;transition:all 0.35s ease}.header-v4 .burger i:before{bottom:-6px}.header-v4 .burger i:after{top:-6px}.header-v4 .header-menu-wrap{position:absolute;top:72px;width:100vw;left:50%;transform:translateX(-50%);z-index:2;overflow:hidden;box-shadow:0px 4px 8px rgba(26, 26, 47, 0.08);background-color:#fff}@media only screen and (max-width:1440px){.header-v4 .header-menu-wrap{top:64px}}@media only screen and (max-width:1024px){.header-v4 .header-menu-wrap{display:none}}.header-v4 .nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto}@media screen and (min-width:1025px){.header-v4 .nav{margin-top:0 !important}}@media only screen and (max-width:1024px){.header-v4 .nav{margin:0;opacity:0;width:100%;top:-9999px;right:9999px;bottom:9999px;z-index:1100;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;position:fixed;overflow-y:auto;overflow-x:hidden;background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;scroll-behavior:smooth;-webkit-transform:translateX(100%);transform:translateX(100%);padding:17px 22px 30px 32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-overflow-scrolling:touch;-webkit-transition:all 0s ease 0.35s, opacity 0.35s ease, -webkit-transform 0.35s ease;transition:all 0s ease 0.35s, opacity 0.35s ease, -webkit-transform 0.35s ease;transition:all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease;transition:all 0s ease 0.35s, opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease}}.header-v4 .nav .main-menu{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:14px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu{padding:0;display:block;width:100%;-webkit-transition:none !important;transition:none !important;display:block !important;overflow-y:auto;height:calc(100% - 90px);max-width:100%;margin:0}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu{height:calc(100% - 140px)}}.header-v4 .nav .main-menu .menu{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:0}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu{width:100%;display:block}}.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:20px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:24px 64px;border-top:1px solid #D1D1D6 !important}}@media only screen and (max-width:768px){.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:24px 40px}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu .menu#menu-second-nav>li{padding:24px}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu#menu-second-nav>li:last-of-type{border-bottom:1px solid #D1D1D6 !important}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu#primary-menu{text-align:center;flex-direction:row}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu .menu#primary-menu{flex-direction:column}}.header-v4 .nav .main-menu .menu .menu-item__title{cursor:default}.header-v4 .nav .main-menu .menu>li{position:static}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li{margin-top:0}}.header-v4 .nav .main-menu .menu>li>a,.header-v4 .nav .main-menu .menu>li>.menu-item__title{font-weight:500;font-size:14px;line-height:24px;color:#010101;font-family:"Epilogue", sans-serif}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li>a,.header-v4 .nav .main-menu .menu>li>.menu-item__title{font-size:16px !important;line-height:24px}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li>a{display:block}}.header-v4 .nav .main-menu .menu>li>.menu-item__title{position:relative;padding-right:16px}.header-v4 .nav .main-menu .menu>li>.menu-item__title:before{content:"";width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A");position:absolute;background-repeat:no-repeat;background-position:center;top:0;transition:all 0.3s ease;right:-12px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li>.menu-item__title:before{right:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_547_136712)'%3E%3Cpath d='M7.15845 13.825L10.9751 10L7.15845 6.175L8.33345 5L13.3334 10L8.33345 15L7.15845 13.825Z' fill='%23010101'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_547_136712'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important}}.header-v4 .nav .main-menu .menu>li.menu-item--open .menu-item__title:before{transform:rotate(90deg) !important}.header-v4 .nav .main-menu .menu>li:hover>a{color:#003AE4}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li:hover>a{color:#1A1A2F}}.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title{color:#003AE4}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title{color:#1A1A2F}}.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:rotate(90deg);background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869385 7.06L3.92272 4L0.869385 0.94L1.80938 0L5.80938 4L1.80938 8L0.869385 7.06Z' fill='%23003AE4'/%3E%3C/svg%3E%0A")}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734>a,.header-v4 .nav .main-menu .menu>li.menu-item-7371>a,.header-v4 .nav .main-menu .menu>li.menu-item-8344>a,.header-v4 .nav .main-menu .menu>li.menu-item-15415>a,.header-v4 .nav .main-menu .menu>li.menu-item-15416>a,.header-v4 .nav .main-menu .menu>li.menu-item-17450>a,.header-v4 .nav .main-menu .menu>li.menu-item-17451>a{position:relative;padding-right:24px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734>a,.header-v4 .nav .main-menu .menu>li.menu-item-7371>a,.header-v4 .nav .main-menu .menu>li.menu-item-8344>a,.header-v4 .nav .main-menu .menu>li.menu-item-15415>a,.header-v4 .nav .main-menu .menu>li.menu-item-15416>a,.header-v4 .nav .main-menu .menu>li.menu-item-17450>a,.header-v4 .nav .main-menu .menu>li.menu-item-17451>a{display:block}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu{position:absolute;top:72px;width:100vw;left:50%;transform:translateX(-50%);z-index:2;display:none;background-color:#fff;box-shadow:0px 4px 8px rgba(26, 26, 47, 0.08)}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu{position:static;transform:none;box-shadow:none;width:100%;max-width:100%;max-height:none;border:none !important;box-shadow:none !important;display:block}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu__wrap{display:flex;width:100%;max-width:1488px;margin:auto;padding:0 24px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu__wrap{padding:0 24px;min-height:240px;max-width:1328px}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu__wrap{max-width:1168px}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu__wrap{max-width:912px}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu__wrap{display:flex;flex-direction:column;min-height:auto;padding:0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu:before{content:"";width:100vw;height:100px;position:absolute;top:-13px;left:50%;transform:translateX(-50%);z-index:-1}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu:before,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu:before{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu:after{content:"";width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu:after,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu:after{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu{display:flex !important;flex-direction:column;opacity:1;position:static;width:100%;max-width:15%;order:1;box-shadow:none;min-width:auto;list-style:none;padding:26px 0 0 4px;margin:0;border-right:1px solid rgba(1, 1, 1, 0.05)}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu{max-width:19.5%}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu{max-width:23%}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu{max-width:100%;padding:0;border:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .menu-item__title{text-align:left;height:43px;font-family:"Epilogue", sans-serif;color:#4D5062}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .menu-item__title{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .menu-item__title span,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .menu-item__title span,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .menu-item__title span,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .menu-item__title span,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .menu-item__title span,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .menu-item__title span,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .menu-item__title span{font-size:14px;line-height:24px;letter-spacing:1px;text-transform:uppercase}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a{color:#2A2C3A;font-weight:500;font-size:14px;line-height:33px;text-decoration:none;letter-spacing:0;position:relative;-webkit-transition:color 0.35s ease;transition:color 0.35s ease;display:inline-block;width:auto;padding:0;font-family:"Epilogue", sans-serif;text-align:left;padding:7px 0}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a{padding:16px 8px 16px 40px;line-height:14px !important}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a:hover,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a:hover,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a:hover,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a:hover,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a:hover,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a:hover,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a:hover{color:#fff}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a img{margin-right:14px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a img,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a img{position:absolute;left:10px;top:50%;transform:translateY(-50%);margin-right:0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .new strong,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .new strong,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .new strong,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .new strong,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .new strong,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .new strong,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .new strong{display:inline-block;position:relative;padding:6px 8px;border-radius:8px;background:#E1FADC;margin-left:12px}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .new strong:before,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .new strong:before,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .new strong:before,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .new strong:before,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .new strong:before,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .new strong:before,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .new strong:before{content:"New!";font-size:14px;font-weight:600;line-height:14px;font-family:"Epilogue", sans-serif;color:#010101;display:block}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .menu-item__link:hover,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .menu-item__link:hover,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .menu-item__link:hover,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .menu-item__link:hover,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .menu-item__link:hover,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .menu-item__link:hover,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .menu-item__link:hover{color:#2A2C3A}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap{order:2;width:100%;max-width:40%;padding:32px 46px 32px 47px;border-right:1px solid rgba(1, 1, 1, 0.05)}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap{max-width:57.5%;padding:32px 46px 66px 55px;border:none}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap{max-width:62.054%}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap{max-width:100%;border:none;padding:0;margin-top:24px}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap>span,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap>span,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap>span,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap>span,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap>span,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap>span,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap>span{font-weight:500;font-size:14px;line-height:24px;letter-spacing:1px;text-transform:uppercase;font-family:"Epilogue", sans-serif;color:#4D5062}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul{display:grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr);gap:16px 34px;list-style:none;padding:0;margin:7px 0 0 0}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul{display:flex;flex-direction:column;gap:28px;margin:24px 0 0 0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a{margin-bottom:0;position:relative;display:block}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a{margin-bottom:0;display:block}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a:before{content:"";position:absolute;top:0;left:-24px;background:#F6F7FA;border-radius:8px;width:calc(100% + 32px);height:calc(100% + 6px);display:none;transition:all 0.3s ease-in-out}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a:before,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a:before{top:-10px;left:-16px;height:calc(100% + 21px)}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a:hover:before{display:block}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul span,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul span,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul span,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul span,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul span,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul span,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul span{font-weight:500;font-size:14px;line-height:24px;color:#2A2C3A;font-family:"Epilogue", sans-serif;position:relative}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul p{font-weight:400;font-size:12px;line-height:18px;color:#9999A5;margin-top:4px;font-family:"Epilogue", sans-serif;position:relative}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul p,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul p{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap+.menu-cta__wrap{padding-top:50px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap+.menu-cta__wrap{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap{order:3;width:100%;max-width:45%;padding:28px 0 27px 37px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap{max-width:59%}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap{display:none}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap{max-width:100%;display:block;padding:22px 0 0}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap{padding:16px 0 0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap a{display:block}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap a img,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap a img,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap a img,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap a img,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap a img,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap a img,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap a img{max-width:100%;height:auto;border:1px solid transparent;transition:all 0.3s ease-in-out;border-radius:8px}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap a+a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap a+a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap a+a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap a+a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap a+a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap a+a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap a+a{margin-top:32px}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-cta__wrap a:hover img,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-cta__wrap a:hover img,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-cta__wrap a:hover img,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-cta__wrap a:hover img,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-cta__wrap a:hover img,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-cta__wrap a:hover img,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-cta__wrap a:hover img{background:linear-gradient(0deg, rgba(214, 226, 255, 0.5), rgba(214, 226, 255, 0.5)), #FFFFFF;border-color:#003AE4}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title{width:100%;max-width:15%;padding:32px 41.5px 0 5px;border-right:1px solid rgba(1, 1, 1, 0.05)}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title{max-width:21%}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title{max-width:24.5%}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title{display:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title span,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title span,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title span,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title span,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title span,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title span,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title span{font-weight:600;font-size:18px;line-height:24px;font-family:"Epilogue", sans-serif}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title p,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title p,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title p,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title p,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title p,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title p,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title p{font-weight:500;font-size:14px;line-height:24px;margin-top:8px}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:40% !important;border-right:1px solid rgba(1, 1, 1, 0.05);padding:32px 20px 0 24px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:20% !important}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:28% !important;border:none}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:100% !important;padding:0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu a{line-height:24px}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title+.menu-cta__wrap,.header-v4 .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title+.menu-cta__wrap{max-width:0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734:hover>a,.header-v4 .nav .main-menu .menu>li.menu-item-7371:hover>a,.header-v4 .nav .main-menu .menu>li.menu-item-8344:hover>a,.header-v4 .nav .main-menu .menu>li.menu-item-15415:hover>a,.header-v4 .nav .main-menu .menu>li.menu-item-15416:hover>a,.header-v4 .nav .main-menu .menu>li.menu-item-17450:hover>a,.header-v4 .nav .main-menu .menu>li.menu-item-17451:hover>a{color:#003AE4}.header-v4 .nav .main-menu .menu>li.menu-item-4734:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451:hover .mega-menu{display:block}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450:hover .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451:hover .mega-menu{max-height:none !important;transition:none}}.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item--open>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item--open>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item--open>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item--open>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item--open>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item--open>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item--open>.menu-item__title{color:#003AE4}.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item--open .mega-menu{margin-top:36px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item--open .mega-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item--open .mega-menu{margin-top:0}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734:not(.menu-item--open)>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-7371:not(.menu-item--open)>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-8344:not(.menu-item--open)>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15415:not(.menu-item--open)>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-15416:not(.menu-item--open)>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17450:not(.menu-item--open)>.menu-item__title,.header-v4 .nav .main-menu .menu>li.menu-item-17451:not(.menu-item--open)>.menu-item__title{color:#1A1A2F !important}}.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .sub-menu{flex-direction:row;flex-wrap:wrap;padding-bottom:20px !important}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .sub-menu{flex-direction:column;padding-bottom:0}}.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .sub-menu li{width:100%;max-width:50%}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .sub-menu li,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .sub-menu li{max-width:100%}}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:44% !important}}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:62% !important}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.menu-item-4734.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-7371.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-8344.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15415.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-15416.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17450.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu,.header-v4 .nav .main-menu .menu>li.menu-item-17451.menu-item-4734 .mega-menu .menu-title+.menu-cta__wrap+.sub-menu{max-width:100% !important}}.header-v4 .nav .main-menu .menu>li>a{color:#010101;font-weight:500;font-size:14px;line-height:24px;vertical-align:top;display:inline-block;-webkit-transition:color 0.35s ease;transition:color 0.35s ease;text-decoration:none}.header-v4 .nav .main-menu .menu>li.header-btn--primary a{border-radius:50px;text-decoration:none;display:inline-block;letter-spacing:0.5px;transition:all 0.3s ease;color:#fff;background-color:#204FF3;border-color:#204FF3;font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.5px;padding:12px 24px;border:none}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li.header-btn--primary a{width:100%;padding:12px 16px}}.header-v4 .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:#003AE4 !important;border-color:#003AE4 !important;color:#fff !important}.header-v4 .nav .main-menu .menu>li.header-btn--transparent a{border-radius:50px;text-decoration:none;display:inline-block;letter-spacing:0.5px;transition:all 0.3s ease;color:#204FF3 !important;border:1px solid #204FF3 !important;color:#fff;font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.5px;padding:12px 24px;border:none}@media only screen and (max-width:1180px){.header-v4 .nav .main-menu .menu>li.header-btn--transparent a{display:none}}.header-v4 .nav .main-menu .menu>li.header-btn--transparent a:hover{background-color:#204FF3 !important;border:1px solid #204FF3 !important;color:#fff !important}.header-v4 .nav .main-menu .menu>li:first-of-type:hover .mega-menu{max-height:819px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li:first-of-type:hover .mega-menu{max-height:800px}}.header-v4 .nav .main-menu .menu>li:last-of-type:hover .mega-menu{max-height:222px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu .menu>li:last-of-type:hover .mega-menu{max-height:800px}}.header-v4 .nav .main-menu+.main-menu{margin-left:auto}@media only screen and (max-width:1280px){.header-v4 .nav .main-menu+.main-menu{display:none}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu+.main-menu{margin-left:0;margin-left:0;position:absolute;bottom:0;height:auto;padding:24px 64px;border-top:1px solid #D1D1D6 !important;background-color:white}}@media only screen and (max-width:768px){.header-v4 .nav .main-menu+.main-menu{padding:24px 40px}}@media only screen and (max-width:480px){.header-v4 .nav .main-menu+.main-menu{padding:24px}}.header-v4 .nav .main-menu+.main-menu .menu{gap:16px}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu+.main-menu .menu{display:flex;flex-direction:column;gap:12px}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu+.main-menu li{width:100%}}@media only screen and (max-width:1024px){.header-v4 .nav .main-menu+.main-menu li:first-of-type a{border-radius:50px;text-decoration:none;display:block;padding:11px 16px;font-weight:500;font-size:14px;line-height:16px;letter-spacing:0.5px;border:1px solid #1A1A2F !important}}@media only screen and (max-width:1440px){.header-v4 .nav .main-menu+.main-menu li:nth-child(3){display:none}}.header-v4.header-active{position:fixed;background-color:#fff;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.15);transition:all 0.3s ease;top:0}.header-v4.header-active.header-v4--white{background-color:#fff}.header-v4.header-active.header-v4--white .logo img{-webkit-filter:invert(1);filter:invert(1)}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#1A1A2F !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a:before,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a:hover,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title:hover{color:#003AE4 !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>a:hover:before,.header-v4.header-active.header-v4--white .nav .main-menu .menu>li>.menu-item__title:hover:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}.header-v4.header-active.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#204FF3;border:1px solid #204FF3 !important;color:#fff !important}@media only screen and (max-width:1024px){.header-v4.header-active.header-v4--white .nav .main-menu .menu>li :not(.menu-item--open)>.menu-item__title{color:#1A1A2F !important}}@media only screen and (max-width:1024px){.header-v4.header-active.header-v4--white .nav .main-menu .menu>li :not(.menu-item--open):hover>.menu-item__title{color:#1A1A2F !important}}.header-v4.header-active.header-v4--white .burger i{background:#1A1A2F}.header-v4.header-active.header-v4--white .burger i:before,.header-v4.header-active.header-v4--white .burger i:after{background-color:#1A1A2F}.header-v4.header-hover{background-color:#fff}.header-v4.header-hover.header--dark{background-color:#010101 !important}.header-v4.header-hover.header-v4--white .logo img{-webkit-filter:invert(1);filter:invert(1)}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#1A1A2F !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>.menu-item__title:hover{color:#003AE4 !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#003AE4;border:1px solid #003AE4 !important;color:#fff !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li.header-btn--primary a:hover{color:#fff !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>a{color:#1A1A2F !important}.header-v4.header-hover.header-v4--white .nav .main-menu .menu>li>a:hover{color:#003AE4 !important}.header-v4 .mega-menu{border-top:1px solid rgba(209, 209, 214, 0.5)}.header-v4 .mega-menu .why-frontegg__list{width:calc(100% - 212px);padding:40px 40px 40px 0;display:flex;justify-content:start;gap:80px;max-height:calc(100vh - 74px);overflow-y:auto;margin-bottom:20px}@media only screen and (max-width:1440px){.header-v4 .mega-menu .why-frontegg__list{width:calc(100% - 368px)}}@media only screen and (max-width:1440px){.header-v4 .mega-menu .why-frontegg__list{width:100%}}@media only screen and (max-width:1280px){.header-v4 .mega-menu .why-frontegg__list{padding:32px 40px 32px 0}}@media only screen and (max-width:1180px){.header-v4 .mega-menu .why-frontegg__list{gap:56px;padding:32px 0}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .why-frontegg__list{width:100%;flex-direction:column;gap:40px;margin-bottom:0;max-height:100%;padding:24px 0 0}}.header-v4 .mega-menu .why-frontegg__list__item{min-width:275px;max-width:100%;width:auto}@media only screen and (max-width:1440px){.header-v4 .mega-menu .why-frontegg__list__item{width:auto}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .why-frontegg__list__item{width:100%}}.header-v4 .mega-menu .why-frontegg__list__group+.platform__list__group{margin-top:32px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .why-frontegg__list__group+.platform__list__group{margin-top:40px}}.header-v4 .mega-menu .why-frontegg__list__title{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #D1D1D6;position:relative;color:#010101 !important;font-family:"Epilogue", sans-serif;font-size:16px;font-weight:500;line-height:20px;position:relative;transition:all 0.3s ease-in-out;gap:24px}@media only screen and (max-width:1280px){.header-v4 .mega-menu .why-frontegg__list__title{font-size:14px;line-height:18px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .why-frontegg__list__title{border-bottom:none;justify-content:flex-start;gap:16px}}.header-v4 .mega-menu .why-frontegg__list__title:hover{color:#204FF3 !important}.header-v4 .mega-menu .why-frontegg__list__title:hover:after{background-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3536 8.35356C16.5488 8.15829 16.5488 7.84171 16.3536 7.64645L13.1716 4.46447C12.9763 4.26921 12.6597 4.26921 12.4645 4.46447C12.2692 4.65973 12.2692 4.97631 12.4645 5.17158L15.2929 8L12.4645 10.8284C12.2692 11.0237 12.2692 11.3403 12.4645 11.5355C12.6597 11.7308 12.9763 11.7308 13.1716 11.5355L16.3536 8.35356ZM-8.74228e-08 8.5L16 8.5L16 7.5L8.74228e-08 7.5L-8.74228e-08 8.5Z' fill='%23204FF3'/%3E%3C/svg%3E%0A")}.header-v4 .mega-menu .why-frontegg__list__title--title:after{display:none}.header-v4 .mega-menu .why-frontegg__list__title--title:hover{color:#010101 !important}.header-v4 .mega-menu .why-frontegg__list ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .why-frontegg__list ul{gap:24px}}.header-v4 .mega-menu .why-frontegg__list ul li{width:calc(50% - 8px)}.header-v4 .mega-menu .why-frontegg__list ul a{display:block;color:#55555F !important;font-family:"Epilogue", sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all 0.3s ease-in-out}.header-v4 .mega-menu .why-frontegg__list ul a:hover{color:#204FF3 !important}.header-v4 .mega-menu .platform__list{width:calc(100% - 392px);padding:40px 40px 40px 0;display:flex;justify-content:start;gap:80px;max-height:calc(100vh - 74px);overflow-y:auto;margin:0}@media only screen and (max-width:1440px){.header-v4 .mega-menu .platform__list{width:calc(100% - 368px)}}@media only screen and (max-width:1280px){.header-v4 .mega-menu .platform__list{width:100%;padding:32px 40px 32px 0}}@media only screen and (max-width:1180px){.header-v4 .mega-menu .platform__list{gap:56px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .platform__list{width:100%;flex-direction:column;gap:40px;margin-bottom:0;max-height:100%;padding:24px 0 0}}.header-v4 .mega-menu .platform__list__item{width:275px;max-width:100%}@media only screen and (max-width:1440px){.header-v4 .mega-menu .platform__list__item{width:auto;min-width:266px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .platform__list__item{width:100%}}.header-v4 .mega-menu .platform__list__group+.platform__list__group{margin-top:56px}@media only screen and (max-width:1280px){.header-v4 .mega-menu .platform__list__group+.platform__list__group{margin-top:32px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .platform__list__group+.platform__list__group{margin-top:40px}}.header-v4 .mega-menu .platform__list__title{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #D1D1D6;position:relative;color:#010101 !important;font-family:"Epilogue", sans-serif;font-size:16px;font-weight:500;line-height:20px;position:relative;transition:all 0.3s ease-in-out;gap:24px}@media only screen and (max-width:1280px){.header-v4 .mega-menu .platform__list__title{font-size:14px;line-height:18px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .platform__list__title{border-bottom:none;justify-content:flex-start;gap:16px}}.header-v4 .mega-menu .platform__list__title:hover{color:#204FF3 !important}.header-v4 .mega-menu .platform__list__title:hover:after{background-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3536 8.35356C16.5488 8.15829 16.5488 7.84171 16.3536 7.64645L13.1716 4.46447C12.9763 4.26921 12.6597 4.26921 12.4645 4.46447C12.2692 4.65973 12.2692 4.97631 12.4645 5.17158L15.2929 8L12.4645 10.8284C12.2692 11.0237 12.2692 11.3403 12.4645 11.5355C12.6597 11.7308 12.9763 11.7308 13.1716 11.5355L16.3536 8.35356ZM-8.74228e-08 8.5L16 8.5L16 7.5L8.74228e-08 7.5L-8.74228e-08 8.5Z' fill='%23204FF3'/%3E%3C/svg%3E%0A")}.header-v4 .mega-menu .platform__list__title--title:after{display:none}.header-v4 .mega-menu .platform__list__title--title:hover{color:#010101 !important}.header-v4 .mega-menu .platform__list ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .platform__list ul{gap:24px}}.header-v4 .mega-menu .platform__list ul a{display:block;color:#55555F !important;font-family:"Epilogue", sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all 0.3s ease-in-out}.header-v4 .mega-menu .platform__list ul a:hover{color:#204FF3 !important}.header-v4 .mega-menu .platform__info{width:392px;position:relative;background-color:#F6F7FA;padding:40px 0 30px 64px;margin:0}@media only screen and (max-width:1440px){.header-v4 .mega-menu .platform__info{width:368px;padding-left:40px}}@media only screen and (max-width:1280px){.header-v4 .mega-menu .platform__info{width:286px;padding-top:32px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .platform__info{display:none}}.header-v4 .mega-menu .platform__info img{border-radius:16px;margin-bottom:24px}.header-v4 .mega-menu .platform__info span{color:#010101;font-family:"Epilogue", sans-serif;font-size:16px;font-weight:500;line-height:24px;display:block;margin-bottom:8px}.header-v4 .mega-menu .platform__info a{color:#204FF3 !important;font-family:"Epilogue", sans-serif;font-size:14px;font-weight:500;line-height:16px;letter-spacing:0.5px;display:flex;align-items:center;gap:16px;position:relative;transition:all 0.3s ease-in-out}.header-v4 .mega-menu .platform__info a:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3536 8.35356C16.5488 8.15829 16.5488 7.84171 16.3536 7.64645L13.1716 4.46447C12.9763 4.26921 12.6597 4.26921 12.4645 4.46447C12.2692 4.65973 12.2692 4.97631 12.4645 5.17158L15.2929 8L12.4645 10.8284C12.2692 11.0237 12.2692 11.3403 12.4645 11.5355C12.6597 11.7308 12.9763 11.7308 13.1716 11.5355L16.3536 8.35356ZM-8.74228e-08 8.5L16 8.5L16 7.5L8.74228e-08 7.5L-8.74228e-08 8.5Z' fill='%23204FF3'/%3E%3C/svg%3E%0A");width:17px;height:16px;background-size:contain;background-repeat:no-repeat}.header-v4 .mega-menu .platform__info a:hover{gap:22px}.header-v4 .mega-menu .platform__info:before{content:"";width:calc((100vw - 1440px) / 2);height:100%;position:absolute;top:0;right:0;background-color:#F6F7FA;right:calc((-100vw + 1440px) / 2)}@media only screen and (max-width:1440px){.header-v4 .mega-menu .platform__info:before{width:calc((100vw - 1280px) / 2);right:calc((-100vw + 1280px) / 2)}}@media only screen and (max-width:1280px){.header-v4 .mega-menu .platform__info:before{width:calc((100vw - 1096px) / 2);right:calc((-100vw + 1096px) / 2)}}@media only screen and (max-width:1180px){.header-v4 .mega-menu .platform__info:before{width:calc((100vw - 1026px) / 2);right:calc((-100vw + 1026px) / 2)}}.header-v4 .mega-menu .resources__list{padding:40px 0;display:flex;justify-content:start;gap:80px;width:100%}@media only screen and (max-width:1180px){.header-v4 .mega-menu .resources__list{gap:56px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .resources__list{padding:24px 0 0;flex-direction:column;gap:40px}}.header-v4 .mega-menu .resources__list__item{width:25%}@media only screen and (max-width:1024px){.header-v4 .mega-menu .resources__list__item{width:100% !important}}.header-v4 .mega-menu .resources__list__item:nth-child(2){width:40%}.header-v4 .mega-menu .resources__list__item:nth-child(2) ul{column-count:2}@media only screen and (max-width:1024px){.header-v4 .mega-menu .resources__list__item:nth-child(2) ul{column-count:1}}.header-v4 .mega-menu .resources__list span{display:block;padding-bottom:8px;border-bottom:1px solid #D1D1D6;color:#010101;font-family:"Epilogue", sans-serif;font-size:16px;font-weight:500;line-height:20px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .resources__list span{font-size:14px;line-height:18px;border-bottom:none}}.header-v4 .mega-menu .resources__list ul{margin:16px 0 0;padding:0;list-style:none}@media only screen and (max-width:1024px){.header-v4 .mega-menu .resources__list ul{display:flex;flex-direction:column;gap:24px}}.header-v4 .mega-menu .resources__list ul li+li{margin-top:16px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .resources__list ul li+li{margin-top:0}}.header-v4 .mega-menu .resources__list ul a{display:block;color:#55555F !important;font-family:"Epilogue", sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all 0.3s ease-in-out}.header-v4 .mega-menu .resources__list ul a:hover{color:#204FF3 !important}.header-v4 .mega-menu .developers_list{padding:40px 0;display:flex;gap:80px}@media only screen and (max-width:1180px){.header-v4 .mega-menu .developers_list{gap:56px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .developers_list{flex-direction:column;gap:24px;padding:24px 0}}@media only screen and (max-width:768px){.header-v4 .mega-menu .developers_list{padding:24px 0 0}}.header-v4 .mega-menu .developers_list__item{width:174px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .developers_list__item{width:100%}}.header-v4 .mega-menu .developers_list ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .developers_list ul{gap:24px}}.header-v4 .mega-menu .company_list{padding:40px 0;display:flex;gap:80px}@media only screen and (max-width:1180px){.header-v4 .mega-menu .company_list{gap:56px}}@media only screen and (max-width:1024px){.header-v4 .mega-menu .company_list{flex-direction:column;gap:24px;padding:24px 0}}@media only screen and (max-width:768px){.header-v4 .mega-menu .company_list{padding:24px 0 0}}.header-v4 .mega-menu .company_list__item{width:174px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .company_list__item{width:100%}}.header-v4 .mega-menu .company_list ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}@media only screen and (max-width:1024px){.header-v4 .mega-menu .company_list ul{gap:24px}}.header-v4 .mega-menu .company_list ul a{display:block;color:#55555F !important;font-family:"Epilogue", sans-serif;font-size:14px;font-weight:400;line-height:20px;transition:all 0.3s ease-in-out}.header-v4 .mega-menu .company_list ul a:hover{color:#204FF3 !important}.header-v4--white{border-color:rgba(255, 255, 255, 0.25)}.header-v4--white .burger i{background:#fff}.header-v4--white .burger i:before,.header-v4--white .burger i:after{background-color:#fff}@media only screen and (max-width:1024px){.header-v4--white .nav{background-color:#fff}}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%231A1A2F'/%3E%3C/svg%3E%0A") !important}}.header-v4--white .nav .main-menu .menu>li>a,.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#fff !important}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li>a,.header-v4--white .nav .main-menu .menu>li>.menu-item__title{color:#1A1A2F !important}}.header-v4--white .nav .main-menu .menu>li>a:before,.header-v4--white .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869518 7.06L3.92285 4L0.869518 0.94L1.80952 0L5.80952 4L1.80952 8L0.869518 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--white .nav .main-menu .menu>li:hover>a,.header-v4--white .nav .main-menu .menu>li:hover>.menu-item__title{color:#003AE4}.header-v4--white .nav .main-menu .menu>li:hover>a:before,.header-v4--white .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:rotate(90deg);background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='white'/%3E%3C/svg%3E%0A") !important}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li:hover>a:before,.header-v4--white .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:none}}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li .sub-menu>li a{color:#1A1A2F !important}}.header-v4--white .nav .main-menu .menu>li.menu-item-has-children>a:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#fff;border:1px solid #fff !important;color:#003AE4 !important}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li.header-btn--primary a{background-color:#003AE4 !important;border-color:#003AE4 !important;color:#fff !important}}.header-v4--white .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:transparent;color:#fff !important}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:#003AE4 !important;border-color:#003AE4 !important;color:#fff !important}}.header-v4--white .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open):hover>.menu-item__title{color:#003AE4 !important}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open):hover>.menu-item__title{color:#1A1A2F !important}}@media only screen and (max-width:1024px){.header-v4--white .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title{color:#1A1A2F !important}}.header-v4--black{background-color:#010101 !important;border-color:#383838;transition:none !important;animation:none !important}.header-v4--black .mega-menu{box-shadow:none}.header-v4--black .burger i{background:#fff}.header-v4--black .burger i:before,.header-v4--black .burger i:after{background-color:#fff}.header-v4--black .header-menu-wrap{background-color:#010101;top:74px}.header-v4--black .nav .main-menu .menu>li{border-color:rgba(255, 255, 255, 0.2)}.header-v4--black .nav .main-menu .menu>li.menu-item--open>.menu-item__title:before{transform:rotate(0deg) !important;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_547_135209)'%3E%3Cpath d='M6.175 7.1582L10 10.9749L13.825 7.1582L15 8.3332L10 13.3332L5 8.3332L6.175 7.1582Z' fill='%23204FF3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_547_135209'%3E%3Crect width='20' height='20' fill='white' transform='matrix(0 1 -1 0 20 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important}.header-v4--black .nav .main-menu .menu>li>a,.header-v4--black .nav .main-menu .menu>li>.menu-item__title{color:#fff !important}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li>a,.header-v4--black .nav .main-menu .menu>li>.menu-item__title{color:#010101 !important}}.header-v4--black .nav .main-menu .menu>li>a:before,.header-v4--black .nav .main-menu .menu>li>.menu-item__title:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869518 7.06L3.92285 4L0.869518 0.94L1.80952 0L5.80952 4L1.80952 8L0.869518 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--black .nav .main-menu .menu>li .sub-menu>.menu-item__title{color:#fff !important}.header-v4--black .nav .main-menu .menu>li .second-menu__wrap>span{color:#fff !important}.header-v4--black .nav .main-menu .menu>li:hover>a,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title{color:#B1C8FF !important}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li:hover>a,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title{color:#204FF3 !important}}.header-v4--black .nav .main-menu .menu>li:hover>a:before,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:rotate(90deg);background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='%237396FB'/%3E%3C/svg%3E%0A")}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li:hover>a:before,.header-v4--black .nav .main-menu .menu>li:hover>.menu-item__title:before{transform:none;background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.869518 7.06L3.92285 4L0.869518 0.94L1.80952 0L5.80952 4L1.80952 8L0.869518 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li:not(.menu-item--open)>.menu-item__title{color:#fff !important}}.header-v4--black .nav .main-menu .menu>li.menu-item-has-children>a:before{background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.726562 7.06L3.7799 4L0.726562 0.94L1.66656 0L5.66656 4L1.66656 8L0.726562 7.06Z' fill='white'/%3E%3C/svg%3E%0A")}.header-v4--black .nav .main-menu .menu>li.header-btn--primary a{background-color:#204FF3 !important;color:#fff !important;box-sizing:border-box}.header-v4--black .nav .main-menu .menu>li.header-btn--primary a:hover{background-color:#003AE4 !important;color:#fff !important}.header-v4--black .nav .main-menu .menu>li.header-btn--transparent a{color:#fff !important;border:1px solid #fff !important}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li .sub-menu>li a{color:#fff !important}}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu{top:72px}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title{border-color:#383838}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .menu-title p,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .menu-title p,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .menu-title p,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .menu-title p,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .menu-title p,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .menu-title p,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title span,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .menu-title p{color:#fff}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu{border-color:#D1D1D6 !important}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a{color:#fff !important}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu a img,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu a img,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu a img,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu a img,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu a img,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu a img,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu a img{filter:invert(53%) sepia(44%) saturate(941%) hue-rotate(193deg) brightness(105%) contrast(97%)}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu>li:hover a,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu>li:hover a,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu>li:hover a,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu>li:hover a,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu>li:hover a,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu>li:hover a,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu>li:hover a{color:#fff}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .sub-menu .menu-item__title span,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .sub-menu .menu-item__title span,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .sub-menu .menu-item__title span,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .sub-menu .menu-item__title span,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .sub-menu .menu-item__title span,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .sub-menu .menu-item__title span,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .sub-menu .menu-item__title span{color:#D1D1D6;line-height:35px}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap{border-color:#383838}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap>span,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap>span,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap>span,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap>span,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap>span,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap>span,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap>span{color:#D1D1D6 !important}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul{margin:24px 0 0 0;gap:16px 34px}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul span,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul span,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul span,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul span,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul span,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul span,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul span{color:#fff !important}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul p{color:#9999A5;letter-spacing:0.08px;margin:4px 0 0}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul p,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul p{display:none}}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a{font-family:"Epilogue", sans-serif}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a{font-size:16px;line-height:27px}}.header-v4--black .nav .main-menu .menu>li.menu-item-4734 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4--black .nav .main-menu .menu>li.menu-item-7371 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4--black .nav .main-menu .menu>li.menu-item-8344 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4--black .nav .main-menu .menu>li.menu-item-15415 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4--black .nav .main-menu .menu>li.menu-item-15416 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4--black .nav .main-menu .menu>li.menu-item-17450 .mega-menu .second-menu__wrap ul a:hover:before,.header-v4--black .nav .main-menu .menu>li.menu-item-17451 .mega-menu .second-menu__wrap ul a:hover:before{background:#202020 !important;height:calc(100% + 14px);top:-8px}.header-v4--black .nav .main-menu+.main-menu li:first-of-type a{border-color:#fff}@media only screen and (max-width:640px){.header-v4--black .nav .main-menu+.main-menu li:first-of-type a:hover{background-color:#fff !important;color:#003AE4 !important}}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu#menu-second-nav>li,.header-v4--black .nav .main-menu .menu#menu-second-nav>li:last-of-type,.header-v4--black .nav .main-menu+.main-menu{border-color:#D1D1D6 !important}}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title{color:#fff !important}}@media only screen and (max-width:1024px){.header-v4--black .nav .main-menu .menu>li.menu-item-has-children:not(.menu-item--open)>.menu-item__title:hover{color:#fff !important}}.mobile-menu-open .header-v4{background-color:#fff}.mobile-menu-open .header-v4--white{background-color:#fff}.mobile-menu-open .header-v4--white .logo img{-webkit-filter:invert(1);filter:invert(1)}.mobile-menu-open .header-v4--white .burger i{background:none !important}.mobile-menu-open .header-v4--white .burger i:before,.mobile-menu-open .header-v4--white .burger i:after{background-color:#1A1A2F}.mobile-menu-open .header-v4--black{background-color:#010101}.page-template-page-schedule-meeting .header-v4 .nav{min-height:64px}.page-template-page-schedule-meeting .header-v4.header-active.header-v4--white .custom-logo{filter:invert(1)}.header-v4 .mega-menu .for-black{display:none !important;margin-top:0 !important}.header-v4--white .mega-menu .for-black{display:none !important;margin-top:0 !important}.header-v4--black .mega-menu .for-white{display:none !important;margin-top:0 !important}.header-v4--black .mega-menu .for-black{display:block !important}.header-v4--black .mega-menu .for-black+.for-black{margin-top:32px !important}

.header-v4 .nav .main-menu .mega-menu {
  background-color: #fff !important;
}