@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-700.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-700.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-700.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-300Italic.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-300Italic.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-300Italic.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-300Italic.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-300Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-500Italic.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-500Italic.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-500Italic.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-500Italic.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-500Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-500.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-500.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-500.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-500_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-500_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-500_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-500_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-500_1.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-300Italic_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-300Italic_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-300Italic_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-300Italic_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-300Italic_1.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-500Italic_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-500Italic_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-500Italic_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-500Italic_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-500Italic_1.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-100.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-100.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-100.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-100.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-900Italic.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-900Italic.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-900Italic.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-900Italic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-700Italic.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-700Italic.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-700Italic.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-700Italic.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-700Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-700_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-700_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-700_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-700_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-700_1.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-900Italic_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-900Italic_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-900Italic_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-900Italic_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-900Italic_1.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-100Italic.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-100Italic.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-100Italic.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-100Italic.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-100Italic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-900.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-900.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-900.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-900_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-900_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-900_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-900_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-900_1.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-100_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-100_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-100_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-100_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-100_1.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-700Italic_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-700Italic_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-700Italic_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-700Italic_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-700Italic_1.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-300.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-300.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-300.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-300_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-300_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-300_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-300_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-300_1.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo';
  src: url('/assets/font/Museo/MuseoSansCyrl-100Italic_1.eot');
  src: url('/assets/font/Museo/MuseoSansCyrl-100Italic_1.eot?#iefix') format('embedded-opentype'),
  url('/assets/font/Museo/MuseoSansCyrl-100Italic_1.woff2') format('woff2'),
  url('/assets/font/Museo/MuseoSansCyrl-100Italic_1.woff') format('woff'),
  url('/assets/font/Museo/MuseoSansCyrl-100Italic_1.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}




/* Slider */



.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

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

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

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

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

.slick-slide {
  display: none;
  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-initialized .slick-slide {
  display: block;
}

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

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.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;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  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: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  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;
  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;
  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;
  transition-property: transform, opacity;
  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 {
  animation-timing-function: cubic-bezier(.5, 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;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

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

.fancybox-can-zoomIn .fancybox-content {
  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: $white;
}

.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: $white;
  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, .6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

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

.fancybox-button:hover {
  color: $white;
}

.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;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  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: $white;
  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: linear-gradient(to top,
  rgba(0, 0, 0, .85) 0%,
  rgba(0, 0, 0, .3) 50%,
  rgba(0, 0, 0, .15) 65%,
  rgba(0, 0, 0, .075) 75.5%,
  rgba(0, 0, 0, .037) 82.85%,
  rgba(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: max(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: $white;
  text-decoration: underline;
}



/* Loading indicator */



.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: $white;
  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;
}

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



/* Transition effects */



.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1);
}



/* transitionEffect: slide */



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

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

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



/* transitionEffect: fade */



.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

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



/* transitionEffect: zoom-in-out */



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

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

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



/* transitionEffect: rotate */



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

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

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



/* transitionEffect: circular */



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

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

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



/* transitionEffect: tube */



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

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

.fancybox-fx-tube.fancybox-slide--current {
  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: max(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;
  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: $white;
}

.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: $white;
}

.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: $white;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(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, .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;
  transition: all .2s cubic-bezier(.25, .46, .45, .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);
  }
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block
}

body {
  line-height: 1
}

ol,ul {
  list-style: none
}

blockquote,q {
  quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

audio,canvas,video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

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

[hidden] {
  display: none
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:active,a:hover {
  outline: 0
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

figure {
  margin: 0
}

form {
  margin: 0
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}

button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,input {
  line-height: normal
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}

button[disabled],html input[disabled] {
  cursor: default
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

html,button,input,select,textarea {
  color: #222
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

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

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

button {
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0
}

b,strong {
  font-weight: bold
}

i {
  font-style: italic
}

*:focus {
  outline: none
}

html {
  overflow-x: hidden;
  overflow-y: overlay
}

pre {
  display: inline-block
}

.title-hidden {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important
}

.container {
  max-width: 100%
}

.container--1 {
  width: calc(1200px + 20px * 2);
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto
}

.container--2 {
  width: calc(86.875vw / 2 + 1390px / 2);
  margin-left: auto
}

.half-container {
  width: calc(1162px / 2)
}

.half-container--left {
  margin-left: auto
}

.half-container--right {
  margin-right: auto
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 20px;
  color: #383b41;
  height: 56px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #d0dff1;
  transition: .1s ease
}

@media(max-width: 991px) {
  .button {
    font-size: 16px;
    line-height: 19px
  }
}

.button--green {
  color: #fff;
  background: #b7d232;
  border-color: #b7d232;
  border-width: 2px;
  transition: all .3s ease
}

.button--green:hover {
  box-shadow: 8px 8px 15px 0 rgba(0,0,0,.1);
  background: #fff;
  color: #b7d232
}

.button--blue {
  background: #3395cd;
  border-color: #3395cd;
  color: #fff;
  transition: all .3s ease;
  border-width: 2px
}

.button--blue:hover {
  box-shadow: 8px 8px 15px 0 rgba(0,0,0,.1);
  background: #fff;
  color: #3395cd
}

.button--transparent {
  background: transparent;
  border-color: #fff;
  color: #fff
}

.button--transparent:hover {
  background: #fff;
  border-color: #383b41;
  color: #383b41
}

.button--hover-yellow:hover {
  background: #fe0;
  border-color: #fe0;
  box-shadow: 0px 4px 24px rgba(150,161,170,.3)
}

.button--hover-green:hover {
  background: #b7d232;
  border-color: #b7d232;
  box-shadow: 0px 4px 24px rgba(150,161,170,.3)
}

.button--hover-blue:hover {
  background: #3395cd;
  color: #fff;
  border-color: #3395cd;
  box-shadow: 0px 4px 24px rgba(150,161,170,.3)
}

.button--reverse-white {
  background: transparent;
  color: #fff;
  border-color: #fff
}

.button--reverse-white:hover {
  background: #fff;
  color: #383b41
}

.button--reverse-blue {
  color: #3395cd;
  border-color: #3395cd
}

.button--reverse-blue:hover {
  background: #3395cd
}

.button--border-blue {
  color: #3395cd;
  border-color: #3395cd
}

.button--border-blue:hover {
  background: #3395cd;
  color: #fff
}

.button-svg {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  background: #3395cd;
  border-radius: 3px;
  transition: .1s ease
}

.button-svg>*:not(:last-child) {
  margin-right: 10px
}

.button-svg:hover {
  background: #fff;
  border-color: #3395cd;
  color: #3395cd
}

.button-svg:hover svg {
  fill: #3395cd
}

.button-svg svg {
  width: 11px;
  height: 17px;
  fill: #fff
}

.generic-intro {
  padding-top: 90px
}

@media(max-width: 767px) {
  .generic-intro {
    padding-top: calc(12.5vw / 2 + 40px / 2)
  }
}

.generic-intro--no-padding {
  padding-top: 0
}

.generic-intro__container {
  display: flex;
  flex-direction: column;
  padding-top: 80px
}

@media(max-width: 991px) {
  .generic-intro__container {
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .generic-intro__container {
    padding-top: 40px
  }
}

.generic-intro__title {
  font-weight: 300;
  font-size: 64px;
  line-height: 86px;
  margin-bottom: 34px
}

@media(max-width: 991px) {
  .generic-intro__title {
    font-size: 72px;
    line-height: 130%;
    margin-bottom: 24px
  }
}

@media(max-width: 767px) {
  .generic-intro__title {
    font-size: 36px
  }
}

.generic-intro__title--small {
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 128px
}

@media(max-width: 991px) {
  .generic-intro__title--small {
    font-size: 64px;
    line-height: 130%;
    margin-bottom: 88px
  }
}

@media(max-width: 767px) {
  .generic-intro__title--small {
    font-size: 32px;
    margin-bottom: 64px
  }
}

.generic-intro__wrapper {
  max-width: 783px;
  margin-left: auto;
  padding-right: calc(5.2083333333vw * 1 + 100px * (1 - 1))
}

@media(max-width: 991px) {
  .generic-intro__wrapper {
    padding-right: 0
  }
}

.generic-intro__text {
  font-size: 32px;
  line-height: 40px;
  transform: translateY(50px);
  opacity: 0
}

@media(max-width: 991px) {
  .generic-intro__text {
    font-size: 24px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .generic-intro__text {
    font-size: 16px
  }
}

.generic-intro__text--gray {
  color: #5a5a5a
}

.generic-intro__text strong {
  font-weight: normal;
  color: #b7d232
}

.anim-title:before {
  transform: scaleX(0);
  transform-origin: left
}

.anim-title.is-active:before {
  transform: scaleX(1);
  transition: .5s 1s ease
}

.anim-letter {
  stroke-dasharray: 6000;
  stroke-dashoffset: 6000
}

.anim-letter.is-active {
  animation: 4s drawLetter linear forwards
}

.anim-snake {
  stroke-dasharray: 75%;
  animation: snakeSvg 100s linear infinite
}

.anim-image {
  position: relative
}

.anim-image.is-active:after {
  transform: scaleY(0);
  transition: 1.5s ease
}

.anim-image:after {
  content: "";
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: bottom
}

@keyframes drawSvg {
  to {
    stroke-dashoffset: 0;
    pointer-events: auto
  }
}

@keyframes drawLetter {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes appearBubble {
  0% {
    transform: scale(1.2)
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1;
    transform: none
  }
}

@keyframes appearBubbleFix {
  0% {
    transform: scale(1.2)
  }

  25% {
    opacity: 1
  }

  100% {
    opacity: 1;
    transform: translate(1px, -1px)
  }
}

@keyframes rotateCircle {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes snakeSvg {
  50% {
    stroke-dasharray: 50%;
    stroke-dashoffset: 2000
  }
}

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

:root {
  --swiper-theme-color: #007aff
}

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

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}

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

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

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

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

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

.swiper-container-pointer-events {
  touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x
}

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

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

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

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

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

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

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

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  margin: -15px -0;
  padding: 15px 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity,filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible
}

.hamburger:hover {
  opacity: ""
}

.hamburger.is-active:hover {
  opacity: ""
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {
  background-color: #666
}

.hamburger-box {
  width: 40px;
  height: 27px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px
}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #666;
  border-radius: "";
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger-inner::before,.hamburger-inner::after {
  content: "";
  display: block
}

.hamburger-inner::before {
  top: -12px
}

.hamburger-inner::after {
  bottom: -12px
}

.hamburger--3dx .hamburger-box {
  perspective: 80px
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -12px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -12px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  perspective: 80px
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -12px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy-r .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -12px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -12px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -12px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
  transition: top .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::before,.hamburger--boring .hamburger-inner::after {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse .hamburger-inner::after {
  top: -24px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -12px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -24px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -12px, 0) rotate(45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
  top: 12px;
  transition: opacity .125s .275s ease
}

.hamburger--elastic .hamburger-inner::after {
  top: 24px;
  transition: transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 12px, 0) rotate(135deg);
  transition-delay: .075s
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -24px, 0) rotate(-270deg);
  transition-delay: .075s
}

.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 12px;
  transition: opacity .125s .275s ease
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 24px;
  transition: transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 12px, 0) rotate(-135deg);
  transition-delay: .075s
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -24px, 0) rotate(270deg);
  transition-delay: .075s
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,left .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner::after {
  top: 12px;
  right: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,right .125s .175s ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s .175s ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,left .125s .175s ease-in
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 12px;
  right: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,right .125s .175s ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--minus .hamburger-inner::before,.hamburger--minus .hamburger-inner::after {
  transition: bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::before,.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: 1.5px
}

.hamburger--slider .hamburger-inner::before {
  top: 12px;
  transition-property: transform,opacity;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
  top: 24px
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.7142857143px, -9px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -24px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 1.5px
}

.hamburger--slider-r .hamburger-inner::before {
  top: 12px;
  transition-property: transform,opacity;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
  top: 24px
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 12px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.7142857143px, -9px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -24px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin .hamburger-inner::before {
  transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out,opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out,opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
  top: 12px;
  transition: top .1s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring .hamburger-inner::after {
  top: 24px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top .1s .15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 12px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 12px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring-r .hamburger-inner::after {
  top: -24px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top .1s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -12px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s .075s linear
}

.hamburger--stand .hamburger-inner::before {
  transition: top .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform .075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s .15s linear
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand-r .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s .075s linear
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform .075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s .15s linear
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: .075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top .075s .12s ease,opacity .075s ease
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom .075s .12s ease,transform .075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .075s ease,opacity .075s .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .075s ease,transform .075s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top,opacity
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom,transform
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex-r .hamburger-inner::before,.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top,opacity
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom,transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
  width: calc(5.3125vw / 2 + 17px / 2);
  height: 3px;
  border-radius: 20px;
  background: #6a7e96
}

@media(max-width: 767px) {
  .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
    height: 2px
  }
}

.hamburger-box {
  width: calc(5.3125vw / 2 + 17px / 2);
  height: calc(5.3125vw / 2 + 17px / 2)
}

.hamburger-inner::before {
  top: calc(-1.875vw / 2 + -6px / 2)
}

.hamburger-inner::after {
  bottom: calc(-1.875vw / 2 + -6px / 2)
}

.header {
  width: 100%;
  height: 90px
}

@media(max-width: 767px) {
  .header {
    height: calc(12.5vw / 2 + 40px / 2)
  }
}

.header__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  transform: translateY(-100%);
  background: #fff
}

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header__logo {
  margin-right: calc(4.5833333333vw * 1 + 88px * (1 - 1))
}

.header__logo g {
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease
}

.header__logo--small {
  transition-delay: 1.2s
}

.header__logo--la {
  transition-delay: .3s
}

.header__logo--me {
  transition-delay: .6s
}

.header__logo--ra {
  transition-delay: .9s
}

.header__logo--grad {
  transform-origin: bottom left;
  transition-delay: 0s
}

.header__logo:hover .header__logo--small {
  opacity: 0;
  transition-delay: 0s
}

.header__logo:hover .header__logo--la,.header__logo:hover .header__logo--ra {
  transform: translateY(30px);
  opacity: 0
}

.header__logo:hover .header__logo--me {
  transform: translateY(-30px);
  opacity: 0
}

.header__logo:hover .header__logo--grad {
  transform: scale(2.5) translate(-15px, 5px);
  transition-delay: 1.2s
}

.header__logo svg {
  overflow: unset;
  width: 167px;
  height: 68px
}

.header__hamburger {
  display: none;
  margin-right: calc(5.3125vw / 2 + 17px / 2)
}

@media(max-width: 768px) {
  .header__hamburger {
    display: flex
  }
}

.header-subnav {
  display: none;
  position: absolute;
  top: calc(12.5vw / 2 + 40px / 2);
  left: 0;
  padding: 20px;
  background: #fff;
  box-shadow: 8px 6px 5px rgba(0,0,0,.1);
  width: 280px;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease
}

.header-subnav::-webkit-scrollbar {
  width: 15px;
  background: #fff
}

.header-subnav::-webkit-scrollbar-thumb {
  background: #8d99a2
}

.header-subnav.is-active {
  display: block;
  opacity: 1;
  pointer-events: unset
}

.header-subnav__list {
  display: flex;
  flex-direction: column
}

.header-subnav__list>*:not(:last-child) {
  margin-bottom: 5px
}

.header-subnav__list svg {
  display: none
}

.header-subnav__list--2 {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  padding-left: 15px
}

.header-subnav__list--2 .header-subnav__item:after {
  display: none
}

.header-subnav__item {
  padding: 10px 0;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #8d99a2;
  transition: color .3s ease
}

.header-subnav__item:not(.header-subnav__item-dropdown) .header-subnav__list--2 {
  display: none
}

.header-subnav__item.is-active:not(.header-subnav__item-dropdown) {
  color: #5a5a5a
}

.header-subnav__item.is-active:not(.header-subnav__item-dropdown) svg {
  display: block
}

.header-subnav__item.is-active:not(.header-subnav__item-dropdown) svg path {
  stroke: #5a5a5a
}

.header-subnav__item.is-active:not(.header-subnav__item-dropdown) .header-subnav__list--2 {
  display: block
}

.header-subnav__item:not(:last-of-type):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #8d99a2;
  opacity: .5
}

.header-subnav__item p {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header-subnav__item p svg {
  width: 12px;
  height: 7px
}

.header-subnav__item p svg path {
  transition: stroke .3s ease
}

.header-subnav__item-dropdown svg {
  display: block
}

.header-subnav__item-dropdown .header-subnav__list--2 {
  display: block;
  max-height: 0;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .5s ease,opacity .1s ease 0s,max-height .5s ease
}

.header-subnav__item-dropdown.is-active {
  color: #5a5a5a
}

.header-subnav__item-dropdown.is-active .header-subnav__list--2 {
  transform: scaleY(1);
  opacity: 1;
  max-height: 50rem;
  transition: transform .5s ease,opacity .3s ease .3s,max-height .5s ease
}

.header-subnav__item-dropdown.is-active svg {
  display: block
}

.header-subnav__item-dropdown.is-active svg path {
  stroke: #5a5a5a
}

.header__nav {
  display: flex;
}

.header__nav>*:not(:last-child) {
  margin-right: calc(1.4583333333vw * 1 + 28px * (1 - 1))
}

.header-nav__list {
  display: flex
}

.header-nav__list>*:not(:last-child) {
  margin-right: 2vw
}

.header-nav__list-2 {
  position: absolute;
  flex-direction: column;
  top: 45px;
  left: 50%;
  z-index: 10;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
  transform: scaleY(0) translateX(-50%);
  transform-origin: top;
  transition: transform .3s ease
}

.header-nav__list-2>*:not(:last-child) {
  margin-bottom: calc(1.4583333333vw * 1 + 28px * (1 - 1));
  margin-right: 0
}

.header-nav__list-2 .header-nav__item {
  opacity: 0;
  transition: opacity 0s ease 0s
}

.header-nav__item {
  margin: auto 0;
  position: relative;
  transition: color .3s ease
}

.header-nav__item a {
  position: relative
}

.header-nav__item a:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #465a69;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform .3s ease
}

.header-nav__item a:hover {
  color: #465a69
}

.header-nav__item a:hover:after {
  transform: scaleX(1)
}

.header-nav-item {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap
}

.header-nav__logo {
  position: relative;
  display: flex;
  align-items: center
}

.header-nav__logo:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130%;
  height: 100%;
  border: 1px solid #465a69;
  border-radius: 5px;
  opacity: 0;
  transition: opacity .3s ease
}

.header-nav__logo:hover:before {
  opacity: 1
}

.header-nav__logo svg {
  width: 91px;
  height: 30px
}

.header-nav__dropdown {
  height: 50px;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center
}

.header-nav__dropdown:hover .header-nav__list-2 {
  transform: scaleY(1) translateX(-50%)
}

.header-nav__dropdown:hover .header-nav__list-2 .header-nav__item {
  opacity: 1;
  transition: opacity .3s ease .3s
}

.header-nav__dropdown:hover span {
  cursor: pointer;
  color: #465a69
}

.header-nav__dropdown:hover span:after {
  transform: scaleX(1)
}

.header-nav__dropdown span {
  position: relative;
  transition: color .3s ease
}

.header-nav__dropdown span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #465a69;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform .3s ease
}

.header__misc {
  margin-left: auto;
  display: flex;
  align-items: center
}

.header-misc>*:not(:last-child) {
  margin-right: calc(1.5625vw * 1 + 30px * (1 - 1))
}

.header-misc__contact-us {
  width: 125px;
  height: 40px
}

@media(max-width: 539px) {
  .header-misc__contact-us {
    height: 26px;
    width: 100px;
    font-size: 14px;
    line-height: 16px
  }
}

.header-misc__round-buttons {
  display: flex;
  align-items: center
}

.header-misc__round-buttons>*:not(:last-child) {
  margin-right: calc(1.0416666667vw * 1 + 20px * (1 - 1))
}

@media(max-width: 767px) {
  .header-misc__round-buttons>*:not(:last-child) {
    margin-right: calc(0.625vw * 1 + 12px * (1 - 1))
  }
}

.header-misc-auth__icon,.header-misc-search__icon {
  width: 36px;
  height: 36px;
  fill: #c5d0db
}

@media(max-width: 767px) {
  .header-misc-auth__icon,.header-misc-search__icon {
    width: calc(7.5vw / 2 + 24px / 2);
    height: calc(7.5vw / 2 + 24px / 2)
  }
}

.header-misc-search {
  display: flex
}

.header-misc-auth {
  display: flex
}

.footer {
  width: 100%;
  color: #fff;
  overflow: hidden;
  position: relative
}

.footer.is-active .footer__container {
  transform: none !important;
  transition: 1s ease
}

.footer.is-active .footer__slogan {
  opacity: 1;
  transition: 1s .5s ease
}

.footer__container {
  display: flex;
  flex-direction: column;
  padding-top: 90px;
  padding-bottom: 60px;
  position: relative;
  transform: translateY(100%) !important
}

.footer__container>*:first-child {
  margin-bottom: 35px
}

@media(max-width: 767px) {
  .footer__container {
    padding-top: 66px;
    padding-bottom: 60px
  }
}

@media(max-width: 539px) {
  .footer__container>*:not(:last-child) {
    margin-bottom: 15px
  }
}

.footer__container:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  background: #383b41
}

.footer__row {
  display: flex
}

.footer__row--1 {
  justify-content: space-between
}

.footer__row--1>*:not(:last-child) {
  margin-right: calc(5.2083333333vw * 1 + 100px * (1 - 1))
}

@media(max-width: 991px) {
  .footer__row--1>*:not(:last-child) {
    margin-right: calc(5.2083333333vw * 1 + 100px * (1 - 1))
  }
}

@media(max-width: 767px) {
  .footer__row--1 {
    flex-direction: column
  }

  .footer__row--1>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 64px
  }
}

@media(max-width: 539px) {
  .footer__row--1>*:not(:last-child) {
    margin-bottom: 48px
  }
}

.footer__row--2 {
  justify-content: space-between
}

.footer__row--2>*:not(:last-child) {
  margin-right: calc(5.2083333333vw * 1 + 100px * (1 - 1))
}

@media(max-width: 767px) {
  .footer__row--2 {
    flex-direction: column-reverse
  }

  .footer__row--2>*:not(:last-child) {
    margin-right: 0;
    margin-top: 12px
  }
}

.footer__col--2 {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end
}

.footer__col--2>*:not(:last-child) {
  margin-right: calc(5.2083333333vw * 1 + 100px * (1 - 1))
}

@media(max-width: 991px) {
  .footer__col--2 {
    width: 100%
  }

  .footer__col--2>*:not(:last-child) {
    margin-right: calc(3.3333333333vw * 1 + 64px * (1 - 1))
  }
}

@media(max-width: 767px) {
  .footer__col--2 {
    flex-direction: column
  }

  .footer__col--2>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: calc(3.3333333333vw * 1 + 64px * (1 - 1))
  }
}

@media(max-width: 539px) {
  .footer__col--2>*:not(:last-child) {
    margin-bottom: 36px
  }
}

.footer__col--3 {
  flex: 0 0 500px
}

@media(max-width: 767px) {
  .footer__col--3 {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column
  }

  .footer__col--3>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px
  }
}

.footer__privacy {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.204545px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #48bdff
}

.footer__privacy:hover {
  text-decoration: none
}

@media(max-width: 767px) {
  .footer__privacy--1 {
    display: none
  }
}

.footer__privacy--2 {
  display: none
}

@media(max-width: 767px) {
  .footer__privacy--2 {
    display: block
  }
}

.footer__copyrights {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px
}

.footer__slogan {
  width: calc(32.4479166667vw / 2 + 623px / 2);
  height: calc(4.4791666667vw / 2 + 86px / 2);
  -o-object-fit: contain;
  object-fit: contain;
  transform: translateX(calc(15% + 115px - 300px + calc(15.625vw * 1 + 300px * (1 - 1))));
  opacity: 0
}

@media(max-width: 1500px) {
  .footer__slogan {
    width: 100%;
    height: 100%;
    transform: none
  }
}

@media(max-width: 767px) {
  .footer__slogan {
    height: 33.7223396301px;
    width: 280.0004882813px;
    transform: none;
    padding-bottom: 12px;
    border-bottom: 1px solid #8d99a2
  }
}

.footer__slogan img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media(max-width: 767px) {
  .footer__slogan img {
    -o-object-position: left;
    object-position: left
  }
}

.footer__logo {
  display: flex;
  margin-bottom: 62px
}

@media(max-width: 767px) {
  .footer__logo {
    margin-bottom: calc(48px + 33px)
  }
}

.footer__logo svg {
  width: 163px;
  height: 31px
}

.footer__subscribe {
  margin-bottom: 50px
}

@media(max-width: 767px) {
  .footer__subscribe {
    margin-bottom: 34px
  }
}

.footer-subscribe {
  position: relative;
  z-index: 0
}

@media(max-width: 767px) {
  .footer-subscribe:before {
    content: "";
    width: 100vw;
    height: calc(100% + 33px * 2);
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: -1;
    transform: translate(0, -50%);
    background: #5a5a5a
  }
}

.footer-subscribe__text {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.3px;
  margin-bottom: 34px;
  display: flex;
  flex-direction: column
}

@media(max-width: 767px) {
  .footer-subscribe__text {
    flex-direction: row
  }

  .footer-subscribe__text>*:not(:last-child) {
    margin-right: .25em
  }
}

@media(max-width: 539px) {
  .footer-subscribe__text {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.3px;
    flex-wrap: wrap
  }
}

.footer-subscribe-form {
  height: 50px;
  display: flex
}

.footer-subscribe-form__input {
  height: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.1);
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
  color: #fff
}

@media(max-width: 991px) {
  .footer-subscribe-form__input {
    width: 158px
  }
}

@media(max-width: 767px) {
  .footer-subscribe-form__input {
    width: 100%
  }
}

.footer-subscribe-form__input::placeholder {
  letter-spacing: -0.204545px;
  color: #fff;
  opacity: .5
}

.footer-subscribe-form__submit {
  height: 100%;
  width: 50px;
  min-width: 50px;
  background: #b7d232;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center
}

.footer-subscribe-form__submit svg {
  width: 7px;
  height: 11px;
  fill: #383b41
}

.footer-nav {
  columns: 2
}

.footer-nav>*:not(:last-child) {
  margin-right: calc(5.2083333333vw * 1 + 100px * (1 - 1))
}

@media(max-width: 991px) {
  .footer-nav>*:not(:last-child) {
    margin-right: calc(3.3333333333vw * 1 + 64px * (1 - 1))
  }
}

@media(max-width: 767px) {
  .footer-nav {
    columns: auto;
    width: 100%;
    display: flex
  }

  .footer-nav>*:not(:last-child) {
    margin-right: calc(3.3333333333vw * 1 + 64px * (1 - 1))
  }
}

@media(max-width: 539px) {
  .footer-nav {
    display: flex;
    flex-direction: column
  }

  .footer-nav>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 36px
  }
}

.footer-nav__box:not(:last-of-type) {
  margin-bottom: 22px
}

.footer-nav-box {
  break-inside: avoid;
  max-width: 200px
}

@media(max-width: 767px) {
  .footer-nav-box {
    max-width: none
  }
}

.footer-nav-box__title {
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.231818px;
  color: #6a7e96;
  margin-bottom: 22px
}

.footer-nav-box__list {
  display: flex;
  flex-direction: column
}

.footer-nav-box__list>*:not(:last-child) {
  margin-bottom: 11px
}

@media(max-width: 767px) {
  .footer-nav-box__list {
    color: #8d99a2
  }
}

.footer-nav-box-item {
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.204545px
}

.footer-nav-box-item__link {
  position: relative;
  transition: font-weight .3s ease
}

.footer-nav-box-item__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #fff;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform .3s ease
}

.footer-nav-box-item__link:hover:after {
  transform: scaleX(1)
}

.footer-nav-box-item__link--selected {
  font-weight: 400
}

.footer-nav-box-item__link--selected:after {
  transform: scaleX(1)
}

.footer-nav-box__text,.footer-nav-box__link {
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.204545px
}

.footer-nav-box__text:not(:last-child),.footer-nav-box__link:not(:last-child) {
  margin-bottom: 11px
}

.footer-nav-box__link {
  display: block;
  font-weight: 300;
  font-size: 15px;
  line-height: 18px;
  color: #48bdff;
  letter-spacing: -0.204545px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.footer-nav-box__link:hover {
  text-decoration: none
}

.footer-contacts__box {
  margin-left: auto
}

@media(max-width: 767px) {
  .footer-contacts__box {
    margin-left: 0;
    margin-right: auto
  }
}

.footer-contacts__box--1 {
  margin-bottom: 46px
}

@media(max-width: 539px) {
  .footer-contacts__box--1 {
    margin-bottom: 34px
  }
}

.footer-contacts__social {
  margin-bottom: 34px
}

@media(max-width: 539px) {
  .footer-contacts__social {
    display: none
  }
}

.footer-contacts-social__list {
  display: flex;
  align-items: center
}

.footer-contacts-social__list>*:not(:last-child) {
  margin-right: 19px
}

.footer-contacts-social-item img {
  filter: grayscale(1);
  height: 21px;
  transition: filter .3s ease
}

.footer-contacts-social-item img:hover {
  filter: grayscale(0)
}

.footer-contacts__callback {
  width: 177px
}

@media(max-width: 539px) {
  .footer-contacts__callback {
    width: 100%;
    height: 45px
  }
}

.body {
  overflow-x: hidden;
  overflow-y: overlay;
  position: relative;
  font-family: Museo,sans-serif;
  font-weight: 400
}

.body__header {
  position: absolute;
  z-index: 5
}

.body__footer {
  position: relative;
  z-index: 1
}

.body__wrapper {
  transition: .5s ease
}

.body__wrapper.is-active .main-banner__col:before {
  transform: none;
  transition: 1s ease
}

.body__wrapper.is-active .main-banner__col:after {
  opacity: 0;
  transition: 1s 3s ease
}

@media(max-width: 991px) {
  .body__wrapper.is-active .main-banner__col:after {
    opacity: 1
  }
}

.body__wrapper.is-active .main-banner__ticker {
  transform: none;
  opacity: 1;
  transition: 2s 1s ease
}

.body__wrapper.is-active .main-banner-content__logo {
  opacity: 1;
  transition: 1s 1s ease
}

.body__wrapper.is-active .main-banner-content__text {
  opacity: 1;
  transform: none;
  transition: 1.5s 1s ease
}

.body__wrapper.is-active .main-banner-content__button {
  opacity: 1;
  transform: none;
  transition: .1s ease,transform 0s ease,opacity .5s 1.5s ease
}

.body__wrapper.is-active .header__wrapper {
  transform: none;
  transition: 1s ease
}

.body__wrapper.is-active .main-banner-letter {
  transform: none;
  transition: 1s ease
}

.body__wrapper.is-active .main-banner__slogan {
  transition: 2s 2s ease,opacity .5s 2s ease;
  opacity: 1;
  left: 50%;
  transform: translateX(-50%)
}

.body__wrapper.is-active .main-banner-links__item {
  opacity: 1;
  transform: none
}

.body__wrapper.is-active .main-banner-links__item:nth-of-type(1) {
  transition: .1s ease,transform 1s 2s ease,opacity 1s 2s ease
}

.body__wrapper.is-active .main-banner-links__item:nth-of-type(2) {
  transition: .1s ease,transform 1s 2.25s ease,opacity 1s 2.25s ease
}

.body__wrapper.is-active .main-banner-links__item:nth-of-type(3) {
  transition: .1s ease,transform 1s 2.5s ease,opacity 1s 2.5s ease
}

.body__wrapper.is-active .schematic-svg__fill:hover {
  transition: 0s ease;
  opacity: .7
}

.body__wrapper.is-active .schematic-svg__fill--1 {
  opacity: .4;
  transition: .25s 2s ease
}

.body__wrapper.is-active .schematic-svg__fill--2 {
  opacity: .4;
  transition: .25s 7s ease
}

.body__wrapper.is-active .schematic-svg__fill--3 {
  opacity: .2;
  transition: .25s 12s ease
}

.body__wrapper.is-active .schematic-svg-selected__logo {
  opacity: 1;
  transition: .5s 16s ease
}

.body__wrapper.is-active .schematic-svg__outer-logo {
  opacity: 1;
  transition: .5s 21.5s ease
}

.body__wrapper.is-active .schematic-svg__text-outer {
  opacity: 1
}

.body__wrapper.is-active .schematic-svg__text-outer--1 {
  transition: .5s 18.5s ease
}

.body__wrapper.is-active .schematic-svg__text-outer--2 {
  transition: .5s 19.5s ease
}

.body__wrapper.is-active .schematic-svg__text-outer--3 {
  transition: .5s 20.5s ease
}

.body__wrapper.is-active .schematic-svg__outer-info {
  opacity: 1;
  transition: .5s 29s ease
}

.body__wrapper.is-active .schematic-svg-recycle__elem {
  transition: .5s ease
}

.body__wrapper.is-active .schematic-svg-recycle__elem--1 {
  opacity: .6;
  transition-delay: 23s
}

.body__wrapper.is-active .schematic-svg-recycle__elem--2 {
  opacity: 1;
  transition-delay: 25s
}

.body__wrapper.is-active .schematic-svg-recycle__elem--3 {
  opacity: .6;
  transition-delay: 27s
}

.body__wrapper.is-active .cpi-banner__text {
  opacity: 1;
  transform: none;
  transition: 1s ease
}

.body__wrapper.is-active .cpi-banner__button {
  opacity: 1;
  transform: none;
  transition: .5s .5s ease
}

.body__wrapper.is-active .generic-intro__text {
  transform: none;
  opacity: 1;
  transition: 1s ease
}

.main__introduction {
  margin-bottom: 200px;
  position: relative
}

.main__clients {
  margin-bottom: 135px
}

.main__main-about {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .main__main-about {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .main__main-about {
    margin-bottom: 40px
  }
}

.main__news {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .main__news {
    margin-bottom: 70px
  }
}

@media(max-width: 539px) {
  .main__news {
    margin-bottom: 52px
  }
}

.main__privacy {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .main__privacy {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .main__privacy {
    margin-bottom: 66px
  }
}

.main__not-found {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .main__not-found {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .main__not-found {
    margin-bottom: 66px
  }
}

.main__listing {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .main__listing {
    margin-bottom: 80px
  }
}

.main__news-detail {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .main__news-detail {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .main__news-detail {
    margin-bottom: 66px
  }
}

.main__back-link {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .main__back-link {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .main__back-link {
    margin-bottom: 66px
  }
}

.main__case-profit {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .main__case-profit {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .main__case-profit {
    margin-bottom: 66px !important
  }
}

.main__other-news {
  margin-bottom: 140px
}

@media(max-width: 991px) {
  .main__other-news {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .main__other-news {
    margin-bottom: 80px
  }
}

.main__case-public {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .main__case-public {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .main__case-public {
    margin-bottom: 66px !important
  }
}

.main-banner__wrapper {
  position: relative
}

.main-banner__container {
  width: 1700px;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column
}

.main-banner__row {
  height: 100%;
  display: flex;
  justify-content: space-between
}

@media(max-width: 539px) {
  .main-banner__row {
    flex-direction: column;
    padding-bottom: 95px
  }
}

@media(max-width: 539px) {
  .main-banner__col:not(:last-of-type) {
    margin-bottom: 20px
  }
}

.main-banner__col:not(:last-of-type):after {
  content: "";
  width: 2px;
  height: 25%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, #fff)
}

.main-banner__content {
  width: 100%;
  z-index: 1
}

@media(max-width: 991px) {
  .main-banner-content {
    align-items: center
  }
}

@media(max-width: 767px) {
  .main-banner-content {
    height: calc(18.28125vw * 0.4 + 351px * (1 - 0.4))
  }
}

@media(max-width: 539px) {
  .main-banner-content {
    height: auto
  }
}

@media(max-width: 991px) {
  .main-banner-content__logo {
    justify-content: center
  }
}

.main-banner-content__logo:after {
  content: "";
  width: 79px;
  height: 2px;
  background: #465a69;
  opacity: .5;
  position: absolute;
  bottom: 0;
  left: 0
}

@media(max-width: 1920px) {
  .main-banner-content__logo:after {
    width: calc(4.1145833333vw * 0.5 + 79px * (1 - 0.5))
  }
}

@media(max-width: 991px) {
  .main-banner-content__logo:after {
    left: 50%;
    transform: translateX(-50%)
  }
}

.main-banner-content__logo--1 svg {
  width: 291px;
  height: 89px
}

@media(max-width: 1920px) {
  .main-banner-content__logo--1 svg {
    width: calc(15.15625vw * 0.75 + 291px * (1 - 0.75));
    height: calc(4.6354166667vw * 0.75 + 89px * (1 - 0.75))
  }
}

@media(max-width: 1200px) {
  .main-banner-content__logo--1 svg {
    width: calc(17.4571140262vw * 0.75 + 173px * (1 - 0.75));
    height: calc(5.3481331988vw * 0.75 + 53px * (1 - 0.75))
  }
}

@media(max-width: 991px) {
  .main-banner-content__logo--1 svg {
    width: calc(19.8174706649vw * 0.75 + 152px * (1 - 0.75));
    height: calc(6.1277705346vw * 0.75 + 47px * (1 - 0.75))
  }
}

@media(max-width: 767px) {
  .main-banner-content__logo--1 svg {
    width: 152px;
    height: 47px
  }
}

.main-banner-content__logo--2 svg {
  width: 246px;
  height: 76px
}

@media(max-width: 1920px) {
  .main-banner-content__logo--2 svg {
    width: calc(12.8125vw * 0.75 + 246px * (1 - 0.75));
    height: calc(3.9583333333vw * 0.75 + 76px * (1 - 0.75))
  }
}

@media(max-width: 1200px) {
  .main-banner-content__logo--2 svg {
    width: calc(14.8335015136vw * 0.75 + 147px * (1 - 0.75));
    height: calc(4.6417759839vw * 0.75 + 46px * (1 - 0.75))
  }
}

@media(max-width: 991px) {
  .main-banner-content__logo--2 svg {
    width: calc(15.3846153846vw * 0.75 + 118px * (1 - 0.75));
    height: calc(4.9543676662vw * 0.75 + 38px * (1 - 0.75))
  }
}

@media(max-width: 767px) {
  .main-banner-content__logo--2 svg {
    width: 118px;
    height: 38px
  }
}

.main-banner-content__logo--3 svg {
  width: 265px;
  height: 93px
}

@media(max-width: 1920px) {
  .main-banner-content__logo--3 svg {
    width: calc(13.8020833333vw * 0.75 + 265px * (1 - 0.75));
    height: calc(4.84375vw * 0.75 + 93px * (1 - 0.75))
  }
}

@media(max-width: 1200px) {
  .main-banner-content__logo--3 svg {
    width: calc(15.9434914228vw * 0.75 + 158px * (1 - 0.75));
    height: calc(5.5499495459vw * 0.75 + 55px * (1 - 0.75))
  }
}

@media(max-width: 991px) {
  .main-banner-content__logo--3 svg {
    width: calc(16.1668839635vw * 0.75 + 124px * (1 - 0.75));
    height: calc(5.6062581486vw * 0.75 + 43px * (1 - 0.75))
  }
}

@media(max-width: 767px) {
  .main-banner-content__logo--3 svg {
    width: 124px;
    height: 43px
  }
}

.main-banner-content__title {
  font-weight: bold;
  font-size: 110px;
  line-height: 120px;
  color: #383b41
}

.main-banner-content__text {
  max-width: 500px;
  font-size: 22px;
  line-height: 120%;
  color: #383b41;
  margin-bottom: 30px;
  opacity: 0;
  transform: translateX(-150px)
}

@media(max-width: 1200px) {
  .main-banner-content__text {
    font-size: 16px
  }
}

@media(max-width: 991px) {
  .main-banner-content__text {
    text-align: center;
    font-size: 14px;
    margin-bottom: 16px
  }
}

@media(max-width: 767px) {
  .main-banner-content__text {
    transform: translateX(-100px)
  }
}

@media(max-width: 539px) {
  .main-banner-content__text {
    transform: none
  }
}

.main-banner-content__button {
  width: 221px;
  height: 56px;
  margin-top: auto;
  opacity: 0;
  transition: 0s;
  margin-top: auto
}

@media(max-width: 991px) {
  .main-banner-content__button {
    font-size: 14px;
    width: 180px;
    height: 42px
  }
}

@media(max-width: 767px) {
  .main-banner-content__button {
    width: 131.72px;
    height: 33.38px;
    font-size: 12px
  }
}

.main-banner__slogan {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 70px;
  z-index: 1;
  opacity: 0;
  transform: translateX(calc(-50% + 70px));
  width: calc(29.7395833333vw / 2 + 571px / 2);
  height: calc(3.28125vw / 2 + 63px / 2)
}

.main-banner__slogan img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media(max-width: 1920px) {
  .main-banner__slogan {
    width: calc(29.7395833333vw * 0.5 + 571px * (1 - 0.5));
    height: calc(3.28125vw * 0.5 + 63px * (1 - 0.5));
    bottom: calc(3.6458333333vw * 0.5 + 70px * (1 - 0.5))
  }
}

@media(max-width: 991px) {
  .main-banner__slogan {
    bottom: 20px
  }
}

@media(max-width: 539px) {
  .main-banner__slogan {
    width: 80vw;
    height: 8vw
  }
}

.main-banner__slogan img {
  width: 100%;
  height: 100%
}

.main-banner__links {
  margin: 0 auto;
  z-index: 1
}

.main-banner-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

@media(max-width: 991px) {
  .main-banner-links {
    justify-content: space-around
  }
}

@media(max-width: 767px) {
  .main-banner-links {
    flex-direction: column
  }
}

.main-banner-links__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 272px;
  height: 78px;
  font-size: 14px;
  line-height: 17px;
  background: #fff;
  border: 1px solid #d0dff1;
  box-sizing: border-box;
  border-radius: 4px;
  opacity: 0;
  transform: translateY(50px)
}

@media(max-width: 991px) {
  .main-banner-links__item {
    width: 230.55px
  }
}

@media(max-width: 767px) {
  .main-banner-links__item {
    width: 60vw
  }
}

@media(max-width: 539px) {
  .main-banner-links__item {
    width: 230.55px;
    height: 66.21px
  }
}

@media(max-width: 991px) {
  .main-banner-links__item {
    width: 225px
  }
}

@media(max-width: 767px) {
  .main-banner-links__item {
    width: 100%;
    height: 58px
  }
}

.main-banner-links__item:hover {
  border-color: #fff;
  box-shadow: 0px 4px 24px rgba(150,150,150,.2)
}

.main-banner-links__item:hover svg path.hover {
  display: block
}

.main-banner-links__item svg {
  width: 31px;
  height: 31px;
  min-width: 31px;
  min-height: 31px
}

.main-banner-links__item svg path.hover {
  display: none
}

@media(max-width: 991px) {
  .main-banner-links__item span {
    width: 142px
  }
}

.main-introduction {
  margin-bottom: 120px
}

@media(max-width: 1200px) {
  .main-introduction {
    margin-bottom: 82px
  }
}

@media(max-width: 767px) {
  .main-introduction {
    margin-bottom: 50px;
    text-align: center
  }
}

@media(max-width: 539px) {
  .main-introduction {
    margin-bottom: 49px
  }
}

.main-introduction__row {
  display: flex;
  justify-content: space-between
}

@media(max-width: 767px) {
  .main-introduction__row {
    flex-direction: column
  }
}

.main-introduction__row>*:not(:last-child) {
  margin-right: 32px
}

@media(max-width: 767px) {
  .main-introduction__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 48px
  }
}

@media(max-width: 539px) {
  .main-introduction__row>*:not(:last-child) {
    margin-bottom: 67px
  }
}

.main-introduction-slider--1 {
  width: 572px
}

@media(max-width: 1200px) {
  .main-introduction-slider--1 {
    width: 363px;
    max-width: 45vw
  }
}

@media(max-width: 991px) {
  .main-introduction-slider--1 {
    width: 458px
  }
}

@media(max-width: 767px) {
  .main-introduction-slider--1 {
    width: 100%;
    max-width: 100%
  }
}

.main-introduction-slider--1 .slick-list {
  overflow: visible
}

.main-introduction-slider--1 .slick-slide {
  opacity: 1 !important
}

.main-introduction-slider--1 .slick-slide .main-introduction-title__name,.main-introduction-slider--1 .slick-slide .main-introduction__desc,.main-introduction-slider--1 .slick-slide .main-introduction__more-link {
  opacity: 0;
  transform: translateX(-100px);
  transition: 0s
}

.main-introduction-slider--1 .slick-slide.slick-active .main-introduction-title__name,.main-introduction-slider--1 .slick-slide.slick-active .main-introduction__desc,.main-introduction-slider--1 .slick-slide.slick-active .main-introduction__more-link {
  opacity: 1;
  transform: none
}

.main-introduction-slider--1 .slick-slide.slick-active .main-introduction-title__name {
  transition: transform .75s ease,opacity .75s ease
}

.main-introduction-slider--1 .slick-slide.slick-active .main-introduction__desc {
  transition: transform .75s .25s ease,opacity .75s .25s ease
}

.main-introduction-slider--1 .slick-slide.slick-active .main-introduction__more-link {
  transition: transform .75s .5s ease,opacity .75s .5s ease
}

.main-introduction-slider--2 {
  width: 785px
}

@media(max-width: 1920px) {
  .main-introduction-slider--2 {
    max-width: 49vw
  }
}

@media(max-width: 991px) {
  .main-introduction-slider--2 {
    width: 556px
  }
}

@media(max-width: 767px) {
  .main-introduction-slider--2 {
    max-width: 100%;
    width: 100%
  }
}

.main-introduction-slider--2 .slick-list {
  overflow: visible
}

.main-introduction-slider--2 .slick-slide {
  opacity: 1 !important
}

.main-introduction-slider--2 .slick-slide .main-introduction__photo {
  opacity: 0;
  transition: .5s ease
}

.main-introduction-slider--2 .slick-slide .main-introduction__sub-desc {
  opacity: 0;
  transition: 0s
}

.main-introduction-slider--2 .slick-slide.slick-active .main-introduction__photo {
  opacity: 1
}

.main-introduction-slider--2 .slick-slide.slick-active .main-introduction__sub-desc {
  transform: none;
  opacity: 1;
  transition: 1s ease
}

.main-introduction-slider-nav {
  display: flex;
  gap: 20px
}

@media(max-width: 539px) {
  .main-introduction-slider-nav {
    gap: 10px
  }
}

.main-introduction-slider__nav {
  margin-top: 50px
}

@media(max-width: 1200px) {
  .main-introduction-slider__nav {
    margin-top: 42px
  }
}

@media(max-width: 991px) {
  .main-introduction-slider__nav {
    margin-top: 34px
  }
}

@media(max-width: 767px) {
  .main-introduction-slider__nav {
    margin-top: 24px;
    justify-content: center
  }
}

@media(max-width: 767px) {
  .main-introduction-slider__nav--1 {
    display: none
  }
}

.main-introduction-slider__nav--2 {
  display: none
}

@media(max-width: 767px) {
  .main-introduction-slider__nav--2 {
    display: flex
  }
}

.main-introduction-slider-nav__button {
  width: 64px;
  height: 64px;
  border: 1px solid #383b41;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: .5
}

@media(max-width: 539px) {
  .main-introduction-slider-nav__button {
    width: 32px;
    height: 32px
  }
}

.main-introduction-slider-nav__button:hover {
  opacity: 1
}

.main-introduction-slider-nav__button.slick-disabled {
  pointer-events: none;
  opacity: .5;
  border-color: transparent
}

.main-introduction-slider-nav__button--next svg {
  transform: scaleX(-1)
}

.main-introduction-slider-nav__button svg {
  width: 24px;
  height: 20px;
  fill: #383b41
}

@media(max-width: 539px) {
  .main-introduction-slider-nav__button svg {
    width: 12px;
    height: 12px
  }
}

.main-introduction__title {
  margin-bottom: 40px
}

@media(max-width: 1200px) {
  .main-introduction__title {
    margin-bottom: 24px
  }
}

@media(max-width: 767px) {
  .main-introduction__title {
    margin-bottom: 20px
  }
}

.main-introduction-title__type {
  font-size: 14px;
  line-height: 20px;
  color: #465a69
}

.main-introduction-title__name {
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 132%
}

@media(max-width: 1200px) {
  .main-introduction-title__name {
    font-size: 32px
  }
}

.main-introduction__desc {
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  margin-bottom: 47px
}

@media(max-width: 1200px) {
  .main-introduction__desc {
    font-size: 22px;
    margin-bottom: 42px
  }
}

@media(max-width: 767px) {
  .main-introduction__desc {
    font-size: 16px;
    max-width: 485px;
    margin: 0 auto 34px
  }
}

.main-introduction__more-link {
  width: 281px;
  height: 72px;
  box-sizing: border-box
}

@media(max-width: 991px) {
  .main-introduction__more-link {
    width: 250px
  }
}

@media(max-width: 767px) {
  .main-introduction__more-link {
    width: 200px;
    height: 50px;
    font-size: 14px;
    margin: 0 auto
  }
}

.main-introduction__more-link svg {
  width: 20px;
  height: 15px;
  fill: #3395cd;
  margin-right: 10px
}

.main-introduction__more-link:hover svg {
  fill: #fff
}

.main-introduction__photo {
  width: 100%;
  height: 446px;
  position: relative
}

@media(max-width: 1200px) {
  .main-introduction__photo {
    height: 318px
  }
}

@media(max-width: 539px) {
  .main-introduction__photo {
    height: 164px
  }
}

.main-introduction__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0
}

@media(max-width: 767px) {
  .main-introduction__photo img {
    width: 100%;
    position: static
  }
}

.main-introduction__sub-desc {
  font-size: 20px;
  line-height: 120%;
  margin-top: 20px;
  position: relative
}

@media(max-width: 1200px) {
  .main-introduction__sub-desc {
    font-size: 14px
  }
}

@media(max-width: 767px) {
  .main-introduction__sub-desc {
    font-size: 12px
  }
}

@media(max-width: 539px) {
  .main-introduction__sub-desc {
    display: none
  }
}

.main-clients__row {
  display: flex
}

.main-clients__row>*:not(:last-child) {
  margin-right: 22px
}

.main-clients__col--1 {
  flex: 0 0 587px;
  display: flex;
  align-items: center
}

.main-clients__text {
  font-size: 32px;
  line-height: 40px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  display: inline-block;
  position: relative
}

.main-clients__text svg {
  width: 107px;
  height: 20px;
  fill: #383b41;
  position: absolute;
  bottom: 8px;
  right: 0;
  transform: translateX(100%)
}

.main-clients__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.main-clients__list>*:not(:last-child) {
  margin-right: 22px;
  margin-bottom: 22px
}

.main-clients__item {
  flex: 0 0 calc(25% - 27px)
}

.main-clients-item {
  display: flex
}

.main-clients-item__logo {
  margin: auto
}

.main-about__social {
  margin-bottom: 55px
}

.main-about-social {
  display: flex
}

.main-about-social>*:not(:last-child) {
  margin-right: 21px
}

.main-about-social__list {
  display: flex
}

.main-about-social__list>*:not(:last-child) {
  margin-right: 21px
}

.main-about-social-item__link {
  display: flex;
  align-items: center
}

.main-about-social-item__link>*:not(:last-child) {
  margin-right: 11px
}

.main-about-social-item__icon {
  width: 11px;
  height: 11px;
  fill: #fff
}

.main-about-social-item__name {
  font-weight: 300;
  font-size: 14px;
  line-height: 43px
}

.main-about__benefits {
  margin-bottom: 112px
}

@media(max-width: 1200px) {
  .main-about__benefits {
    margin-bottom: 92px
  }
}

@media(max-width: 991px) {
  .main-about__benefits {
    margin-bottom: 40px
  }
}

.main-about-benefits {
  padding: 93px 0 88px;
  background: #383b41;
  color: #fff
}

@media(max-width: 991px) {
  .main-about-benefits {
    padding: 72px 0 58px
  }
}

@media(max-width: 767px) {
  .main-about-benefits {
    padding: 40px 0 52px
  }
}

.main-about-benefits__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 49px
}

@media(max-width: 1920px) {
  .main-about-benefits__list {
    grid-column-gap: 24px
  }
}

@media(max-width: 991px) {
  .main-about-benefits__list {
    grid-column-gap: 36px;
    grid-row-gap: 29px
  }
}

@media(max-width: 767px) {
  .main-about-benefits__list {
    grid-row-gap: 22px
  }
}

@media(max-width: 539px) {
  .main-about-benefits__list {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 40px
  }
}

.main-about-benefits__list.is-active .main-about-benefits__item {
  opacity: 1;
  transition: 1s
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(1) {
  transition-delay: calc(.15s * 1)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(2) {
  transition-delay: calc(.15s * 2)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(3) {
  transition-delay: calc(.15s * 3)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(4) {
  transition-delay: calc(.15s * 4)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(5) {
  transition-delay: calc(.15s * 5)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(6) {
  transition-delay: calc(.15s * 6)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(7) {
  transition-delay: calc(.15s * 7)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(8) {
  transition-delay: calc(.15s * 8)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(9) {
  transition-delay: calc(.15s * 9)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(10) {
  transition-delay: calc(.15s * 10)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(11) {
  transition-delay: calc(.15s * 11)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(12) {
  transition-delay: calc(.15s * 12)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(13) {
  transition-delay: calc(.15s * 13)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(14) {
  transition-delay: calc(.15s * 14)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(15) {
  transition-delay: calc(.15s * 15)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(16) {
  transition-delay: calc(.15s * 16)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(17) {
  transition-delay: calc(.15s * 17)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(18) {
  transition-delay: calc(.15s * 18)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(19) {
  transition-delay: calc(.15s * 19)
}

.main-about-benefits__list.is-active .main-about-benefits__item:nth-child(20) {
  transition-delay: calc(.15s * 20)
}

.main-about-benefits__item {
  opacity: 0
}

@media(max-width: 539px) {
  .main-about-benefits__item {
    width: 230.55px;
    margin: 0 auto
  }
}

.main-about-benefits__logo {
  height: 68px;
  display: flex;
  align-items: center;
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  margin-bottom: 18px
}

.main-about-benefits__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 5px
}
.main-about-benefits__title--short {
  font-size: 26px;
}

@media(max-width: 991px) {
  .main-about-benefits__title {
    font-size: 26px;
    line-height: 28px
  }
}

@media(max-width: 767px) {
  .main-about-benefits__title {
    font-size: 21px;
    line-height: 24px
  }
}

.main-about-benefits__subtitle {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px
}

@media(max-width: 991px) {
  .main-about-benefits__subtitle {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .main-about-benefits__subtitle {
    font-size: 14px;
    line-height: 16px
  }
}

.main-about__text {
  font-weight: 400;
  font-size: 32px;
  line-height: 120%
}

@media(max-width: 1200px) {
  .main-about__text {
    font-size: 24px;
    max-width: 682px;
    text-align: center
  }
}

@media(max-width: 991px) {
  .main-about__text {
    font-size: 20px;
    max-width: 637px
  }
}

@media(max-width: 767px) {
  .main-about__text {
    font-size: 14px
  }
}

.main-about__text strong {
  font-weight: inherit;
  color: #b7d232
}

.main-about__padded {
  padding-left: 307px;
  box-sizing: border-box
}

@media(max-width: 1920px) {
  .main-about__padded {
    padding-left: calc(15.9895833333vw * 1 + 307px * (1 - 1))
  }
}

@media(max-width: 1200px) {
  .main-about__padded {
    padding-left: 0
  }
}

.main-about__button {
  width: 281px;
  height: 72px
}

.main-about__description {
  margin-bottom: 92px;
  position: relative
}

@media(max-width: 1200px) {
  .main-about__description {
    margin-bottom: 25px
  }
}

@media(max-width: 767px) {
  .main-about__description {
    margin-bottom: 16px
  }
}

@media(max-width: 1200px) {
  .main-about-description__container {
    display: flex;
    flex-direction: column;
    align-items: center
  }
}

.main-about-description__title {
  font-weight: 300;
  font-size: 64px;
  line-height: 100%;
  margin-bottom: 45px
}

@media(max-width: 1200px) {
  .main-about-description__title {
    margin-bottom: 25px
  }
}

@media(max-width: 991px) {
  .main-about-description__title {
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .main-about-description__title {
    margin-bottom: 16px;
    font-size: 38px
  }
}

.main-about__cards {
  margin-bottom: 74px
}

@media(max-width: 1200px) {
  .main-about__cards {
    margin-bottom: 48px
  }
}

@media(max-width: 991px) {
  .main-about__cards {
    margin-bottom: 32px
  }
}

.main-about-cards__title {
  margin-bottom: 67px
}

@media(max-width: 1200px) {
  .main-about-cards__title {
    text-align: center;
    margin: 0 auto 73px
  }
}

@media(max-width: 991px) {
  .main-about-cards__title {
    margin: 0 auto 57px
  }
}

@media(max-width: 991px) {
  .main-about-cards__title {
    margin: 0 auto 31px
  }
}

.main-about-cards__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 27px
}

@media(max-width: 1200px) {
  .main-about-cards__list {
    grid-gap: 21px
  }
}

@media(max-width: 991px) {
  .main-about-cards__list {
    grid-gap: 16px
  }
}

@media(max-width: 767px) {
  .main-about-cards__list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 13px
  }
}

.main-about-cards__list.is-active .main-about-cards__item {
  transform: none;
  opacity: 1;
  transition: 1s ease
}

.main-about-cards__list.is-active .main-about-cards__item:nth-child(1) {
  transition-delay: calc(.2s * 1)
}

.main-about-cards__list.is-active .main-about-cards__item:nth-child(2) {
  transition-delay: calc(.2s * 2)
}

.main-about-cards__list.is-active .main-about-cards__item:nth-child(3) {
  transition-delay: calc(.2s * 3)
}

.main-about-cards__item {
  transform: translateX(-100px);
  opacity: 0
}

.main-about-cards-item {
  border: 1px solid #8d99a2;
  border-radius: 6px;
  padding: 35px 21px 50px 30px;
  box-sizing: border-box
}

.main-about-cards-item:hover {
  background: rgba(141,153,162,.1);
  border-color: transparent
}

@media(max-width: 1200px) {
  .main-about-cards-item {
    padding: 27px 16px 14px 23px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item {
    padding: 23px 12px 14px 17px
  }
}

@media(max-width: 767px) {
  .main-about-cards-item {
    width: 60vw;
    margin: 0 auto
  }
}

@media(max-width: 539px) {
  .main-about-cards-item {
    width: 230.55px
  }
}

.main-about-cards-item__svg-wrapper {
  height: 88px
}

@media(max-width: 1200px) {
  .main-about-cards-item__svg-wrapper {
    height: 68px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__svg-wrapper {
    height: 44px
  }
}

.main-about-cards-item__svg-icon {
  height: 58px;
  display: flex
}

@media(max-width: 1200px) {
  .main-about-cards-item__svg-icon {
    height: 45.4px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__svg-icon {
    height: 34.34px
  }
}

.main-about-cards-item__svg-icon--1 {
  width: 156px
}

@media(max-width: 1200px) {
  .main-about-cards-item__svg-icon--1 {
    width: 122.1px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__svg-icon--1 {
    width: 92.35px
  }
}

.main-about-cards-item__svg-icon--2 {
  width: 165px
}

@media(max-width: 1200px) {
  .main-about-cards-item__svg-icon--2 {
    width: 129.14px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__svg-icon--2 {
    width: 97.68px
  }
}

.main-about-cards-item__svg-icon--3 {
  width: 175px
}

@media(max-width: 1200px) {
  .main-about-cards-item__svg-icon--3 {
    width: 136.97px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__svg-icon--3 {
    width: 103.6px
  }
}

.main-about-cards-item__title {
  font-weight: 600;
  font-size: 34px;
  line-height: 100%;
  margin-bottom: 19px
}

@media(max-width: 1200px) {
  .main-about-cards-item__title {
    font-size: 34px;
    margin-bottom: 8px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__title {
    font-size: 20px;
    margin-bottom: 11px
  }
}

.main-about-cards-item__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #5a5a5a
}

@media(max-width: 1200px) {
  .main-about-cards-item__text {
    font-size: 16px
  }
}

@media(max-width: 991px) {
  .main-about-cards-item__text {
    font-size: 14px
  }
}

@media(max-width: 539px) {
  .main-about-cards-item__text {
    font-size: 12px
  }
}

.main-about-presentation {
  padding: 88px 0 130px;
  box-sizing: border-box;
  background: #383b41;
  color: #fff
}

@media(max-width: 1200px) {
  .main-about-presentation {
    padding: 64px 0 78px
  }
}

@media(max-width: 767px) {
  .main-about-presentation {
    padding: 48px 0 38px
  }
}

.main-about-presentation.is-active .main-about-presentation__text {
  opacity: 1;
  transition: 1s .25s ease
}

.main-about-presentation.is-active .main-about-presentation__link-row {
  opacity: 1;
  transition: 1s .5s ease
}

.main-about-presentation.is-active .main-about-presentation__video {
  opacity: 1;
  transform: none;
  transition: 1s .75s ease
}

.main-about-presentation__row {
  display: flex;
  justify-content: space-between
}

@media(max-width: 991px) {
  .main-about-presentation__row {
    flex-direction: column
  }
}

.main-about-presentation__wrapper--1 {
  width: 572px
}

@media(max-width: 1200px) {
  .main-about-presentation__wrapper--1 {
    width: 363px;
    max-width: 45vw
  }
}

@media(max-width: 991px) {
  .main-about-presentation__wrapper--1 {
    width: 100%;
    max-width: 100%
  }
}

.main-about-presentation__wrapper--2 {
  width: 785px
}

@media(max-width: 1920px) {
  .main-about-presentation__wrapper--2 {
    max-width: 49vw
  }
}

@media(max-width: 991px) {
  .main-about-presentation__wrapper--2 {
    width: 100%;
    max-width: 100%
  }
}

.main-about-presentation__col--1 {
  margin-right: 32px
}

@media(max-width: 991px) {
  .main-about-presentation__col--1 {
    margin-right: 0;
    margin-bottom: 51px
  }
}

@media(max-width: 539px) {
  .main-about-presentation__col--1 {
    margin-bottom: 43px
  }
}

.main-about-presentation__logo {
  display: flex;
  height: 72px;
  width: 415px;
  max-width: 100%;
  padding-bottom: 77px;
  margin-bottom: 96px;
  position: relative
}

@media(max-width: 991px) {
  .main-about-presentation__logo {
    padding-bottom: 44px;
    margin: 0 auto 34px
  }
}

@media(max-width: 539px) {
  .main-about-presentation__logo {
    height: 39.2707824707px;
    width: 224.0002746582px;
    padding-bottom: 34px
  }
}

.main-about-presentation__logo:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #6a7e96;
  position: absolute;
  bottom: 0;
  left: 0
}

@media(max-width: 991px) {
  .main-about-presentation__logo:before {
    left: 50%;
    transform: translateX(-50%)
  }
}

@media(max-width: 539px) {
  .main-about-presentation__logo:before {
    width: 100%
  }
}

.main-about-presentation__logo svg {
  display: flex;
  width: 100%;
  height: 100%
}

.main-about-presentation__text {
  font-size: 26px;
  line-height: 127%;
  margin-bottom: 60px;
  opacity: 0
}

@media(max-width: 1200px) {
  .main-about-presentation__text {
    font-size: 23px;
    margin-bottom: 40px
  }
}

@media(max-width: 991px) {
  .main-about-presentation__text {
    max-width: 601px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto 30px
  }
}

.main-about-presentation__link-row {
  display: flex;
  align-items: center;
  opacity: 0
}

@media(max-width: 991px) {
  .main-about-presentation__link-row {
    justify-content: center
  }
}

@media(max-width: 539px) {
  .main-about-presentation__link-row {
    flex-direction: column
  }
}

.main-about-presentation__button {
  width: 276px;
  max-width: 100%;
  height: 72px;
  box-sizing: border-box;
  margin-right: 45px
}

@media(max-width: 991px) {
  .main-about-presentation__button {
    width: 200px
  }
}

@media(max-width: 767px) {
  .main-about-presentation__button {
    font-size: 18px;
    height: 68px
  }
}

@media(max-width: 539px) {
  .main-about-presentation__button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 23px
  }
}

.main-about-presentation__more-link {
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center
}

@media(max-width: 991px) {
  .main-about-presentation__more-link {
    font-size: 18px
  }
}

.main-about-presentation__more-link:hover span {
  border-color: transparent
}

.main-about-presentation__more-link span {
  border-bottom: 1px solid;
  margin-right: 14px
}

.main-about-presentation__more-link svg {
  width: 11px;
  height: 17px;
  fill: #fff
}

.main-about-presentation__video {
  opacity: 0;
  transform: translateX(100px)
}

.main-about-video {
  max-width: 781px;
  height: 464px;
  position: relative;
  padding-top: 4%;
  margin: 0 auto
}

@media(max-width: 1920px) {
  .main-about-video {
    height: calc(24.1666666667vw * 0.5 + 464px * (1 - 0.5))
  }
}

@media(max-width: 991px) {
  .main-about-video {
    width: 80vw;
    padding-top: 0
  }
}

@media(max-width: 767px) {
  .main-about-video {
    height: 375px;
    width: 632px
  }
}

@media(max-width: 539px) {
  .main-about-video {
    height: 173px;
    width: 100%
  }
}

.main-about-video video {
  width: 100%;
  height: 100%
}

.main-about-video__preview {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  z-index: 2
}

.main-about-video__video {
  position: relative;
  z-index: 1
}

.main-about-video__play-btn {
  width: 93px;
  height: 93px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.5);
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-left: calc(-93px / 2);
  margin-top: calc(-93px / 2);
  transition: transform .3s cubic-bezier(0.24, 2, 0.55, 2);
  cursor: pointer
}

@media(max-width: 539px) {
  .main-about-video__play-btn {
    width: 68px;
    height: 68px;
    margin-left: calc(-68px / 2);
    margin-top: calc(-68px / 2)
  }
}

.main-about-video__play-btn:hover {
  transform: scale(1.1)
}

.main-about-video__play-btn svg {
  width: 30px;
  height: 30px;
  fill: #fff;
  padding-left: 10%
}

@media(max-width: 539px) {
  .main-about-video__play-btn svg {
    width: 22px;
    height: 22px
  }
}

.main-news__container {
  display: flex
}

.main-news__title {
  font-size: 42px;
  line-height: 120%;
  padding-bottom: 68px;
  margin-bottom: 42px;
  position: relative
}

@media(max-width: 1200px) {
  .main-news__title {
    padding-bottom: 43px;
    margin-bottom: 25px
  }
}

@media(max-width: 991px) {
  .main-news__title {
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 52px
  }
}

@media(max-width: 767px) {
  .main-news__title {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 22px
  }
}

.main-news__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #465a69;
  position: absolute;
  bottom: 0;
  left: 0
}

.main-news__list {
  display: grid;
  grid-gap: 27px;
  grid-template-columns: repeat(4, 1fr)
}

@media(max-width: 1200px) {
  .main-news__list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px
  }
}

@media(max-width: 767px) {
  .main-news__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px
  }
}

@media(max-width: 539px) {
  .main-news__list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px
  }
}

.main-news__list.is-active .main-news__item {
  opacity: 1;
  transform: none;
  transition: 1s ease
}

.main-news__list.is-active .main-news__item:nth-child(1) {
  transition-delay: calc(.2s * 1)
}

.main-news__list.is-active .main-news__item:nth-child(2) {
  transition-delay: calc(.2s * 2)
}

.main-news__list.is-active .main-news__item:nth-child(3) {
  transition-delay: calc(.2s * 3)
}

.main-news__list.is-active .main-news__item:nth-child(4) {
  transition-delay: calc(.2s * 4)
}

.main-news__list.is-active .main-news__item:nth-child(5) {
  transition-delay: calc(.2s * 5)
}

.main-news__list.is-active .main-news__item:nth-child(6) {
  transition-delay: calc(.2s * 6)
}

.main-news__list.is-active .main-news__item:nth-child(7) {
  transition-delay: calc(.2s * 7)
}

.main-news__list.is-active .main-news__item:nth-child(8) {
  transition-delay: calc(.2s * 8)
}

.main-news__list.is-active .main-news__item:nth-child(9) {
  transition-delay: calc(.2s * 9)
}

.main-news__list.is-active .main-news__item:nth-child(10) {
  transition-delay: calc(.2s * 10)
}

.main-news__button {
  width: 100%;
  height: 72px;
  box-sizing: border-box;
  margin-top: 60px
}

@media(max-width: 991px) {
  .main-news__button {
    height: 58px
  }
}

.main-news__item {
  opacity: 0;
  transform: translateY(50px)
}

.main-news-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #8d99a2;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: transform .3s ease,box-shadow .3s ease
}

.main-news-item:hover {
  border-color: #f4f5f6;
  background: #f4f5f6
}

.main-news-item__photo {
  width: 100%;
  height: 132px;
  margin-bottom: 18px;
  position: relative
}

.main-news-item__photo:before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0
}

.main-news-item__photo--line-blue:before {
  background: #3395cd
}

.main-news-item__photo--line-green:before {
  background: #b7d232
}

.main-news-item__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  filter: grayscale(1)
}

.main-news-item__desc {
  height: 100%
}

.main-news-item-desc {
  display: flex;
  flex-direction: column;
  padding: 0 10px
}

.main-news-item-desc__tags {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #969696;
  margin-bottom: 13px
}

.main-news-item-desc__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 14px
}

.main-news-item-desc__text {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 10px;
  color: #465a69
}

.main-news-item-desc__more-link {
  height: 50px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 7px;
  box-sizing: border-box;
  color: rgba(141,153,162,.6);
  margin-top: auto;
  border-top: 1px solid rgba(141,153,162,.6)
}

.main-news-item-desc__more-link>*:not(:last-child) {
  margin-right: 16px
}

.main-news-item-desc__more-link:hover {
  color: rgba(50,50,50,.6)
}

.main-news-item-desc__more-link svg {
  width: 21px;
  height: 21px;
  fill: rgba(50,50,50,.6)
}

.main-news__link-button {
  margin-top: 64px
}

@media(max-width: 1200px) {
  .main-news__link-button {
    margin-top: 58px
  }
}

@media(max-width: 991px) {
  .main-news__link-button {
    margin-top: 43px
  }
}

@media(max-width: 767px) {
  .main-news__link-button {
    font-size: 18px
  }
}

@media(max-width: 539px) {
  .main-news__link-button {
    margin-top: 37px
  }
}

.rnd__nav-bar {
  margin-bottom: 110px
}

.rnd__cards {
  margin-bottom: 100px
}

.rnd__provide {
  margin-bottom: 140px
}

.rnd__benefits {
  margin-bottom: 30px
}

.rnd__tabs {
  margin-bottom: 100px
}

.rnd-cards__list {
  display: grid;
  gap: 12px 10px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1250px) {
  .rnd-cards__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 630px) {
  .rnd-cards__list {
    grid-template-columns: 1fr;
  }
}
.rnd-cards__list.is-active .rnd-cards__item:nth-child(1) {
  opacity: 1;
  transition-delay: .25s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(2) {
  opacity: 1;
  transition-delay: .5s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(3) {
  opacity: 1;
  transition-delay: .75s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(4) {
  opacity: 1;
  transition-delay: 1s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(5) {
  opacity: 1;
  transition-delay: 1.25s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(6) {
  opacity: 1;
  transition-delay: 1.5s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(7) {
  opacity: 1;
  transition-delay: 1.75s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(8) {
  opacity: 1;
  transition-delay: 2s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(9) {
  opacity: 1;
  transition-delay: 2.25s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(10) {
  opacity: 1;
  transition-delay: 2.5s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(11) {
  opacity: 1;
  transition-delay: 2.75s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(12) {
  opacity: 1;
  transition-delay: 3s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(13) {
  opacity: 1;
  transition-delay: 3.25s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(14) {
  opacity: 1;
  transition-delay: 3.5s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(15) {
  opacity: 1;
  transition-delay: 3.75s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(16) {
  opacity: 1;
  transition-delay: 4s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(17) {
  opacity: 1;
  transition-delay: 4.25s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(18) {
  opacity: 1;
  transition-delay: 4.5s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(19) {
  opacity: 1;
  transition-delay: 4.75s
}

.rnd-cards__list.is-active .rnd-cards__item:nth-child(20) {
  opacity: 1;
  transition-delay: 5s
}

.rnd-cards__item {
  opacity: 0;
  transition: opacity 1s ease;
  flex: 1 1 calc(33.33% - 9px)
}

.rnd-cards-item {
  height: 472px;
  border: 1px solid #8d99a2;
  box-sizing: border-box;
  border-radius: 6px
}

.rnd-cards-item:hover {
  border-color: transparent;
  background: rgba(141,153,162,.1)
}

.rnd-cards-item:hover .rnd-cards-item-more__text,.rnd-cards-item:hover .rnd-cards-item-more__icon {
  opacity: 1
}

.rnd-cards-item__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 32px 40px 50px;
  box-sizing: border-box
}

.rnd-cards-item__logo {
  height: 90px;
  margin-top: 20px;
  margin-bottom: 40px
}
/*.rnd-cards-item__logo svg {
  width: 100%;
  height: 100%;
}*/

.rnd-cards-item__logo--cpi {
  width: 225px
}

.rnd-cards-item__logo--itsm {
  width: 215px
}

.rnd-cards-item__logo--asset {
  width: 222px
}

.rnd-cards-item__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.rnd-cards-item__name {
  font-weight: 600;
  font-size: 34px;
  line-height: 24px;
  margin-bottom: 22px
}

.rnd-cards-item__text {
  font-size: 20px;
  line-height: 28px;
  color: #5a5a5a;
  margin-bottom: auto
}

.rnd-cards-item-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  border-top: 1px solid rgba(141,153,162,.6);
  box-sizing: border-box
}

.rnd-cards-item-more__text {
  font-size: 20px;
  line-height: 23px;
  color: #5a5a5a;
  opacity: .6
}

.rnd-cards-item-more__icon {
  height: 21.25px;
  width: 21.25px;
  fill: #323232;
  opacity: .5
}

@media(max-width: 991px) {
  .rnd__cards.rnd-cards {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .rnd__cards.rnd-cards {
    padding-top: 30px;
    margin-bottom: 50px;
    margin-top: 50px
  }
}

@media(max-width: 991px) {
  .rnd__cards.rnd-cards .container--1 {
    width: unset
  }
}

@media(max-width: 767px) {
  .rnd__cards.rnd-cards .rnd-cards__list {
    flex-direction: column
  }
}

@media(max-width: 1200px) {
  .rnd__cards.rnd-cards .rnd-cards-item__link {
    padding: 25px 30px 40px
  }
}

@media(max-width: 1200px) {
  .rnd__cards.rnd-cards .rnd-cards-item__name {
    font-size: 28px;
    line-height: 30px
  }
}

@media(max-width: 1200px) {
  .rnd__cards.rnd-cards .rnd-cards-item__text {
    font-size: 18px;
    line-height: 24px
  }
}

.rnd-schematic {
  padding: 100px 0 100px;
  background: #fbfbfb;
  position: relative
}

.rnd-schematic__container {
  display: flex;
  flex-direction: column
}

.rnd-schematic__title {
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 51px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .rnd-schematic__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .rnd-schematic__title {
    font-size: 24px;
    line-height: 29px
  }
}

.rnd-schematic__title strong {
  font-weight: normal;
  color: #b7d232
}
.rnd-schematic__title strong.bold {
  font-weight: 700;
}

.rnd-schematic__row {
  display: flex;
  justify-content: space-between
}

.rnd-schematic__row>*:not(:last-child) {
  margin-right: 64px
}

.rnd-schematic__col--1 {
  flex: 0 0 272px;
}

.rnd-schematic__text {
  font-size: 18px;
  line-height: 24px;
  color: #5a5a5a
}

.rnd-schematic__text strong {
  font-weight: normal;
  color: #b7d232
}

.rnd-schematic__text p {
  opacity: 0;
  transform: translateX(-20px);
  transition: all 1s ease
}

.rnd-schematic__text p:not(:last-of-type) {
  margin-bottom: 1em
}

.rnd-schematic__text.is-active p:nth-child(1) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: .25s
}

.rnd-schematic__text.is-active p:nth-child(2) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: .5s
}

.rnd-schematic__text.is-active p:nth-child(3) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: .75s
}

.rnd-schematic__text.is-active p:nth-child(4) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 1s
}

.rnd-schematic__text.is-active p:nth-child(5) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 1.25s
}

.rnd-schematic__text.is-active p:nth-child(6) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 1.5s
}

.rnd-schematic__text.is-active p:nth-child(7) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 1.75s
}

.rnd-schematic__text.is-active p:nth-child(8) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2s
}

.rnd-schematic__text.is-active p:nth-child(9) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2.25s
}

.rnd-schematic__text.is-active p:nth-child(10) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2.5s
}

.rnd-schematic__text.is-active p:nth-child(11) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 2.75s
}

.rnd-schematic__text.is-active p:nth-child(12) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 3s
}

.rnd-schematic__text.is-active p:nth-child(13) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 3.25s
}

.rnd-schematic__text.is-active p:nth-child(14) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 3.5s
}

.rnd-schematic__text.is-active p:nth-child(15) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 3.75s
}

.rnd-schematic__text.is-active p:nth-child(16) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 4s
}

.rnd-schematic__text.is-active p:nth-child(17) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 4.25s
}

.rnd-schematic__text.is-active p:nth-child(18) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 4.5s
}

.rnd-schematic__text.is-active p:nth-child(19) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 4.75s
}

.rnd-schematic__text.is-active p:nth-child(20) {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 5s
}

.rnd-schematic__powered {
  height: 80.8000030518px;
  width: 258.799987793px;
  fill: #6a7e97;
  margin-left: auto;
  opacity: 0;
  transform: translateX(100px)
}

.rnd-schematic__powered.is-active {
  transform: translateX(0);
  opacity: 1
}

.rnd-schematic-help {
  position: absolute;
  top: 190px;
  left: 398px;
  pointer-events: none
}

@media(max-width: 1200px) {
  .rnd-schematic-help {
    top: calc(27.3333333333vw * 1 + 328px * (1 - 1));
    left: 50%;
    transform: translateX(-50%)
  }
}

@media(max-width: 767px) {
  .rnd-schematic-help {
    top: calc(26.6666666667vw * 1 + 320px * (1 - 1))
  }
}

.rnd-schematic-help__svg {
  position: absolute;
  top: -3px;
  left: -14px;
  width: 40px;
  height: 40px;
  opacity: 0;
  transform: translate(400px, -200px)
}

@media(max-width: 1200px) {
  .rnd-schematic-help__svg {
    width: calc(3.3333333333vw / 2 + 40px / 2);
    height: calc(3.3333333333vw / 2 + 40px / 2)
  }
}

@keyframes helper {
  25% {
    opacity: 1
  }

  50% {
    transform: none
  }

  51% {
    transform: scale(0.5)
  }

  52% {
    transform: none;
    opacity: 1
  }

  60% {
    opacity: 1
  }

  70% {
    transform: none;
    opacity: 0
  }
}

.rnd-schematic-help__rings {
  position: relative
}

.rnd-schematic-help__rings:before,.rnd-schematic-help__rings:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.15);
  opacity: 0;
  width: 200px;
  height: 200px;
  border-radius: 50%
}

.rnd-schematic-help__rings:before {
  border: 10px solid #b7d232
}

.rnd-schematic-help__rings:after {
  border: 10px solid #3395cd
}

.rnd-schematic__finger {
  position: absolute;
  top: 300px;
  right: 200px;
  width: 10px;
  height: 10px
}

.rnd-schematic__finger svg {
  width: 900px;
  height: 900px;
  position: absolute;
  top: -370px;
  right: -825px;
  transform: translateX(100%) rotate(-45deg) scaleX(-1);
  animation: finger 10s 4s ease
}

.rnd-schematic__finger div {
  width: 700px;
  height: 700px;
  border-radius: 50%;
  border: 10px solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.15);
  opacity: 0
}

.rnd-schematic__finger div.f1 {
  border-color: red;
  animation: rings 6s 9.4s ease
}

.rnd-schematic__finger div.f2 {
  border-color: orange;
  animation: rings 6s 9.5s ease
}

.rnd-schematic__finger div.f3 {
  border-color: #ff0;
  animation: rings 6s 9.6s ease
}

.rnd-schematic__finger div.f4 {
  border-color: green;
  animation: rings 6s 9.7s ease
}

.rnd-schematic__finger div.f5 {
  border-color: blue;
  animation: rings 6s 9.8s ease
}

.rnd-schematic__finger div.f6 {
  border-color: purple;
  animation: rings 6s 9.9s ease
}

@keyframes rings {
  5% {
    opacity: .5
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    border-width: 1px
  }
}

@keyframes finger {
  50% {
    transform: translateX(25%) rotate(-45deg) scaleX(-1)
  }

  55% {
    transform: translateX(0) rotate(-45deg) scaleX(-1)
  }

  60% {
    transform: translateX(10%) rotate(-45deg) scaleX(-1)
  }

  70% {
    transform: translateX(10%) rotate(-45deg) scaleX(-1)
  }

  100% {
    transform: translateX(100%) rotate(-45deg) scaleX(-1)
  }
}

.rnd-schematic__content {
  position: relative
}

.rnd-schematic__letter {
  height: 660px;
  width: 603px;
  fill: transparent;
  stroke: #b7d232;
  stroke-width: 2px;
  position: absolute;
  bottom: 0;
  left: -140px;
  opacity: .3
}

.rnd-schematic-svg {
  width: 1000px;
  height: 1000px;
  margin: calc((-1000px + 805px) / 2)
}

.rnd-schematic-svg * {
  animation-play-state: paused !important
}

.rnd-schematic-svg.is-active * {
  animation-play-state: running !important
}

.rnd-schematic-svg.is-active~.rnd-schematic-help .rnd-schematic-help__svg {
  animation: helper 5s calc(18s * 0.6) ease
}

.rnd-schematic-svg.is-active~.rnd-schematic-help .rnd-schematic-help__rings:before {
  animation: rings 4s calc((18s + 4.2s) * 0.6) ease
}

.rnd-schematic-svg.is-active~.rnd-schematic-help .rnd-schematic-help__rings:after {
  animation: rings 3.75s calc((18s + 4.45s) * 0.6) ease
}

.center-circle {
  stroke-dasharray: 900;
  stroke-dashoffset: -900;
  stroke: #191616;
  animation: drawSvg calc(1s * 0.6) 0s linear forwards
}

.middle-circle__line {
  stroke: #191616;
  stroke-dasharray: 2100;
  stroke-dashoffset: -2100;
  animation: drawSvg calc(2s * 0.6) calc(12.5s * 0.6) linear forwards
}

.middle-circle__text {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center
}

.middle-circle__text--1 {
  animation: appearBubble calc(.5s * 0.6) calc(12.8s * 0.6) linear forwards
}

.middle-circle__text--2 {
  animation: appearBubble calc(.5s * 0.6) calc(13.3s * 0.6) linear forwards
}

.middle-circle__text--3 {
  animation: appearBubble calc(.5s * 0.6) calc(13.8s * 0.6) linear forwards
}

.cell-long {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0
}

.cell-long .cell-long__fill {
  fill: #f5f5f5;
  stroke: #191616;
  stroke-width: 2px
}

.cell-long--1 {
  animation: appearBubble calc(.5s * 0.6) calc(1s * 0.6) ease forwards
}

.cell-long--1:hover .cell-long__fill,.cell-long--1.is-active .cell-long__fill {
  fill: #e2f6f6
}

.cell-long--2 {
  animation: appearBubble calc(.5s * 0.6) calc(4.5s * 0.6) ease forwards
}

.cell-long--2:hover .cell-long__fill,.cell-long--2.is-active .cell-long__fill {
  fill: #f8ead8
}

.cell-long--3 {
  animation: appearBubble calc(.5s * 0.6) calc(8s * 0.6) ease forwards
}

.cell-long--3:hover .cell-long__fill,.cell-long--3.is-active .cell-long__fill {
  fill: #e9edce
}

.cell-short {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
  cursor: pointer;
  mix-blend-mode: multiply
}

.cell-short .cell-short__fill {
  fill: #f5f5f5;
  stroke: #191616;
  stroke-width: 2px
}

.cell-short--duplicate .cell-short__fill {
  fill: rgba(106,122,134,.1);
  stroke: transparent
}

.cell-short--1:hover .cell-short__fill,.cell-short--1.is-active .cell-short__fill,.cell-short--2:hover .cell-short__fill,.cell-short--2.is-active .cell-short__fill,.cell-short--3:hover .cell-short__fill,.cell-short--3.is-active .cell-short__fill,.cell-short--4:hover .cell-short__fill,.cell-short--4.is-active .cell-short__fill,.cell-short--5:hover .cell-short__fill,.cell-short--5.is-active .cell-short__fill,.cell-short--6:hover .cell-short__fill,.cell-short--6.is-active .cell-short__fill {
  fill: #e2f6f6
}

.cell-short--1 {
  animation: appearBubble calc(.5s * 0.6) calc(1.5s * 0.6) linear forwards
}

.cell-short--2 {
  animation: appearBubble calc(.5s * 0.6) calc(2s * 0.6) linear forwards
}

.cell-short--3 {
  animation: appearBubble calc(.5s * 0.6) calc(2.5s * 0.6) linear forwards
}

.cell-short--4 {
  animation: appearBubble calc(.5s * 0.6) calc(3s * 0.6) linear forwards
}

.cell-short--5 {
  animation: appearBubble calc(.5s * 0.6) calc(3.5s * 0.6) linear forwards
}

.cell-short--6 {
  animation: appearBubble calc(.5s * 0.6) calc(4s * 0.6) linear forwards
}

.cell-short--7:hover .cell-short__fill,.cell-short--7.is-active .cell-short__fill,.cell-short--8:hover .cell-short__fill,.cell-short--8.is-active .cell-short__fill,.cell-short--9:hover .cell-short__fill,.cell-short--9.is-active .cell-short__fill,.cell-short--10:hover .cell-short__fill,.cell-short--10.is-active .cell-short__fill,.cell-short--11:hover .cell-short__fill,.cell-short--11.is-active .cell-short__fill,.cell-short--12:hover .cell-short__fill,.cell-short--12.is-active .cell-short__fill {
  fill: #f8ead8
}

.cell-short--12 {
  animation: appearBubble calc(.5s * 0.6) calc(5s * 0.6) linear forwards
}

.cell-short--11 {
  animation: appearBubble calc(.5s * 0.6) calc(5.5s * 0.6) linear forwards
}

.cell-short--10 {
  animation: appearBubble calc(.5s * 0.6) calc(6s * 0.6) linear forwards
}

.cell-short--9 {
  animation: appearBubble calc(.5s * 0.6) calc(6.5s * 0.6) linear forwards
}

.cell-short--8 {
  animation: appearBubble calc(.5s * 0.6) calc(7s * 0.6) linear forwards
}

.cell-short--7 {
  animation: appearBubble calc(.5s * 0.6) calc(7.5s * 0.6) linear forwards
}

.cell-short--14:hover .cell-short__fill,.cell-short--14.is-active .cell-short__fill,.cell-short--15:hover .cell-short__fill,.cell-short--15.is-active .cell-short__fill,.cell-short--16:hover .cell-short__fill,.cell-short--16.is-active .cell-short__fill,.cell-short--17:hover .cell-short__fill,.cell-short--17.is-active .cell-short__fill,.cell-short--18:hover .cell-short__fill,.cell-short--18.is-active .cell-short__fill .cell-short__fill,.cell-short--13:hover .cell-short__fill,.cell-short--13.is-active .cell-short__fill {
  fill: #e9edce
}

.cell-short--18 {
  animation: appearBubble calc(.5s * 0.6) calc(8.5s * 0.6) linear forwards
}

.cell-short--17 {
  animation: appearBubble calc(.5s * 0.6) calc(9s * 0.6) linear forwards
}

.cell-short--16 {
  animation: appearBubble calc(.5s * 0.6) calc(9.5s * 0.6) linear forwards
}

.cell-short--15 {
  animation: appearBubble calc(.5s * 0.6) calc(10s * 0.6) linear forwards
}

.cell-short--14 {
  animation: appearBubble calc(.5s * 0.6) calc(10.5s * 0.6) linear forwards
}

.cell-short--13 {
  animation: appearBubble calc(.5s * 0.6) calc(11s * 0.6) linear forwards
}

.asset:hover .asset__button {
  stroke: #b8d334;
  stroke-width: 2
}

.asset:hover .asset__line {
  stroke: #b8d334;
  stroke-dasharray: 0
}

.asset.is-disabled {
  pointer-events: none !important
}

.asset__area,.asset__line,.asset__button,.asset__logo {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0
}

.asset__area {
  fill: transparent
}

.asset__line {
  stroke: #ee2435;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 8;
  animation: appearBubble calc(.5s * 0.6) calc(12s * 0.6) linear forwards
}

.asset__button {
  fill: #f5f5f5;
  animation: appearBubble calc(0s * 0.6) calc(12s * 0.6) linear forwards;
  cursor: pointer
}

.asset__button:hover {
  fill: #fff
}

.asset__logo {
  animation: appearBubble calc(.5s * 0.6) calc(11.5s * 0.6) linear forwards;
  pointer-events: none
}

.cpi:hover .cpi__line {
  stroke: #b8d334
}

.cpi:hover .cpi__button {
  stroke: #b8d334;
  stroke-width: 2
}

.cpi.is-disabled {
  pointer-events: none !important
}

.cpi__line {
  stroke: #191616;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
  animation: drawSvg calc(3s * 0.6) calc(15s * 0.6) linear forwards
}

.cpi__area {
  fill: transparent
}

.cpi__button {
  opacity: 0;
  /*fill: #f5f5f5;*/
  animation: appearBubble calc(0s * 0.6) calc(15s * 0.6) linear forwards;
  cursor: pointer
}

.cpi__button:hover {
  fill: #fff
}

.cpi__logo {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
  animation: appearBubble calc(.5s * 0.6) calc(14.5s * 0.6) linear forwards;
  pointer-events: none
}

.rotating {
  transform-box: fill-box;
  transform-origin: center;
  animation: rotateCircle 60s calc(17.5s * 0.6) linear infinite
}

.rotating__arrow,.rotating__text {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0
}

.rotating__arrow--1 {
  animation: appearBubble calc(.5s * 0.6) calc(17s * 0.6) linear forwards
}

.rotating__arrow--2 {
  animation: appearBubble calc(.5s * 0.6) calc(16s * 0.6) linear forwards
}

.rotating__text {
  animation: appearBubble calc(.5s * 0.6) calc(16.5s * 0.6) linear forwards
}

.center:hover .center__line {
  stroke: #b8d334;
  stroke-width: 4
}

.center__area {
  fill: transparent
}

. {
  fill: #f5f5f5;
  cursor: pointer
}

.center__button:hover {
  fill: #fff
}

.center__logo {
  pointer-events: none
}

.rnd-schematic-popup {
  position: absolute;
  z-index: 20;
  width: 10px;
  height: 10px;
  opacity: 0;
  transform: scale(0.5);
  transition: .25s ease;
  pointer-events: none
}

.rnd-schematic-popup.is-active {
  opacity: 1;
  transform: none;
  transition: .5s ease;
  pointer-events: auto
}

.rnd-schematic-popup--itsm {
  top: 500px;
  left: 500px
}

.rnd-schematic-popup--asset {
  top: 590px;
  left: 175px
}

.rnd-schematic-popup--cpi {
  top: 180px;
  left: 240px
}

.rnd-schematic-popup__container {
  width: 350px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 60px 45px 34px 25px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  box-shadow: 0px 4px 24px rgba(150,150,150,.2);
  border-radius: 15px
}

.rnd-schematic-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  margin: -10px
}

.rnd-schematic-popup__close svg {
  width: 24px;
  height: 24px;
  fill: transparent
}

.rnd-schematic-popup__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 19px;
  color: #383b41;
  margin-bottom: 10px
}

.rnd-schematic-popup__text {
  font-size: 16px;
  line-height: 115.5%;
  color: #383b41;
  margin-bottom: 24px
}

.rnd-schematic-popup__link {
  width: 151px;
  height: 63px;
  box-shadow: 0px 4px 10px rgba(106,126,150,.3);
  margin-top: auto
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic {
    padding: 40px 0
  }
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__letter {
    width: 450px;
    height: 450px
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__letter {
    width: 250px;
    height: 250px
  }
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__row {
    flex-direction: column
  }

  .rnd__schematic.rnd-schematic .rnd-schematic__row>*:not(:last-child) {
    margin-right: 0
  }
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__col--1 {
    flex: 0 0 auto;
    padding-top: 0
  }
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__text {
    margin-top: 20px
  }
}

@media(max-width: 991px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__text {
    margin-top: 0
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__text {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic-popup__container {
    width: 300px;
    padding: 40px 25px 35px 25px
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic-popup__link {
    width: 140px;
    height: 50px
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic-popup__title {
    font-size: 18px
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic-popup__text {
    font-size: 14px
  }
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic .rnd-schematic-popup--itsm,.rnd__schematic.rnd-schematic .rnd-schematic-popup--asset,.rnd__schematic.rnd-schematic .rnd-schematic-popup--cpi {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

@media(max-width: 1200px) {
  .rnd__schematic.rnd-schematic .rnd-schematic-svg {
    width: 100%;
    height: 100%;
    margin: 0
  }
}

@media(max-width: 991px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__powered {
    height: 70px;
    width: 240px
  }
}

@media(max-width: 767px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__powered {
    height: 50px;
    width: 200px
  }
}

@media(max-width: 539px) {
  .rnd__schematic.rnd-schematic .rnd-schematic__powered {
    height: 30px;
    width: 150px
  }
}

.rnd__scripts {
  margin-bottom: 68px
}

.rnd__scripts .itsm-scripts__title {
  font-size: 42px;
  line-height: 43px;
  padding-bottom: 43px;
  font-weight: 700
}

@media(max-width: 991px) {
  .rnd__scripts .itsm-scripts__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .rnd__scripts .itsm-scripts__title {
    font-size: 24px;
    line-height: 29px
  }
}

.rnd__scripts .itsm-scripts-item__text strong {
  font-weight: normal;
  color: #b7d232
}

.rnd__scripts .itsm-scripts-item.is-active .itsm-scripts-item-heading__title {
  color: #b7d232
}

.rnd-benefits__title {
  font-weight: 700;
  max-width: 750px;
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 50px;
  margin-bottom: 56px;
  position: relative
}

@media(max-width: 991px) {
  .rnd-benefits__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .rnd-benefits__title {
    font-size: 24px;
    line-height: 29px
  }
}

.rnd-benefits__title strong {
  font-weight: 700;
  color: #b7d232
}

.rnd-benefits__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.rnd-benefits__row {
  display: flex
}

.rnd-benefits__row>*:not(:last-child) {
  margin-right: 26px
}

.rnd-benefits__col {
  display: flex
}

@media(max-width: 991px) {
  .rnd-benefits__col {
    flex-direction: column
  }
}

.rnd-benefits__col--1 {
  flex: 0 0 75%
}

.rnd-benefits__col--2 {
  flex: 1 1 auto
}

.rnd-benefits__text {
  font-size: 22px;
  line-height: 35px;
  color: #212121;
  margin-bottom: 50px
}

.rnd-benefits__logo {
  -o-object-fit: contain;
  object-fit: contain
}

.rnd-benefits__logo--1 {
  height: 64px;
  width: 217px
}

.rnd-benefits__logo--2 {
  height: 64px;
  width: 344px
}

@media(max-width: 991px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__title {
    font-size: 28px;
    margin-bottom: 30px
  }
}

@media(max-width: 539px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__title {
    font-size: 24px;
    margin-bottom: 10px
  }
}

@media(max-width: 991px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__row {
    flex-direction: column
  }

  .rnd__benefits.rnd-benefits .rnd-benefits__row>*:not(:last-child) {
    margin-bottom: 40px
  }
}

@media(max-width: 767px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__logo--1 {
    height: 44px;
    width: 147px
  }
}

@media(max-width: 767px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__logo--2 {
    height: 44px;
    width: 234px
  }
}

@media(max-width: 991px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .rnd__benefits.rnd-benefits .rnd-benefits__text {
    font-size: 16px;
    margin-bottom: 15px
  }
}

@media(max-width: 1200px) {
  .rnd__tabs {
    margin-bottom: 140px
  }
}

@media(max-width: 991px) {
  .rnd__tabs {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .rnd__tabs {
    margin-bottom: 0
  }
}

@media(max-width: 767px) {
  .cpi__banner {
    margin-bottom: 0 !important
  }
}

.cpi__steps {
  margin-bottom: 190px
}

@media(max-width: 991px) {
  .cpi__steps {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .cpi__steps {
    margin-bottom: 66px
  }
}

.cpi__folder {
  margin-bottom: 160px;
  min-height: 70vh
}

@media(max-width: 991px) {
  .cpi__folder {
    margin-bottom: 120px;
    min-height: unset
  }
}

@media(max-width: 767px) {
  .cpi__folder {
    margin-bottom: 66px
  }
}

.cpi__benefits {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .cpi__benefits {
    margin-bottom: 80px
  }
}

@media(max-width: 539px) {
  .cpi__benefits {
    margin-bottom: 66px
  }
}

.cpi__how {
  margin-bottom: 180px
}

.cpi__download--1 {
  margin-bottom: 165px
}

@media(max-width: 991px) {
  .cpi__download--1 {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .cpi__download--1 {
    margin-bottom: 66px
  }
}

@media(max-width: 539px) {
  .cpi__download--1 {
    margin-bottom: 0
  }
}

.cpi__nav-bar {
  position: relative;
  z-index: 1
}

@media(max-width: 767px) {
  .cpi__nav-bar {
    display: none
  }
}

.cpi__demo {
  padding-top: 125px;
  margin-bottom: 125px
}

@media(max-width: 991px) {
  .cpi__demo {
    padding-top: 100px;
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .cpi__demo {
    padding-top: 60px;
    margin-bottom: 60px
  }
}

.cpi-banner {
  height: unset;
  padding: 90px 0 0;
  margin-bottom: 100px;
  background: #c4d0dc;
  position: relative;
  z-index: 1;
  overflow: hidden
}

@media(max-width: 767px) {
  .cpi-banner {
    padding: calc(12.5vw / 2 + 40px / 2) 0 0;
    box-sizing: border-box
  }
}

.cpi-banner__background {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: -50px;
  z-index: -1
}

@media(max-width: 767px) {
  .cpi-banner__background {
    height: calc(18vw + 240px);
    right: 0;
    transform: none;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top
  }
}

.cpi-banner__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 100px;
  box-sizing: border-box
}

@media(max-width: 767px) {
  .cpi-banner__container {
    padding-top: calc(12.5vw / 2 + 40px / 2)
  }
}

.cpi-banner__logo {
  margin-bottom: 50px
}

@media(max-width: 767px) {
  .cpi-banner__logo {
    margin-bottom: 12px
  }
}

.cpi-banner-logo {
  color: #fff;
  margin-right: auto;
  position: relative
}

.cpi-banner-logo__name {
  font-size: 130px;
  font-weight: 700
}

@media(max-width: 767px) {
  .cpi-banner-logo__name {
    font-size: 30px;
    color: #b7d232;
  }
}

.cpi-banner-logo__name br {
  display: none
}

@media(max-width: 767px) {
  .cpi-banner-logo__name br {
    display: block
  }
}

.cpi-banner-logo__creatio {
  font-weight: 300;
  font-size: 41px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 100%)
}

@media(max-width: 767px) {
  .cpi-banner-logo__creatio {
    font-size: calc(7.5vw / 2 + 24px / 2)
  }
}

@media(max-width: 767px) {
  .cpi-banner-logo__creatio--break {
    transform: none;
    bottom: calc(2.5vw / 2 + 8px / 2);
    left: calc(34.375vw / 2 + 110px / 2)
  }
}

.cpi-banner__text {
  max-width: 795px;
  font-size: 32px;
  line-height: 115.5%;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateX(-100px);
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-banner__text {
    max-width: 500px;
    font-size: 28px
  }
}

@media(max-width: 767px) {
  .cpi-banner__text {
    max-width: 420px;
    margin-bottom: auto;
    font-size: 24px;
    line-height: 160%;
    text-shadow: 0 0 20px rgba(0,0,0,.25)
  }
  .cpi-banner__text br {
    display: none;
  }
}

@media(max-width: 539px) {
  .cpi-banner__text {
    font-size: 20px;
    margin: 0;
  }
}

.cpi-banner {
  background: #c7d3df;
  height: calc(100vh - 90px)
}

.asset-banner {
  background: #c4d0dc
}

.cpi__banner .cpi-banner__background,.itsm-banner .cpi-banner__background,.rnd-banner .cpi-banner__background,.asset-banner .cpi-banner__background {
  top: 0
}

@media(max-width: 1024px) {
  .cpi-banner {
    height: unset
  }

  .cpi-banner__background {
    left: unset;
    right: 0;
    transform: unset
  }
}

@media(max-width: 1024px) {
  .cpi-banner__background {
    top: 0;
    left: unset;
    min-height: unset
  }
}

.cpi-banner__button {
  opacity: 0;
  transform: translateY(25px)
}

@media(max-width: 991px) {
  .cpi-banner__button {
    margin-bottom: calc(7.8125vw / 2 + 25px / 2);
    margin-top: 10px
  }
}

.cpi-banner__button button {
  width: 277px;
  height: 72px
}

.cpi-banner__button button:hover {
  background: rgba(255,255,255,.7);
  box-shadow: 8px 8px 15px 0 #aab6c1
}

.cpi-banner__slogan {
  width: 827px;
  height: 87px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  bottom: 16px;
  left: 30px
}

.cpi-banner__dots {
  width: 623px;
  height: 330px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

@media(max-width: 1200px) {
  .cpi-banner__dots {
    display: none
  }
}

.cpi-nav-bar {
  height: 100px;
  width: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #6a7a86;
  overflow-x: scroll;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  -ms-overflow-style: none;
  scrollbar-width: none
}

@media(max-width: 1200px) {
  .cpi-nav-bar {
    height: calc(12.5vw / 2 + 40px / 2);
    display: none
  }
}

.cpi-nav-bar::-webkit-scrollbar {
  display: none
}

.cpi-nav-bar.is-active {
  opacity: 1;
  pointer-events: unset
}

.cpi-nav-bar.is-active .cpi-nav-bar-logo {
  min-width: 8rem;
  opacity: 1;
  transition: min-width 1s ease,opacity 1s ease .5s
}

.cpi-nav-bar-logo {
  min-width: 0;
  opacity: 0;
  transition: min-width 1s ease,opacity 1s ease 0s
}

.cpi-nav-bar-logo svg {
  width: 100%;
  height: 100%
}

.cpi-nav-bar__container {
  display: flex;
  align-items: center;
  margin-left: 83px;
  max-width: none
}

.cpi-nav-bar__container>*:not(:last-child) {
  margin-right: 38px
}

.cpi-nav-bar__logo {
  width: 79px;
  height: 40px;
  margin-left: -50px
}

.cpi-nav-bar__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.cpi-nav-bar__list {
  display: flex;
  padding-right: 20px
}

.cpi-nav-bar__list>*:not(:last-child) {
  margin-right: calc(1.9791666667vw * 1 + 38px * (1 - 1))
}

.cpi-nav-bar__link {
  display: block;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  color: #8d99a2;
  padding: 6px 0;
  margin: -6px 0;
  border-bottom: 2px solid transparent;
  transition: color .3s ease,border-color .3s ease
}

.cpi-nav-bar__link--current {
  font-weight: 600;
  color: #465a69;
  border-bottom-color: #465a69;
  pointer-events: none
}

.cpi-steps__row {
  display: flex
}

.cpi-steps__row>*:not(:last-child) {
  margin-right: 32px
}

.cpi-steps__col {
  box-sizing: border-box;
  position: relative
}

.cpi-steps__col--1 {
  flex: 0 0 625px
}

@media(max-width: 1200px) {
  .cpi-steps__col--1 {
    flex: 0 0 275px
  }
}

@media(max-width: 991px) {
  .cpi-steps__col--1 {
    display: none
  }
}

.cpi-steps__col--2 {
  flex: 1 1 auto;
  padding-top: 110px
}

@media(max-width: 991px) {
  .cpi-steps__col--2 {
    padding-top: 66px
  }
}

@media(max-width: 767px) {
  .cpi-steps__col--2 {
    padding-top: 20px
  }
}

.cpi-steps__col--3 {
  flex: 0 0 625px
}

@media(max-width: 767px) {
  .cpi-steps__col--3 {
    flex: 1 1 auto
  }
}

.cpi-steps__col--4 {
  flex: 1 1 auto;
  padding-top: calc(2.0833333333vw * 1 + 40px * (1 - 1))
}

@media(max-width: 991px) {
  .cpi-steps__col--4 {
    display: none
  }
}

.cpi-steps__spinner {
  position: absolute;
  top: calc(-175px - 800px);
  left: -976px;
  z-index: 0
}

@media(max-width: 991px) {
  .cpi-steps__spinner {
    display: none
  }
}

.cpi-steps-spinner {
  width: 1259px;
  height: 1259px
}

.cpi-steps-spinner__ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.cpi-steps-spinner__round {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform .3s ease-out
}

.cpi-steps-stair__list {
  display: flex;
  flex-direction: column
}

.cpi-steps-stair__list>*:not(:last-child) {
  margin-bottom: 32px
}

@media(max-width: 767px) {
  .cpi-steps-stair__list>*:not(:last-child) {
    margin-bottom: 15px
  }
}

.cpi-steps-stair-item {
  display: flex;
  align-items: center;
  position: relative
}

@media(max-width: 767px) {
  .cpi-steps-stair-item {
    width: 100%
  }
}

.cpi-steps-stair-item:nth-of-type(2) {
  transform: translateX(75px)
}

@media(max-width: 991px) {
  .cpi-steps-stair-item:nth-of-type(2) {
    transform: none
  }
}

.cpi-steps-stair-item:nth-of-type(4) {
  transform: translateX(150px)
}

@media(max-width: 991px) {
  .cpi-steps-stair-item:nth-of-type(4) {
    transform: none
  }
}

.cpi-steps-stair-item--alert {
  height: 0;
  opacity: 0;
  margin-bottom: -32px
}

@media(max-width: 991px) {
  .cpi-steps-stair-item--alert {
    height: auto;
    opacity: 1;
    margin-bottom: 0
  }
}

.cpi-steps-stair-item.is-active .cpi-steps-stair-item-num__active {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: 1;
  transition: .5s ease,opacity 0s
}

@media(max-width: 767px) {
  .cpi-steps-stair-item.is-active .cpi-steps-stair-item-num__active {
    transition: 0s
  }
}

.cpi-steps-stair-item-num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  z-index: 0
}

.cpi-steps-stair-item-num--1 {
  width: 118px;
  min-width: 118px;
  height: 118px;
  font-size: 36px;
  line-height: 38px;
  border: 3px solid #e84954
}

.cpi-steps-stair-item-num--2 {
  width: 118px;
  min-width: 118px;
  height: 118px;
  font-size: 36px;
  line-height: 38px;
  border: 6px solid #e84954
}

@media(max-width: 991px) {
  .cpi-steps-stair-item-num--2 {
    border: 3px solid #e84954
  }
}

.cpi-steps-stair-item-num--3 {
  width: 140px;
  min-width: 140px;
  height: 140px;
  font-size: 42px;
  line-height: 38px;
  border: 6px solid #e84954
}

@media(max-width: 991px) {
  .cpi-steps-stair-item-num--3 {
    width: 118px;
    min-width: 118px;
    height: 118px;
    font-size: 36px;
    line-height: 38px;
    border: 3px solid #e84954
  }
}

@media(max-width: 767px) {
  .cpi-steps-stair-item-num--1,.cpi-steps-stair-item-num--2,.cpi-steps-stair-item-num--3 {
    width: 36px;
    min-width: 36px;
    height: 36px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px
  }
}

.cpi-steps-stair-item-num__active {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  width: 75%;
  height: 75%;
  overflow: hidden;
  background: #e84954;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: .25s ease,opacity 0s
}

@media(max-width: 767px) {
  .cpi-steps-stair-item-num__base div,.cpi-steps-stair-item-num__active div {
    display: none
  }
}

.cpi-steps-stair-item__content {
  width: 460px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: -50px;
  box-sizing: border-box;
  z-index: -1
}

.cpi-steps-stair-item__content>*:not(:last-child) {
  margin-right: 50px
}

@media(max-width: 991px) {
  .cpi-steps-stair-item__content>*:not(:last-child) {
    margin-right: 16px
  }
}

@media(max-width: 767px) {
  .cpi-steps-stair-item__content {
    width: calc(100% + 36px / 2);
    margin-left: calc(-36px / 2);
    border-radius: 12px;
    min-height: 90px
  }
}

.cpi-steps-stair-item__content:not(.cpi-steps-stair-item__content--no-bg) {
  background: #fff;
  box-shadow: 0px 0px 12px 1px rgba(51,51,51,.15);
  border-radius: 0 12px 12px 0
}

@media(max-width: 767px) {
  .cpi-steps-stair-item__content:not(.cpi-steps-stair-item__content--no-bg) {
    border-radius: 12px
  }
}

.cpi-steps-stair-item__content--no-bg {
  padding-right: 0 !important
}

.cpi-steps-stair-item__content--1 {
  padding: 16px 25px 16px calc(50px + 25px)
}

.cpi-steps-stair-item__content--2 {
  padding: 16px 25px 16px calc(50px + 25px)
}

.cpi-steps-stair-item__content--3 {
  padding: 25px 25px 25px calc(50px + 25px)
}

@media(max-width: 991px) {
  .cpi-steps-stair-item__content--3 {
    padding: 16px 25px 16px calc(50px + 25px)
  }
}

@media(max-width: 767px) {
  .cpi-steps-stair-item__content--1,.cpi-steps-stair-item__content--2,.cpi-steps-stair-item__content--3 {
    padding: 16px 25px 16px calc(50px + 25px);
    padding: 20px 16px 20px 30px
  }
}

.cpi-steps-stair-item__text--1 {
  font-size: 18px;
  line-height: 21px
}

.cpi-steps-stair-item__text--2 {
  font-size: 18px;
  line-height: 21px
}

.cpi-steps-stair-item__text--3 {
  font-size: 22px;
  line-height: 22px
}

@media(max-width: 991px) {
  .cpi-steps-stair-item__text--3 {
    font-size: 18px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .cpi-steps-stair-item__text--1,.cpi-steps-stair-item__text--2,.cpi-steps-stair-item__text--3 {
    font-size: 14px;
    line-height: 160%
  }
}

.cpi-steps-stair-item__tick {
  min-width: 32px;
  min-height: 32px;
  width: 32px;
  height: 32px;
  fill: #8ed89a
}

@media(max-width: 767px) {
  .cpi-steps-stair-item__tick {
    min-width: 19px;
    min-height: 19px;
    width: 19px;
    height: 19px
  }
}

.cpi-steps-stair-item__arrow {
  width: 49px;
  height: 42px;
  fill: #c7c7c7;
  position: absolute;
  bottom: -30px;
  left: 10px;
  transform: translate(0, 100%)
}

@media(max-width: 991px) {
  .cpi-steps-stair-item__arrow {
    display: none
  }
}

.cpi-steps__title {
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 78px;
  margin-bottom: 78px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-steps__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .cpi-steps__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-steps__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

.cpi-steps__title strong {
  font-weight: 700;
  color: #b7d232
}

.cpi-steps__text {
  opacity: 0
}

.cpi-steps__text.is-active {
  opacity: 1
}

.cpi-steps__text--1 {
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 44px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .cpi-steps__text--1 {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-steps__text--1 {
    font-size: 14px
  }
}

.cpi-steps__text--1 p:not(:last-child) {
  margin-bottom: 1em
}

.cpi-steps__text--2 {
  font-weight: 700;
  font-size: calc(1.7708333333vw / 2 + 34px / 2);
  line-height: calc(2.03125vw / 2 + 39px / 2)
}

@media(max-width: 991px) {
  .cpi-steps__text--2 {
    display: none
  }
}

@media(max-width: 539px) {
  .cpi-benefits {
    background: #f5f5f5;
    padding: 66px 0
  }
}

.cpi-benefits__title {
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 78px;
  margin-bottom: 78px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-benefits__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .cpi-benefits__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-benefits__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

.cpi-benefits__title strong {
  font-weight: normal;
  color: #b7d232
}

.cpi-benefits__list {
  display: flex;
  margin-right: -32px
}

.cpi-benefits__list>*:not(:last-child) {
  margin-right: 32px
}

@media(max-width: 991px) {
  .cpi-benefits__list {
    flex-wrap: wrap
  }

  .cpi-benefits__list>*:not(:last-child) {
    margin-bottom: 32px
  }
}

.cpi-benefits__list.is-active .cpi-benefits__item {
  opacity: 1
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(1) {
  transition-delay: .6s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(2) {
  transition-delay: .7s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(3) {
  transition-delay: .8s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(4) {
  transition-delay: .9s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(5) {
  transition-delay: 1s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(6) {
  transition-delay: 1.1s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(7) {
  transition-delay: 1.2s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(8) {
  transition-delay: 1.3s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(9) {
  transition-delay: 1.4s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(10) {
  transition-delay: 1.5s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(11) {
  transition-delay: 1.6s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(12) {
  transition-delay: 1.7s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(13) {
  transition-delay: 1.8s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(14) {
  transition-delay: 1.9s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(15) {
  transition-delay: 2s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(16) {
  transition-delay: 2.1s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(17) {
  transition-delay: 2.2s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(18) {
  transition-delay: 2.3s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(19) {
  transition-delay: 2.4s
}

.cpi-benefits__list.is-active .cpi-benefits__item:nth-child(20) {
  transition-delay: 2.5s
}

.cpi-benefits__item {
  opacity: 0;
  transition: opacity 1s ease;
  flex: 0 0 calc(25% - 32px)
}

@media(max-width: 991px) {
  .cpi-benefits__item {
    flex: 0 0 calc(50% - 32px)
  }
}

@media(max-width: 539px) {
  .cpi-benefits__item {
    flex: 0 0 calc(100% - 32px)
  }
}

.cpi-benefits-item {
  position: relative
}

.cpi-benefits-item__icon {
  width: 80px;
  height: 72px;
  margin-bottom: 46px
}

@media(max-width: 767px) {
  .cpi-benefits-item__icon {
    margin-bottom: 32px
  }
}

@media(max-width: 539px) {
  .cpi-benefits-item__icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -2px;
    left: 0
  }
}

.cpi-benefits-item__title,.cpi-benefits-item__text {
  font-size: 20px;
  line-height: 26px
}

.cpi-benefits-item__title {
  font-weight: 600;
  margin-bottom: .5em;
  padding-top: 24px;
  border-top: 1px solid #6a7a86
}

@media(max-width: 539px) {
  .cpi-benefits-item__title {
    padding-top: 0;
    padding-bottom: 16px;
    padding-left: 47px;
    border-top: none;
    border-bottom: 1px solid #6a7a86;
    margin-bottom: 16px
  }
}

.cpi-benefits-item__text {
  font-weight: 400;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .cpi-benefits-item__text {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-benefits-item__text {
    font-size: 14px
  }
}

.cpi-folder__container {
  position: relative
}

.cpi-folder__letter {
  width: 649px;
  height: 703px;
  fill: transparent;
  stroke: #b7d232;
  stroke-width: 2px;
  position: absolute;
  left: -340px;
  top: 0
}

@media(max-width: 991px) {
  .cpi-folder__letter {
    display: none
  }
}

.cpi-folder__list {
  max-width: 886px;
  margin-left: auto;
  opacity: 0
}

.cpi-folder__list.is-active {
  opacity: 1
}

@media(max-width: 991px) {
  .cpi-folder__list {
    max-width: 100%
  }
}

.cpi-folder-item:not(:last-child) {
  margin-bottom: -1px
}

.cpi-folder-item.is-active .cpi-folder-item__heading:before,.cpi-folder-item.is-active .cpi-folder-item__heading:after {
  transform: scaleX(0)
}

.cpi-folder-item.is-active .cpi-folder-item__heading:after {
  transform: scaleX(0);
  transition: 0s
}

.cpi-folder-item.is-active .cpi-folder-item__heading .cpi-folder-item-heading__icon {
  border: 1px solid #c4da5a
}

.cpi-folder-item.is-active .cpi-folder-item__heading .cpi-folder-item-heading__icon:before {
  opacity: 1;
  width: calc(100% + 2px);
  height: calc(100% + 2px)
}

.cpi-folder-item.is-active .cpi-folder-item__heading .cpi-folder-item-heading__icon svg {
  fill: #fff;
  transform: rotate(135deg)
}

.cpi-folder-item__heading {
  height: 115px;
  display: flex;
  align-items: center;
  position: relative
}

.cpi-folder-item__heading>*:not(:last-child) {
  margin-right: 16px
}

@media(max-width: 991px) {
  .cpi-folder-item__heading {
    height: 96px
  }
}

.cpi-folder-item__heading:before,.cpi-folder-item__heading:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #383b41;
  position: absolute;
  left: 0;
  transform-origin: left
}

.cpi-folder-item__heading:before {
  top: 0;
  transition: .5s ease
}

.cpi-folder-item__heading:after {
  bottom: 0;
  transition: .5s .5s ease
}

.cpi-folder-item-heading {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.cpi-folder-item-heading__title {
  font-size: 34px;
  line-height: 50px;
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-folder-item-heading__title {
    font-size: 34px;
    line-height: 130%;
    color: #5a5a5a
  }
}

@media(max-width: 767px) {
  .cpi-folder-item-heading__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-folder-item-heading__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid #383b41;
  box-sizing: border-box;
  position: relative
}

@media(max-width: 991px) {
  .cpi-folder-item-heading__icon {
    width: 32px;
    height: 32px
  }
}

.cpi-folder-item-heading__icon:before {
  content: "";
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #c4da5a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: width .5s ease,height .5s ease
}

.cpi-folder-item-heading__icon svg {
  width: 32px;
  height: 32px;
  transition: transform .5s ease
}

@media(max-width: 991px) {
  .cpi-folder-item-heading__icon svg {
    width: 16px;
    height: 16px
  }
}

.cpi-folder-item__text {
  font-size: 20px;
  line-height: 29px;
  color: #5a5a5a;
  padding: 30px 0
}

.cpi-folder-item__text p:not(:last-child) {
  margin-bottom: 10px
}

@media(max-width: 991px) {
  .cpi-folder-item__text {
    font-style: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-folder-item__text {
    font-size: 14px
  }
}

.cpi-how__container {
  display: flex;
  flex-direction: column
}

.cpi-how__container>*:not(:last-child) {
  margin-bottom: 90px
}

@media(max-width: 767px) {
  .cpi-how__container>*:not(:last-child) {
    margin-bottom: 0
  }
}

.cpi-how__row {
  display: flex;
  justify-content: space-between
}

.cpi-how__row>*:not(:last-child) {
  margin-right: calc(6.6666666667vw * 1 + 128px * (1 - 1))
}

.cpi-how__col--1 {
  flex: 0 0 160px
}

@media(max-width: 767px) {
  .cpi-how__col--1 {
    display: none
  }
}

.cpi-how__col--2 {
  flex: 0 0 940px
}

@media(max-width: 1500px) {
  .cpi-how__col--2 {
    flex: 1 1 auto
  }
}

.cpi-how-levels__list,.cpi-how-cards__list {
  display: flex;
  flex-direction: column
}

.cpi-how-levels__list>*:not(:last-child),.cpi-how-cards__list>*:not(:last-child) {
  margin-bottom: 64px
}

@media(max-width: 767px) {
  .cpi-how-levels__list>*:not(:last-child),.cpi-how-cards__list>*:not(:last-child) {
    margin-bottom: 24px
  }
}

.cpi-how-levels-item,.cpi-how-cards-item {
  min-height: 450px
}

@media(max-width: 991px) {
  .cpi-how-levels-item,.cpi-how-cards-item {
    min-height: calc(23.4375vw / 2 + 450px / 2)
  }
}

@media(max-width: 767px) {
  .cpi-how-levels-item,.cpi-how-cards-item {
    min-height: 125px
  }
}

.cpi-how-levels-item {
  display: flex;
  flex-direction: column;
  align-items: center
}

.cpi-how-levels-item.is-active .cpi-how-levels-item__num span {
  color: #d1f257;
  transform: scale(1.1);
  text-shadow: -1.5px -1.5px 0 #d1f257,1.5px -1.5px 0 #d1f257,-1.5px 1.5px 0 #d1f257,1.5px 1.5px 0 #d1f257
}

.cpi-how-levels-item__num {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 42px;
  line-height: 56px;
  font-weight: 300;
  color: #5a5a5a
}

.cpi-how-levels-item__num span {
  font-weight: bold;
  font-size: 180px;
  line-height: 100%;
  transition: transform .3s cubic-bezier(0, 3, 0.36, 1.5);
  color: #fff;
  text-shadow: -1.5px -1.5px 0 #383b41,1.5px -1.5px 0 #383b41,-1.5px 1.5px 0 #383b41,1.5px 1.5px 0 #383b41
}

.cpi-how-levels-item__text {
  font-weight: 300;
  font-size: 42px;
  color: #5a5a5a
}

.cpi-how-levels-item__arrow {
  width: 20px;
  height: 128px;
  padding-top: calc(4.6875vw / 2 + 90px / 2)
}

.cpi-how-heading {
  display: flex;
  flex-direction: column
}

.cpi-how-heading>*:not(:last-child) {
  margin-bottom: 38px
}

@media(max-width: 767px) {
  .cpi-how-heading {
    margin-bottom: 51px
  }

  .cpi-how-heading>*:not(:last-child) {
    margin-bottom: 16px
  }
}

.cpi-how-heading__title {
  font-weight: 700;
  font-size: 64px;
  position: relative
}

@media(max-width: 991px) {
  .cpi-how-heading__title {
    font-size: 36px;
    line-height: 130%;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }

  .cpi-how-heading__title:before {
    content: "";
    width: 281px;
    height: 1px;
    background: #212121;
    position: absolute;
    bottom: 0;
    left: 0
  }
}

@media(max-width: 767px) {
  .cpi-how-heading__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-how-heading__title strong {
  font-weight: 700;
  color: #b7d232
}

.cpi-how-heading__subtitle {
  font-size: 34px;
  line-height: 42px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .cpi-how-heading__subtitle {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-how-heading__subtitle {
    font-size: 14px
  }
}

.cpi-how-cards__list {
  display: flex;
  flex-direction: column
}

.cpi-how-cards-item {
  padding-left: 12px;
  border-left: 1px solid #c4c4c4;
  position: relative
}

@media(max-width: 767px) {
  .cpi-how-cards-item {
    height: auto;
    border: 1px solid #c4c4c4;
    padding: 24px 15px 24px 20px
  }
}

.cpi-how-cards-item.is-active .cpi-how-cards-item__photo img {
  transform: scale(1.1);
  transition: 4s ease-out
}

.cpi-how-cards-item__num {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  font-size: 220px;
  color: #d1f257;
  opacity: .3
}

@media(max-width: 767px) {
  .cpi-how-cards-item__num {
    display: block
  }
}

.cpi-how-cards-item__title {
  font-size: 34px;
  line-height: 40px;
  color: #383b41;
  margin-bottom: 23px;
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-how-cards-item__title {
    font-size: 24px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .cpi-how-cards-item__title {
    margin-bottom: 12px
  }
}

@media(max-width: 539px) {
  .cpi-how-cards-item__title {
    font-size: 18px;
    line-height: 22px
  }
}

.cpi-how-cards-item__row {
  display: flex
}

@media(max-width: 767px) {
  .cpi-how-cards-item__col--1 {
    display: none
  }
}

.cpi-how-cards-item__photo {
  width: calc(14.5833333333vw / 2 + 280px / 2);
  height: calc(20vw / 2 + 384px / 2);
  margin-right: 14px;
  overflow: hidden;
  position: relative
}

.cpi-how-cards-item__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 1s ease-out
}

.cpi-how-cards-item__desc {
  height: 100%;
  font-size: 20px;
  line-height: 29px;
  padding-left: 14px;
  padding-top: 20px;
  border-left: 1px solid #c4c4c4;
  box-sizing: border-box;
  opacity: 0;
  transition-delay: 1s !important
}

.cpi-how-cards-item__desc.is-active {
  opacity: 1
}

@media(max-width: 991px) {
  .cpi-how-cards-item__desc {
    font-size: 16px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-how-cards-item__desc {
    padding: 0;
    border: none;
    color: #5a5a5a
  }
}

@media(max-width: 539px) {
  .cpi-how-cards-item__desc {
    font-size: 14px
  }
}

.cpi-how-cards-item__desc--2 {
  padding-left: 80px
}

@media(max-width: 991px) {
  .cpi-how-cards-item__desc--2 {
    padding-left: 40px
  }
}

@media(max-width: 767px) {
  .cpi-how-cards-item__desc--2 {
    padding-left: 30px
  }
}

.cpi-how-cards-item__text {
  display: flex;
  flex-direction: column;
  position: relative
}

.cpi-how-cards-item__text>*:not(:last-child) {
  margin-bottom: 1em
}

.cpi-how-cards-item__text p {
  position: relative;
  color: #5A5A5A;
  font-weight: 500
}

.cpi-how-cards-item__text svg {
  width: 40px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: -60px
}

@media(max-width: 991px) {
  .cpi-how-cards-item__text svg {
    width: 25px;
    height: 15px;
    left: -30px
  }
}

.cpi-how-cards-item__text strong {
  font-weight: normal;
  background: #d1f257
}

@media(max-width: 767px) {
  .cpi-how-cards-item__text strong {
    background: transparent
  }
}

.cpi-how-cards-item__text b {
  font-weight: bold
}

.cpi-download {
  height: 304px;
  background: #383b41;
  color: #fff;
  position: relative;
  padding-top: 80px;
  box-sizing: border-box
}

@media(max-width: 991px) {
  .cpi-download {
    height: auto;
    padding: 66px 0
  }
}

.cpi-download--no-input .cpi-download__col--1 {
  flex: 1 1 auto;
  justify-content: center;
}

.cpi-download--no-input .cpi-download__col--2 {
  flex: 1 1 auto
}

.cpi-download--light .cpi-download__input {
  color: #212121
}

.cpi-download--light .cpi-download__input::placeholder {
  color: #212121
}

.cpi-download__round {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.cpi-download__round:before {
  content: "";
  width: calc(27.9166666667vw / 2 + 536px / 2);
  height: calc(27.9166666667vw / 2 + 536px / 2);
  position: absolute;
  top: -100px;
  right: -150px;
  z-index: 0;
  border-radius: 50%;
  background: #937fbb
}

@media(max-width: 991px) {
  .cpi-download__round:before {
    top: auto;
    bottom: -150px;
    right: -100px
  }
}

.cpi-download__round--yellow:before {
  background: #eae565
}

.cpi-download__round--green:before {
  background: #b7d232
}

.cpi-download__square {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.cpi-download__square:before {
  content: "";
  width: 482px;
  height: 482px;
  position: absolute;
  top: -170px;
  right: -140px;
  z-index: 0;
  border-radius: 10px;
  transform: rotate(-48deg) !important;
  background: #b7d232
}

.cpi-download__triangle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.cpi-download__triangle svg {
  height: 539.3117737485px;
  width: 480.0012567125px;
  fill: #937fbb;
  position: absolute;
  bottom: calc(-500px + calc(26.0416666667vw * 1));
  left: calc(-500px + calc(26.0416666667vw * 1))
}

@media(max-width: 991px) {
  .cpi-download__triangle svg {
    transform: rotate(60deg);
    top: -180px;
    bottom: 0;
    left: -300px
  }
}

.cpi-download__container {
  box-sizing: border-box;
  position: relative;
  z-index: 1
}

.cpi-download__spinner {
  position: absolute;
  top: -580px;
  right: -400px;
  z-index: -1;
  transform: scaleX(-1) rotate(-45deg)
}

@media(max-width: 1200px) {
  .cpi-download__spinner {
    display: none
  }
}

.cpi-download-spinner {
  width: 1097px;
  height: 1097px
}

.cpi-download-spinner__ring {
  fill: transparent;
  position: absolute;
  top: 0;
  left: 0
}

.cpi-download-spinner__round {
  transition: transform .3s ease-out
}

.cpi-download__row {
  display: flex
}

@media(max-width: 991px) {
  .cpi-download__row {
    flex-direction: column
  }
}

.cpi-download__col {
  display: flex;
  flex-direction: column
}

.cpi-download__col--1 {
  flex: 1 1 55%
}

.cpi-download__col--2 {
  flex: 1 1 45%;
  width: 100%
}

.cpi-download__title {
  font-size: 34px;
  line-height: 39px;
  margin-bottom: 19px
}

@media(max-width: 991px) {
  .cpi-download__title {
    font-size: 28px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-download__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-download__text {
  font-size: 18px;
  line-height: 27px
}

@media(max-width: 991px) {
  .cpi-download__text {
    font-size: 16px
  }
}

.cpi-download__input {
  width: 100%;
  font-size: 20px;
  line-height: 29px;
  background: transparent;
  padding: 21px 0;
  border: none;
  border-bottom: 1px solid #6a7a86;
  margin-top: -18px;
  margin-bottom: 28px;
  color: #fff;
  font-family: inherit
}

@media(max-width: 991px) {
  .cpi-download__input {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-download__input {
    font-size: 16px;
    line-height: 19px
  }
}

@media(max-width: 539px) {
  .cpi-download__input {
    text-align: center
  }
}

.cpi-download__input::placeholder {
  color: #fff;
  font-family: inherit;
  font-size: 20px;
  line-height: 29px
}

@media(max-width: 991px) {
  .cpi-download__input::placeholder {
    opacity: .6;
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 991px) {
  .cpi-download__input::placeholder {
    font-size: 16px;
    line-height: 19px
  }
}

.cpi-download__button {
  width: 277px;
  height: 72px;
  margin-left: auto
}

@media(max-width: 991px) {
  .cpi-download__button {
    margin-right: auto;
    margin-left: 0;
    height: 60px
  }
}

@media(max-width: 539px) {
  .cpi-download__button {
    margin-left: auto
  }
}

.cpi-download__button--center {
  margin-top: auto;
  margin-bottom: auto
}

.cpi-details {
  background: #c3d0dc;
  padding: 90px 0 190px
}

@media(max-width: 991px) {
  .cpi-details {
    padding: 66px 0 100px
  }
}

@media(max-width: 767px) {
  .cpi-details {
    padding: 66px 0
  }
}

.cpi-details__row {
  display: flex
}

.cpi-details__row>*:not(:last-child) {
  margin-right: 100px
}

.cpi-details__col--1 {
  margin-bottom: auto;
  position: relative
}

@media(max-width: 991px) {
  .cpi-details__col--1 {
    display: none
  }
}

.cpi-details__col--1:before {
  content: "";
  width: 185px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.cpi-details__logo {
  display: block;
  width: 225px;
  height: 102px;
  margin-bottom: 60px
}

@media(max-width: 767px) {
  .cpi-details__logo {
    width: 120px;
    height: 59px;
    margin: 0 auto 24px
  }
}

.cpi-details__logo svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.cpi-details__subtitle {
  font-size: 34px;
  line-height: 25px;
  font-weight: 700
}

.cpi-details__subtitle--1 {
  padding-bottom: 50px
}

.cpi-details__subtitle--2 {
  display: none
}

@media(max-width: 991px) {
  .cpi-details__subtitle--2 {
    display: block;
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 8px
  }
}

.cpi-details__title {
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 78px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-details__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .cpi-details__title {
    font-size: 24px;
    line-height: 29px
  }
}

@media(max-width: 991px) {
  .cpi-details__title:before {
    content: "";
    width: 281px;
    height: 1px;
    background: #212121;
    position: absolute;
    bottom: 0;
    left: 0
  }
}

.cpi-details__title strong {
  font-weight: normal;
  color: #b7d232
}

.cpi-details__list.is-active .cpi-details__item:nth-child(1) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .1s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(2) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .2s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(3) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .3s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(4) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .4s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(5) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .5s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(6) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .6s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(7) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .7s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(8) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .8s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(9) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .9s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(10) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(11) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.1s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(12) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.2s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(13) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.3s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(14) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.4s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(15) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.5s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(16) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.6s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(17) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.7s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(18) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.8s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(19) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1.9s
}

.cpi-details__list.is-active .cpi-details__item:nth-child(20) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 2s
}

.cpi-details-item {
  opacity: 0;
  transition: all 1s ease;
  transform: translateX(-20px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 190px;
  font-size: 26px;
  line-height: 32px;
  position: relative;
  z-index: 0
}

.cpi-details-item>*:not(:last-child) {
  margin-right: 64px
}

@media(max-width: 991px) {
  .cpi-details-item {
    height: auto;
    padding: 16px 0;
    flex-direction: row-reverse;
    justify-content: flex-start
  }

  .cpi-details-item>*:not(:last-child) {
    margin-right: 0;
    margin-left: calc(2.9684601113vw * 1 + 16px * (1 - 1))
  }
}

.cpi-details-item:before {
  content: "";
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #d1f257;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  transform: translate(50%, -50%) scale(0);
  transition: .5s ease
}

@media(max-width: 991px) {
  .cpi-details-item:before {
    width: 60px;
    height: 60px;
    right: auto;
    left: 0;
    transform: translate(-50%, -50%) scale(0)
  }
}

@media(max-width: 767px) {
  .cpi-details-item:before {
    width: 30px;
    height: 30px
  }
}

.cpi-details-item:not(:last-child) {
  border-bottom: 1px solid #6a7a86
}

.cpi-details-item.is-active .cpi-details-item__text {
  text-shadow: .3px 0px 0px #444,-0.3px 0px 0px #444,0px .3px 0px #444,0px -0.3px 0px #444,0px 0px .5px #444
}

@media(max-width: 991px) {
  .cpi-details-item.is-active .cpi-details-item__text {
    text-shadow: none
  }
}

.cpi-details-item.is-active:before {
  transform: translate(50%, -50%) scale(1);
  transition: 1s ease
}

@media(max-width: 991px) {
  .cpi-details-item.is-active:before {
    transform: translate(-20px, -50%) scale(1)
  }
}

.cpi-details-item__text {
  max-width: 675px;
  color: #5a5a5a;
  transition: text-shadow .3s ease
}

@media(max-width: 991px) {
  .cpi-details-item__text {
    font-size: 18px;
    line-height: 160%;
    max-width: 100%
  }
}

@media(max-width: 767px) {
  .cpi-details-item__text {
    font-size: 14px;
    line-height: 17px
  }
}

.cpi-details-item__icon {
  width: 105px;
  height: 105px;
  min-width: 105px;
  min-height: 105px
}

@media(max-width: 991px) {
  .cpi-details-item__icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px
  }
}

@media(max-width: 767px) {
  .cpi-details-item__icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px
  }
}

.cpi-integration {
  background: #383b41;
  color: #fff;
  padding: 130px 0 230px;
  position: relative;
  overflow: hidden
}

@media(max-width: 991px) {
  .cpi-integration {
    padding: 100px 0 160px
  }
}

@media(max-width: 767px) {
  .cpi-integration {
    padding: 66px 0
  }
}

.cpi-integration__letter {
  width: 473px;
  height: 520px;
  position: absolute;
  bottom: 0;
  left: -52px;
  z-index: 1;
  fill: transparent;
  stroke: #f2f2f2;
  stroke-width: 2px
}

@media(max-width: 991px) {
  .cpi-integration__letter {
    display: none
  }
}

.cpi-integration__dots {
  width: 671px;
  height: 439px;
  position: absolute;
  bottom: 200px;
  left: -92px;
  z-index: 1
}

.cpi-integration__dots img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.cpi-integration__row {
  display: flex;
  justify-content: space-between
}

.cpi-integration__row>*:not(:last-child) {
  margin-right: 104px
}

@media(max-width: 1200px) {
  .cpi-integration__row {
    flex-direction: column
  }

  .cpi-integration__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 104px
  }
}

.cpi-integration-schematic {
  width: 750px;
  height: 700px;
  position: relative
}

@media(max-width: 1200px) {
  .cpi-integration-schematic {
    margin: 0 auto
  }
}

@media(max-width: 991px) {
  .cpi-integration-schematic {
    margin: 0;
    width: auto;
    height: auto
  }
}

.cpi-integration-schematic__svg {
  opacity: 0;
  width: 100%;
  height: 100%
}

.cpi-integration-schematic__svg.is-active {
  opacity: 1
}

@media(max-width: 991px) {
  .cpi-integration-schematic__svg {
    display: none
  }
}

.cpi-integration-schematic__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media(max-width: 991px) {
  .cpi-integration-schematic__list {
    position: relative;
    display: flex;
    flex-direction: column
  }

  .cpi-integration-schematic__list>*:not(:last-child) {
    margin-bottom: 50px
  }
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(1) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease .7s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(2) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease .9s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(3) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 1.1s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(4) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 1.3s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(5) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 1.5s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(6) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 1.7s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(7) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 1.9s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(8) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 2.1s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(9) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 2.3s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(10) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 2.5s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(11) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 2.7s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(12) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 2.9s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(13) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 3.1s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(14) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 3.3s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(15) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 3.5s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(16) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 3.7s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(17) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 3.9s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(18) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 4.1s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(19) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 4.3s
}

.cpi-integration-schematic__list.is-active .cpi-integration-schematic__item:nth-child(20) {
  opacity: 1;
  transition: border-color .3s ease 0s,opacity 1s ease 4.5s
}

.cpi-integration-schematic-item {
  opacity: 0;
  width: 240px;
  min-height: 112px;
  background: #383b41;
  padding: 27px 12px 14px;
  border: 1px solid #465a69;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  transition: border-color .3s ease 0s,opacity 1s ease
}

@media(max-width: 991px) {
  .cpi-integration-schematic-item {
    width: 100%;
    position: relative;
    padding: 34px 21px 26px
  }
}

.cpi-integration-schematic-item:hover {
  border-color: #e9e9e9
}

.cpi-integration-schematic-item:hover .cpi-integration-schematic-item__num {
  border-color: #e9e9e9
}

.cpi-integration-schematic-item--1 {
  top: 75px;
  right: -20px
}

.cpi-integration-schematic-item--2 {
  top: 295px;
  right: -90px
}

.cpi-integration-schematic-item--3 {
  top: 520px;
  right: -20px
}

.cpi-integration-schematic-item--4 {
  top: 605px;
  right: 266px
}

.cpi-integration-schematic-item--5 {
  top: 515px;
  left: -35px
}

.cpi-integration-schematic-item--6 {
  top: 300px;
  left: -110px
}

.cpi-integration-schematic-item--7 {
  top: 75px;
  left: -40px
}

.cpi-integration-schematic-item--8 {
  top: 5px;
  right: 266px
}

@media(max-width: 991px) {
  .cpi-integration-schematic-item--1,.cpi-integration-schematic-item--2,.cpi-integration-schematic-item--3,.cpi-integration-schematic-item--4,.cpi-integration-schematic-item--5,.cpi-integration-schematic-item--6,.cpi-integration-schematic-item--7,.cpi-integration-schematic-item--8 {
    top: 0;
    left: 0
  }
}

.cpi-integration-schematic-item.is-active {
  background: #e9e9e9;
  border-color: #e9e9e9
}

.cpi-integration-schematic-item.is-active .cpi-integration-schematic-item__num {
  border-color: #e9e9e9
}

.cpi-integration-schematic-item.is-active .cpi-integration-schematic-item__title {
  display: none
}

.cpi-integration-schematic-item__line {
  margin-bottom: 16px
}

.cpi-integration-schematic-item-line {
  display: flex;
  width: 100%;
  height: 4px;
  background: rgba(141,153,162,.5)
}

@media(min-width: 992px) {
  .cpi-integration-schematic-item-line {
    display: none
  }
}

.cpi-integration-schematic-item-line__color {
  position: relative
}

.cpi-integration-schematic-item-line__color:after {
  content: "";
  width: 4px;
  height: 4px;
  border: 2px solid #383b41;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 1
}

.cpi-integration-schematic-item-line__color--red {
  background: #e84954
}

.cpi-integration-schematic-item-line__color--red:after {
  background: #e84954
}

.cpi-integration-schematic-item-line__color--blue {
  background: #a0ddf7
}

.cpi-integration-schematic-item-line__color--blue:after {
  background: #a0ddf7
}

.cpi-integration-schematic-item__num {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  line-height: 40px;
  color: #ff8181;
  background: #383b41;
  border-radius: 50%;
  border: 1px solid #465a69;
  box-sizing: border-box;
  transition: border-color .3s ease;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)
}

.cpi-integration-schematic-item__title {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #fff
}

@media(max-width: 991px) {
  .cpi-integration-schematic-item__title {
    text-align: left
  }
}

.cpi-integration-schematic-item__text {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #383b41;
  display: none
}

@media(max-width: 991px) {
  .cpi-integration-schematic-item__text {
    text-align: left
  }
}

.cpi-integration-heading {
  display: flex;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative
}

@media(max-width: 1200px) {
  .cpi-integration-heading {
    flex-direction: column-reverse
  }
}

@media(max-width: 991px) {
  .cpi-integration-heading {
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

.cpi-integration-heading:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #8d99a2;
  position: absolute;
  bottom: 0;
  left: 0
}

.cpi-integration-heading__title {
  font-size: 42px;
  line-height: 50px
}

@media(max-width: 991px) {
  .cpi-integration-heading__title {
    font-size: 36px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .cpi-integration-heading__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-integration-heading__title strong {
  font-weight: normal;
  color: #b7d232
}

.cpi-integration-heading__logo {
  display: flex;
  justify-content: flex-start;
  height: 80.8000030518px;
  width: 258.799987793px;
  min-width: 258.799987793px;
  fill: #fff;
  position: absolute;
  top: 0;
  right: 0
}

@media(max-width: 1200px) {
  .cpi-integration-heading__logo {
    position: relative;
    margin-bottom: 24px
  }
}

@media(max-width: 767px) {
  .cpi-integration-heading__logo {
    min-width: 126.0223693848px;
    height: 40px;
    width: 126.0223693848px
  }
}

.cpi-integration-heading__logo--blue {
  fill: #6a7e97
}

.cpi-integration-legend {
  display: flex;
  flex-direction: column;
  opacity: 0;
  margin-top: 75px
}

.cpi-integration-legend>*:not(:last-child) {
  margin-bottom: 1em
}

.cpi-integration-legend.is-active {
  opacity: 1
}

.cpi-integration-legend__item {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  padding-left: 35px;
  position: relative
}

@media(max-width: 767px) {
  .cpi-integration-legend__item {
    font-size: 16px;
    line-height: 19px
  }
}

.cpi-integration-legend__item:nth-child(odd):before {
  background: #ee4624
}

.cpi-integration-legend__item:nth-child(even):before {
  background: #a0ddf7
}

.cpi-integration-legend__item:before {
  content: "";
  width: 24px;
  height: 2px;
  position: absolute;
  top: 10px;
  left: 0
}

.cpi-demo {
  position: relative
}

.cpi-demo__container {
  position: relative
}

.cpi-demo__row {
  display: flex
}

.cpi-demo__row>*:not(:last-child) {
  margin-right: 26px
}

@media(max-width: 1200px) {
  .cpi-demo__row {
    flex-direction: column
  }

  .cpi-demo__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 64px
  }
}

@media(max-width: 767px) {
  .cpi-demo__row {
    flex-direction: column
  }

  .cpi-demo__row>*:not(:last-child) {
    margin-bottom: 32px
  }
}

.cpi-demo__col--1 {
  flex: 1 1 280px
}

@media(max-width: 1200px) {
  .cpi-demo__col--1 {
    flex: 1 1 auto
  }
}

.cpi-demo__col--2 {
  flex: 1 1 auto
}

.cpi-demo__title {
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 78px;
  margin-bottom: 78px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .cpi-demo__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .cpi-demo__title {
    font-size: 24px;
    line-height: 29px
  }
}

.cpi-demo__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

.cpi-demo__title strong {
  font-weight: normal;
  color: #b7d232
}

.cpi-demo__video {
  width: calc(46.5104166667vw / 2 + 893px / 2);
  height: calc(26.6666666667vw / 2 + 512px / 2);
  margin-left: auto
}

@media(max-width: 1200px) {
  .cpi-demo__video {
    width: 100%;
    height: calc(62.5vw / 2 + 200px / 2)
  }
}

@media(max-width: 539px) {
  .cpi-demo__video {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }
}

.cpi-demo__video video {
  width: 100%;
  height: 100%
}

.cpi-demo__text {
  font-size: 20px;
  line-height: 26px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .cpi-demo__text {
    font-size: 16px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .cpi-demo__text {
    font-size: 14px;
    line-height: 17px
  }
}

.cpi-demo__dots {
  width: calc(18.6979166667vw / 2 + 359px / 2);
  height: calc(22.5vw / 2 + 432px / 2);
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: calc(25px + 50px - calc(2.6041666667vw * 1 + 50px * (1 - 1)));
  right: 0
}

.cpi-demo__deco {
  height: 128.444519043px;
  width: 119px;
  fill: transparent;
  stroke: #b7d232;
  stroke-width: 2px;
  transform: scaleX(-1);
  position: absolute;
  bottom: -50px;
  left: -50px
}

.itsm__nav-bar {
  margin-bottom: 75px
}

@media(max-width: 767px) {
  .itsm__nav-bar {
    display: none
  }
}

.itsm__tasks {
  margin-bottom: 50px
}

.itsm__scripts {
  margin-bottom: 100px;
  background: #fbfbfb;
}

.itsm__solve {
  margin-bottom: 166px
}

.itsm__provide {
  margin-bottom: 174px
}

.itsm__schematic {
  margin-bottom: 100px
}

.itsm__facility {
  margin-bottom: 100px
}

.itsm__download--2 {
  margin-bottom: 100px
}

.itsm__tabs {
  margin-bottom: 100px
}

.itsm__demo {
  margin-bottom: 125px
}

.itsm-banner__logo {
  width: 1151px;
  height: 163px;
  margin-bottom: 18px
}

.itsm-nav-bar__logo {
  width: 92.56px;
  height: 34px
}

.itsm-nav-bar__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.itsm-tasks {
  position: relative
}

.itsm-tasks--yellow .itsm-tasks__title strong {
  color: #eae565
}

.itsm-tasks--yellow .itsm-tasks__letter {
  stroke: #eae565
}

.itsm-tasks--yellow .itsm-tasks-item.is-active .itsm-tasks-item__marker {
  fill: #eae565
}

.itsm-tasks--yellow .itsm-tasks-item__marker {
  stroke: #eae565
}

.itsm-tasks__text {
  font-size: 20px;
  line-height: 22px
}

@media(max-width: 767px) {
  .itsm-tasks__text {
    font-size: 14px;
    line-height: 19px
  }
}

.itsm-tasks__text p:not(:last-of-type) {
  margin-bottom: 1em
}

.itsm-tasks__container {
  position: relative
}

.itsm-tasks__title {
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 50px;
  margin-bottom: 56px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-tasks__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .itsm-tasks__title {
    font-size: 24px;
    line-height: 29px
  }
}

.itsm-tasks__title strong {
  font-weight: 700;
  color: #b7d232
}

.itsm-tasks__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-tasks__row {
  display: flex
}

@media(max-width: 991px) {
  .itsm-tasks__row {
    flex-direction: column
  }
}

.itsm-tasks__col {
  position: relative
}

.itsm-tasks__col--1 {
  flex: 0 1 calc(27.2916666667vw / 2 + 524px / 2);
  margin-right: calc(3.125vw / 2 + 60px / 2)
}

@media(max-width: 991px) {
  .itsm-tasks__col--1 {
    flex: 1 1 auto;
    margin-right: 0;
    margin-bottom: 60px
  }
}

.itsm-tasks__col--2 {
  flex: 0 0 600px
}

@media(max-width: 991px) {
  .itsm-tasks__col--2 {
    flex: 1 1 auto;
    padding-left: 40px
  }
}

@media(max-width: 539px) {
  .itsm-tasks__col--2 {
    padding-left: 0
  }
}

.itsm-tasks__letter {
  position: absolute;
  top: 120px;
  fill: transparent;
  stroke: #d1f257;
  stroke-width: 2px
}

@media(max-width: 991px) {
  .itsm-tasks__letter {
    display: none
  }
}

.itsm-tasks__letter--m {
  width: 803px;
  height: 704px;
  right: 0
}

.itsm-tasks__letter--a {
  height: 825px;
  width: 689px;
  left: -400px
}

.itsm-tasks__letter--c {
  width: 672px;
  height: 750px;
  top: 280px;
  left: -450px
}

.itsm-tasks__list {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 100px;
  position: relative;
  box-sizing: border-box
}

.itsm-tasks__list>*:not(:last-child) {
  margin-bottom: 78px
}

@media(max-width: 991px) {
  .itsm-tasks__list>*:not(:last-child) {
    margin-bottom: 60px
  }
}

.itsm-tasks__list:before {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(141,153,162,.5);
  position: absolute;
  left: -1px;
  top: 0;
  transform: scaleY(0);
  transform-origin: top
}

.itsm-tasks__list.is-active:before {
  transform: scaleY(1);
  transition: 1s linear
}

.itsm-tasks__list.is-active .itsm-tasks__item {
  opacity: 1;
  transform: none
}

.itsm-tasks__list.is-active .itsm-tasks__item .itsm-tasks-item__marker {
  transform: translateX(-52%) scale(1)
}

.itsm-tasks__list.is-active .itsm-tasks__item .itsm-tasks-item__title {
  opacity: 1;
  transform: none
}

.itsm-tasks__list.is-active .itsm-tasks__item .itsm-tasks-item__text {
  opacity: 1
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(1) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(1) .itsm-tasks-item__title {
  transition: .5s .25s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(1) .itsm-tasks-item__text {
  transition: .25s .5s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(2) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(2) .itsm-tasks-item__title {
  transition: .5s .5s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(2) .itsm-tasks-item__text {
  transition: .25s .75s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(3) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(3) .itsm-tasks-item__title {
  transition: .5s .75s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(3) .itsm-tasks-item__text {
  transition: .25s 1s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(4) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(4) .itsm-tasks-item__title {
  transition: .5s 1s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(4) .itsm-tasks-item__text {
  transition: .25s 1.25s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(5) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(5) .itsm-tasks-item__title {
  transition: .5s 1.25s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(5) .itsm-tasks-item__text {
  transition: .25s 1.5s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(6) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(6) .itsm-tasks-item__title {
  transition: .5s 1.5s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(6) .itsm-tasks-item__text {
  transition: .25s 1.75s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(7) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(7) .itsm-tasks-item__title {
  transition: .5s 1.75s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(7) .itsm-tasks-item__text {
  transition: .25s 2s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(8) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(8) .itsm-tasks-item__title {
  transition: .5s 2s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(8) .itsm-tasks-item__text {
  transition: .25s 2.25s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(9) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(9) .itsm-tasks-item__title {
  transition: .5s 2.25s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(9) .itsm-tasks-item__text {
  transition: .25s 2.5s ease
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(10) .itsm-tasks-item__marker,.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(10) .itsm-tasks-item__title {
  transition: .5s 2.5s ease,fill .25s
}

.itsm-tasks__list.is-active .itsm-tasks__item:nth-child(10) .itsm-tasks-item__text {
  transition: .25s 2.75s ease
}

.itsm-tasks__item {
  opacity: 0
}

.itsm-tasks-item {
  padding-left: 78px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-tasks-item {
    padding-left: calc(13.125vw / 2 + 42px / 2)
  }
}

@media(max-width: 539px) {
  .itsm-tasks-item {
    padding-bottom: 24px
  }
}

.itsm-tasks-item.is-active .itsm-tasks-item__marker {
  fill: #b7d232
}

.itsm-tasks-item__marker {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -3px;
  left: 0;
  transform: translateX(-52%) scale(0);
  fill: #fff;
  stroke: #b7d232
}

.itsm-tasks-item__title {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 18px;
  transform: translateX(-50px);
  opacity: 0
}

@media(max-width: 539px) {
  .itsm-tasks-item__title {
    display: none
  }
}

.itsm-tasks-item__text {
  font-size: 20px;
  line-height: 24px;
  color: #5a5a5a;
  opacity: 0
}

@media(max-width: 991px) {
  .itsm-tasks-item__text {
    font-size: 16px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .itsm-tasks-item__text {
    font-size: 14px;
    line-height: 19px
  }
}

@media(max-width: 539px) {
  .itsm-tasks-item__text {
    padding-bottom: 24px;
    border-bottom: 1px solid #8d99a2
  }
}

.itsm-scripts {
  padding: 95px 0 106px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-scripts {
    padding: 66px 0
  }
}

.itsm-scripts--no-background {
  padding: 0
}

.itsm-scripts--no-background:before {
  display: none
}

.itsm-scripts.is-active:before {
  transform: scaleX(1) !important;
  transition: 2s ease !important
}

.itsm-scripts--yellow .itsm-scripts__title strong {
  color: #eae565
}

.itsm-scripts--yellow .itsm-scripts-item.is-active .itsm-scripts-item-heading {
  color: #eae565
}

.itsm-scripts--yellow .itsm-scripts--yellow .itsm-scripts__text a {
  color: #eae565
}

.itsm-scripts__row {
  display: flex
}

.itsm-scripts__row>*:not(:last-child) {
  margin-right: 34px
}

@media(max-width: 991px) {
  .itsm-scripts__row {
    flex-direction: column
  }

  .itsm-scripts__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 64px
  }
}

.itsm-scripts__logo-itsm {
  width: 284.07px;
  height: 104.01px;
  position: absolute;
  bottom: -90px;
  left: 0;
  transform: translateY(100%)
}

@media(max-width: 1200px) {
  .itsm-scripts__logo-itsm {
    bottom: auto;
    top: -32px;
    transform: none;
    width: calc(284.07px * .75);
    height: calc(104.01px * .75)
  }
}

@media(max-width: 991px) {
  .itsm-scripts__logo-itsm {
    width: calc(284.07px * .5);
    height: calc(104.01px * .5)
  }
}

@media(max-width: 1200px) {
  .itsm-scripts__col--1 {
    margin-bottom: 60px
  }
}

.itsm-scripts__col--1,.itsm-scripts__col--3 {
  flex: 1 1 auto
}

.itsm-scripts__col--2 {
  flex: 0 0 calc(35.15625vw / 2 + 675px / 2)
}

@media(max-width: 991px) {
  .itsm-scripts__col--2 {
    flex: 1 1 100%
  }
}

.itsm-scripts__title {
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 72px;
  position: relative;
  max-width: 550px;
  margin-bottom: -1px
}

@media(max-width: 991px) {
  .itsm-scripts__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .itsm-scripts__title {
    font-size: 24px;
    line-height: 29px
  }
}

.itsm-scripts__title strong {
  font-weight: 700;
  color: #b7d232
}

.itsm-scripts__title--no-line {
  padding-bottom: 0;
  margin-bottom: 38px
}

.itsm-scripts__title--no-line a {
  color: #b7d232;
  text-decoration: underline
}

.itsm-scripts__title--no-line a:hover {
  text-decoration: none
}

.itsm-scripts__title--no-line:before {
  display: none
}

.itsm-scripts__title:before {
  content: "";
  width: 282.06px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-scripts__subtitle {
  max-width: 550px;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 64px;
  margin-bottom: 77px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-scripts__subtitle {
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 50px;
    margin-bottom: 60px
  }
}

@media(max-width: 767px) {
  .itsm-scripts__subtitle {
    font-size: 16px;
    padding-bottom: 40px;
    margin-bottom: 40px
  }
}

.itsm-scripts__subtitle:before {
  content: "";
  width: 282.06px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-scripts__text {
  font-size: 20px;
  line-height: 26px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .itsm-scripts__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .itsm-scripts__text {
    font-size: 16px
  }
}

.itsm-scripts__text a,.itsm-scripts__text strong {
  color: #b7d232
}

.itsm-scripts__text strong {
  font-weight: normal
}

.itsm-scripts__text a {
  text-decoration: underline
}

.itsm-scripts__text a:hover {
  text-decoration: none
}

.itsm-scripts__sublist {
  margin-top: 54px;
  display: flex;
  flex-direction: column
}

.itsm-scripts__sublist>*:not(:last-child) {
  margin-bottom: 34px
}

.itsm-scripts__sublist-item {
  font-size: 20px;
  line-height: 22px;
  position: relative;
  padding-left: .95em
}

.itsm-scripts__sublist-item:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0
}

.itsm-scripts__row--1>*:not(:last-child) {
  margin-right: 32px
}

.itsm-scripts__row--2 {
  margin-top: 141px;
  justify-content: space-between;
  align-items: center
}

.itsm-scripts__row--2>*:not(:last-child) {
  margin-right: 62px
}

.itsm-scripts__deco {
  width: 305px;
  height: 307px;
  fill: transparent;
  stroke-width: 1px;
  position: absolute;
  bottom: 56px;
  left: 0
}

@media(max-width: 991px) {
  .itsm-scripts__deco {
    display: none
  }
}

.itsm-scripts__photo {
  height: 300px;
  width: 450px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}

.itsm-scripts__photo img {
  margin-top: 40px
}

.itsm-scripts__list {
  opacity: 0
}

.itsm-scripts__list.is-active {
  opacity: 1;
  transition: .5s 1s ease !important
}

.itsm-scripts__item:not(:last-child) {
  margin-bottom: -1px
}

.itsm-scripts-item.is-active .itsm-scripts-item-heading {
  color: #b7d232
}

.itsm-scripts-item.is-active .itsm-scripts-item-heading:before,.itsm-scripts-item.is-active .itsm-scripts-item-heading:after {
  transform: scaleX(0)
}

.itsm-scripts-item.is-active .itsm-scripts-item-heading:after {
  transform: scaleX(0);
  transition: 0s
}

.itsm-scripts-item.is-active .itsm-scripts-item-heading .itsm-scripts-item-heading__icon {
  border: 1px solid #c4da5a
}

.itsm-scripts-item.is-active .itsm-scripts-item-heading .itsm-scripts-item.is-active .itsm-scripts-item-heading .itsm-scripts-item-heading__icon svg {
  fill: #fff;
  transform: rotate(135deg)
}

.itsm-scripts-item-heading {
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}

.itsm-scripts-item-heading>*:not(:last-child) {
  margin-right: 16px
}

@media(max-width: 991px) {
  .itsm-scripts-item-heading {
    height: 100px
  }
}

.itsm-scripts-item-heading:before,.itsm-scripts-item-heading:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #383b41;
  position: absolute;
  left: 0;
  transform-origin: left
}

.itsm-scripts-item-heading:before {
  top: 0;
  transition: .5s ease
}

.itsm-scripts-item-heading:after {
  bottom: 0;
  transition: .5s .5s ease
}

.itsm-scripts-item-heading__title {
  font-size: 34px;
  line-height: 26px
}

@media(max-width: 991px) {
  .itsm-scripts-item-heading__title {
    font-size: 24px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .itsm-scripts-item-heading__title {
    font-size: 18px;
    line-height: 22px
  }
}

.itsm-scripts-item-heading__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45.25px;
  width: 45.25px;
  height: 45.42px;
  border-radius: 50%;
  border: 1px solid #383b41;
  box-sizing: border-box;
  position: relative
}

@media(max-width: 767px) {
  .itsm-scripts-item-heading__icon {
    min-width: 30px;
    width: 30px;
    height: 30px
  }
}

.itsm-scripts-item-heading__icon svg {
  width: 19.57px;
  height: 19.57px;
  transition: transform .5s ease
}

.itsm-scripts-item__text {
  font-size: 20px;
  line-height: 26px;
  color: #5a5a5a;
  padding: 0 80px 44px 0
}

@media(max-width: 991px) {
  .itsm-scripts-item__text {
    padding: 0 0 24px
  }
}

@media(max-width: 991px) {
  .itsm-scripts-item__text {
    font-size: 16px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .itsm-scripts-item__text {
    font-size: 14px;
    line-height: 160%
  }
}

.itsm-scripts-item__text p:not(:last-child) {
  margin-bottom: 10px
}

.itsm-scripts-item__text a {
  color: #b7d232
}

.itsm-scripts-item__text a:hover {
  text-decoration: underline
}

.itsm-scripts-item__text blockquote {
  margin: 1em 0;
  padding: 1em;
  box-sizing: border-box;
  background: #f5f5f5;
  color: #383b41;
  position: relative;
  z-index: 0;
  overflow: hidden
}

.itsm-scripts-item__text blockquote:before {
  content: "«";
  font-size: 200px;
  line-height: 100px;
  color: #c4da5a;
  position: absolute;
  top: 22px;
  right: 30px;
  opacity: .4;
  z-index: -1
}

@media(max-width: 767px) {
  .itsm-scripts {
    padding: 50px 0;
    margin-bottom: 50px
  }
}

@media(max-width: 991px) {
  .itsm-scripts__deco {
    width: 215px;
    height: 237px
  }
}

@media(max-width: 767px) {
  .itsm-scripts__deco {
    width: 175px;
    height: 197px
  }
}

@media(max-width: 991px) {
  .itsm-scripts__row--1>*:not(:last-child) {
    margin-bottom: 30px
  }
}

@media(max-width: 1200px) {
  .itsm-scripts__row--2 {
    margin-top: 100px
  }
}

@media(max-width: 991px) {
  .itsm-scripts__row--2 {
    margin-top: 50px
  }

  .itsm-scripts__row--2>*:not(:last-child) {
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .itsm-scripts__row--2 {
    margin-top: 30px
  }
}

@media(max-width: 991px) {
  .itsm-scripts__sublist {
    margin-top: 30px
  }

  .itsm-scripts__sublist>*:not(:last-child) {
    margin-bottom: 30px
  }
}

@media(max-width: 991px) {
  .itsm-scripts__text,.itsm-scripts__sublist-item {
    width: unset;
    font-size: 18px;
    line-height: 20px
  }
}

@media(max-width: 767px) {
  .itsm-scripts__text,.itsm-scripts__sublist-item {
    font-size: 16px;
    line-height: 18px
  }
}

@media(max-width: 539px) {
  .itsm-scripts__text,.itsm-scripts__sublist-item {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width: 539px) {
  .itsm-scripts__text {
    margin-top: 0
  }
}

@media(max-width: 767px) {
  .itsm-scripts__photo {
    width: 100vw;
    height: 100%
  }

  .itsm-scripts__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.itsm-solve--yellow .itsm-solve__title strong {
  color: #eae565
}

.itsm-solve--yellow .itsm-solve__subtitle strong {
  color: #eae565
}

.itsm-solve--yellow .itsm-solve-item__num {
  color: #eae565;
  font-weight: 700
}

.itsm-solve--yellow .itsm-solve__deco {
  stroke: #eae565
}

.itsm-solve--background {
  padding: 100px 0 115px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-solve--background {
    padding: 80px 0
  }
}

@media(max-width: 767px) {
  .itsm-solve--background {
    padding: 60px 0
  }
}

.itsm-solve--background:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: left;
  transform: scaleX(0) !important
}

.itsm-solve.is-active:before {
  transform: scaleX(1) !important;
  transition: 2s ease !important
}

.itsm-solve__container {
  position: relative
}

.itsm-solve__deco {
  width: 195px;
  height: 213px;
  fill: transparent;
  stroke: #b7d232;
  stroke-width: 2px;
  position: absolute;
  top: -50px;
  right: -100px;
  transform: translateX(-100%) !important;
  opacity: 0
}

.itsm-solve__deco.is-active {
  transform: none !important;
  opacity: 1;
  transition: 1.5s .5s ease,opacity 1s .5s ease !important
}

.itsm-solve__title {
  max-width: 853px;
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 70px;
  margin-bottom: 55px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-solve__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .itsm-solve__title {
    font-size: 24px;
    line-height: 29px
  }
}

.itsm-solve__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-solve__title strong {
  font-weight: 700;
  color: #b7d232
}

.itsm-solve__row {
  display: flex
}

.itsm-solve__row>*:not(:last-child) {
  margin-right: calc(3.125vw * 1 + 60px * (1 - 1))
}

@media(max-width: 767px) {
  .itsm-solve__row {
    flex-direction: column;
    margin-bottom: 25px
  }

  .itsm-solve__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 36px
  }
}

.itsm-solve__row:not(:last-child) {
  margin-bottom: 140px
}

@media(max-width: 991px) {
  .itsm-solve__row:not(:last-child) {
    margin-bottom: 40px
  }
}

.itsm-solve__col--1 {
  padding-top: 24px
}

@media(max-width: 767px) {
  .itsm-solve__col--1 {
    padding: 0
  }
}

.itsm-solve__col--2 {
  flex: 1 1 324px;
  opacity: 0
}

@media(max-width: 767px) {
  .itsm-solve__col--2 {
    flex: 1 1 auto
  }
}

.itsm-solve__col--2.is-active {
  opacity: 1;
  transition: .5s 1s ease !important
}

.itsm-scripts__text p:not(:last-child) {
  margin-bottom: 1em
}

.itsm-scripts__text b {
  font-weight: normal;
  color: #383b41
}

.itsm-scripts__text a {
  color: #b7d232;
  text-decoration: underline
}

.itsm-scripts__text a:hover {
  text-decoration: none
}

.itsm-scripts__text hr {
  width: 282px;
  margin: 2em 0
}

.itsm-solve__image {
  width: calc(24.0625vw / 2 + 462px / 2)
}

@media(max-width: 767px) {
  .itsm-solve__image {
    width: 100%;
    height: calc(63.125vw * 1 + 202px * (1 - 1))
  }
}

.itsm-solve__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.itsm-solve__subtitle {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 36px;
  font-weight: 700
}

.itsm-solve__subtitle strong {
  font-weight: 700;
  color: #b7d232
}

.itsm-solve__list {
  display: flex;
  flex-direction: column
}

.itsm-solve__list>*:not(:last-child) {
  margin-bottom: 30px
}

@media(max-width: 1200px) {
  .itsm-solve__list>*:not(:last-child) {
    margin-bottom: 15px
  }
}

@media(max-width: 767px) {
  .itsm-solve__list>*:not(:last-child) {
    margin-bottom: 24px
  }
}

.itsm-solve-item__num {
  font-weight: 700;
  font-size: 18px;
  line-height: 33px;
  color: #b7d232;
  padding-bottom: 5px;
  border-bottom: 1px solid #5a5a5a;
  margin-bottom: 30px
}

@media(max-width: 767px) {
  .itsm-solve-item__num {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 24px
  }
}

.itsm-solve-item__text {
  font-size: 20px;
  line-height: 24px
}

@media(max-width: 991px) {
  .itsm-solve-item__text {
    font-size: 16px;
    line-height: 160%;
    color: #5a5a5a
  }
}

@media(max-width: 767px) {
  .itsm-solve-item__text {
    font-size: 14px
  }
}

.itsm-solve__text {
  font-size: 20px;
  line-height: 26px;
  color: #5a5a5a;
  opacity: 0
}

@media(max-width: 991px) {
  .itsm-solve__text {
    width: 100vw;
    font-size: 16px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .itsm-solve__text {
    font-size: 14px;
    background: #e5eeb6;
    padding: 52px 20px 66px;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }
}

.itsm-solve__text.is-active {
  opacity: 1;
  transition: .5s .5s ease !important
}

.itsm-solve__text p:not(:last-child) {
  margin-bottom: 1em
}

@media(max-width: 1200px) {
  .itsm-solve {
    margin-bottom: 140px
  }
}

@media(max-width: 991px) {
  .itsm-solve {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .itsm-solve {
    margin-bottom: 50px
  }
}

@media(max-width: 991px) {
  .itsm-solve__deco {
    width: 155px;
    height: 173px;
    right: -60px
  }
}

@media(max-width: 767px) {
  .itsm-solve__deco {
    width: 100px;
    height: 173px;
    right: -30px
  }
}

@media(max-width: 991px) {
  .itsm-solve__subtitle {
    font-size: 28px;
    line-height: 34px
  }
}

@media(max-width: 767px) {
  .itsm-solve__subtitle {
    font-size: 21px;
    line-height: 24px
  }
}

.itsm-provide__row {
  display: flex
}

.itsm-provide__row>*:not(:last-child) {
  margin-right: calc(3.125vw * 1 + 60px * (1 - 1))
}

@media(max-width: 991px) {
  .itsm-provide__row {
    flex-direction: column
  }

  .itsm-provide__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: calc(3.125vw * 1 + 60px * (1 - 1))
  }
}

.itsm-provide__col {
  position: relative
}

.itsm-provide__col--1 {
  flex: 1 1 auto
}

.itsm-provide__col--2 {
  flex: 0 0 530px
}

@media(max-width: 767px) {
  .itsm-provide__col--2 {
    flex: 1 1 auto
  }
}

.itsm-provide__title {
  font-size: 42px;
  line-height: 120%;
  padding-bottom: 40px;
  margin-bottom: 70px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .itsm-provide__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .itsm-provide__title {
    font-size: 24px;
    line-height: 29px
  }
}

.itsm-provide__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-provide__title strong {
  font-weight: 700;
  color: #b7d232
}

.itsm-provide__image {
  height: 537px;
  width: 462px;
  -o-object-fit: cover;
  object-fit: cover
}

.itsm-provide__list {
  display: flex;
  flex-direction: column
}

.itsm-provide__list>*:not(:last-child) {
  margin-bottom: 14px
}

@media(max-width: 539px) {
  .itsm-provide__list>*:not(:last-child) {
    margin-bottom: 14px
  }
}

.itsm-provide__list--more-space>*:not(:last-child) {
  margin-bottom: 35px
}

@media(max-width: 539px) {
  .itsm-provide__list--more-space>*:not(:last-child) {
    margin-bottom: 24px
  }
}

.itsm-provide__list.is-active .itsm-provide-item__icon,.itsm-provide__list.is-active .itsm-provide-item__text {
  opacity: 1;
  transition: .5s ease
}

.itsm-provide__list.is-active .itsm-provide-item__text {
  transform: none
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(1) .itsm-provide-item__icon {
  transition-delay: .1s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(1) .itsm-provide-item__text {
  transition-delay: .2s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(2) .itsm-provide-item__icon {
  transition-delay: .2s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(2) .itsm-provide-item__text {
  transition-delay: .3s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(3) .itsm-provide-item__icon {
  transition-delay: .3s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(3) .itsm-provide-item__text {
  transition-delay: .4s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(4) .itsm-provide-item__icon {
  transition-delay: .4s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(4) .itsm-provide-item__text {
  transition-delay: .5s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(5) .itsm-provide-item__icon {
  transition-delay: .5s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(5) .itsm-provide-item__text {
  transition-delay: .6s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(6) .itsm-provide-item__icon {
  transition-delay: .6s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(6) .itsm-provide-item__text {
  transition-delay: .7s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(7) .itsm-provide-item__icon {
  transition-delay: .7s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(7) .itsm-provide-item__text {
  transition-delay: .8s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(8) .itsm-provide-item__icon {
  transition-delay: .8s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(8) .itsm-provide-item__text {
  transition-delay: .9s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(9) .itsm-provide-item__icon {
  transition-delay: .9s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(9) .itsm-provide-item__text {
  transition-delay: 1s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(10) .itsm-provide-item__icon {
  transition-delay: 1s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(10) .itsm-provide-item__text {
  transition-delay: 1.1s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(11) .itsm-provide-item__icon {
  transition-delay: 1.1s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(11) .itsm-provide-item__text {
  transition-delay: 1.2s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(12) .itsm-provide-item__icon {
  transition-delay: 1.2s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(12) .itsm-provide-item__text {
  transition-delay: 1.3s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(13) .itsm-provide-item__icon {
  transition-delay: 1.3s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(13) .itsm-provide-item__text {
  transition-delay: 1.4s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(14) .itsm-provide-item__icon {
  transition-delay: 1.4s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(14) .itsm-provide-item__text {
  transition-delay: 1.5s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(15) .itsm-provide-item__icon {
  transition-delay: 1.5s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(15) .itsm-provide-item__text {
  transition-delay: 1.6s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(16) .itsm-provide-item__icon {
  transition-delay: 1.6s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(16) .itsm-provide-item__text {
  transition-delay: 1.7s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(17) .itsm-provide-item__icon {
  transition-delay: 1.7s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(17) .itsm-provide-item__text {
  transition-delay: 1.8s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(18) .itsm-provide-item__icon {
  transition-delay: 1.8s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(18) .itsm-provide-item__text {
  transition-delay: 1.9s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(19) .itsm-provide-item__icon {
  transition-delay: 1.9s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(19) .itsm-provide-item__text {
  transition-delay: 2s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(20) .itsm-provide-item__icon {
  transition-delay: 2s
}

.itsm-provide__list.is-active .itsm-provide__item:nth-child(20) .itsm-provide-item__text {
  transition-delay: 2.1s
}

.itsm-provide-item {
  display: flex;
  align-items: center
}

.itsm-provide-item>*:not(:last-child) {
  margin-right: 54px
}

@media(max-width: 991px) {
  .itsm-provide-item>*:not(:last-child) {
    margin-right: 32px
  }
}

@media(max-width: 767px) {
  .itsm-provide-item>*:not(:last-child) {
    margin-right: 18px
  }
}

@media(max-width: 539px) {
  .itsm-provide-item {
    padding-bottom: 24px
  }
}

@media(max-width: 539px) {
  .itsm-provide-item:not(:last-of-type) {
    border-bottom: 1px solid #6a7a86
  }
}

.itsm-provide-item.is-active .itsm-provide-item__angle {
  transform: none;
  stroke: #212121;
  transition: .5s ease
}

.itsm-provide-item__col--2 {
  width: 100%;
  display: flex;
  align-items: center
}

@media(max-width: 539px) {
  .itsm-provide-item__col--2 {
    flex-direction: column;
    align-items: flex-start
  }
}

.itsm-provide-item__heading {
  height: calc(2.8645833333vw / 2 + 55px / 2);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.itsm-provide-item__heading>*:not(:last-child) {
  margin-right: 8px
}

@media(min-width: 540px) {
  .itsm-provide-item__heading {
    display: none
  }
}

.itsm-provide-item__title {
  font-size: 16px;
  line-height: 19px
}

.itsm-provide-item__angle {
  width: 12px;
  height: 7px;
  fill: transparent;
  stroke: #8d99a2;
  stroke-width: 2px;
  opacity: .9;
  transform: rotate(180deg);
  transition: .25s ease
}

.itsm-provide-item__icon {
  opacity: 0
}

.itsm-provide-item-icon {
  min-width: calc(2.8645833333vw / 2 + 55px / 2);
  width: calc(2.8645833333vw / 2 + 55px / 2);
  height: calc(2.8645833333vw / 2 + 55px / 2);
  border-radius: 6px;
  border: 1px solid #b7d232;
  box-sizing: border-box;
  background: #b7d232;
  display: flex;
  align-items: center;
  justify-content: center
}

.itsm-provide-item-icon--filled {
  background: #b7d232
}

.itsm-provide-item-icon__svg--1,.itsm-provide-item-icon__svg--2,.itsm-provide-item-icon__svg--3,.itsm-provide-item-icon__svg--4,.itsm-provide-item-icon__svg--5,.itsm-provide-item-icon__svg--6,.itsm-provide-item-icon__svg--7,.itsm-provide-item-icon__svg--8,.itsm-provide-item-icon__svg--9 {
  stroke: #212121
}

.itsm-provide-item-icon__svg--1 {
  height: calc(1.3586972157vw / 2 + 26.0869865417px / 2);
  width: calc(1.5625vw / 2 + 30px / 2)
}

.itsm-provide-item-icon__svg--2 {
  height: calc(1.5625vw / 2 + 30px / 2);
  width: calc(1.5625170867vw / 2 + 30.000328064px / 2)
}

.itsm-provide-item-icon__svg--3 {
  height: calc(1.3581954439vw / 2 + 26.0773525238px / 2);
  width: calc(1.5625095367vw / 2 + 30.0001831055px / 2)
}

.itsm-provide-item-icon__svg--4 {
  height: calc(1.6666666667vw / 2 + 32px / 2);
  width: calc(1.734555165vw / 2 + 33.3034591675px / 2)
}

.itsm-provide-item-icon__svg--5 {
  height: calc(1.1908000708vw / 2 + 22.8633613586px / 2);
  width: calc(1.6226067146vw / 2 + 31.1540489197px / 2)
}

.itsm-provide-item-icon__svg--6 {
  height: calc(1.718745629vw / 2 + 32.9999160767px / 2);
  width: calc(1.7187803984vw / 2 + 33.0005836487px / 2)
}

.itsm-provide-item-icon__svg--7 {
  height: calc(1.5625025829vw / 2 + 30.0000495911px / 2);
  width: calc(1.5627951423vw / 2 + 30.0056667328px / 2)
}

.itsm-provide-item-icon__svg--8 {
  height: calc(1.7760417859vw / 2 + 34.1000022888px / 2);
  width: calc(1.7769316832vw / 2 + 34.1170883179px / 2)
}

.itsm-provide-item-icon__svg--9 {
  height: calc(1.5104045471vw / 2 + 28.9997673035px / 2);
  width: calc(1.5103718638vw / 2 + 28.9991397858px / 2)
}

.itsm-provide-item-icon__svg--10 {
  height: calc(1.5951922536vw / 2 + 30.6276912689px / 2);
  width: calc(1.875vw / 2 + 36px / 2)
}

.itsm-provide-item-icon__svg--11 {
  height: calc(1.8407009045vw / 2 + 35.3414573669px / 2);
  width: calc(1.875vw / 2 + 36px / 2)
}

.itsm-provide-item-icon__svg--12 {
  height: calc(1.875vw / 2 + 36px / 2);
  width: calc(1.8748915195vw / 2 + 35.9979171753px / 2)
}

.itsm-provide-item-icon__svg--13 {
  height: calc(1.5715649724vw / 2 + 30.1740474701px / 2);
  width: calc(1.875vw / 2 + 36px / 2)
}

.itsm-provide-item-icon__svg--14 {
  height: calc(2.0874454578vw / 2 + 40.0789527893px / 2);
  width: calc(1.8750393391vw / 2 + 36.0007553101px / 2)
}

.itsm-provide-item-icon__svg--15 {
  height: calc(1.8333331744vw / 2 + 35.1999969482px / 2);
  width: calc(1.875vw / 2 + 36px / 2)
}

.itsm-provide-item-icon__svg--16 {
  height: calc(1.8407016993vw / 2 + 35.3414726257px / 2);
  width: calc(1.8750349681vw / 2 + 36.0006713867px / 2)
}

.itsm-provide-item-icon__svg--17 {
  height: calc(1.4583333333vw / 2 + 28px / 2);
  width: calc(1.7150261005vw / 2 + 32.9285011292px / 2)
}

.itsm-provide-item__text {
  font-size: 20px;
  line-height: 24px;
  color: #5a5a5a;
  opacity: 0;
  transform: translateX(-50px)
}

@media(max-width: 767px) {
  .itsm-provide-item__text {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 539px) {
  .itsm-provide-item__text {
    font-size: 16px
  }
}

.itsm-provide__angle {
  width: 119px;
  height: 128.44px;
  opacity: .6;
  fill: transparent;
  stroke: #5a5a5a;
  stroke-width: 2px;
  transform: scaleX(-1) translateX(-100%) !important;
  opacity: 0;
  position: absolute;
  right: 60px
}

@media(max-width: 991px) {
  .itsm-provide__angle {
    display: none
  }
}

.itsm-provide__angle.is-active {
  transform: scaleX(-1) !important;
  opacity: 1;
  transition: 1s ease .5s !important
}

.itsm-provide__angle--1 {
  top: 245px
}

.itsm-provide__angle--2 {
  bottom: -100px
}

.itsm-provide__angle--3 {
  bottom: -65px;
  right: 10px;
  z-index: -1
}

.itsm-provide__square {
  position: absolute
}

@media(max-width: 991px) {
  .itsm-provide__square {
    display: none
  }
}

.itsm-provide__square--1 {
  height: 256.7380981445px;
  width: 256.0423278809px;
  border: 2px solid #b7d232;
  border-radius: 10px;
  top: 200px;
  left: -240px;
  transform: scale(0.5) !important;
  opacity: 0
}

.itsm-provide__square--1.is-active {
  opacity: 1;
  transform: none !important;
  transition: 1s ease .75s !important
}

.itsm-provide__square--2 {
  height: 88px;
  width: 88px;
  background: #8d99a2;
  border-radius: 8px;
  left: -20px;
  top: 415px;
  transform: scale(0.5) !important;
  opacity: 0
}

.itsm-provide__square--2.is-active {
  opacity: 1;
  transform: none !important;
  transition: 1s ease 1s !important
}

.itsm-provide__triangle {
  position: absolute
}

.itsm-provide__triangle--1 {
  height: calc(17.5062305452vw / 2 + 336.1196264671px / 2);
  width: calc(21.0701384605vw / 2 + 404.5466584412px / 2);
  top: 340px;
  left: calc(-200px - 500px + calc(26.0416666667vw / 2 + 500px / 2));
  transform: rotate(-35deg);
  fill: transparent;
  stroke: #b7d232;
  z-index: -1;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000
}

@media(max-width: 991px) {
  .itsm-provide__triangle--1 {
    top: -150px;
    left: auto;
    right: -150px;
    transform: rotate(10deg)
  }
}

.itsm-provide__triangle--1.is-active {
  animation: drawSvg 6s .5s forwards
}

.itsm-provide__triangle--2 {
  height: 105.2215007769px;
  width: 126.6424290328px;
  top: 580px;
  left: calc(0px - 500px + calc(26.0416666667vw / 2 + 500px / 2));
  fill: #8d99a2;
  transform: rotate(60deg) scale(0) !important
}

@media(max-width: 991px) {
  .itsm-provide__triangle--2 {
    top: calc(35px - 150px + calc(7.8125vw / 2 + 150px / 2));
    left: auto;
    right: -45px;
    transform: rotate(10deg) scale(0.7)
  }
}

.itsm-provide__triangle--2.is-active {
  transform: rotate(60deg) !important;
  transition: 1s ease !important
}

.itsm-provide__text {
  font-size: 22px;
  line-height: 26px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .itsm-provide__text {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .itsm-provide__text {
    font-size: 16px
  }
}

.itsm-provide__text p:not(:last-of-type) {
  margin-bottom: 1em
}

@media(max-width: 1200px) {
  .itsm-provide {
    margin-bottom: 140px
  }
}

@media(max-width: 991px) {
  .itsm-provide {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .itsm-provide {
    margin-bottom: 50px
  }
}

@media(max-width: 539px) {
  .itsm-provide__image {
    height: 100%;
    width: 100%
  }
}

@media(max-width: 1200px) {
  .itsm-provide-item {
    align-items: center
  }
}

@media(max-width: 539px) {
  .itsm-provide__angle--3 {
    width: 60px;
    height: 60px;
    bottom: -35px;
    right: -20px
  }
}

.itsm-schematic {
  background: #383b41;
  color: #fff;
  padding: 100px 0 100px;
  position: relative
}

@media(max-width: 991px) {
  .itsm-schematic {
    padding: 66px 0;
  }
}

.itsm-schematic__row {
  display: flex;
  margin-bottom: 120px
}

.itsm-schematic__row>*:not(:last-child) {
  margin-right: 30px
}

@media(max-width: 1200px) {
  .itsm-schematic__row {
    flex-direction: column
  }

  .itsm-schematic__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 50px
  }
}

@media(max-width: 991px) {
  .itsm-schematic__row {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .itsm-schematic__row {
    margin-bottom: 50px
  }
}

.itsm-schematic__col {
  position: relative;
  z-index: 0
}

.itsm-schematic__text {
  max-width: 560px;
  font-size: 20px;
  line-height: 25px
}

@media(max-width: 991px) {
  .itsm-schematic__text {
    font-size: 18px;
    line-height: 25px
  }
}

.itsm-schematic__deco {
  height: 325px;
  width: 324.1653747559px;
  fill: transparent;
  position: absolute;
  top: 30px;
  right: 0
}

.itsm-schematic__heading {
  margin-bottom: 70px
}

.itsm-schematic-heading {
  position: relative;
  padding-bottom: 40px
}

@media(max-width: 1200px) {
  .itsm-schematic-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
  }

  .itsm-schematic-heading>*:not(:last-child) {
    margin-right: 32px
  }
}

@media(max-width: 991px) {
  .itsm-schematic-heading {
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

.itsm-schematic-heading:before {
  content: "";
  width: 282px;
  height: 1px;
  background: #dfe1e5;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-schematic-heading.is-active .itsm-schematic-heading__logo {
  opacity: 1;
  transition: .5s 1s ease
}

.itsm-schematic-heading__title {
  font-size: 42px;
  line-height: 55px
}

@media(max-width: 991px) {
  .itsm-schematic-heading__title {
    font-size: 36px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .itsm-schematic-heading__title {
    font-size: 24px;
    line-height: 29px
  }
}

.itsm-schematic-heading__title strong {
  font-weight: normal;
  color: #b7d232
}

.itsm-schematic-heading__logo {
  height: 80.8000030518px;
  width: 258.799987793px;
  min-width: 258.799987793px;
  fill: #6a7e96;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0
}

@media(max-width: 1200px) {
  .itsm-schematic-heading__logo {
    position: relative
  }
}

@media(max-width: 767px) {
  .itsm-schematic-heading__logo {
    display: none
  }
}

.itsm-schematic-heading__logo--blue {
  fill: #6a7e97
}

.itsm-schematic__visual {
  position: relative
}

.itsm-schematic-visual {
  display: flex;
  justify-content: center
}

.itsm-schematic-visual__svg {
  height: auto;
  width: 888.1930541992px;
  max-width: 100%
}

@media(max-width: 991px) {
  .itsm-schematic-visual__svg {
    height: calc(56.1049445005vw * 1 + 556px * (1 - 1))
  }
}

.itsm-schematic-visual-svg.is-active .itsm-schematic-visual-svg__focus {
  transform: none;
  opacity: 1;
  transition: .75s ease,opacity .5s ease
}

.itsm-schematic-visual-svg__focus {
  opacity: 0;
  transform: scale(0.5);
  transform-box: fill-box;
  transform-origin: center
}

.itsm-schematic-visual-svg__link {
  cursor: pointer
}

.itsm-schematic-visual-svg__link:hover {
  stroke: #fff
}

@media(max-width: 767px) {
  .itsm-schematic-visual__deco {
    display: none
  }
}

.itsm-schematic-visual__deco--1 {
  height: 98px;
  width: 98.3535766602px;
  border-radius: 5px;
  border: 2px solid #465a69;
  position: absolute;
  bottom: -70px;
  right: 40px
}

.itsm-schematic-visual__deco--2 {
  height: 63.3599967957px;
  width: 60.3749351501px;
  border-radius: 0 0 5px 0;
  border-bottom: 2px solid #e84328;
  border-right: 2px solid #e84328;
  position: absolute;
  bottom: -100px;
  right: 10px
}

.itsm-schematic__list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -27px
}

.itsm-schematic__list>*:not(:last-child) {
  margin-right: 27px;
  margin-bottom: 43px
}

@media(max-width: 991px) {
  .itsm-schematic__list>*:not(:last-child) {
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .itsm-schematic__list>*:not(:last-child) {
    margin-bottom: 24px
  }
}

.itsm-schematic__list.is-active .itsm-schematic-item__num {
  opacity: 1;
  transition: .5s ease
}

.itsm-schematic__list.is-active .itsm-schematic-item__num:before {
  transform: scaleX(0);
  transition: .5s ease
}

.itsm-schematic__list.is-active .itsm-schematic-item__text {
  opacity: 1;
  transition: .5s ease
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(1) .itsm-schematic-item__num {
  transition-delay: .1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(1) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(1) .itsm-schematic-item__text {
  transition-delay: .2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(2) .itsm-schematic-item__num {
  transition-delay: .2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(2) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .3s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(2) .itsm-schematic-item__text {
  transition-delay: .3s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(3) .itsm-schematic-item__num {
  transition-delay: .3s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(3) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .4s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(3) .itsm-schematic-item__text {
  transition-delay: .4s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(4) .itsm-schematic-item__num {
  transition-delay: .4s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(4) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .5s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(4) .itsm-schematic-item__text {
  transition-delay: .5s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(5) .itsm-schematic-item__num {
  transition-delay: .5s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(5) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .6s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(5) .itsm-schematic-item__text {
  transition-delay: .6s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(6) .itsm-schematic-item__num {
  transition-delay: .6s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(6) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .7s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(6) .itsm-schematic-item__text {
  transition-delay: .7s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(7) .itsm-schematic-item__num {
  transition-delay: .7s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(7) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .8s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(7) .itsm-schematic-item__text {
  transition-delay: .8s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(8) .itsm-schematic-item__num {
  transition-delay: .8s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(8) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: .9s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(8) .itsm-schematic-item__text {
  transition-delay: .9s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(9) .itsm-schematic-item__num {
  transition-delay: .9s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(9) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(9) .itsm-schematic-item__text {
  transition-delay: 1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(10) .itsm-schematic-item__num {
  transition-delay: 1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(10) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(10) .itsm-schematic-item__text {
  transition-delay: 1.1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(11) .itsm-schematic-item__num {
  transition-delay: 1.1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(11) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(11) .itsm-schematic-item__text {
  transition-delay: 1.2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(12) .itsm-schematic-item__num {
  transition-delay: 1.2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(12) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.3s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(12) .itsm-schematic-item__text {
  transition-delay: 1.3s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(13) .itsm-schematic-item__num {
  transition-delay: 1.3s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(13) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.4s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(13) .itsm-schematic-item__text {
  transition-delay: 1.4s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(14) .itsm-schematic-item__num {
  transition-delay: 1.4s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(14) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.5s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(14) .itsm-schematic-item__text {
  transition-delay: 1.5s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(15) .itsm-schematic-item__num {
  transition-delay: 1.5s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(15) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.6s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(15) .itsm-schematic-item__text {
  transition-delay: 1.6s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(16) .itsm-schematic-item__num {
  transition-delay: 1.6s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(16) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.7s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(16) .itsm-schematic-item__text {
  transition-delay: 1.7s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(17) .itsm-schematic-item__num {
  transition-delay: 1.7s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(17) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.8s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(17) .itsm-schematic-item__text {
  transition-delay: 1.8s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(18) .itsm-schematic-item__num {
  transition-delay: 1.8s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(18) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 1.9s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(18) .itsm-schematic-item__text {
  transition-delay: 1.9s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(19) .itsm-schematic-item__num {
  transition-delay: 1.9s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(19) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(19) .itsm-schematic-item__text {
  transition-delay: 2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(20) .itsm-schematic-item__num {
  transition-delay: 2s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(20) .itsm-schematic-item__num:before {
  transform: none;
  transition-delay: 2.1s
}

.itsm-schematic__list.is-active .itsm-schematic-item:nth-child(20) .itsm-schematic-item__text {
  transition-delay: 2.1s
}

.itsm-schematic__item {
  flex: 0 0 calc(25% - 27px)
}

@media(max-width: 991px) {
  .itsm-schematic__item {
    flex: 0 0 calc(33.33% - 27px)
  }
}

@media(max-width: 767px) {
  .itsm-schematic__item {
    flex: 0 0 calc(50% - 27px)
  }
}

@media(max-width: 539px) {
  .itsm-schematic__item {
    flex: 0 0 calc(100% - 27px)
  }
}

.itsm-schematic-item {
  position: relative
}

@media(max-width: 539px) {
  .itsm-schematic-item {
    padding-left: 48px;
    box-sizing: border-box;
    padding-top: 12px;
    border-top: 1px solid #8d99a2
  }
}

.itsm-schematic-item__num {
  font-weight: 300;
  font-size: 18px;
  line-height: 33px;
  color: #b7d232;
  padding-bottom: 5px;
  margin-bottom: 38px;
  opacity: 0;
  position: relative
}

@media(max-width: 539px) {
  .itsm-schematic-item__num {
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    position: absolute;
    top: 12px;
    left: 0;
    padding: 0
  }
}

.itsm-schematic-item__num:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left
}

@media(max-width: 539px) {
  .itsm-schematic-item__num:before {
    display: none
  }
}

.itsm-schematic-item__text {
  font-size: 20px;
  line-height: 24px;
  opacity: 0
}

@media(max-width: 991px) {
  .itsm-schematic-item__text {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .itsm-schematic-item__text {
    font-size: 16px;
    line-height: 24px
  }
}

.itsm-facility__container {
  position: relative
}

.itsm-facility__deco {
  height: 184px;
  width: 170px;
  opacity: .6;
  stroke: #5a5a5a;
  stroke-width: 2px;
  fill: transparent;
  opacity: 0;
  transform: scaleX(-1) translateX(-100%) !important;
  position: absolute;
  top: 0;
  left: -80px
}

.itsm-facility__deco.is-active {
  opacity: 1;
  transform: scaleX(-1) !important;
  transition: 1s .5s ease !important
}

.itsm-facility__heading {
  margin-bottom: 100px;
  width: calc(75% - 45px / 2);
  margin-left: auto
}

.itsm-facility-heading.is-active .itsm-facility-heading__title {
  transform: none;
  opacity: 1;
  transition: 1s ease
}

.itsm-facility-heading.is-active .itsm-facility-heading__subtitle {
  opacity: 1;
  transition: .5s .5s ease
}

.itsm-facility-heading__title {
  font-weight: 300;
  font-size: 42px;
  line-height: 84px;
  margin-bottom: 18px;
  opacity: 0;
  transform: translateX(-100px)
}

.itsm-facility-heading__title strong {
  color: #b7d232;
  font-weight: 700
}

.itsm-facility-heading__subtitle {
  font-size: 34px;
  line-height: 41px;
  color: #5a5a5a;
  opacity: 0
}

.itsm-facility__content.is-active .itsm-facility__box {
  opacity: 1;
  transition: .5s ease
}

.itsm-facility__content.is-active .itsm-facility-subtitle__unfold {
  opacity: 1;
  transform: none;
  transition: 1s ease
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(1) {
  transition-delay: .25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(1) .itsm-facility-subtitle__unfold {
  transition-delay: .5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(2) {
  transition-delay: .5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(2) .itsm-facility-subtitle__unfold {
  transition-delay: .75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(3) {
  transition-delay: .75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(3) .itsm-facility-subtitle__unfold {
  transition-delay: 1s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(4) {
  transition-delay: 1s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(4) .itsm-facility-subtitle__unfold {
  transition-delay: 1.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(5) {
  transition-delay: 1.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(5) .itsm-facility-subtitle__unfold {
  transition-delay: 1.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(6) {
  transition-delay: 1.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(6) .itsm-facility-subtitle__unfold {
  transition-delay: 1.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(7) {
  transition-delay: 1.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(7) .itsm-facility-subtitle__unfold {
  transition-delay: 2s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(8) {
  transition-delay: 2s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(8) .itsm-facility-subtitle__unfold {
  transition-delay: 2.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(9) {
  transition-delay: 2.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(9) .itsm-facility-subtitle__unfold {
  transition-delay: 2.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(10) {
  transition-delay: 2.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(10) .itsm-facility-subtitle__unfold {
  transition-delay: 2.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(11) {
  transition-delay: 2.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(11) .itsm-facility-subtitle__unfold {
  transition-delay: 3s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(12) {
  transition-delay: 3s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(12) .itsm-facility-subtitle__unfold {
  transition-delay: 3.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(13) {
  transition-delay: 3.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(13) .itsm-facility-subtitle__unfold {
  transition-delay: 3.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(14) {
  transition-delay: 3.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(14) .itsm-facility-subtitle__unfold {
  transition-delay: 3.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(15) {
  transition-delay: 3.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(15) .itsm-facility-subtitle__unfold {
  transition-delay: 4s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(16) {
  transition-delay: 4s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(16) .itsm-facility-subtitle__unfold {
  transition-delay: 4.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(17) {
  transition-delay: 4.25s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(17) .itsm-facility-subtitle__unfold {
  transition-delay: 4.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(18) {
  transition-delay: 4.5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(18) .itsm-facility-subtitle__unfold {
  transition-delay: 4.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(19) {
  transition-delay: 4.75s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(19) .itsm-facility-subtitle__unfold {
  transition-delay: 5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(20) {
  transition-delay: 5s
}

.itsm-facility__content.is-active .itsm-facility__box:nth-child(20) .itsm-facility-subtitle__unfold {
  transition-delay: 5.25s
}

.itsm-facility__box {
  opacity: 0
}

.itsm-facility__box:not(:last-of-type) {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 80px;
  margin-bottom: 76px
}

.itsm-facility__box.is-active .itsm-facility-subtitle-unfold__icon {
  transform: rotate(180deg)
}

.itsm-facility__box.is-active .itsm-facility-subtitle-unfold__text span:nth-child(1) {
  display: none
}

.itsm-facility__box.is-active .itsm-facility-subtitle-unfold__text span:nth-child(2) {
  display: inline-block
}

.itsm-facility__subtitle {
  margin-bottom: 70px
}

.itsm-facility-subtitle {
  display: flex
}

.itsm-facility-subtitle__num,.itsm-facility-subtitle__name {
  font-size: 34px;
  line-height: 25px;
  font-weight: 700
}

.itsm-facility-subtitle__num {
  color: #b7d232;
  margin-right: .25em
}

.itsm-facility-subtitle__unfold {
  margin-top: auto;
  margin-left: auto;
  opacity: 0;
  transform: translateX(50px)
}

.itsm-facility-subtitle-unfold {
  display: flex;
  align-items: center
}

.itsm-facility-subtitle-unfold>*:not(:last-child) {
  margin-right: 20px
}

.itsm-facility-subtitle-unfold:hover .itsm-facility-subtitle-unfold__text {
  text-decoration: none
}

.itsm-facility-subtitle-unfold__text {
  font-size: 20px;
  line-height: 20px;
  color: #465a69;
  text-decoration: underline;
  cursor: pointer
}

.itsm-facility-subtitle-unfold__text span:nth-child(2) {
  display: none
}

.itsm-facility-subtitle-unfold__icon {
  width: 20px;
  height: 20px;
  fill: transparent;
  transition: .5s ease
}

.itsm-facility__list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -45px
}

.itsm-facility__list>*:not(:last-child) {
  margin-right: 45px
}

.itsm-facility__list>* {
  margin-bottom: 45px
}

.itsm-facility__item {
  flex: 0 0 calc(25% - 45px)
}

.itsm-facility-item {
  display: flex;
  flex-direction: column;
  padding: 19px;
  box-sizing: border-box;
  border: 1px solid #fff;
  cursor: pointer
}

.itsm-facility-item:hover {
  border-color: #8d99a2;
  border-radius: 5px
}

.itsm-facility-item:hover .itsm-facility-item-more__text {
  opacity: 1
}

.itsm-facility-item:hover .itsm-facility-item-more__icon {
  opacity: 1
}

.itsm-facility-item:hover .itsm-facility-item__icon {
  opacity: 1
}

.itsm-facility-item__icon {
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 19px;
  opacity: 0
}

.itsm-facility-item__icon--1 {
  width: 48px;
  height: 47px
}

.itsm-facility-item__icon--2 {
  width: 46px;
  height: 46px
}

.itsm-facility-item__icon--3 {
  height: 50px;
  width: 50.1923065186px
}

.itsm-facility-item__icon--4 {
  width: 50px;
  height: 50px
}

.itsm-facility-item__name {
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 27px
}

.itsm-facility-item__more {
  margin-top: auto
}

.itsm-facility-item-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 22px;
  border-top: 1px solid #8d99a2
}

.itsm-facility-item-more__text {
  font-size: 22px;
  line-height: 25px;
  color: #5a5a5a;
  opacity: .4
}

.itsm-facility-item-more__icon {
  height: 21.25px;
  width: 21.25px;
  opacity: 0
}

@media(max-width: 767px) {
  .itsm-schematic {
    margin-bottom: 0
  }
}

@media(max-width: 767px) {
  .itsm-facility {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .itsm-facility-heading {
    margin-bottom: 50px
  }
}

@media(max-width: 539px) {
  .itsm-facility-heading {
    width: unset
  }
}

@media(max-width: 767px) {
  .itsm-facility-heading__title {
    font-size: 32px;
    line-height: 54px
  }
}

@media(max-width: 539px) {
  .itsm-facility-heading__title {
    font-size: 24px;
    line-height: 38px
  }
}

@media(max-width: 1200px) {
  .itsm-facility-heading__subtitle {
    font-size: 28px;
    line-height: 34px
  }
}

@media(max-width: 991px) {
  .itsm-facility-heading__subtitle {
    font-size: 24px;
    line-height: 28px
  }
}

@media(max-width: 767px) {
  .itsm-facility-heading__subtitle {
    font-size: 18px;
    line-height: 21px
  }
}

@media(max-width: 991px) {
  .itsm-facility__deco {
    width: 155px;
    height: 173px;
    left: -60px
  }
}

@media(max-width: 767px) {
  .itsm-facility__deco {
    width: 100px;
    height: 173px;
    left: -30px
  }
}

@media(max-width: 991px) {
  .itsm-facility-subtitle {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .itsm-facility-subtitle {
    margin-bottom: 30px
  }
}

@media(max-width: 320px) {
  .itsm-facility-subtitle {
    flex-wrap: wrap
  }
}

@media(max-width: 1200px) {
  .itsm-facility-subtitle__num,.itsm-facility-subtitle__name {
    font-size: 28px
  }
}

@media(max-width: 991px) {
  .itsm-facility-subtitle__num,.itsm-facility-subtitle__name {
    font-size: 24px
  }
}

@media(max-width: 767px) {
  .itsm-facility-subtitle__num,.itsm-facility-subtitle__name {
    font-size: 18px
  }
}

@media(max-width: 320px) {
  .itsm-facility-subtitle-unfold {
    flex-basis: 100%;
    justify-content: flex-end;
    margin-top: 10px
  }
}

@media(max-width: 1200px) {
  .itsm-facility-subtitle-unfold__text {
    font-size: 18px;
    line-height: 25px
  }
}

@media(max-width: 991px) {
  .itsm-facility-subtitle-unfold__text {
    font-size: 16px
  }
}

@media(max-width: 767px) {
  .itsm-facility-subtitle-unfold__text {
    font-size: 14px
  }
}

@media(max-width: 991px) {
  .itsm-facility-subtitle-unfold__icon {
    width: 16px;
    height: 16px
  }
}

@media(max-width: 991px) {
  .itsm-facility__list>*:not(:last-child) {
    margin-right: 20px
  }

  .itsm-facility__list>* {
    margin-bottom: 20px
  }
}

@media(max-width: 767px) {
  .itsm-facility__list>*:not(:last-child) {
    margin-right: 15px
  }

  .itsm-facility__list>* {
    margin-bottom: 15px
  }
}

@media(max-width: 539px) {
  .itsm-facility__list>*:not(:last-child) {
    margin-right: 5px
  }

  .itsm-facility__list>* {
    margin-bottom: 5px
  }
}

@media(max-width: 991px) {
  .itsm-facility__box:not(:last-of-type) {
    margin-bottom: 50px;
    padding-bottom: 50px
  }
}

@media(max-width: 767px) {
  .itsm-facility__box:not(:last-of-type) {
    margin-bottom: 30px;
    padding-bottom: 30px
  }
}

@media(max-width: 991px) {
  .itsm-facility-item {
    border-color: #8d99a2;
    border-radius: 5px
  }

  .itsm-facility-item__icon,.itsm-facility-item-more__text,.itsm-facility-item-more__icon {
    opacity: 1
  }
}

@media(max-width: 539px) {
  .itsm-facility-item {
    flex: none;
    width: 43vw;
    padding: 10px
  }
}

@media(max-width: 991px) {
  .itsm-facility-item__name {
    margin-bottom: 15px
  }
}

@media(max-width: 991px) {
  .itsm-facility-item__name,.itsm-facility-item-more__text {
    font-size: 18px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .itsm-facility-item__name,.itsm-facility-item-more__text {
    font-size: 16px;
    line-height: 18px
  }
}

@media(max-width: 539px) {
  .itsm-facility-item__name,.itsm-facility-item-more__text {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width: 991px) {
  .itsm-facility-item-more__icon {
    width: 18px;
    height: 18px
  }
}

@media(max-width: 767px) {
  .itsm-facility-item-more__icon {
    width: 15px;
    height: 15px
  }
}

@media(max-width: 539px) {
  .itsm-facility-item-more__icon {
    width: 10px;
    height: 10px
  }
}

.itsm-tabs {
  opacity: 0
}

@media(max-width: 767px) {
  .itsm-tabs {
    background: #f5f5f5;
    padding: 66px 0
  }
}

.itsm-tabs.is-active {
  opacity: 1;
  transition: 1s .25s ease !important
}

.itsm-tabs__title {
  font-size: 42px;
  line-height: 120%;
  padding-bottom: 40px;
  margin-bottom: 70px;
  position: relative;
  font-weight: 700
}

@media(max-width: 991px) {
  .itsm-tabs__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .itsm-tabs__title {
    font-size: 24px;
    line-height: 29px
  }
}

.itsm-tabs__title:before {
  content: "";
  width: 282.06px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-tabs__title strong {
  color: #b7d232;
  font-weight: 700
}

.itsm-tabs__heading {
  margin-bottom: 90px
}

@media(max-width: 991px) {
  .itsm-tabs__heading {
    margin-bottom: 60px
  }
}

.itsm-tabs-heading {
  display: flex
}

@media(max-width: 767px) {
  .itsm-tabs-heading {
    display: none
  }
}

.itsm-tabs-heading__title {
  flex: 0 0 25%;
  display: flex;
  justify-content: center;
  font-size: 34px;
  line-height: 41px;
  color: #5a5a5a;
  padding-bottom: 17px;
  cursor: pointer;
  font-weight: 700
}

@media(max-width: 1200px) {
  .itsm-tabs-heading__title {
    font-size: 21px;
    line-height: 25px
  }
}

.itsm-tabs-heading__title.is-active {
  color: #212121;
  border-bottom: 5px solid #e84954;
  pointer-events: none
}

@media(max-width: 767px) {
  .itsm-tabs__tab {
    display: block !important
  }
}

.itsm-tabs-tab--1 .itsm-tabs__row {
  align-items: center
}
@media (max-width: 768px) {
  .itsm-tabs-tab--1 .itsm-tabs__row {
    align-items: normal;
  }
}

.itsm-tabs-tab.is-active .itsm-tabs-tab__heading {
  color: #212121
}

.itsm-tabs-tab.is-active .itsm-tabs-tab__heading:before {
  height: 4px;
  background: #e84954
}

.itsm-tabs-tab.is-active .itsm-tabs-tab__angle {
  transform: none;
  transition: .5s ease;
  stroke: #212121
}

.itsm-tabs-tab__heading {
  justify-content: space-between;
  display: none;
  align-items: center;
  font-size: 21px;
  line-height: 25px;
  color: #5a5a5a;
  height: 72px;
  position: relative
}

@media(max-width: 767px) {
  .itsm-tabs-tab__heading {
    display: flex
  }
}

.itsm-tabs-tab__heading:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #8d99a2;
  position: absolute;
  bottom: 0;
  left: 0
}

.itsm-tabs-tab__angle {
  width: 12px;
  height: 9px;
  fill: transparent;
  stroke: #8d99a2;
  stroke-width: 2px;
  transform: rotate(180deg);
  transition: .25s ease
}

@media(min-width: 768px) {
  .itsm-tabs-tab__content {
    display: block !important
  }
}

.itsm-tabs__row {
  display: flex
}

.itsm-tabs__row>*:not(:last-child) {
  margin-right: 144px
}

.itsm-tabs__row:not(:last-of-type) {
  margin-bottom: 90px
}

.itsm-tabs__col--1 {
  flex: 1 1 auto
}

.itsm-tabs__col--1 svg {
  display: block;
  margin: 0 auto;
  width: 475px;
  height: 567px
}
@media (max-width: 768px) {
  .itsm-tabs__col--1 svg {
  width: 240px;
  height: 283px;
}
}

.itsm-tabs__col--2 {
  flex: 0 0 auto;
}

.itsm-tabs__text {
  font-size: 22px;
  line-height: 25px
}

.itsm-tabs__text b,.itsm-tabs__text strong {
  color: #b7d232;
  white-space: nowrap
}

.itsm-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px
}

@media(max-width: 767px) {
  .itsm-tabs__list {
    padding: 28px 0
  }
  .aibox_banner .itsm-tabs__list {
    padding: 0
  }
}

@media(max-width: 539px) {
  .itsm-tabs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 24px
  }
}

@media(max-width: 767px) {
  .itsm-tabs__list--col {
    flex-direction: column
  }
}

.itsm-tabs-item {
  flex: 0 0 calc(50% - 26px);
  overflow: hidden
}

.itsm-tabs-item--short {
  flex: 0 0 calc(25% - 26px)
}
.itsm-tabs-item--semi {
  flex: 0 0 calc(33% - 26px)
}
@media(max-width: 767px) {
  .itsm-tabs-item--short,
  .itsm-tabs-item--semi {
    flex: 0 0 calc(50% - 26px)
  }
}

@media(max-width: 539px) {
  .itsm-tabs-item--short {

    flex: 0 0 calc(100% - 26px);
  }
  .itsm-tabs-item--short:not(.itsm-tabs-item--semi) {
    display: flex;
    align-items: center
  }

  .itsm-tabs-item--short>*:not(:last-child),
  .itsm-tabs-item--semi>*:not(:last-child) {
    margin-right: 20px
  }
}

.itsm-tabs-item--logo-list {
  display: flex;
  flex-wrap: wrap
}

.itsm__tabs .itsm-tabs-tab--2 .itsm-tabs__row {
  flex-direction: column
}

.itsm__tabs .itsm-tabs-tab--2 .itsm-tabs__list {
  flex-wrap: unset;
  margin-right: -16px
}

.itsm__tabs .itsm-tabs-tab--2 .itsm-tabs__list>*:not(:last-child) {
  margin-right: 16px;
  margin-bottom: 16px
}

@media(max-width: 767px) {
  .itsm__tabs .itsm-tabs-tab--2 .itsm-tabs__list {
    flex-wrap: wrap
  }
}

.itsm__tabs .itsm-tabs-tab--2 .itsm-tabs__item {
  flex: 0 0 calc(24%)
}

@media(max-width: 767px) {
  .itsm__tabs .itsm-tabs-tab--2 .itsm-tabs__item {
    flex: 0 0 calc(50% - 26px)
  }
}

.itsm-tabs-item__icon {
  height: calc(3.4375vw / 2 + 66px / 2);
  margin-bottom: 28px
}

@media(max-width: 991px) {
  .itsm-tabs-item__icon {
    margin-bottom: 14px
  }
}

@media(max-width: 539px) {
  .itsm-tabs-item__icon {
    margin-bottom: 0
  }
}

.itsm-tabs-item__icon--green {
  fill: #c4da5a
}

.itsm-tabs-item__icon--blue {
  fill: #3395cd
}

.itsm-tabs-item__icon--gray {
  fill: #8d99a2
}

.itsm-tabs-item__icon--red {
  fill: #e84954
}

.itsm-tabs-item__icon--1 {
  width: calc(3.4375vw / 2 + 66px / 2);
  min-width: calc(3.4375vw / 2 + 66px / 2)
}

.itsm-tabs-item__icon--2 {
  width: calc(3.4375vw / 2 + 66px / 2);
  min-width: calc(3.4375vw / 2 + 66px / 2)
}

.itsm-tabs-item__icon--3 {
  width: calc(3.2291666667vw / 2 + 62px / 2);
  min-width: calc(3.2291666667vw / 2 + 62px / 2)
}

.itsm-tabs-item__icon--4 {
  width: calc(2.8645833333vw / 2 + 55px / 2);
  min-width: calc(2.8645833333vw / 2 + 55px / 2)
}

.itsm-tabs-item__icon--5 {
  width: calc(3.4413905938vw / 2 + 66.0746994019px / 2);
  min-width: calc(3.4413905938vw / 2 + 66.0746994019px / 2)
}

.itsm-tabs-item__icon--6 {
  width: calc(3.3262753487vw / 2 + 63.8644866943px / 2);
  min-width: calc(3.3262753487vw / 2 + 63.8644866943px / 2)
}

.itsm-tabs-item__icon--7 {
  width: calc(3.28125vw / 2 + 63px / 2);
  min-width: calc(3.28125vw / 2 + 63px / 2)
}

.itsm-tabs-item__icon--8 {
  width: calc(3.421875vw / 2 + 65.7px / 2);
  min-width: calc(3.421875vw / 2 + 65.7px / 2)
}

.itsm-tabs-item__icon--9 {
  width: calc(3.2395833731vw / 2 + 62.2000007629px / 2);
  min-width: calc(3.2395833731vw / 2 + 62.2000007629px / 2)
}

.itsm-tabs-item__icon--10 {
  width: calc(3.0331349373vw / 2 + 58.2361907959px / 2);
  min-width: calc(3.0331349373vw / 2 + 58.2361907959px / 2)
}

.itsm-tabs-item__icon--12 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--11 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--13 {
  width: calc(3.4173977375vw / 2 + 65.6140365601px / 2);
  min-width: calc(3.4173977375vw / 2 + 65.6140365601px / 2)
}

.itsm-tabs-item__icon--14 {
  width: calc(3.4270834923vw / 2 + 65.8000030518px / 2);
  min-width: calc(3.4270834923vw / 2 + 65.8000030518px / 2)
}

.itsm-tabs-item__icon--15 {
  width: calc(3.4166669846vw / 2 + 65.6000061035px / 2);
  min-width: calc(3.4166669846vw / 2 + 65.6000061035px / 2)
}

.itsm-tabs-item__icon--16 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--17 {
  width: calc(4.0152565638vw / 2 + 77.0929260254px / 2);
  min-width: calc(4.0152565638vw / 2 + 77.0929260254px / 2)
}

.itsm-tabs-item__icon--18 {
  width: calc(2.9322916269vw / 2 + 56.2999992371px / 2);
  min-width: calc(2.9322916269vw / 2 + 56.2999992371px / 2)
}

.itsm-tabs-item__icon--19 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--20 {
  width: calc(3.4166669846vw / 2 + 65.6000061035px / 2);
  min-width: calc(3.4166669846vw / 2 + 65.6000061035px / 2)
}

.itsm-tabs-item__icon--21 {
  width: calc(2.8802083333vw / 2 + 55.3px / 2);
  min-width: calc(2.8802083333vw / 2 + 55.3px / 2)
}

.itsm-tabs-item__icon--22 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--23 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--24 {
  width: calc(3.40625vw / 2 + 65.4px / 2);
  min-width: calc(3.40625vw / 2 + 65.4px / 2)
}

.itsm-tabs-item__icon--25 {
  width: calc(2.828125vw / 2 + 54.3px / 2);
  min-width: calc(2.828125vw / 2 + 54.3px / 2)
}

.itsm-tabs-item__icon--26 {
  width: calc(3.40625vw / 2 + 65.4px / 2);
  min-width: calc(3.40625vw / 2 + 65.4px / 2)
}

.itsm-tabs-item__icon--27 {
  width: calc(3.4015625vw / 2 + 65.31px / 2);
  min-width: calc(3.4015625vw / 2 + 65.31px / 2)
}

.itsm-tabs-item__icon--28 {
  width: calc(3.4166666667vw / 2 + 65.6px / 2);
  min-width: calc(3.4166666667vw / 2 + 65.6px / 2)
}

.itsm-tabs-item__icon--29 {
  width: calc(3.4166666667vw / 2 + 65.6px / 2);
  min-width: calc(3.4166666667vw / 2 + 65.6px / 2)
}

.itsm-tabs-item__icon--30 {
  width: calc(2.828125vw / 2 + 54.3px / 2);
  min-width: calc(2.828125vw / 2 + 54.3px / 2)
}

.itsm-tabs-item__icon--31 {
  width: calc(3.0416666667vw / 2 + 58.4px / 2);
  min-width: calc(3.0416666667vw / 2 + 58.4px / 2)
}

.itsm-tabs-item__icon--32 {
  width: calc(3.3854166667vw / 2 + 65px / 2);
  min-width: calc(3.3854166667vw / 2 + 65px / 2)
}

.itsm-tabs-item__icon--33 {
  width: calc(3.4010416667vw / 2 + 65.3px / 2);
  min-width: calc(3.4010416667vw / 2 + 65.3px / 2)
}

.itsm-tabs-item__icon--34 {
  width: calc(3.4125vw / 2 + 65.52px / 2);
  min-width: calc(3.4125vw / 2 + 65.52px / 2)
}

.itsm-tabs-item__icon--35 {
  width: calc(3.2395833333vw / 2 + 62.2px / 2);
  min-width: calc(3.2395833333vw / 2 + 62.2px / 2)
}

.itsm-tabs-item__icon--36 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__icon--37 {
  width: calc(3.4114583333vw / 2 + 65.5px / 2);
  min-width: calc(3.4114583333vw / 2 + 65.5px / 2)
}

.itsm-tabs-item__name {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: .5em;
  padding-top: 30px;
  border-top: 1px solid #5a5a5a
}

@media(max-width: 1200px) {
  .itsm-tabs-item__name {
    font-size: 20px;
    line-height: 160%
  }
}

@media(max-width: 991px) {
  .itsm-tabs-item__name {
    font-size: 16px;
    line-height: 160%;
    padding-top: 14px
  }
}

@media(max-width: 767px) {
  .itsm-tabs:not(.feature-tabs) .itsm-tabs-item__name{
    color: #5a5a5a;
  }
  .itsm-tabs-item__name {
    font-size: 14px;
    line-height: 17px;
    margin-top: .5em
  }
}

@media(max-width: 539px) {
  .itsm-tabs:not(.feature-tabs) .itsm-tabs-item__name {
    padding-top: 0;
    border: none
  }
}

.itsm-tabs-item__name--border-bottom {
  border-top: none;
  border-bottom: 1px solid #5a5a5a;
  padding-top: 0;
  padding-bottom: 28px;
  height: 2em
}

@media(max-width: 767px) {
  .itsm-tabs-item__name--border-bottom {
    padding-bottom: 15px
  }
}

.itsm-tabs-item__logo {
  display: block;
  margin: 30px
}

.itsm-tabs-item__logo--cpi {
  height: 65px;
  width: 131px
}

.itsm-tabs-item__logo--itsm {
  height: 59px;
  width: 162px
}

.itsm-tabs-item__logo--asset {
  height: 72px;
  width: 188px
}

.itsm-tabs-item__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.itsm-tabs-item__desc {
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  padding-top: 30px
}

@media(max-width: 1200px) {
  .itsm-tabs-item__desc {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .itsm-tabs-item__desc {
    font-size: 14px;
    line-height: 18px
  }
}

.itsm-tabs-item__desc ul li {
  position: relative;
  padding-left: 1em
}

.itsm-tabs-item__desc ul li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0
}

.itsm-tabs-item__desc ul li:not(:last-child) {
  margin-bottom: 1em
}

.itsm-tabs-item__text {
  font-size: 20px;
  line-height: 24px;
  color: #5a5a5a
}

.itsm-tabs-item__text p:not(:last-of-type) {
  margin-bottom: 1em
}

.itsm-tabs__schematic {
  width: 366px;
  height: 476px;
  padding-top: 80px
}

@media(max-width: 767px) {
  .itsm__download {
    margin-bottom: 0
  }
}

@media(max-width: 1200px) {
  .itsm__tabs.itsm-tabs {
    margin-bottom: 100px
  }
}

@media(max-width: 991px) {
  .itsm__tabs.itsm-tabs {
    margin-bottom: 60px
  }
}

@media(max-width: 767px) {
  .itsm__tabs.itsm-tabs {
    margin-bottom: 0
  }
}

@media(max-width: 1200px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__row>*:not(:last-child) {
    margin-right: 100px
  }
}

@media(max-width: 991px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__row {
    flex-direction: column
  }

  .itsm__tabs.itsm-tabs .itsm-tabs__row>*:not(:last-child) {
    margin-bottom: 30px;
    margin-right: 0
  }
}

@media(max-width: 767px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__row:not(:last-of-type) {
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .itsm__tabs.itsm-tabs .itsm-tabs-tab__content {
    margin-top: 50px
  }
}
@media(max-width: 1200px) {
  .itsm__tabs.itsm-tabs .itsm-tabs-item__name,.itsm__tabs.itsm-tabs .itsm-tabs-item__text {
    font-size: 18px
  }
}

@media(max-width: 991px) {
  .itsm__tabs.itsm-tabs .itsm-tabs-item__name,.itsm__tabs.itsm-tabs .itsm-tabs-item__text {
    font-size: 16px
  }
}

@media(max-width: 767px) {
  .itsm__tabs.itsm-tabs .itsm-tabs-item__name,.itsm__tabs.itsm-tabs .itsm-tabs-item__text {
    font-size: 14px
  }
}

@media(max-width: 767px) {
  .itsm__tabs.itsm-tabs .itsm-tabs-item__name {
    font-weight: 700
  }
}

@media(max-width: 991px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__schematic {
    width: 266px;
    height: 346px;
    padding-top: 0
  }
}

@media(max-width: 539px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__list {
    flex-direction: column
  }
}

@media(max-width: 1200px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__text {
    font-size: 20px
  }
}

@media(max-width: 991px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__text {
    font-size: 18px
  }
}

@media(max-width: 767px) {
  .itsm__tabs.itsm-tabs .itsm-tabs__text {
    font-size: 16px
  }
}

@media(max-width: 767px) {
  .asset__banner {
    margin-bottom: 66px
  }
}

.asset__nav-bar {
  margin-bottom: 100px
}

.asset__how {
  margin-bottom: 130px
}

@media(max-width: 991px) {
  .asset__how {
    margin-bottom: 90px
  }
}

@media(max-width: 539px) {
  .asset__how {
    margin-bottom: 43px
  }
}

.asset__scripts {
  margin-bottom: 100px;
  background: #fbfbfb;
}

@media(max-width: 991px) {
  .asset__scripts {
    margin-bottom: 30px
  }
}

.asset__solve {
  margin-bottom: 122px
}

@media(max-width: 767px) {
  .asset__solve {
    margin-bottom: 0
  }
}

.asset__download {
  margin-bottom: 95px
}

@media(max-width: 991px) {
  .asset__download {
    margin-bottom: 66px
  }
}

.asset__tasks {
  margin-bottom: 125px
}

@media(max-width: 991px) {
  .asset__tasks {
    margin-bottom: 0
  }
}

.asset__schematic {
  margin-bottom: 93px
}

@media(max-width: 991px) and (min-width: 767px){
  .asset__schematic {
    margin-bottom: 66px
  }
}
@media(max-width: 767px){
  .asset__schematic {
    margin-bottom: 0
  }
}

.asset__provide {
  margin-bottom: 220px
}

@media(max-width: 991px) {
  .asset__provide {
    margin-bottom: 66px
  }
}

.asset__tabs {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .asset__tabs {
    margin-bottom: 66px
  }
}

.asset__demo {
  margin-bottom: 96px
}

.asset-banner__logo {
  height: 163px;
  width: 1151px
}

.asset-nav-bar__logo {
  display: block;
  height: 36px;
  width: 93px
}

.asset-nav-bar__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.asset-how__title {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
  color: #212121
}

@media(max-width: 991px) {
  .asset-how__title {
    font-size: 40px
  }
}

@media(max-width: 767px) {
  .asset-how__title {
    padding-bottom: 16px;
    margin-bottom: 48px;
    border-bottom: 1px solid #8d99a2
  }
}

@media(max-width: 539px) {
  .asset-how__title {
    font-size: 24px;
    line-height: 29px
  }
}

@media(max-width: 1500px) {
  .asset-scripts .itsm-scripts__row {
    margin-left: 0
  }
}

@media(max-width: 991px) {
  .asset-scripts .itsm-scripts__col--1 {
    display: block
  }
}

@media(max-width: 767px) {
  .asset-scripts .itsm-scripts__title {
    margin-bottom: 0
  }
}

.asset-scripts__deco {
  width: 349.25px;
  height: 393.76px;
  opacity: .3;
  position: absolute;
  top: 450px;
  left: -30px
}

@media(max-width: 991px) {
  .asset-scripts__deco {
    display: none
  }
}

.asset-scripts__deco--large {
  width: 700px;
  height: 800px;
  pointer-events: none;
  top: 300px;
  left: -100px
}

.asset-schematic__deco {
  stroke-dashoffset: 3000;
  stroke-dasharray: 3000;
  height: 336.1196247778px;
  width: 404.546656408px;
  fill: transparent;
  stroke: #465a69;
  position: absolute;
  bottom: 0;
  left: -280px
}

@media(max-width: 1200px) {
  .asset-schematic__deco {
    display: none
  }
}

.asset-schematic__deco.is-active {
  animation: drawSvg 6s .5s forwards
}

.asset-demo__deco {
  height: calc(23.2812500048vw / 2 + 447.0000000931px / 2);
  width: calc(28.0208333392vw / 2 + 538.0000001121px / 2);
  fill: transparent;
  stroke: #b7d232;
  position: absolute;
  top: -100px;
  right: -150px;
  transform: rotate(30deg)
}

@media(max-width: 991px) {
  .asset-demo__deco {
    top: 0px;
    right: -150px
  }
}

@media(max-width: 767px) {
  .asset-demo__deco {
    display: none
  }
}

.asset__solve .itsm-solve__text {
  margin-top: 30px
}

@media(max-width: 991px) {
  .asset__solve .itsm-solve__text {
    width: unset
  }
}

.partners__generic-intro {
  margin-bottom: 160px
}

@media(max-width: 991px) {
  .partners__generic-intro {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .partners__generic-intro {
    margin-bottom: 66px
  }
}

.partners__info {
  margin-bottom: 150px
}

@media(max-width: 991px) {
  .partners__info {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .partners__info {
    margin-bottom: 66px
  }
}

.partners-info__row {
  display: flex
}

.partners-info__row>*:not(:last-child) {
  margin-right: calc(3.3333333333vw * 1 + 64px * (1 - 1))
}

@media(max-width: 767px) {
  .partners-info__row {
    flex-direction: column
  }

  .partners-info__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: calc(3.3333333333vw * 1 + 64px * (1 - 1))
  }
}

.partners-info__col--1 {
  flex: 1 0 50%
}

.partners-info__col--2 {
  flex: 1 1 auto;
  padding-top: calc(3.3333333333vw * 1 + 64px * (1 - 1))
}

.partners-info__title {
  max-width: 853px;
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 50px;
  margin-bottom: 60px;
  position: relative
}

@media(max-width: 991px) {
  .partners-info__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .partners-info__title {
    font-size: 24px;
    line-height: 29px
  }
}

.partners-info__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #6a7a86;
  position: absolute;
  bottom: 0;
  left: 0
}

.partners-info__title strong {
  font-weight: normal;
  color: #b7d232
}

.partners-info__text {
  font-size: 22px;
  line-height: 30px
}

@media(max-width: 991px) {
  .partners-info__text {
    font-size: 18px
  }
}

@media(max-width: 767px) {
  .partners-info__text {
    font-size: 16px
  }
}

.partners-info__text p:not(:last-child) {
  margin-bottom: 1em
}

.partners-info__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto
}

.partners-info__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.team__generic-intro {
  margin-bottom: 160px
}

@media(max-width: 991px) {
  .team__generic-intro {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .team__generic-intro {
    margin-bottom: 66px
  }
}

.team__contacts {
  margin-bottom: 160px
}

@media(max-width: 991px) {
  .team__contacts {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .team__contacts {
    margin-bottom: 66px
  }
}

.team__managers {
  margin-bottom: 80px
}

@media(max-width: 767px) {
  .team__managers {
    margin-bottom: 66px
  }
}

.contacts__title {
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  padding-bottom: 50px;
  margin-bottom: 68px;
  position: relative
}

@media(max-width: 991px) {
  .contacts__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .contacts__title {
    font-size: 24px;
    line-height: 29px
  }
}

.contacts__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

@media(max-width: 539px) {
  .contacts__title:before {
    display: none;
  }
}

.contacts__title strong {
  font-weight: normal;
  color: #b7d232
}

.contacts__text {
  font-size: 22px;
  line-height: 26px;
  max-width: 500px
}

@media(max-width: 991px) {
  .contacts__text {
    font-size: 18px;
    line-height: 160%
  }
}

@media(max-width: 767px) {
  .contacts__text {
    font-size: 16px
  }
}

.contacts__text p:not(:last-child) {
  margin-bottom: 1em
}

.contacts__text a {
  text-decoration: underline
}

.contacts__text a:hover {
  text-decoration: none
}

.managers__title {
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  padding-bottom: 50px;
  margin-bottom: 68px;
  position: relative
}

@media(max-width: 991px) {
  .managers__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .managers__title {
    font-size: 24px;
    line-height: 29px
  }
}

.managers__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

@media(max-width: 539px) {
  .managers__title:before {
    display: none
  }
}

.managers__title strong {
  font-weight: inherit;
  color: #b7d232
}

.managers-item__photo {
  margin-bottom: 24px;
  width: 100%;
  height: 338px;
  overflow: hidden
}

.managers-item__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top
}

.managers-item__name {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 16px
}

.managers-item__status {
  font-size: 20px;
  line-height: 24px;
  color: #5a5a5a
}

.about__generic-intro {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .about__generic-intro {
    margin-bottom: 66px
  }
}

.about__history {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .about__history {
    margin-bottom: 66px
  }
}

.about__mission {
  margin-bottom: 150px
}

@media(max-width: 991px) {
  .about__mission {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .about__mission {
    margin-bottom: 66px
  }
}

.about__directions {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .about__directions {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .about__directions {
    margin-bottom: 66px
  }
}

.about__download {
  margin-bottom: 120px
}

.about__download .cpi-download__row {
  align-items: center
}

.about__download .cpi-download__button:hover {
  box-shadow: none
}

@media(max-width: 991px) {
  .about__download {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .about__download {
    margin-bottom: 66px
  }
}

.about__experts {
  margin-bottom: 112px
}

@media(max-width: 991px) {
  .about__experts {
    margin-bottom: 80px
  }
}

@media(max-width: 767px) {
  .about__experts {
    margin-bottom: 66px
  }
}

.about__management {
  margin-bottom: 136px
}

@media(max-width: 991px) {
  .about__management {
    margin-bottom: 90px
  }
}

@media(max-width: 767px) {
  .about__management {
    margin-bottom: 66px
  }
}

.about__training {
  margin-bottom: 120px
}

@media(max-width: 991px) {
  .about__training {
    margin-bottom: 90px
  }
}

@media(max-width: 767px) {
  .about__training {
    margin-bottom: 66px
  }
}

.about__scripts {
  margin-bottom: 85px
}

@media(max-width: 767px) {
  .about__scripts {
    margin-bottom: 66px
  }
}

.about__demo {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .about__demo {
    margin-bottom: 66px
  }
}

.about-history__row {
  display: flex;
  justify-content: space-between
}

.about-history__row>*:not(:last-child) {
  margin-right: 60px
}

@media(max-width: 767px) {
  .about-history__row {
    flex-direction: column
  }

  .about-history__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
  }
}

.about-history__row--1 {
  margin-bottom: 90px
}

@media(max-width: 767px) {
  .about-history__row--1 {
    margin-bottom: 40px
  }
}

.about-history__row--2 {
  margin-bottom: 60px
}

@media(max-width: 767px) {
  .about-history__row--2 {
    margin-bottom: 32px
  }
}

.about-history__col--2 {
  flex: 0 0 calc(23.4375vw / 2 + 450px / 2)
}

@media(max-width: 767px) {
  .about-history__col--2 {
    flex: 1 1 auto
  }
}

@media(max-width: 539px) {
  .about-history__col--2 {
    width: 100%
  }
}

.about-history__col--4 {
  flex: 0 1 680px
}

@media(max-width: 767px) {
  .about-history__col--4 {
    flex: 1 1 auto
  }
}

.about-history__text {
  font-size: 22px;
  line-height: 30px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .about-history__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-history__text {
    font-size: 16px
  }
}

.about-history__text h3 {
  font-size: 32px;
  line-height: 38px;
  color: #212121;
  margin-bottom: 1em
}

@media(max-width: 991px) {
  .about-history__text h3 {
    font-size: 28px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-history__text h3 {
    font-size: 24px
  }
}

.about-history__text p:not(:last-child) {
  margin-bottom: 1em
}

.about-history__text strong {
  color: #b7d232;
  font-weight: inherit
}

.about-history__slogan {
  max-width: 100%;
  width: 827px;
  height: 87px;
  -o-object-fit: contain;
  object-fit: contain;
  padding-left: calc(3.3333333333vw / 2 + 64px / 2);
  box-sizing: border-box
}

@media(max-width: 539px) {
  .about-history__slogan {
    padding: 0
  }
}

.about-history__image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.about-history__logo {
  padding-top: 8px;
  height: calc(3.4375vw / 2 + 66px / 2);
  width: calc(18.28125vw / 2 + 351px / 2)
}

@media(max-width: 767px) {
  .about-history__logo {
    padding-top: 0
  }
}

.about-mission__heading {
  margin-bottom: 130px
}

@media(max-width: 991px) {
  .about-mission__heading {
    margin-bottom: 100px
  }
}

@media(max-width: 767px) {
  .about-mission__heading {
    margin-bottom: 66px
  }
}

.about-mission__row {
  display: flex;
  align-items: center
}

.about-mission__row>*:not(:last-child) {
  margin-right: calc(3.3333333333vw * 1 + 64px * (1 - 1))
}

@media(max-width: 767px) {
  .about-mission__row {
    flex-direction: column
  }

  .about-mission__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
  }
}

.about-mission__col--1 {
  flex: 0 0 53%
}

@media(max-width: 767px) {
  .about-mission__col--1 {
    flex: 1 1 auto
  }
}

.about-mission__col--2 {
  flex: 1 1 auto
}

.about-mission__text {
  font-size: 20px;
  line-height: 24px
}

@media(max-width: 991px) {
  .about-mission__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-mission__text {
    font-size: 16px
  }
}

.about-mission__photo {
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.about-directions__title {
  max-width: 616px;
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  padding-bottom: 60px;
  margin-bottom: 100px;
  position: relative
}

@media(max-width: 991px) {
  .about-directions__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .about-directions__title {
    font-size: 24px;
    line-height: 29px
  }
}

.about-directions__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

.about-directions__title strong {
  font-weight: inherit;
  color: #b7d232
}

.about-directions__row {
  display: flex;
  justify-content: space-between;
}

.about-directions__row>*:not(:last-child) {
  margin-right: 32px
}

@media(max-width: 767px) {
  .about-directions__row {
    flex-direction: column;
    gap: 30px;
  }
}

.about-directions__row:not(:last-child) {
  margin-bottom: 50px
}

.about-directions__col--2 {
  flex: 0 0 calc(35.4166666667vw / 2 + 680px / 2)
}

@media(max-width: 991px) {
  .about-directions__col--2 {
    flex: 1 1 auto
  }
}

.about-directions__logo {
  height: 66px;
}

.about-directions-desc__heading {
  padding-bottom: 10px;
  border-bottom: 1px solid #8d99a2;
  margin-bottom: 28px;
  display: flex;
  align-items: center
}

.about-directions-desc__heading>*:not(:last-child) {
  margin-right: 18px
}

@media(max-width: 767px) {
  .about-directions-desc__heading {
    padding-bottom: 8px;
    margin-bottom: 16px;
    flex-direction: column;
    align-items: flex-start;
    border: none;
  }

  .about-directions-desc__heading>*:not(:last-child) {
    margin-right: 8px
  }
}

.about-directions-desc__num {
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  color: #b7d232
}

@media(max-width: 991px) {
  .about-directions-desc__num {
    font-size: 20px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-directions-desc__num {
    width: 100%;
    font-size: 18px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222;
  }
}

.about-directions-desc__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
}

.about-directions-desc__text {
  font-size: 20px;
  line-height: 24px;
  color: #5A5A5A;
}

@media(max-width: 991px) {
  .about-directions-desc__text {
    font-size: 18px;
    line-height: 130%;
  }
}

@media(max-width: 767px) {
  .about-directions-desc__text {
    font-size: 16px
  }
}

.about-experts__text {
  max-width: 650px;
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 84px
}

@media(max-width: 991px) {
  .about-experts__text {
    font-size: 24px;
    line-height: 160%;
    margin-bottom: 60px
  }
}

@media(max-width: 767px) {
  .about-experts__text {
    font-size: 18px;
    margin-bottom: 40px
  }
}

.about-experts__text strong {
  color: #b7d232;
  font-weight: normal
}

.about-experts__image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.about-experts__row {
  display: flex;
  align-items: center
}

.about-experts__row>*:not(:last-child) {
  margin-right: 30px
}

@media(max-width: 991px) {
  .about-experts__row {
    flex-direction: column;
    align-items: flex-start
  }

  .about-experts__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

.about-experts__text {
  flex: 0 0 50%
}

@media(max-width: 991px) {
  .about-experts__text {
    flex: unset
  }
}

.about-experts__image {
  width: 47%
}

@media(max-width: 991px) {
  .about-experts__image {
    width: 100%
  }
}

.about-management__title {
  max-width: 790px;
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 100px;
  position: relative
}

@media(max-width: 991px) {
  .about-management__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px
  }
}

@media(max-width: 767px) {
  .about-management__title {
    font-size: 24px;
    line-height: 29px
  }
}

.about-management__title strong {
  font-weight: normal;
  color: #b7d232
}

.about-management__row {
  display: flex;
  justify-content: space-between
}

.about-management__row:not(:last-of-type) {
  margin-bottom: calc(3.3333333333vw / 2 + 64px / 2)
}

.about-management__row--1>*:not(:last-child) {
  margin-right: 30px
}

@media(max-width: 991px) {
  .about-management__row--1 {
    flex-direction: column
  }

  .about-management__row--1>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

.about-management__row--2>*:not(:last-child) {
  margin-right: calc(3.125vw * 1 + 60px * (1 - 1))
}

@media(max-width: 767px) {
  .about-management__row--2 {
    flex-direction: column-reverse
  }

  .about-management__row--2>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
  }
}

.about-management__col {
  display: flex;
  flex-direction: column
}

.about-management__col--1 {
  flex: 0 0 calc(30.4166666667vw / 2 + 584px / 2)
}

@media(max-width: 991px) {
  .about-management__col--1 {
    flex: 1 1 auto
  }
}

.about-management__col--2 {
  flex: 1 1 auto
}

.about-management__col--3 {
  flex: 0 0 calc(24.1145833333vw / 2 + 463px / 2)
}

@media(max-width: 767px) {
  .about-management__col--3 {
    flex: 1 1 auto
  }
}

.about-management__col--4 {
  flex: 1 1 auto
}

.about-management__text {
  font-size: 20px;
  line-height: 26px
}

@media(max-width: 991px) {
  .about-management__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-management__text {
    font-size: 16px
  }
}

.about-management__text--1 {
  padding-top: calc(2.6041666667vw * 1 + 50px * (1 - 1))
}

@media(max-width: 991px) {
  .about-management__text--1 {
    padding-top: 0
  }
}

.about-management__text p:not(:last-child) {
  margin-bottom: 1em
}

.about-management__image {
  max-width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.about-management__image--1 {
  width: calc(30.7291666667vw / 2 + 590px / 2);
  height: calc(17.7083333333vw / 2 + 340px / 2)
}

@media(max-width: 767px) {
  .about-management__image--1 {
    width: 100%;
    height: auto
  }
}

.about-management__image--2 {
  padding-top: calc(1.0416666667vw * 1 + 20px * (1 - 1))
}

@media(max-width: 991px) {
  .about-management__image--2 {
    padding-top: 0;
    margin-left: auto;
    width: calc(30.7291666667vw / 2 + 590px / 2);
    height: calc(17.7083333333vw / 2 + 340px / 2)
  }
}

@media(max-width: 767px) {
  .about-management__image--2 {
    width: 100%;
    height: auto
  }
}

.about-training {
  position: relative
}

.about-training__title {
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 120px;
  position: relative
}

@media(max-width: 991px) {
  .about-training__title {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 48px
  }
}

@media(max-width: 767px) {
  .about-training__title {
    font-size: 24px;
    line-height: 29px
  }
}

.about-training__title strong {
  font-weight: normal;
  color: #b7d232
}

.about-training__row {
  display: flex;
  justify-content: space-between
}

.about-training__row>*:not(:last-child) {
  margin-right: 32px
}

.about-training__row:not(:last-of-type) {
  margin-bottom: calc(5.2083333333vw * 1 + 100px * (1 - 1))
}

@media(max-width: 539px) {
  .about-training__row:not(:last-of-type) {
    margin-bottom: 0
  }
}

@media(max-width: 539px) {
  .about-training__row {
    flex-direction: column
  }

  .about-training__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 64px
  }
}

.about-training__col {
  flex: 0 0 calc(26.0416666667vw / 2 + 500px / 2)
}

@media(max-width: 767px) {
  .about-training__col {
    flex: 0 0 calc(50% - 32px)
  }
}

@media(max-width: 539px) {
  .about-training__col {
    flex: 1 1 100%
  }
}

.about-training-count__num {
  font-size: calc(7.8125vw / 2 + 150px / 2);
  line-height: calc(5.2083333333vw / 2 + 100px / 2);
  color: #fff;
  text-shadow: 0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a,0 0 1px #5a5a5a;
  padding-bottom: calc(2.8125vw / 2 + 54px / 2);
  margin-bottom: calc(1.0416666667vw / 2 + 20px / 2);
  border-bottom: 1px solid #6a7a86
}

@media(max-width: 767px) {
  .about-training-count__num {
    font-size: calc(11.7340286832vw * 1 + 90px * (1 - 1));
    line-height: calc(11.7340286832vw * 1 + 90px * (1 - 1))
  }
}

@media(max-width: 539px) {
  .about-training-count__num {
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 24px;
    margin-bottom: 24px
  }
}

.about-training-count__text {
  font-size: 20px;
  line-height: 24px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .about-training-count__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-training-count__text {
    font-size: 16px
  }
}

.about-training__text {
  font-size: 20px;
  line-height: 26px
}

@media(max-width: 991px) {
  .about-training__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-training__text {
    font-size: 16px
  }
}

.about-training__text p:not(:last-child) {
  margin-bottom: 1em
}

.about-training__text strong {
  color: #b7d232;
  font-weight: normal;
  text-transform: uppercase
}

.about-training__deco {
  height: calc(30.5729166667vw / 2 + 587px / 2);
  width: calc(30.4166666667vw / 2 + 584px / 2);
  fill: transparent;
  stroke-width: 1px;
  position: absolute;
  bottom: calc(-7.8125vw * 1 + -150px * (1 - 1));
  left: calc(0px - 200px + calc(10.4166666667vw * 1 + 200px * (1 - 1)));
  pointer-events: none;
  z-index: -1
}

@media(max-width: 991px) {
  .about-training__deco {
    display: none
  }
}

.about-quality {
  margin-bottom: 100px
}

@media(max-width: 767px) {
  .about-quality {
    margin-bottom: 66px
  }
}

.about-quality__title {
  max-width: 580px;
  font-size: 42px;
  line-height: 50px;
  padding-bottom: 50px;
  margin-bottom: 53px;
  position: relative
}

@media(max-width: 991px) {
  .about-quality__title {
    font-size: 36px;
    line-height: 130%;
    max-width: 700px;
    margin-bottom: 48px;
    padding-bottom: calc(5vw / 2 + 16px / 2)
  }
}

@media(max-width: 767px) {
  .about-quality__title {
    font-size: 24px;
    line-height: 29px
  }
}

.about-quality__title:before {
  content: "";
  width: 281px;
  height: 1px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0
}

.about-quality__title strong {
  font-weight: normal;
  color: #b7d232
}

.about-quality__row {
  display: flex
}

.about-quality__row>*:not(:last-child) {
  margin-right: calc(4.1666666667vw * 1 + 80px * (1 - 1))
}

@media(max-width: 991px) {
  .about-quality__row {
    flex-direction: column
  }

  .about-quality__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 32px
  }
}

.about-quality__col {
  display: flex;
  align-items: center
}

.about-quality__col--1 {
  flex: 0 0 590px
}

@media(max-width: 991px) {
  .about-quality__col--1 {
    flex: 1 1 auto
  }
}

.about-quality__col--2 {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-around
}

.about-quality__col--2>*:not(:last-child) {
  margin-right: 32px
}

@media(max-width: 991px) {
  .about-quality__col--2 {
    justify-content: flex-start
  }
}

.about-quality__text {
  font-size: 32px;
  line-height: 38px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .about-quality__text {
    font-size: 24px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .about-quality__text {
    font-size: 16px
  }
}

.about-quality__text strong {
  font-weight: normal;
  color: #b7d232
}

.about-quality__logo {
  -o-object-fit: cover;
  object-fit: cover
}

.about-quality__logo--1 {
  height: calc(9.4791666667vw / 2 + 182px / 2);
  width: calc(10.8333333333vw / 2 + 208px / 2)
}

.about-quality__logo--2 {
  width: calc(9.0625vw / 2 + 174px / 2);
  height: calc(5.78125vw / 2 + 111px / 2)
}

.privacy__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 130%
}

@media(max-width: 991px) {
  .privacy__text {
    font-size: 18px
  }
}

@media(max-width: 767px) {
  .privacy__text {
    font-size: 16px
  }
}

.privacy__text h2 {
  font-weight: normal;
  font-size: 32px;
  line-height: 130%;
  margin-bottom: 1em
}

@media(max-width: 991px) {
  .privacy__text h2 {
    font-size: 26px
  }
}

@media(max-width: 539px) {
  .privacy__text h2 {
    font-size: 20px
  }
}

.privacy__text h2:not(:first-child) {
  margin-top: 2em
}

.privacy__text p {
  margin-bottom: 1em
}

.privacy__text ul {
  margin-bottom: 1em
}

.privacy__text ul li:not(:last-child) {
  margin-bottom: .5em
}

.not-found {
  position: relative
}

.not-found__title {
  text-align: center
}

.not-found__error {
  font-size: calc(21.0416666667vw / 2 + 404px / 2);
  color: #fff;
  text-shadow: 0 0 2px #b7d232,0 0 2px #b7d232,0 0 2px #b7d232,0 0 2px #b7d232,0 0 2px #b7d232;
  text-align: center;
  margin: calc(3.3333333333vw / 2 + 64px / 2) 0 calc(1.25vw / 2 + 24px / 2);
  position: relative
}

@media(max-width: 1200px) {
  .not-found__error {
    text-shadow: 0 0 3px #b7d232,0 0 3px #b7d232,0 0 3px #b7d232,0 0 3px #b7d232,0 0 3px #b7d232
  }
}

@media(max-width: 767px) {
  .not-found__error {
    font-size: calc(10.5208333333vw / 2 + 202px / 2)
  }
}

.not-found__error:before {
  content: "404";
  font-size: calc(42.0833333333vw / 2 + 808px / 2);
  line-height: inherit;
  text-shadow: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #6a7e96;
  z-index: -1;
  opacity: .05
}

@media(max-width: 767px) {
  .not-found__error:before {
    font-size: calc(21.0416666667vw / 2 + 404px / 2)
  }
}

.not-found__text {
  max-width: 640px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .not-found__text {
    font-size: 20px
  }
}

@media(max-width: 767px) {
  .not-found__text {
    font-size: 16px
  }
}

.not-found__deco {
  width: calc(20.8333333333vw / 2 + 400px / 2);
  height: calc(20.8333333333vw / 2 + 400px / 2);
  fill: transparent;
  position: absolute;
  bottom: calc(-200px - 50px + calc(2.6041666667vw * 1 + 50px * (1 - 1)));
  right: calc(0px - 50px + calc(2.6041666667vw * 1 + 50px * (1 - 1)));
  opacity: .5
}

.case-banner {
  margin-bottom: 0;
  overflow: hidden
}

@media(max-width: 991px) {
  .case-banner {
    height: 800px
  }
}

@media(max-width: 767px) {
  .case-banner {
    height: calc(104.3024771838vw / 2 + 800px / 2)
  }
}

.case-banner__background {
  width: 100%;
  height: calc(100% + 50px);
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  top: -50px
}

.case-banner__letter {
  position: absolute;
  fill: transparent;
  stroke: #fff;
  stroke-width: 3px
}

.case-banner__letter_t {
  width: calc(22.515625vw / 2 + 432.3px / 2);
  height: calc(26.3802083333vw / 2 + 506.5px / 2);
  bottom: 0;
  right: 0
}

.case-banner__letter_c {
  width: 470.98px;
  height: 523.3px;
  bottom: -130px;
  right: -26px
}

.case-banner__letter_s {
  width: 404px;
  height: 577px;
  bottom: -64px;
  right: -30px
}

.case-banner__aside {
  position: absolute;
  top: calc(calc(5.2083333333vw * 1 + 100px * (1 - 1)) + 90px);
  left: 0
}

@media(max-width: 539px) {
  .case-banner__aside {
    top: calc(calc(2.0833333333vw * 1 + 40px * (1 - 1)) + 90px)
  }
}

.case-banner-aside {
  width: 374px;
  padding: 20px 50px;
  box-sizing: border-box;
  background: rgba(255,255,255,.6);
  display: flex;
  justify-content: center
}

@media(max-width: 539px) {
  .case-banner-aside {
    width: 100%
  }
}

.case-banner-aside__list {
  display: flex;
  flex-direction: column
}

.case-banner-aside__item:not(:last-child) {
  padding-bottom: 34px;
  margin-bottom: 16px;
  position: relative
}

@media(max-width: 767px) {
  .case-banner-aside__item:not(:last-child) {
    padding-bottom: 18px;
    margin-bottom: 12px
  }
}

.case-banner-aside__item:not(:last-child):before {
  content: "";
  width: 300px;
  height: 1px;
  background: #3395cd;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.case-banner-aside__logo_1 {
  width: 198.82px;
  height: 53.02px
}

@media(max-width: 767px) {
  .case-banner-aside__logo_1 {
    width: calc(198.82px * .8);
    height: calc(53.02px * .8)
  }
}

.case-banner-aside__logo_2 {
  width: 135px;
  height: 50px
}

@media(max-width: 767px) {
  .case-banner-aside__logo_2 {
    width: calc(135px * .8);
    height: calc(50px * .8)
  }
}

.case-date {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-date {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-date {
    margin-bottom: 30px
  }
}

.case-date__block {
  display: flex;
  justify-content: center;
  position: relative;
  width: 350px;
  max-width: 100%;
  padding: 20px 0 60px;
  margin: 0 auto
}

.case-date__logo {
  width: 100%;
  height: 100%
}

.case-date__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom
}

.case-date__public {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #8d99a2;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #fff;
  text-align: center
}

@media(max-width: 767px) {
  .case-date__public {
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap
  }
}

.case-develop {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-develop {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-develop {
    margin-bottom: 30px
  }
}

.case-develop__logo {
  margin-bottom: 35px
}

.case-develop__title {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-bottom: 100px
}

@media(max-width: 1200px) {
  .case-develop__title {
    font-size: 36px;
    line-height: 42px
  }
}

@media(max-width: 991px) {
  .case-develop__title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-develop__title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 30px
  }
}

.case-develop__row {
  display: flex;
  margin-left: -19vw
}

.case-develop__row>*:not(:last-child) {
  margin-right: 87px
}

@media(max-width: 1200px) {
  .case-develop__row>*:not(:last-child) {
    margin-right: 30px
  }
}

@media(max-width: 767px) {
  .case-develop__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

@media(max-width: 1500px) {
  .case-develop__row {
    margin-left: -10vw
  }
}

@media(max-width: 1200px) {
  .case-develop__row {
    margin-left: 0
  }
}

@media(max-width: 767px) {
  .case-develop__row {
    flex-direction: column
  }
}

.case-develop__col--1 img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media(max-width: 1200px) {
  .case-develop__col--1 img {
    width: 50vw
  }
}

@media(max-width: 767px) {
  .case-develop__col--1 img {
    width: 100vw;
    position: relative;
    left: -20px
  }
}

.case-develop__text {
  font-size: 22px;
  line-height: 28px;
  margin-top: 50px;
  width: 587px
}

.case-develop__text>*:not(:last-child) {
  margin-bottom: 30px
}

@media(max-width: 1200px) {
  .case-develop__text {
    font-size: 18px;
    line-height: 24px;
    width: unset
  }
}

@media(max-width: 767px) {
  .case-develop__text {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0
  }
}

.case-develop__text strong {
  color: #b7d232;
  font-weight: inherit
}

.case-develop__text a {
  color: #0d95e8;
  text-decoration: underline
}

.case-develop__text a:hover {
  text-decoration: none
}

.case-goal {
  margin-bottom: 100px;
  position: relative
}

@media(max-width: 991px) {
  .case-goal {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-goal {
    margin-bottom: 30px
  }
}

.case-goal__deco {
  position: absolute;
  top: 0;
  right: -50px;
  z-index: -1
}

@media(max-width: 1200px) {
  .case-goal__deco svg {
    width: 500px;
    height: 500px
  }
}

.case-goal__row {
  display: flex
}

@media(max-width: 991px) {
  .case-goal__row {
    flex-direction: column
  }
}

.case-goal__col--1 {
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
  margin-top: 10px
}

@media(max-width: 991px) {
  .case-goal__col--1 {
    justify-content: flex-start;
    margin-bottom: 30px
  }
}

.case-goal__logo--1 {
  margin-bottom: 52px
}

@media(max-width: 991px) {
  .case-goal__logo--1 {
    margin-bottom: 32px
  }
}

.case-goal__logo--2 {
  width: 115.78px;
  height: 40.68px
}

.case-goal__title {
  font-size: 60px;
  line-height: 66px;
  font-weight: 300;
  margin-bottom: 42px
}

@media(max-width: 1200px) {
  .case-goal__title {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .case-goal__title {
    font-size: 36px;
    line-height: 42px
  }
}

.case-goal__text {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 78px
}

.case-goal__text a {
  color: #b7d232
}

.case-goal__text a:hover {
  text-decoration: underline
}

.case-goal__text>*:not(:last-child) {
  margin-bottom: 30px
}

@media(max-width: 1200px) {
  .case-goal__text {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-goal__text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 30px
  }
}

.case-goal__list {
  display: flex
}

@media(max-width: 539px) {
  .case-goal__list {
    flex-direction: column
  }

  .case-goal__list>*:not(:last-child) {
    margin-bottom: 15px
  }
}

.case-goal__item {
  flex: 0 0 33%
}

.case-goal-item__title {
  font-size: 32px;
  line-height: 41px;
  padding-bottom: 35px;
  position: relative
}

@media(max-width: 991px) {
  .case-goal-item__title {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 30px
  }
}

@media(max-width: 767px) {
  .case-goal-item__title {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 20px
  }
}

.case-goal-item__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #8d99a2
}

.case-goal-item__text {
  font-size: 20px;
  line-height: 26px;
  padding-top: 42px;
  margin-right: 20px
}

@media(max-width: 991px) {
  .case-goal-item__text {
    font-size: 18px;
    line-height: 24px;
    padding-top: 30px
  }
}

@media(max-width: 767px) {
  .case-goal-item__text {
    font-size: 14px;
    line-height: 18px;
    padding-top: 15px;
    margin-right: 10px
  }
}

.case-scripts {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-scripts {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-scripts {
    margin-bottom: 30px
  }
}

.case-scripts--no-margin {
  margin-bottom: 0
}

.case-scripts--1 {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-scripts--1 {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-scripts--1 {
    margin-bottom: 30px
  }
}

.case-scripts--no-margin {
  margin-bottom: 0
}

.itsm-scripts.case-scripts--1:before {
  display: none
}

.itsm-scripts.case-scripts:before {
  background: #3395cd
}

@media(max-width: 991px) {
  .itsm-scripts.case-scripts .itsm-scripts__row>*:not(:last-child) {
    margin-bottom: 0
  }
}

@media(max-width: 991px) {
  .itsm-scripts.case-scripts .itsm-scripts__col--1 {
    display: block
  }
}

.case-scripts__title {
  color: #fff
}

@media(max-width: 1200px) {
  .case-scripts__title {
    padding-top: 80px
  }
}

@media(max-width: 991px) {
  .case-scripts__title {
    padding-top: 60px
  }
}

@media(max-width: 767px) {
  .case-scripts__title {
    padding-top: 40px
  }
}

.case-scripts__title:before {
  background: #fff
}

.case-scripts__text {
  margin-top: 61px;
  color: #fff;
  font-size: 20px;
  line-height: 26px
}

@media(max-width: 991px) {
  .case-scripts__text {
    font-size: 16px;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 30px
  }
}

.case-scripts__text>*:not(:last-child) {
  margin-bottom: 36px
}

@media(max-width: 991px) {
  .case-scripts__text>*:not(:last-child) {
    margin-bottom: 20px
  }
}

.case-scripts__text--1 {
  color: #222
}

.case-scripts__folder-title .itsm-scripts-item-heading__title {
  margin-bottom: 14px;
  line-height: 36px;
  color: #fff
}

@media(max-width: 991px) {
  .case-scripts__folder-title .itsm-scripts-item-heading__title {
    margin-bottom: 0
  }
}

.case-scripts-item .itsm-scripts-item__heading:before,.case-scripts-item .itsm-scripts-item__heading:after {
  background: #fff
}

.case-scripts-item .itsm-scripts-item-heading__icon svg {
  fill: #fff;
  transform: rotate(0)
}

.case-scripts-item .case-scripts-item .itsm-scripts-item__text {
  color: #fff
}

.case-scripts-item.is-active .itsm-scripts-item-heading__title {
  color: #b7d232
}

.case-scripts__subtitle {
  font-size: 22px;
  line-height: 26px;
  color: #fff
}

@media(max-width: 991px) {
  .case-scripts__subtitle {
    font-size: 14px;
    line-height: 18px
  }
}

.case-scripts__list {
  padding-left: 20px;
  margin-top: 20px
}

.case-scripts__list>*:not(:last-child) {
  margin-bottom: 10px
}

.case-scripts__item {
  position: relative
}

.case-scripts__item:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -15px;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%
}

.case-init {
  padding: 86px 0;
  overflow: hidden
}

@media(max-width: 991px) {
  .case-init {
    padding: 50px 0
  }
}

@media(max-width: 767px) {
  .case-init {
    padding: 30px 0
  }
}

.case-init__row {
  display: flex
}

@media(max-width: 991px) {
  .case-init__row {
    flex-direction: column
  }
}

.case-init__col--1 {
  flex: 0 0 calc(34.0625vw / 2 + 654px / 2)
}

@media(max-width: 991px) {
  .case-init__col--1 {
    flex: 1 1 auto
  }
}

.case-init__title {
  margin-top: 50px;
  margin-bottom: 29px;
  font-size: 32px;
  line-height: 41px
}

@media(max-width: 1200px) {
  .case-init__title {
    font-size: 28px;
    line-height: 36px
  }
}

@media(max-width: 991px) {
  .case-init__title {
    font-size: 24px;
    line-height: 29px;
    margin-top: 0
  }
}

.case-init__title strong {
  color: #b7d232;
  font-weight: inherit
}

.case-init__text {
  font-size: 20px;
  line-height: 26px;
  position: relative;
  z-index: 1
}

@media(max-width: 1200px) {
  .case-init__text {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .case-init__text {
    font-size: 14px;
    line-height: 18px
  }
}

.case-init__text p:not(:last-child) {
  margin-bottom: 1em
}

.case-init__text--1 {
  z-index: 2
}

@media(max-width: 991px) {
  .case-init__text--1 {
    margin-bottom: 4em
  }
}

.case-init__text--2 {
  height: 100%;
  display: flex;
  align-items: center
}

.case-init__text--2:before {
  content: "";
  width: 474px;
  height: 474px;
  background: #c4da5a;
  opacity: .4;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}

@media(max-width: 991px) {
  .case-init__text--2:before {
    top: auto;
    bottom: 0;
    transform: translate(0, 75%)
  }
}

.case-init__arrow {
  min-width: 110px;
  opacity: .5;
  z-index: 1;
  margin: 0 60px 0
}

@media(max-width: 991px) {
  .case-init__arrow {
    display: none
  }
}

.case-slider {
  margin-bottom: 100px;
  padding: 57px 0 52px;
  background: #3395cd;
  position: relative
}

@media(max-width: 991px) {
  .case-slider {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-slider {
    margin-bottom: 30px
  }
}

.case-control__container {
  position: relative;
  z-index: 0
}

.case-slider__deco {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}

.case-slider__container {
  overflow: hidden
}

.case-slider__list {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  align-items: center;
  position: relative;
  z-index: 2
}

.case-slider__item>*:not(:last-child) {
  margin-bottom: 29px
}

.case-slider__text {
  width: 892px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 28px
}

@media(max-width: 1200px) {
  .case-slider__text {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 991px) {
  .case-slider__text {
    width: 90%
  }
}

@media(max-width: 767px) {
  .case-slider__text {
    font-size: 14px;
    line-height: 18px
  }
}

@media(max-width: 320px) {
  .case-slider__text {
    width: 85%
  }
}

.case-slider__author {
  font-size: 20px;
  line-height: 28px
}

@media(max-width: 1200px) {
  .case-slider__author {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .case-slider__author {
    font-size: 14px;
    line-height: 18px
  }
}

.case-slider__nav {
  display: flex;
  justify-content: center;
  margin-top: 21px;
  height: 70px
}

.case-slider__nav>*:not(:last-child) {
  margin-right: 30px
}

.case-slider__nav svg {
  cursor: pointer;
  overflow: visible
}

.case-slider__nav svg circle {
  transition: transform .3s ease;
  transform-origin: center
}

.case-slider__nav svg:hover circle {
  transform: scale(1.1)
}

@media(max-width: 1200px) {
  .case-slider__nav svg:hover circle {
    transform: none
  }
}

.case-slider__nav svg.is-disabled {
  pointer-events: none;
  opacity: .5
}

.case-slider__nav svg.is-disabled circle {
  opacity: 0
}

.case-feature {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-feature {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-feature {
    margin-bottom: 30px
  }
}

.case-feature__title {
  font-weight: 300;
  font-size: 60px;
  line-height: 84px;
  margin-bottom: 15px
}

@media(max-width: 1200px) {
  .case-feature__title {
    font-size: 42px;
    line-height: 48px
  }
}

@media(max-width: 767px) {
  .case-feature__title {
    font-size: 36px;
    line-height: 42px
  }
}

@media(max-width: 539px) {
  .case-feature__title {
    font-size: 32px;
    line-height: 36px
  }
}

.case-feature__subtitle {
  font-size: 32px;
  line-height: 35px;
  margin-bottom: 60px
}

@media(max-width: 1200px) {
  .case-feature__subtitle {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-feature__subtitle {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px
  }
}

@media(max-width: 539px) {
  .case-feature__subtitle {
    font-size: 18px;
    line-height: 24px
  }
}

.case-feature__title,.case-feature__subtitle {
  width: 827px;
  margin-left: auto
}

@media(max-width: 991px) {
  .case-feature__title,.case-feature__subtitle {
    width: 100%;
    margin-left: 0
  }
}

.case-feature__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media(max-width: 767px) {
  .case-feature__list {
    flex-direction: column
  }
}

.case-feature__list>*:not(:last-child) {
  margin-bottom: 30px
}

.case-feature__item {
  flex: 0 0 47%
}

@media(max-width: 767px) {
  .case-feature__item {
    flex: 0 0 100%
  }
}

.case-feature-item__title {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 20px
}

@media(max-width: 1200px) {
  .case-feature-item__title {
    font-size: 18px;
    line-height: 24px
  }
}

@media(max-width: 767px) {
  .case-feature-item__title {
    font-size: 14px;
    line-height: 18px
  }
}

.case-feature-item__text {
  font-size: 20px;
  line-height: 26px;
  color: #5a5a5a
}

@media(max-width: 1200px) {
  .case-feature-item__text {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .case-feature-item__text {
    font-size: 14px;
    line-height: 18px
  }
}

.case-public {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-public {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-public {
    margin-bottom: 30px
  }
}

.case-public__row {
  display: flex
}

@media(max-width: 767px) {
  .case-public__row {
    flex-direction: column
  }
}

.case-public__row>*:not(:last-child) {
  margin-right: 50px
}

@media(max-width: 767px) {
  .case-public__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

.case-public__title {
  width: 200px;
  font-size: 32px;
  line-height: 43px
}

@media(max-width: 1200px) {
  .case-public__title {
    font-size: 28px;
    line-height: 32px;
    width: 170px
  }
}

@media(max-width: 767px) {
  .case-public__title {
    font-size: 24px;
    line-height: 28px;
    width: unset
  }
}

@media(max-width: 539px) {
  .case-public__title {
    font-size: 18px;
    line-height: 24px
  }
}

.case-public__cards {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px
}

@media(max-width: 767px) {
  .case-public__cards {
    margin-top: -15px
  }
}

.case-public__cards>*:not(:last-child) {
  margin-right: 30px
}

@media(max-width: 767px) {
  .case-public__cards>*:not(:last-child) {
    margin-right: 15px
  }
}

@media(max-width: 539px) {
  .case-public__cards>*:not(:last-child) {
    margin-right: 0
  }
}

.case-public__cards>* {
  margin-top: 30px
}

@media(max-width: 767px) {
  .case-public__cards>* {
    margin-top: 15px
  }
}

.case-public__card {
  padding: 22px;
  width: 280px;
  box-sizing: border-box;
  border: 1px solid #8d99a2;
  border-radius: 6px
}

@media(max-width: 1200px) {
  .case-public__card {
    width: 250px
  }
}

@media(max-width: 991px) {
  .case-public__card {
    width: 22vw
  }
}

@media(max-width: 767px) {
  .case-public__card {
    width: 43vw
  }
}

@media(max-width: 539px) {
  .case-public__card {
    width: 100%
  }
}

.case-public__card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}

.case-public-card__logo {
  margin-bottom: 31px;
  height: 60px
}

@media(max-width: 991px) {
  .case-public-card__logo {
    margin-bottom: 15px
  }
}

.case-public-card__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.case-public-card__descr {
  padding-bottom: 43px;
  margin-bottom: 30px;
  border-bottom: 1px solid #8d99a2;
  font-size: 20px;
  line-height: 25px
}

@media(max-width: 1200px) {
  .case-public-card__descr {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 991px) {
  .case-public-card__descr {
    padding-bottom: 30px;
    margin-bottom: 15px
  }
}

@media(max-width: 767px) {
  .case-public-card__descr {
    font-size: 14px;
    line-height: 18px
  }
}

.case-public-card__descr u {
  color: #4da2d3
}

.case-public-card__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  line-height: 23px;
  color: #5a5a5a
}

@media(max-width: 1200px) {
  .case-public-card__link {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .case-public-card__link {
    font-size: 14px;
    line-height: 18px
  }
}

.case-public-card__arrow {
  width: 21px;
  height: 21px
}

@media(max-width: 1200px) {
  .case-public-card__arrow {
    width: 18px;
    height: 18px
  }
}

@media(max-width: 767px) {
  .case-public-card__arrow {
    width: 15px;
    height: 15px
  }
}

.case-profit {
  padding: 90px 0 80px;
  background: #f5f5f5
}

@media(max-width: 991px) {
  .case-profit {
    margin-bottom: 50px;
    padding: 50px 0
  }
}

@media(max-width: 767px) {
  .case-profit {
    margin-bottom: 30px;
    padding: 30px 0
  }
}

.case-profit__row {
  display: flex
}

@media(max-width: 539px) {
  .case-profit__row {
    flex-wrap: wrap
  }
}

.case-profit__title {
  font-size: 32px;
  line-height: 50px
}

@media(max-width: 1200px) {
  .case-profit__title {
    font-size: 28px;
    line-height: 32px
  }
}

@media(max-width: 767px) {
  .case-profit__title {
    font-size: 24px;
    line-height: 28px
  }
}

@media(max-width: 539px) {
  .case-profit__title {
    font-size: 18px;
    line-height: 24px;
    flex: 0 0 100%
  }
}

.case-profit__likes {
  margin-left: 50px;
  margin-right: 30px
}

@media(max-width: 539px) {
  .case-profit__likes {
    margin-left: 0;
    margin-right: 15px
  }
}

.case-profit__likes.is-active {
  color: #e84954
}

.case-profit__likes.is-active svg path {
  fill: #e84954
}

.case-profit__views {
  margin-left: auto
}

@media(max-width: 539px) {
  .case-profit__views {
    margin-left: 0
  }
}

.case-profit__views.is-active {
  color: #4789b6
}

.case-profit__views.is-active svg path {
  fill: #4789b6
}

.case-profit__likes,.case-profit__views {
  display: flex;
  align-items: center;
  font-size: 32px;
  line-height: 50px;
  color: #8d99a2;
  transition: color .3s ease;
  cursor: pointer
}

@media(max-width: 1200px) {
  .case-profit__likes,.case-profit__views {
    font-size: 28px;
    line-height: 32px
  }
}

@media(max-width: 767px) {
  .case-profit__likes,.case-profit__views {
    font-size: 24px;
    line-height: 28px
  }
}

@media(max-width: 539px) {
  .case-profit__likes,.case-profit__views {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px
  }
}

@media(max-width: 1200px) {
  .case-profit__likes svg,.case-profit__views svg {
    width: 35px;
    height: 35px
  }
}

@media(max-width: 767px) {
  .case-profit__likes svg,.case-profit__views svg {
    width: 25px;
    height: 25px
  }
}

.case-profit__likes svg path,.case-profit__views svg path {
  transition: fill .3s ease
}

.case-profit__likes>*:not(:last-child),.case-profit__views>*:not(:last-child) {
  margin-right: 25px
}

@media(max-width: 539px) {
  .case-profit__likes>*:not(:last-child),.case-profit__views>*:not(:last-child) {
    margin-right: 10px
  }
}

.case-corps {
  margin-bottom: 46px
}

.case-corps__row {
  display: flex;
  justify-content: space-between
}

@media(max-width: 767px) {
  .case-corps__row {
    flex-direction: column
  }
}

@media(max-width: 539px) {
  .case-corps__row {
    flex-wrap: wrap
  }
}

.case-corps__content {
  width: 572px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media(max-width: 1200px) {
  .case-corps__content {
    max-width: 45vw
  }
}

@media(max-width: 991px) {
  .case-corps__content {
    width: 458px;
    max-width: 45vw
  }
}

@media(max-width: 767px) {
  .case-corps__content {
    width: 60%;
    max-width: 100%
  }
}

@media(max-width: 539px) {
  .case-corps__content {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }
}

.case-corps__col--1 {
  height: 98px;
  margin-right: 32px;
  margin-bottom: auto
}

@media(max-width: 991px) {
  .case-corps__col--1 {
    height: auto;
    margin-bottom: 38px
  }
}

@media(max-width: 767px) {
  .case-corps__col--1 {
    margin-bottom: 40px;
    margin-right: 0
  }
}

@media(max-width: 991px) {
  .case-corps__col--2 {
    flex-wrap: wrap
  }
}

.case-corps__title {
  font-size: 32px;
  line-height: 130%;
  margin-right: 10px;
  text-decoration: underline
}

@media(max-width: 1200px) {
  .case-corps__title {
    font-size: 22px
  }
}

@media(max-width: 991px) {
  .case-corps__title {
    flex: 0 0 80%;
    padding-right: 16px;
    box-sizing: border-box
  }
}

@media(max-width: 767px) {
  .case-corps__title {
    font-size: 20px
  }
}

@media(max-width: 539px) {
  .case-corps__title {
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px
  }
}

.case-corps__arrow {
  width: 91px;
  min-width: 91px;
  height: 20px
}

.case-corps__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
  width: 785px;
  max-width: 49vw
}

@media(max-width: 1500px) {
  .case-corps__list {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media(max-width: 1200px) {
  .case-corps__list {
    grid-gap: calc(2.0833333333vw * 6 + 25px * (1 - 6))
  }
}

@media(max-width: 991px) {
  .case-corps__list {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media(max-width: 767px) {
  .case-corps__list {
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
    max-width: 100%
  }
}

@media(max-width: 767px) {
  .case-corps__list {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media(max-width: 539px) {
  .case-corps__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

.case-corps__list.is-active .case-corps__item {
  opacity: 1;
  transition: 1s ease
}

.case-corps__list.is-active .case-corps__item:nth-child(1) {
  transition-delay: calc(.15s * 1)
}

.case-corps__list.is-active .case-corps__item:nth-child(2) {
  transition-delay: calc(.15s * 2)
}

.case-corps__list.is-active .case-corps__item:nth-child(3) {
  transition-delay: calc(.15s * 3)
}

.case-corps__list.is-active .case-corps__item:nth-child(4) {
  transition-delay: calc(.15s * 4)
}

.case-corps__list.is-active .case-corps__item:nth-child(5) {
  transition-delay: calc(.15s * 5)
}

.case-corps__list.is-active .case-corps__item:nth-child(6) {
  transition-delay: calc(.15s * 6)
}

.case-corps__list.is-active .case-corps__item:nth-child(7) {
  transition-delay: calc(.15s * 7)
}

.case-corps__list.is-active .case-corps__item:nth-child(8) {
  transition-delay: calc(.15s * 8)
}

.case-corps__list.is-active .case-corps__item:nth-child(9) {
  transition-delay: calc(.15s * 9)
}

.case-corps__list.is-active .case-corps__item:nth-child(10) {
  transition-delay: calc(.15s * 10)
}

.case-corps__list.is-active .case-corps__item:nth-child(11) {
  transition-delay: calc(.15s * 11)
}

.case-corps__list.is-active .case-corps__item:nth-child(12) {
  transition-delay: calc(.15s * 12)
}

.case-corps__list.is-active .case-corps__item:nth-child(13) {
  transition-delay: calc(.15s * 13)
}

.case-corps__list.is-active .case-corps__item:nth-child(14) {
  transition-delay: calc(.15s * 14)
}

.case-corps__list.is-active .case-corps__item:nth-child(15) {
  transition-delay: calc(.15s * 15)
}

.case-corps__list.is-active .case-corps__item:nth-child(16) {
  transition-delay: calc(.15s * 16)
}

.case-corps__list.is-active .case-corps__item:nth-child(17) {
  transition-delay: calc(.15s * 17)
}

.case-corps__list.is-active .case-corps__item:nth-child(18) {
  transition-delay: calc(.15s * 18)
}

.case-corps__list.is-active .case-corps__item:nth-child(19) {
  transition-delay: calc(.15s * 19)
}

.case-corps__list.is-active .case-corps__item:nth-child(20) {
  transition-delay: calc(.15s * 20)
}

.case-corps__item {
  display: flex;
  justify-content: center;
  opacity: 0
}

.case-corps__item a {
  filter: grayscale(1)
}

.case-corps__item a:hover {
  filter: none
}

.case-corps__logo {
  width: 98px;
  height: 98px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: filter .3s ease;
  margin: 16px
}

@media(max-width: 991px) {
  .case-corps__logo {
    width: 87.41px;
    height: 87.41px
  }
}

@media(max-width: 539px) {
  .case-corps__logo {
    margin: 8px
  }
}

.case-corps__logo--1 {
  width: 108px;
  height: 107px
}

@media(max-width: 767px) {
  .case-corps__logo--1 {
    width: calc(108px * .75);
    height: calc(108px * .75)
  }
}

@media(max-width: 539px) {
  .case-corps__logo--1 {
    width: calc(108px * .5);
    height: calc(108px * .5)
  }
}

.case-corps__logo--2 {
  width: 156px;
  height: 96px
}

@media(max-width: 767px) {
  .case-corps__logo--2 {
    width: calc(156px * .75);
    height: calc(96px * .75)
  }
}

@media(max-width: 539px) {
  .case-corps__logo--2 {
    width: calc(156px * .5);
    height: calc(96px * .5)
  }
}

.case-corps__logo--3 {
  width: 108px;
  height: 112px
}

@media(max-width: 767px) {
  .case-corps__logo--3 {
    width: calc(108px * .75);
    height: calc(112px * .75)
  }
}

@media(max-width: 539px) {
  .case-corps__logo--3 {
    width: calc(108px * .5);
    height: calc(112px * .5)
  }
}

.case-control {
  margin-bottom: 100px;
  background: #f5f5f5;
  padding: 84px 0 58px;
  position: relative
}

@media(max-width: 991px) {
  .case-control {
    margin-bottom: 50px;
    padding: 50px 0
  }
}

@media(max-width: 767px) {
  .case-control {
    margin-bottom: 30px
  }
}

.case-control--mb {
  margin-bottom: 0
}

.case-control__link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.case-control__row {
  display: flex
}

@media(max-width: 767px) {
  .case-control__row {
    flex-direction: column
  }
}

.case-control__row>*:not(:last-child) {
  margin-right: 150px
}

@media(max-width: 767px) {
  .case-control__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

.case-control__title {
  font-size: 32px;
  line-height: 41px
}

@media(max-width: 1200px) {
  .case-control__title {
    font-size: 28px;
    line-height: 32px
  }
}

@media(max-width: 767px) {
  .case-control__title {
    font-size: 24px;
    line-height: 28px
  }
}

@media(max-width: 539px) {
  .case-control__title {
    font-size: 18px;
    line-height: 24px
  }
}

.case-control__title strong {
  color: #b7d232;
  font-weight: inherit
}

.case-control__subtitle {
  font-size: 20px;
  line-height: 22px
}

@media(max-width: 1200px) {
  .case-control__subtitle {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .case-control__subtitle {
    font-size: 14px;
    line-height: 18px
  }
}

.case-control__col--1>*:not(:last-child) {
  margin-bottom: 19px
}

.case-control__col--2 {
  flex: 0 0 50%
}

.case-control__text {
  font-size: 22px;
  line-height: 29px
}

@media(max-width: 1200px) {
  .case-control__text {
    font-size: 18px;
    line-height: 24px
  }
}

@media(max-width: 767px) {
  .case-control__text {
    font-size: 14px;
    line-height: 18px
  }
}

.case-trans {
  margin-bottom: 100px
}

@media(max-width: 991px) {
  .case-trans {
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .case-trans {
    margin-bottom: 30px
  }
}

.case-trans__title {
  font-size: 32px;
  line-height: 50px;
  margin-bottom: 41px
}

@media(max-width: 1200px) {
  .case-trans__title {
    font-size: 28px;
    line-height: 32px
  }
}

@media(max-width: 767px) {
  .case-trans__title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px
  }
}

@media(max-width: 539px) {
  .case-trans__title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px
  }
}

.case-trans__row {
  display: flex
}

@media(max-width: 539px) {
  .case-trans__row {
    flex-direction: column
  }
}

.case-trans__row>*:not(:last-child) {
  margin-right: 31px
}

@media(max-width: 539px) {
  .case-trans__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px
  }
}

.case-trans__col--1,.case-trans__col--2 {
  flex: 0 0 calc(50% - 31px)
}

.case-trans__text {
  font-size: 22px;
  line-height: 29px
}

@media(max-width: 1200px) {
  .case-trans__text {
    font-size: 18px;
    line-height: 24px
  }
}

@media(max-width: 767px) {
  .case-trans__text {
    font-size: 14px;
    line-height: 18px
  }
}

.case-trans__text strong {
  color: #b7d232;
  font-weight: inherit
}

.subscribe {
  background: #f5f5f5
}

.subscribe__content {
  display: flex;
  align-items: center;
  padding: calc(3.125vw / 2 + 60px / 2) 0
}

@media(max-width: 991px) {
  .subscribe__content {
    flex-wrap: wrap
  }
}

.subscribe__text {
  font-size: 32px;
  line-height: 40px
}

@media(max-width: 1200px) {
  .subscribe__text {
    font-size: 28px;
    line-height: 130%
  }
}

@media(max-width: 991px) {
  .subscribe__text {
    font-size: 22px
  }
}

@media(max-width: 991px) {
  .subscribe__text br {
    display: none
  }
}

.subscribe__input,.subscribe__submit {
  height: 72px;
  border-radius: 5px
}

@media(max-width: 991px) {
  .subscribe__input,.subscribe__submit {
    height: 60px
  }
}

@media(max-width: 767px) {
  .subscribe__input,.subscribe__submit {
    height: 50px
  }
}

.subscribe__input {
  flex: 1 1 auto;
  padding: 0 28px;
  border: 1px solid #5a5a5a;
  box-sizing: border-box;
  margin: 0 30px;
  font-size: 20px;
  line-height: 20px
}

@media(max-width: 991px) {
  .subscribe__input {
    flex: 1 1 100%;
    margin: 30px 0;
    font-size: 18px;
    padding: 0 20px
  }
}

@media(max-width: 767px) {
  .subscribe__input {
    font-size: 16px;
    padding: 0 16px
  }
}

.subscribe__input::placeholder {
  color: #5a5a5a
}

.subscribe__submit {
  flex: 0 0 280px
}

@media(max-width: 539px) {
  .subscribe__submit {
    flex: 1 1 100%
  }
}

.listing__title {
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
  padding-top: calc(60px + 90px);
  margin-bottom: 60px
}

@media(max-width: 991px) {
  .listing__title {
    font-size: 48px;
    margin-bottom: 50px
  }
}

@media(max-width: 767px) {
  .listing__title {
    padding-top: calc(40px + calc(9.1264667536vw / 2 + 70px / 2));
    font-size: 28px;
    margin-bottom: 40px
  }
}

.listing-nav {
  padding: calc(2.0833333333vw / 2 + 40px / 2) 0;
  background: rgba(141,153,162,.1);
  margin-bottom: 40px
}

.listing-nav__list {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-1.5625vw / 2 + -30px / 2)
}

@media(max-width: 991px) {
  .listing-nav__list {
    margin: calc(-0.8333333333vw / 2 + -16px / 2)
  }
}

.listing-nav__item {
  font-size: 16px;
  color: #4f4f4f;
  margin: calc(1.5625vw / 2 + 30px / 2);
  opacity: .8
}

@media(max-width: 991px) {
  .listing-nav__item {
    margin: calc(0.8333333333vw / 2 + 16px / 2)
  }
}

.listing-nav__item.is-current {
  opacity: 1;
  border-bottom: 2px solid #4f4f4f
}

.listing-nav__item:hover {
  opacity: 1
}

.listing-cards__title {
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 90px
}

@media(max-width: 991px) {
  .listing-cards__title {
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 60px
  }
}

@media(max-width: 767px) {
  .listing-cards__title {
    font-size: 24px;
    margin-bottom: 30px
  }
}

.listing-cards__list {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-0.78125vw / 2 + -15px / 2) !important
}

.listing-cards__list:not(:last-of-type) {
  margin-bottom: 15px !important
}

.listing-cards__list--cases {
  margin: -5px !important
}

@media(max-width: 767px) {
  .listing-cards__list--cases {
    flex-direction: column
  }
}

.listing-cards__list--cases:not(:last-of-type) {
  margin-bottom: 5px !important
}

.listing-cards-item {
  border-radius: 6px;
  border: 1px solid #8d99a2;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: calc(0.78125vw / 2 + 15px / 2) !important;
  position: relative;
  flex: 0 0 calc(25% - calc(0.78125vw / 2 + 15px / 2) * 2);
  padding: 12px calc(1.0416666667vw / 2 + 20px / 2) 20px
}

@media(max-width: 991px) {
  .listing-cards-item {
    flex: 0 0 calc(50% - calc(0.78125vw / 2 + 15px / 2) * 2) !important
  }
}

@media(max-width: 539px) {
  .listing-cards-item {
    flex: 0 0 calc(100% - calc(0.78125vw / 2 + 15px / 2) * 2) !important
  }
}

.listing-cards-item--wide {
  flex: 0 0 calc(50% - calc(0.78125vw / 2 + 15px / 2) * 2) !important
}

@media(max-width: 991px) {
  .listing-cards-item--wide {
    flex: 0 0 calc(100% - calc(0.78125vw / 2 + 15px / 2) * 2) !important
  }
}

.listing-cards-item--type-case {
  flex: 0 0 calc(33.33% - 5px * 2);
  padding: 24px calc(2.0833333333vw / 2 + 40px / 2) 50px;
  margin: 5px !important
}

@media(max-width: 767px) {
  .listing-cards-item--type-case {
    padding: 16px
  }
}

.listing-cards-item:hover {
  background: linear-gradient(0deg, #F4F5F6, #F4F5F6);
  border-color: transparent
}

.listing-cards-item:hover .listing-cards-item__text {
  color: #212121
}

.listing-cards-item:hover .listing-cards__more {
  opacity: 1
}

.listing-cards-item:hover .listing-cards-item__image img {
  filter: none
}

.listing-cards-item__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.listing-cards-item__image {
  margin: -12px -20px 18px;
  width: calc(100% + 20px * 2);
  height: 104px;
  border-bottom: 4px solid transparent
}

.listing-cards-item__image--border-green {
  border-color: #c4da5a
}

.listing-cards-item__image--border-blue {
  border-color: #3395cd
}

.listing-cards-item__image img {
  width: calc(100% + 2px);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  filter: grayscale(1)
}

.listing-cards-item__heading {
  height: 120px;
  display: flex;
  align-items: center;
  margin-bottom: 38px
}

@media(max-width: 767px) {
  .listing-cards-item__heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 16px;
    box-sizing: border-box
  }
}

.listing-cards-item__logo--1 {
  width: 230px;
  height: 122px
}

@media(max-width: 991px) {
  .listing-cards-item__logo--1 {
    width: calc(230px * .75);
    height: calc(122px * .75)
  }
}

@media(max-width: 767px) {
  .listing-cards-item__logo--1 {
    max-width: 50%
  }
}

@media(max-width: 539px) {
  .listing-cards-item__logo--1 {
    display: none
  }
}

.listing-cards-item__logo--2 {
  width: 240px;
  height: 58px
}

@media(max-width: 991px) {
  .listing-cards-item__logo--2 {
    width: calc(240px * .75);
    height: calc(58px * .75)
  }
}

@media(max-width: 767px) {
  .listing-cards-item__logo--2 {
    max-width: 50%
  }
}

@media(max-width: 539px) {
  .listing-cards-item__logo--2 {
    display: none
  }
}

.listing-cards-item__logo--3 {
  width: 91px;
  height: 114px
}

@media(max-width: 991px) {
  .listing-cards-item__logo--3 {
    width: calc(91px * .75);
    height: calc(114px * .75)
  }
}

@media(max-width: 767px) {
  .listing-cards-item__logo--3 {
    max-width: 50%
  }
}

@media(max-width: 539px) {
  .listing-cards-item__logo--3 {
    display: none
  }
}

.listing-cards-item__title {
  font-weight: 600;
  font-size: 34px;
  line-height: 39px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #212121;
  margin-bottom: 22px
}

@media(max-width: 1200px) {
  .listing-cards-item__title {
    font-size: 30px;
    line-height: 130%
  }
}

@media(max-width: 991px) {
  .listing-cards-item__title {
    font-size: 24px;
    margin-bottom: 20px
  }
}

@media(max-width: 767px) {
  .listing-cards-item__title {
    font-size: 18px;
    margin-bottom: 18px
  }
}

.listing-cards-item__title--small {
  font-size: 20px;
  line-height: 20px;
  text-transform: none
}

@media(max-width: 991px) {
  .listing-cards-item__title--small {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .listing-cards-item__title--small {
    font-size: 16px
  }
}

.listing-cards-item__date {
  font-size: 12px;
  line-height: 20px;
  color: #969696;
  margin-bottom: 14px
}

.listing-cards-item__text {
  font-size: 20px;
  line-height: 28px;
  color: #5a5a5a;
  margin-bottom: 26px
}

@media(max-width: 991px) {
  .listing-cards-item__text {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 20px
  }
}

@media(max-width: 767px) {
  .listing-cards-item__text {
    font-size: 16px;
    margin-bottom: 16px;
    max-width: 50%
  }
}

@media(max-width: 539px) {
  .listing-cards-item__text {
    font-size: 16px;
    margin-bottom: 16px;
    max-width: 320px
  }
}

.listing-cards-item__text--small {
  font-weight: 300;
  font-size: 14px;
  line-height: 15px
}

@media(max-width: 767px) {
  .listing-cards-item__text--small {
    max-width: 100%
  }
}

.listing-cards__more {
  opacity: .6;
  margin-top: auto
}

.listing-cards-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 32px;
  border-top: 1px solid #212121
}

.listing-cards-more--small {
  padding-top: 16px
}

.listing-cards-more--small .listing-cards-more__text {
  font-size: 16px;
  line-height: 23px
}

.listing-cards-more__text {
  font-size: 20px;
  line-height: 23px;
  color: #5a5a5a
}

@media(max-width: 991px) {
  .listing-cards-more__text {
    font-size: 18px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .listing-cards-more__text {
    font-size: 16px;
    line-height: 130%
  }
}

.listing-cards-more__svg {
  width: 22px;
  height: 22px;
  fill: #323232
}

.listing-cards__button {
  width: 100%;
  height: 72px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 80px
}

@media(max-width: 991px) {
  .listing-cards__button {
    height: 60px;
    margin-top: 60px
  }
}

@media(max-width: 767px) {
  .listing-cards__button {
    height: 50px;
    margin-top: 40px
  }
}

.news-detail {
  padding-top: calc(100px + 90px)
}

@media(max-width: 767px) {
  .news-detail {
    padding-top: calc(40px + calc(9.1264667536vw / 2 + 70px / 2))
  }
}

.news-detail__row {
  display: flex
}

@media(max-width: 991px) {
  .news-detail__row {
    flex-direction: column
  }
}

.news-detail__row--1 {
  margin-bottom: 84px
}

@media(max-width: 991px) {
  .news-detail__row--1 {
    margin-bottom: 60px
  }
}

@media(max-width: 767px) {
  .news-detail__row--1 {
    margin-bottom: 40px
  }
}

.news-detail__row--2 {
  margin-bottom: 58px
}

@media(max-width: 991px) {
  .news-detail__row--2 {
    margin-bottom: 40px
  }
}

@media(max-width: 767px) {
  .news-detail__row--2 {
    margin-bottom: 30px
  }
}

.news-detail__col--1 {
  flex: 0 0 calc(14.5833333333vw / 2 + 280px / 2);
  margin-right: 26px
}

@media(max-width: 991px) {
  .news-detail__col--1 {
    flex: 1 1 auto;
    margin-right: 0;
    margin-bottom: 26px
  }
}

.news-detail__col--2 {
  flex: 1 1 auto
}

.news-detail__col--3 {
  flex: 0 0 580px
}

.news-detail__image {
  border-bottom: 16px solid transparent;
  margin-bottom: 42px
}

.news-detail__image--border-green {
  border-color: #c4da5a
}

.news-detail__image--border-blue {
  border-color: #3395cd
}

.news-detail__image img {
  width: 100%
}

.news-detail__date {
  font-size: 14px;
  line-height: 20px;
  color: #5a5a5a;
  margin-bottom: 20px
}

.news-detail__title {
  font-size: 60px;
  line-height: 110%
}

@media(max-width: 991px) {
  .news-detail__title {
    font-size: 36px
  }
}

@media(max-width: 767px) {
  .news-detail__title {
    font-size: 24px
  }
}

.news-detail__type {
  font-size: 32px;
  line-height: 43px;
  color: #c4da5a
}

@media(max-width: 991px) {
  .news-detail__type {
    font-size: 28px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .news-detail__type {
    font-size: 24px
  }
}

.news-detail__text {
  font-size: 20px;
  line-height: 128%
}

@media(max-width: 991px) {
  .news-detail__text {
    font-size: 18px
  }
}

@media(max-width: 767px) {
  .news-detail__text {
    font-size: 16px
  }
}

.news-detail__text p:not(:last-child) {
  margin-bottom: 1em
}

.news-detail__source {
  font-size: 22px;
  line-height: 40px;
  border-top: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
  padding: calc(1.875vw / 2 + 36px / 2) 0
}

@media(max-width: 991px) {
  .news-detail__source {
    font-size: 20px
  }
}

@media(max-width: 767px) {
  .news-detail__source {
    font-size: 18px
  }
}

.news-detail__source a {
  color: #3395cd;
  text-decoration: underline
}

.news-detail__source a:hover {
  text-decoration: none
}

.back-link__content {
  padding: calc(3.3333333333vw / 2 + 64px / 2) 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: space-between;
  margin-bottom: 84px
}

@media(max-width: 991px) {
  .back-link__content {
    margin-bottom: 64px
  }
}

@media(max-width: 767px) {
  .back-link__content {
    flex-direction: column;
    margin-bottom: 44px
  }
}

.back-link__text {
  font-size: 32px;
  line-height: 40px;
  flex: 0 0 calc(40.1041666667vw / 2 + 770px / 2)
}

@media(max-width: 991px) {
  .back-link__text {
    font-size: 24px;
    line-height: 130%
  }
}

@media(max-width: 767px) {
  .back-link__text {
    font-size: 20px;
    flex: 1 1 auto;
    margin-bottom: 24px
  }
}

.back-link__button {
  width: 277px;
  height: 72px
}

@media(max-width: 991px) {
  .back-link__button {
    height: 60px
  }
}

@media(max-width: 767px) {
  .back-link__button {
    height: 50px
  }
}

@media(max-width: 539px) {
  .back-link__button {
    width: 100%
  }
}

.back-link__button svg {
  fill: #fff;
  width: 41px;
  transform: scaleX(-1);
  margin-left: 0 !important;
  margin-right: 16px !important
}

.back-link-social {
  display: flex;
  align-items: center
}

.back-link-social__list {
  margin: -12px;
  display: flex;
  align-items: center
}

.back-link-social__item {
  margin: 12px
}

.back-link-social__svg--fb {
  width: 48px;
  height: 48px
}

@media(max-width: 991px) {
  .back-link-social__svg--fb {
    width: 32px;
    height: 32px
  }
}

.back-link-social__svg--tw {
  width: 48px;
  height: 39px
}

@media(max-width: 991px) {
  .back-link-social__svg--tw {
    width: 32px;
    height: 32px
  }
}

.folder__trigger {
  cursor: pointer
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(56,59,65,.5);
  opacity: 0;
  transition: .25s ease;
  pointer-events: none;
  z-index: 10
}

.modal__overlay.is-active {
  opacity: 1;
  transition: .5s ease;
  pointer-events: auto
}

.modal__itsm-facility {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .15s ease;
  pointer-events: none
}

.modal__itsm-facility.is-active {
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: .5s ease;
  pointer-events: auto
}

.modal-itsm-facility {
  height: 95vh;
  background: #fff;
  padding: 110px 90px 70px;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(65,65,66,.15);
  border-radius: 6px
}

@media(max-width: 1500px) {
  .modal-itsm-facility {
    padding: 70px 50px 70px;
    width: 95%
  }
}

@media(max-width: 991px) {
  .modal-itsm-facility {
    padding: 30px 10px 30px;
    height: 500px
  }
}

.modal-itsm-facility__close {
  position: absolute;
  top: 40px;
  right: 40px
}

.modal-itsm-facility__close svg {
  height: 36.7695732117px;
  width: 36.7695503235px;
  stroke: #000
}

@media(max-width: 767px) {
  .modal-itsm-facility__close {
    top: 30px;
    right: 20px
  }

  .modal-itsm-facility__close svg {
    width: 30px;
    height: 30px
  }
}

.modal-itsm-facility__container {
  height: 100%;
  display: flex;
  flex-direction: column
}

@media(max-width: 539px) {
  .modal-itsm-facility__container {
    padding: 0
  }
}

.modal-itsm-facility__heading {
  margin-bottom: 40px
}

.modal-itsm-facility-heading {
  display: flex;
  align-items: center
}

.modal-itsm-facility-heading>*:not(:last-child) {
  margin-right: 28px
}

.modal-itsm-facility-heading__icon {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain
}

@media(max-width: 767px) {
  .modal-itsm-facility-heading__icon {
    width: 40px;
    height: 40px
  }
}

.modal-itsm-facility-heading__title {
  font-size: 42px;
  line-height: 50px
}

@media(max-width: 767px) {
  .modal-itsm-facility-heading__title {
    font-size: 28px;
    line-height: 32px
  }
}

.modal-itsm-facility__scrollable {
  overflow-y: scroll;
  margin-bottom: 86px
}

@media(max-width: 767px) {
  .modal-itsm-facility__scrollable {
    margin-bottom: 30px
  }
}

.modal-itsm-facility__scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

.modal-itsm-facility__scrollable::-webkit-scrollbar-thumb {
  background: rgba(106,126,150,.4);
  border-radius: 30px
}

.modal-itsm-facility__scrollable::-webkit-scrollbar-thumb:hover {
  background: rgba(106,126,150,.6)
}

.modal-itsm-facility__scrollable::-webkit-scrollbar-track {
  background: rgba(106,126,150,.2);
  border-radius: 30px
}

.modal-itsm-facility__text--1 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 63px
}

@media(max-width: 1200px) {
  .modal-itsm-facility__text--1 {
    font-size: 18px;
    line-height: 21px
  }
}

@media(max-width: 991px) {
  .modal-itsm-facility__text--1 {
    margin-bottom: 30px
  }
}

@media(max-width: 767px) {
  .modal-itsm-facility__text--1 {
    font-size: 16px;
    line-height: 18px
  }
}

@media(max-width: 539px) {
  .modal-itsm-facility__text--1 {
    font-size: 14px;
    line-height: 16px
  }
}

.modal-itsm-facility__text--1 ul li {
  position: relative;
  padding-left: .75em
}

.modal-itsm-facility__text--1 ul li:not(:last-child) {
  margin-bottom: .5em
}

.modal-itsm-facility__text--1 ul li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0
}

.modal-itsm-facility__text--2 {
  font-size: 18px;
  line-height: 22px
}

@media(max-width: 1200px) {
  .modal-itsm-facility__text--2 {
    font-size: 16px;
    line-height: 21px
  }
}

@media(max-width: 539px) {
  .modal-itsm-facility__text--2 {
    font-size: 14px;
    line-height: 16px
  }
}

.modal-itsm-facility__text--2 h3 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 16px
}

@media(max-width: 1200px) {
  .modal-itsm-facility__text--2 h3 {
    font-size: 18px;
    line-height: 21px
  }
}

@media(max-width: 767px) {
  .modal-itsm-facility__text--2 h3 {
    margin-bottom: 10px
  }
}

@media(max-width: 539px) {
  .modal-itsm-facility__text--2 h3 {
    font-size: 16px;
    line-height: 18px
  }
}

.modal-itsm-facility__image {
  display: block;
  width: 537px;
  height: 267px
}

@media(max-width: 991px) {
  .modal-itsm-facility__image {
    width: 98%;
    height: unset
  }
}

.modal-itsm-facility__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.modal-itsm-facility__row {
  display: flex;
  justify-content: space-between
}

.modal-itsm-facility__row>*:not(:last-child) {
  margin-right: 100px
}

@media(max-width: 1200px) {
  .modal-itsm-facility__row>*:not(:last-child) {
    margin-right: 50px
  }
}

@media(max-width: 991px) {
  .modal-itsm-facility__row {
    flex-direction: column
  }

  .modal-itsm-facility__row>*:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px
  }
}

.modal-itsm-facility__col--1 {
  flex: 1 1 auto
}

.modal-itsm-facility__col--2 {
  flex: 1 1 auto
}

.modal-itsm-facility__nav {
  margin-top: auto
}

.modal-itsm-facility-nav {
  padding-top: 42px;
  border-top: 1px solid #6a7e96;
  display: flex;
  justify-content: space-between
}

@media(max-width: 767px) {
  .modal-itsm-facility-nav {
    padding-top: 15px
  }
}

.modal-itsm-facility-nav__button {
  font-size: 18px;
  line-height: 30px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  display: flex;
  align-items: center
}

.modal-itsm-facility-nav__button>*:not(:last-child) {
  margin-right: 30px
}

@media(max-width: 767px) {
  .modal-itsm-facility-nav__button {
    font-size: 14px;
    line-height: 21px
  }
}

@media(max-width: 539px) {
  .modal-itsm-facility-nav__button>div {
    display: none
  }

  .modal-itsm-facility-nav__button>*:not(:last-child) {
    margin-right: 10px
  }
}

.modal-itsm-facility-nav__button.is-disabled {
  color: #8d99a2;
  text-decoration: none;
  pointer-events: none;
  opacity: 0
}

.modal-itsm-facility-nav__button.is-disabled svg {
  fill: #8d99a2
}

.modal-itsm-facility-nav__button:hover {
  text-decoration: none
}

.modal-itsm-facility-nav__button--prev svg {
  transform: scaleX(-1)
}

.modal-itsm-facility-nav__button svg {
  width: 46px;
  height: 16px;
  fill: #212121
}

.modal__feedback {
  max-height: 100vh;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%) scale(0.75);
  opacity: 0;
  transition: .15s ease;
  pointer-events: none;
  overflow-y: scroll
}

.modal__feedback::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

.modal__feedback::-webkit-scrollbar-thumb {
  background: rgba(106,126,150,.4)
}

.modal__feedback::-webkit-scrollbar-thumb:hover {
  background: rgba(106,126,150,.6)
}

.modal__feedback::-webkit-scrollbar-track {
  background: rgba(106,126,150,.2)
}

.modal__feedback.is-active {
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: .5s ease;
  pointer-events: auto
}

.feedback {
  width: 900px;
  max-width: 100%;
  background: #fff;
  padding: 70px calc(3.125vw / 2 + 60px / 2) calc(3.125vw / 2 + 60px / 2);
  box-sizing: border-box;
  box-shadow: 0px 4px 24px rgba(150,161,170,.3)
}

@media(max-width: 539px) {
  .feedback {
    padding: 60px 20px
  }
}

.feedback__close-btn {
  position: absolute;
  top: 26px;
  right: 26px;
  padding: 10px;
  margin: -10px
}

.feedback__close-btn svg {
  width: 20px;
  height: 20px;
  stroke: #200e32;
  stroke-width: 2px
}

.feedback__title {
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  color: #212121;
  margin-bottom: 51px
}

@media(max-width: 991px) {
  .feedback__title {
    font-size: 28px;
    line-height: 130%
  }
}

@media(max-width: 539px) {
  .feedback__title {
    font-size: 24px
  }
}

.feedback-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media(max-width: 767px) {
  .feedback-form>*:not(:last-child) {
    margin-bottom: 15px
  }
}

.feedback-form__success {
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  line-height: 130%;
  color: #5a5a5a
}

.feedback-form__custom-select {
  width: 100%;
  margin: 0 auto 23px
}

.feedback-form__custom-select--error .select-selected {
  border-color: #ed3028
}

.feedback-form__input {
  font-family: "Museo",sans-serif;
  width: 100%;
  height: 74px;
  border: 1px solid #cecece;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 22px;
  line-height: 26px;
  color: #5a5a5a;
  padding: 24px 26px
}

.feedback-form__input:not(:last-of-type):nth-child(even) {
  margin-bottom: 15px
}

@media(max-width: 991px) {
  .feedback-form__input {
    font-size: 20px;
    line-height: 130%;
    height: 64px;
    padding: 20px 20px
  }
}

@media(max-width: 767px) {
  .feedback-form__input {
    font-size: 18px;
    height: 54px;
    padding: 16px 14px
  }
}

.feedback-form__input--error {
  border-color: #ed3028
}

.feedback-form__input--short {
  width: calc(50% - 8px)
}

@media(max-width: 767px) {
  .feedback-form__input--short {
    width: 100%
  }
}

.feedback-form__input--textarea {
  height: calc(74px * 2);
  resize: none;
  margin-bottom: 15px
}

.feedback-form__captcha {
  margin: 0 auto 16px;
  position: relative
}

.feedback-form__captcha-error {
  position: absolute;
  top: -3px;
  left: 0;
  transform: translate(0, -100%);
  font-size: 14px;
  font-weight: 300;
  color: #ed3028
}

.feedback-form__agreement {
  width: 55%;
  cursor: pointer;
  padding-top: 8px;
  margin: 0 auto 16px 0
}

@media(max-width: 539px) {
  .feedback-form__agreement {
    width: 100%
  }
}

.feedback-form__agreement input {
  display: none
}

.feedback-form__agreement input:checked+span:before {
  border-color: #b7d232;
  background: #b7d232
}

.feedback-form__agreement input:checked+span:after {
  content: "";
  width: 5px;
  height: 10px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(-135deg);
  position: absolute;
  top: 3px;
  left: 7px
}

.feedback-form__agreement span {
  display: block;
  font-size: 16px;
  line-height: 19px;
  color: #5a5a5a;
  padding-left: 40px;
  position: relative
}

@media(max-width: 767px) {
  .feedback-form__agreement span {
    font-size: 14px;
    line-height: 130%;
    padding-left: 30px
  }
}

.feedback-form__agreement span:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid #200e32;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0
}

.feedback-form__agreement a {
  text-decoration: underline;
  white-space: nowrap
}

.feedback-form__agreement a:hover {
  text-decoration: none
}

.feedback-form__submit {
  width: 100%
}

.custom-select {
  position: relative
}

.custom-select select {
  display: none
}

.custom-select__heading {
  font-size: 18px;
  line-height: 22px;
  color: #5a5a5a;
  margin-bottom: 5px
}

.select-selected {
  background-color: #fff
}

.select-selected:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 14px solid #212121;
  transform: translateY(calc(-14px / 2))
}

@media(max-width: 991px) {
  .select-selected:after {
    right: 20px;
    border: 10px solid transparent;
    border-top: 12px solid #212121;
    transform: translateY(calc(-12px / 2))
  }
}

@media(max-width: 767px) {
  .select-selected:after {
    right: 14px;
    border: 8px solid transparent;
    border-top: 10px solid #212121;
    transform: translateY(calc(-10px / 2))
  }
}

.select-selected.select-arrow-active:after {
  border-top: none;
  border-bottom: 14px solid #212121
}

@media(max-width: 991px) {
  .select-selected.select-arrow-active:after {
    border-bottom: 12px solid #212121
  }
}

@media(max-width: 767px) {
  .select-selected.select-arrow-active:after {
    border-bottom: 10px solid #212121
  }
}

.select-items div,.select-selected {
  height: 74px;
  display: flex;
  align-items: center;
  color: #5a5a5a;
  padding: 8px 26px;
  box-sizing: border-box;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-size: 22px;
  line-height: 26px
}

@media(max-width: 991px) {
  .select-items div,.select-selected {
    font-size: 20px;
    line-height: 130%;
    height: 64px;
    padding: 8px 20px
  }
}

@media(max-width: 767px) {
  .select-items div,.select-selected {
    font-size: 18px;
    height: 54px;
    padding: 8px 14px
  }
}

.select-selected {
  border-radius: 10px;
  border: 1px solid #5a5a5a;
  padding-right: calc(26px + 30px + 8px);
  position: relative;
  z-index: 1;
  color: #b7d232
}

@media(max-width: 991px) {
  .select-selected {
    padding-right: calc(20px + 30px + 8px)
  }
}

@media(max-width: 767px) {
  .select-selected {
    padding-right: calc(14px + 30px + 8px)
  }
}

.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  padding-top: 10px;
  margin-top: -11px;
  border: 1px solid #5a5a5a;
  border-radius: 0 0 10px 10px;
  overflow: hidden
}

.select-items div {
  position: relative
}

.select-items div:not(:last-of-type):after {
  content: "";
  width: calc(100% - 10px * 2);
  height: 1px;
  background: #5a5a5a;
  position: absolute;
  bottom: -1px;
  left: 10px
}

.select-hide {
  display: none
}

.select-items div:hover,.same-as-selected {
  background-color: #edeff0
}

.aside-btns {
  position: relative;
  z-index: 5;
  width: 0;
  height: 0
}

@media(max-width: 991px) {
  .aside-btns {
    display: none
  }
}

.aside-btns__trigger.is-active+.aside-btns__container {
  transform: translate(0, -50%);
  opacity: 1;
  transition: .5s ease,opacity 0s
}

.aside-btns__container {
  position: fixed;
  top: 50%;
  right: -3px;
  transform: translate(100%, -50%);
  transition: 0s .25s ease,opacity .1s ease;
  display: flex;
  flex-direction: column;
  opacity: 0
}

.aside-btns__container>*:not(:last-child) {
  margin-bottom: 14px
}

.aside-btns__button {
  width: 151px;
  box-shadow: 0px 4px 10px rgba(106,126,150,.3);
  font-size: 14px;
  line-height: 20px;
  padding-right: 15px;
  box-sizing: border-box
}

.fancybox-is-open .fancybox-bg {
  opacity: 1
}

.fancybox-bg {
  background: rgba(0,0,0,.5)
}

.fancybox-button {
  background: rgba(0,0,0,.5)
}

body.compensate-for-scrollbar {
  overflow: visible;
  margin-right: 0
}

.fancybox-toolbar {
  right: 0
}

.fancybox-slide {
  cursor: pointer
}