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

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

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

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

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

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

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

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

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

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

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

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

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

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

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

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

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

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

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

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
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;
    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;
    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;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-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: grab;
}

.fancybox-is-grabbing .fancybox-content {
    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;
    user-select: none;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .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: #fff;
}

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

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

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

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

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

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

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

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

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(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: #fff;
    opacity: 1;
}

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

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

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

/* Navigation arrows */

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

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

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

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

/* Caption */

.fancybox-caption {
    background: 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: #fff;
    text-decoration: underline;
}

/* Loading indicator */

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

@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;
    transform: rotate(-360deg);
}

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

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    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;
    user-select: none;
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    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 {
    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);
    }
}@charset "UTF-8";
.game-platforms__list, .category-switcher__list, .single-article__content ul, .single-article__content ol, .benefits-2d__list, .workers-2d__list, .tools-2d__list, .single-article-contents__list li > ul, .single-article-contents__list, .share__list, .pagination__list, .breadcrumbs__list, .menu-list > .menu-item .sub-menu, .menu-list, .footer-scl-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Rajdhani Light"), local("Rajdhani-Light"), url("./fonts/Rajdhani/LDI2apCSOBg7S-QT7pasEfOreec.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Rajdhani Regular"), local("Rajdhani-Regular"), url("./fonts/Rajdhani/LDIxapCSOBg7S-QT7p4HM-Y.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Rajdhani Medium"), local("Rajdhani-Medium"), url("./fonts/Rajdhani/LDI2apCSOBg7S-QT7pb0EPOreec.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Rajdhani SemiBold"), local("Rajdhani-SemiBold"), url("./fonts/Rajdhani/LDI2apCSOBg7S-QT7pbYF_Oreec.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Rajdhani Bold"), local("Rajdhani-Bold"), url("./fonts/Rajdhani/LDI2apCSOBg7S-QT7pa8FvOreec.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Figtree";
  src: local("Figtree Light"), local("FigtreeLight"), url("./fonts/Figtree/static/Figtree-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: local("Figtree Regular"), local("FigtreeRegular"), url("./fonts/Figtree/static/Figtree-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: local("Figtree SemiBold"), local("FigtreeSemiBold"), url("./fonts/Figtree/static/Figtree-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: local("Figtree Bold"), local("Figtree-Bold"), url("./fonts/Figtree/static/Figtree-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: local("Figtree Light Italic"), local("FigtreeLightItalicalic"), url("./fonts/Figtree/static/Figtree-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: local("Figtree Italic"), local("FigtreeItalic"), url("./fonts/Figtree/static/Figtree-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

button {
  border-radius: 0;
}

table {
  border-collapse: collapse;
}

:focus {
  outline: 0;
}

html,
body {
  height: 100%;
}

body {
  min-width: 320px;
  color: #303031;
  font: 400 16px/1 "Figtree", sans-serif;
  background-color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Rajdhani", sans-serif;
  color: inherit;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
  color: #39b4bd;
}

h1,
.h1 {
  font-size: 83px;
  line-height: 100%;
  color: #FFFFFF;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin: 0;
}

h2,
.h2 {
  font-size: 60px;
  line-height: 110%;
}

p {
  margin-top: 0;
  margin-bottom: 20px;
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 20px;
}

blockquote {
  margin: 0 0 20px;
}

a {
  color: #494949;
  text-decoration: none;
  transition: color 0.4s ease-in-out;
}
a:hover {
  color: #303030;
  text-decoration: none;
}

pre {
  margin-top: 0;
  margin-bottom: 15px;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 15px;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}

label {
  display: inline-block;
  margin-bottom: 5px;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?ic3een");
  src: url("fonts/icomoon.eot?ic3een#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?ic3een") format("truetype"), url("fonts/icomoon.woff?ic3een") format("woff"), url("fonts/icomoon.svg?ic3een#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plus-round:before {
  content: "\e908";
}

.icon-plus:before {
  content: "\e909";
}

.icon-search:before {
  content: "\e907";
}

.icon-envelop:before {
  content: "\e906";
}

.icon-arrow-next:before {
  content: "\e904";
}

.icon-arrow-prev:before {
  content: "\e905";
}

.icon-email:before {
  content: "\e900";
}

.icon-location:before {
  content: "\e901";
}

.icon-marker:before {
  content: "\e902";
}

.icon-phone-call:before {
  content: "\e903";
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.btn {
  display: inline-block;
  border: 0;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #39b4bd;
  padding: 19px 50px 18px;
  font-family: "Rajdhani", sans-serif;
  font-size: 17px;
  line-height: 1;
  box-shadow: none;
  transition: 0.2s ease-in-out;
  color: #fff;
  border-radius: 3px;
  white-space: nowrap;
}
@media screen and (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #fff;
  background-color: #35a9b1;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
}
.btn.disabled, .btn:disabled {
  color: #c4c4c4;
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  box-shadow: none;
}
.btn.disabled .svg-icon, .btn:disabled .svg-icon {
  fill: #c4c4c4;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn .svg-icon {
  display: inline;
  vertical-align: baseline;
  margin-left: 10px;
  transition: fill 0.2s ease-in-out;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-outline {
  color: #303031;
  background-color: transparent;
  border: 2px solid #39b4bd;
}
.btn-outline:hover {
  color: #fff;
  background-color: #39b4bd;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 10px;
}

[type=submit].btn-block,
[type=reset].btn-block,
[type=button].btn-block {
  width: 100%;
}

button:focus {
  outline: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.custom-file {
  width: auto;
  height: auto;
  max-width: 135px;
  margin-bottom: 10px;
}
.custom-file-input {
  height: 52px;
}
.custom-file-label {
  color: #303031;
  height: 52px;
  border-width: 0 0 1px;
  padding: 15px 0;
  border-radius: 0;
  border-bottom-color: rgba(0, 0, 0, 0.18);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-file-label::after {
  content: none;
}
.custom-file-label::before {
  content: "";
  display: inline-block;
  vertical-align: -3px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url("data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='%2339b4bd' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.6403 1.62694C11.2155 0.135786 8.93776 0.136111 7.51331 1.62768L1.53907 8.01788C0.458807 9.20059 0.479452 11.096 1.58518 12.2515C2.67272 13.388 4.4096 13.388 5.49714 12.2515L10.9069 6.46511C11.6102 5.71286 11.6102 4.49321 10.9069 3.74097C10.2036 2.98873 9.06336 2.98873 8.36009 3.74097L3.18551 9.27577C3.00503 9.47566 3.01021 9.79419 3.19709 9.98724C3.37939 10.1756 3.66839 10.1756 3.8507 9.98724L9.02524 4.45244C9.36838 4.10083 9.91303 4.11336 10.2417 4.48039C10.5605 4.83633 10.5605 5.3977 10.2417 5.75364L4.83198 11.54C4.10116 12.3106 2.92468 12.3016 2.20426 11.5199C1.49111 10.7461 1.49111 9.50314 2.20426 8.72935L8.1785 2.33915C9.24266 1.20048 10.9683 1.20016 12.0328 2.33838C13.0974 3.4766 13.0977 5.3224 12.0336 6.46107L6.05929 12.8513C5.86197 13.032 5.83898 13.3497 6.00797 13.5607C6.17696 13.7718 6.47393 13.7964 6.67125 13.6156C6.68966 13.5988 6.70681 13.5804 6.72258 13.5607L12.6968 7.17053C14.1124 5.62303 14.0871 3.14106 12.6403 1.62694Z'/%3e%3c/svg%3e") no-repeat center;
  background-size: contain;
}

.custom-control-label {
  line-height: 1.3;
}
.custom-control-label::before {
  top: 0;
  width: 18px;
  height: 18px;
  border-color: #c8c8c8;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0;
}
.custom-control-label::after {
  top: 0;
}
.custom-checkbox .custom-control-label::after {
  top: 5px;
  left: -19px;
  width: 8px;
  height: 8px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #c8c8c8;
  background-color: #fff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background: #39b4bd;
}

.d-flex {
  display: flex;
}
.d-block {
  display: block;
}
.d-none {
  display: none;
}
.d-inline-block {
  display: inline-block;
}
.d-inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-fill {
  flex: 1 1 auto;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}

.justify-content-start {
  justify-content: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}

.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-stretch {
  align-content: stretch;
}
.align-self-auto {
  align-self: auto;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}

.form__row {
  margin-bottom: 20px;
}
.form__title {
  font-size: 25px;
  line-height: 120%;
  font-family: "Figtree", sans-serif;
  font-weight: 300;
  margin-bottom: 15px;
}
.form__field, .form__select {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 52px;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #303031;
  background-color: #f4f4f4;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 0;
  transition: 0.3s ease-in-out;
  font-family: "Figtree", sans-serif;
  font-weight: 400;
}
.form__field::-moz-placeholder, .form__select::-moz-placeholder {
  color: #303031;
}
.form__field::placeholder, .form__select::placeholder {
  color: #303031;
}
.form__field:focus, .form__select:focus {
  border-color: rgba(0, 0, 0, 0.3);
  outline: 0;
}
.form__field:focus::-moz-placeholder, .form__select:focus::-moz-placeholder {
  color: transparent;
  opacity: 0;
}
.form__field:focus::placeholder, .form__select:focus::placeholder {
  color: transparent;
  opacity: 0;
}
.form__field.error, .form__field.invalid, .form__field.is-error, .form__field.is-invalid, .form__select.error, .form__select.invalid, .form__select.is-error, .form__select.is-invalid {
  border-color: #b50c11;
}
.form__select {
  float: none;
  display: flex;
  align-items: center;
}
.form__select::after {
  border-color: #494949;
}
.form__select .list {
  width: 100%;
  transition: all 0.3s ease;
}
.form__file {
  display: none;
}

textarea.form__field {
  height: auto;
  min-height: 115px;
  resize: vertical;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-nowrap {
  white-space: nowrap;
}
.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-dark {
  color: #303031;
}

.bold {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.align-left {
  float: left;
  margin-right: 20px;
}
.align-right {
  float: right;
  margin-left: 20px;
}
.align-center {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-auto {
  margin-top: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mt-50 {
  margin-top: 50px;
}

.h-100 {
  height: 100vh;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.text-14 {
  font-size: 14px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}

.is-hide,
.is-hidden {
  display: none;
}

.is-error {
  color: #f00;
}

.fa-fw {
  display: inline-block;
  width: 1.28571429em;
  text-align: center;
}

.highlight {
  color: #39b4bd;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.order-1 {
  order: 1;
}

.btn-reset {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.font-rajdhani, .popup .slick-arrow, .hashtag__elem, .tabs__item, .footer-contacts__title {
  font-family: "Rajdhani", sans-serif;
}

.font-proxima-nova, .h-service__title {
  font-family: "Figtree", sans-serif;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.is-noscroll {
  overflow: hidden;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}

.footer {
  margin-top: -38px;
}
.footer-top {
  padding: 152px 0;
  position: relative;
  z-index: 1;
  background: none no-repeat 0 0, none no-repeat 0 33px;
  overflow: hidden;
}
@media (min-width: 1925px) {
  .footer-top {
    background-size: 100% 34px, 100% auto;
  }
}
.footer-top .lights {
  display: none;
  position: absolute;
  top: 5%;
  left: 0;
  bottom: 0;
  z-index: -1;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
@supports (mix-blend-mode: screen) {
  .footer-top .lights {
    display: block;
    mix-blend-mode: screen;
  }
}
.footer-top .lights img {
  max-width: none;
}
.footer-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(360deg, #141618 4.7%, rgba(20, 22, 24, 0) 12.51%);
}
.footer-form {
  position: relative;
  max-width: 592px;
  margin-left: auto;
  text-align: center;
  padding: 77px 68px 0;
  border-radius: 17px;
  background: linear-gradient(47.64deg, rgba(189, 117, 50, 0.3) 10.42%, rgba(189, 117, 50, 0) 39.22%), rgba(26, 26, 26, 0.7);
}
.footer-form_success {
  display: none;
  padding-bottom: 78px;
}
.footer-form_success .footer-form__head {
  margin-bottom: 0;
}
.footer-form__head {
  margin-bottom: 35px;
  max-width: 500px;
}
.footer-form__title {
  margin-bottom: 12px;
}
.footer-form__title svg {
  margin-bottom: 24px;
}
.footer-form__title h2 {
  font-weight: 600;
  font-size: 52px;
  line-height: 97%;
  letter-spacing: 0.035em;
  color: #39b4bd;
  margin: 0;
}
.footer-form__slogan {
  position: absolute;
  top: 0;
  left: -48px;
  transform: rotate(-90deg) translate(-50%, 0%);
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 105.4%;
  text-transform: uppercase;
  color: #fff;
  display: none;
}
.footer-form__slogan span {
  color: #39B4BD;
}
.footer-form__text {
  line-height: 153.4%;
  color: #fff;
  margin: 0;
  opacity: 0.85;
}
.footer-form__wrapper {
  position: relative;
}
.footer-form__success {
  display: none;
  position: absolute;
  bottom: 25px;
  padding: 0 70px;
  width: 100%;
  left: 0;
  color: #34b744;
  font-weight: 600;
}
.footer-form .wpcf7-form {
  padding: 0 27px 77px;
  position: relative;
}
.footer-form .wpcf7-form .wpcf7-response-output {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 0;
  left: 0;
  border: 0;
  margin: 0;
  color: #e01e1e;
}
.footer-form .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  display: none !important;
}
.footer-form .wpcf7 .box-fields-row {
  margin: 0 -13px 35px;
  display: flex;
}
.footer-form .wpcf7 .box-fields-row:last-child {
  margin-bottom: 0;
}
.footer-form .wpcf7 .box-fields-row_sb {
  justify-content: center;
  margin-top: -10px;
}
.footer-form .wpcf7 .box-fields-row_sb .box-fields-col {
  width: auto;
  max-width: 100%;
  padding: 0;
}
.footer-form .wpcf7 .box-fields-row_file {
  margin-bottom: 60px;
}
.footer-form .wpcf7 .box-fields-row_file .box-fields-col:nth-child(1) {
  width: 55%;
}
.footer-form .wpcf7 .box-fields-row_file .box-fields-col:nth-child(2) {
  width: 45%;
}
.footer-form .wpcf7 .box-fields-row > p {
  display: none;
}
.footer-form .wpcf7 .box-fields-col {
  width: 50%;
  flex-shrink: 0;
  padding: 0 13px;
}
.footer-form .wpcf7 .box-fields-col_wide {
  width: 100%;
}
.footer-form .wpcf7 .box-fields-col > p {
  display: none;
}
.footer-form .wpcf7 .box-fields-input {
  position: relative;
}
.footer-form .wpcf7 .box-fields-input > label {
  position: absolute;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  left: 0;
  top: 3px;
  transition: 0.3s all linear;
}
.footer-form .wpcf7 .box-fields-input input, .footer-form .wpcf7 .box-fields-input textarea, .footer-form .wpcf7 .box-fields-input input[type=submit] {
  -webkit-appearance: none;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 5px 0;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control::-moz-placeholder {
  opacity: 0;
  font-size: 16px;
  color: #303031;
  font-family: "Figtree", sans-serif;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control::placeholder {
  opacity: 0;
  font-size: 16px;
  color: #303031;
  font-family: "Figtree", sans-serif;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-textarea {
  display: block;
  height: 45px;
  resize: none;
  padding: 5px 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control:focus::-moz-placeholder {
  opacity: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control:focus::placeholder {
  opacity: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance {
  height: auto;
  background: transparent;
  border: none;
  padding: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0 0 18px;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:last-child, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item:last-child {
  margin-bottom: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
  margin: 0;
  display: flex;
  align-items: center;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label input, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label input:checked + .wpcf7-list-item-label::after, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label input:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
  position: relative;
  padding: 2px 0 0 26px;
  cursor: pointer;
  font-size: 14px;
  line-height: 100%;
  color: rgba(200, 200, 200, 0.3);
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: transparent;
  border: 1px solid rgba(200, 200, 200, 0.3);
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::after, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 7px;
  height: 7px;
  background: #39B4BD;
  transition: 0.2s;
  opacity: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label a, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label a {
  color: #39b4bd;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item .wpcf7-list-item-label::before, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid .wpcf7-list-item .wpcf7-list-item-label::before {
  border: 1px solid red;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-file {
  width: 100%;
  padding: 0;
  background: transparent;
  height: 35px;
  opacity: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-submit {
  box-sizing: border-box;
  width: 250px;
  max-width: 100%;
  height: 60px;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Rajdhani", sans-serif;
  background: url("/wp-content/themes/classy/dist/img/footer-form-btn-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  border: 0;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-submit:disabled, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-submit.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-not-valid {
  border-bottom: 1px solid red;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control-wrap {
  display: block;
}
.footer-form .wpcf7 .box-fields-input .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: block;
  position: absolute;
  top: 108%;
  font-size: 12px;
  color: #e01e1e;
}
.footer-form .wpcf7 .box-fields-input_file {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.footer-form .wpcf7 .box-fields-input_file br {
  display: none;
}
.footer-form .wpcf7 .box-fields-input_file .wpcf7-form-control-wrap {
  margin: 0;
}
.footer-form .wpcf7 .box-fields-input_file span {
  font-size: 10px;
  line-height: 188.9%;
  color: #ACABAB;
  margin-top: 8px;
}
.footer-form .wpcf7 .box-fields-input_file .upload-text {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 35px;
  border-bottom: 1px solid rgba(196, 196, 196, 0.4);
  font-size: 14px;
  line-height: 2.5;
  color: #fff;
  text-align: right;
  margin-top: 0;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.footer-form .wpcf7 .box-fields-input_file .upload-text::before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 20px;
  right: 75px;
  margin-top: -11px;
  background: url("/wp-content/themes/classy/dist/img/icons/upload-icon.png") no-repeat 0 0;
}
.footer-form .wpcf7 .box-fields-input_file .upload-text.selected::before {
  content: none;
}
.footer-form .wpcf7 .box-fields-input_file .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  top: 145%;
}
.footer-form .wpcf7 .box-fields-input.active > label {
  top: -15px;
  left: 0;
  font-size: 14px;
}
.footer-form.sent .footer-form__success {
  display: block;
}
.footer-form_vacancy {
  padding-left: 58px;
  padding-right: 58px;
}
.footer-form_vacancy .wpcf7-form {
  padding-left: 0;
  padding-right: 0;
}
.footer-middle {
  padding: 100px 0;
  background: #141618;
}
.footer-middle-wrapper {
  display: flex;
  justify-content: space-between;
}
.footer-logo {
  margin-bottom: 35px;
}
.footer-contacts__item {
  margin-bottom: 36px;
}
.footer-contacts__item:last-child {
  margin-bottom: 0;
}
.footer-contacts__title {
  margin-bottom: 22px;
  color: #08BEB2;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.footer-contacts__text {
  font-weight: 600;
  font-size: 14px;
  color: #CACACA;
  margin-bottom: 15px;
}
.footer-contacts__text a {
  color: #39B4BD;
  display: inline-block;
}
.footer-contacts__text:last-child {
  margin-bottom: 0;
}
.footer-menu .menu-list > .menu-item:not(.menu-item-has-children) {
  display: none;
}
.footer-menu .menu-list .menu-item-has-children:hover::after {
  content: none;
}
.footer-menu .menu-list > .menu-item-has-children {
  padding-right: 0;
}
.footer-menu .menu-list > .menu-item-has-children > a {
  display: none;
}
.footer-menu .menu-list > .menu-item-has-children > .sub-menu {
  padding: 0;
  overflow: hidden;
  background: transparent;
  position: static;
  opacity: 1;
  visibility: visible;
}
.footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item {
  margin-right: 110px;
}
.footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item > a {
  font-size: 18px;
  margin-bottom: 34px;
}
.footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item .sub-menu {
  margin: 0 -22px;
}
.footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item .sub-menu .menu-item {
  padding: 0 22px;
}
.footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item .sub-menu .menu-item a {
  color: #CACACA;
}
.footer-bottom {
  background: #000;
  padding: 26px 0;
}
.footer-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-rights__text {
  font-size: 14px;
  line-height: 105.4%;
  color: #fff;
  opacity: 0.55;
  font-family: "Figtree", sans-serif;
}
.footer-rights__text a {
  color: inherit;
}
.footer-rights__text .divider {
  width: 1px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  opacity: 0.5;
  margin: 0 10px;
}
.footer-scl-list {
  display: flex;
  align-items: center;
}
.footer-scl-list__item {
  margin-right: 17px;
}
.footer-scl-list__item:last-child {
  margin-right: 0;
}
.footer-scl-list__link {
  display: block;
  opacity: 0.65;
  transition: opacity 0.2s ease-in-out;
}
.footer-scl-list__link:hover {
  opacity: 1;
}
.footer-scl-list__link svg {
  display: block;
}

@media screen and (max-width: 1650px) {
  .footer-top {
    background-position: -100px 0, -100px 33px;
  }
}
@media screen and (max-width: 1399px) {
  .footer-top {
    background-position: -250px 0, -250px 33px;
  }
  .footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item {
    margin-right: 30px;
  }
  .footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item .sub-menu {
    margin: 0 -10px;
  }
  .footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item .sub-menu .menu-item {
    padding: 0 10px;
  }
  .footer-menu .menu-list > .menu-item-has-children > .sub-menu > .menu-item .sub-menu .menu-item a {
    font-size: 13px;
  }
  .footer-contacts__text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .footer-top {
    background-position: 0 0, 0 33px;
  }
  .footer-form {
    margin-right: auto;
  }
  .footer-menu {
    display: none;
  }
  .footer-middle {
    padding: 60px 0;
  }
  .footer-info {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .footer-contacts {
    text-align: center;
  }
  .footer-contacts__text {
    font-size: 14px;
  }
  .footer-bottom {
    padding: 45px 0;
  }
  .footer-bottom-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-rights__text {
    line-height: 1.5;
  }
  .footer-scl {
    order: 1;
  }
  .footer-rights {
    margin: 24px 0 0;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-top: -28px;
  }
  .footer-top {
    padding: 100px 0 18px;
    background-position: 19% 0, 19% 33px;
  }
  .footer-form {
    padding: 30px 20px 0;
    background: rgba(26, 26, 26, 0.7);
  }
  .footer-form-head {
    margin-bottom: 18px;
  }
  .footer-form__title {
    margin-bottom: 20px;
  }
  .footer-form__title h2 {
    font-size: 30px;
  }
  .footer-form__slogan {
    font-size: 9px;
    left: -22px;
  }
  .footer-form__text {
    font-size: 14px;
  }
  .footer-form .wpcf7-form {
    padding: 0 0 60px;
  }
  .footer-form .wpcf7-form .wpcf7-response-output {
    bottom: 15px;
    font-size: 14px;
  }
  .footer-form .wpcf7 .box-fields-row {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .footer-form .wpcf7 .box-fields-row_sb {
    margin-top: -15px;
  }
  .footer-form .wpcf7 .box-fields-row_file {
    margin-bottom: 20px;
  }
  .footer-form .wpcf7 .box-fields-row_file .box-fields-col:nth-child(1) {
    width: 100%;
  }
  .footer-form .wpcf7 .box-fields-row_file .box-fields-col:nth-child(2) {
    width: 100%;
  }
  .footer-form .wpcf7 .box-fields-col {
    width: 100%;
    margin-bottom: 17px;
  }
  .footer-form .wpcf7 .box-fields-col:last-child {
    margin-bottom: 0;
  }
  .footer-form .wpcf7 .box-fields-col:last-of-type {
    margin-bottom: 0;
  }
  .footer-form .wpcf7 .box-fields-input > label {
    font-size: 12px;
    top: 8px;
  }
  .footer-form .wpcf7 .box-fields-input_btn {
    padding-top: 15px;
  }
  .footer-form .wpcf7 .box-fields-input_file {
    margin-top: 10px;
    align-items: flex-start;
  }
  .footer-form .wpcf7 .box-fields-input_file .upload-text {
    right: auto;
    left: 0;
    text-align: left;
    padding-left: 30px;
  }
  .footer-form .wpcf7 .box-fields-input_file .upload-text::before {
    right: auto;
    left: 0;
  }
  .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label, .footer-form .wpcf7 .box-fields-input .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
    font-size: 13px;
    padding: 3px 0 0 26px;
  }
  .footer-form .wpcf7 .box-fields-input.active > label {
    font-size: 12px;
    top: -10px;
  }
  .footer-form__success {
    bottom: 15px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 575px) {
  .footer-top {
    background-position: 19% 0, 19% 20px;
    background-size: 1200px auto;
  }
  .footer-top::before {
    background-image: linear-gradient(360deg, #141618 0%, #141618 20%, transparent 30%);
  }
  .footer-top .wpcf7-form {
    padding-bottom: 20px;
  }
  .footer-rights__text, .footer-scl-list__link {
    opacity: 1;
  }
  .footer-rights__text a {
    display: block;
    margin-top: 18px;
    color: #cacaca;
    font-weight: bold;
  }
  .footer-rights__text .divider {
    display: none;
  }
}
.header {
  padding: 49px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  color: #fff;
  transition: 0.3s all linear;
}
.header_home {
  color: #303031;
}
.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-logo-link {
  display: block;
}
.header-logo-image {
  height: 66px;
  width: 146px;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-menu .menu-list > .menu-item:last-child {
  margin-right: 0;
}
.header-menu .header-btn {
  display: none;
}
.header.is-sticky {
  padding: 23px 0;
  color: #fff;
  background: rgba(48, 48, 49, 0.9);
}
.header.is-sticky .header-logo-link .d-none {
  display: block;
}
.header.is-sticky .header-logo-link .d-block {
  display: none;
}
.header-hamburger {
  display: none;
  width: 23px;
  height: 16px;
  align-items: flex-end;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}
.header-hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  margin-bottom: 5px;
  transition: 0.2s all linear;
}
.header-hamburger span:nth-child(2) {
  width: 19px;
}
.header-hamburger span:last-child {
  width: 15px;
  margin-bottom: 0;
}
.header-hamburger.is-active span {
  width: 100%;
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
}
.header-hamburger.is-active span:nth-child(2) {
  display: none;
}
.header-hamburger.is-active span:last-child {
  transform: rotate(-45deg);
}

@media screen and (min-width: 1200px) {
  .header-menu .container {
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 1199px) {
  .header-logo-link {
    width: 140px;
  }
  .header-menu {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(48, 48, 49, 0.9);
    padding: 160px 0 135px;
    z-index: -1;
  }
  .header-menu .header-btn {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    padding: 0 20px;
    text-align: center;
  }
  .header-menu .header-btn .btn {
    width: 100%;
    max-width: 400px;
  }
  .header-menu .container {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .header-menu.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }
  .header-hamburger {
    display: flex;
  }
  .header-btn {
    display: none;
  }
  .header.is-open {
    background: none;
  }
  .header.is-open .header-logo, .header.is-open .header-hamburger {
    z-index: 3;
  }
}
.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575px) {
  .container {
    padding: 0 20px;
  }
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1330px;
  }
}

.game-platforms__list, .category-switcher__list, .single-article__content ul, .single-article__content ol, .benefits-2d__list, .workers-2d__list, .tools-2d__list, .single-article-contents__list li > ul, .single-article-contents__list, .share__list, .pagination__list, .breadcrumbs__list, .menu-list > .menu-item .sub-menu, .menu-list, .footer-scl-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-list > .menu-item {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.menu-list > .menu-item:hover .menu-link::before, .menu-list > .menu-item:hover a::before {
  opacity: 1;
  transform: none;
}
.menu-list > .menu-item + .menu-item {
  margin-left: 34px;
}
.menu-list > .menu-item.current_page_item a::before, .menu-list > .menu-item.current-menu-ancestor a::before {
  opacity: 1;
  transform: none;
}
.menu-list > .menu-item > a {
  position: relative;
  font-family: "Rajdhani", sans-serif;
  font-size: 18px;
  color: inherit;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding-bottom: 7px;
}
.menu-list > .menu-item > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  background-color: #39B4BD;
  width: 100%;
  transform: translateY(7px);
  opacity: 0;
  transition: all 0.3s ease;
}
.menu-list > .menu-item > .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 60px 15px 60px 650px;
  background: rgba(48, 48, 49, 0.98);
  transition: all 0.3s ease;
}
.menu-list > .menu-item > .sub-menu .sub-menu-addition {
  position: absolute;
  width: 500px;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/wp-content/themes/classy/dist/img/header-addition-image.jpg") no-repeat 50% 50%;
  background-size: cover;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all linear;
}
.menu-list > .menu-item > .sub-menu .sub-menu-addition-content {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0 35px 60px 55px;
}
.menu-list > .menu-item > .sub-menu .sub-menu-addition__title {
  font-size: 20px;
  line-height: 1;
  color: #39B4BD;
  margin: 0 0 9px;
}
.menu-list > .menu-item > .sub-menu .sub-menu-addition__text {
  margin: 0;
  font-weight: 600;
  line-height: 142%;
  color: #FFFFFF;
}
.menu-list > .menu-item > .sub-menu > .menu-item {
  margin-right: 139px;
  float: left;
}
.menu-list > .menu-item > .sub-menu > .menu-item > a {
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  color: #39B4BD;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 32px;
  display: inline-block;
}
.menu-list > .menu-item > .sub-menu > .menu-item .sub-menu {
  margin: 0 -16px;
}
.menu-list > .menu-item > .sub-menu > .menu-item .sub-menu .menu-item {
  margin-bottom: 19px;
  padding: 0 16px;
  display: flex;
}
.menu-list > .menu-item > .sub-menu > .menu-item .sub-menu .menu-item a {
  font-size: 15px;
  color: #fff;
}
.menu-list > .menu-item > .sub-menu > .menu-item .sub-menu .menu-item:hover a, .menu-list > .menu-item > .sub-menu > .menu-item .sub-menu .menu-item.current-menu-item a {
  color: #39b4bd;
}
.menu-list > .menu-item > .sub-menu > .menu-item .sub-menu .menu-item:last-child {
  margin-bottom: 0;
}
.menu-list > .menu-item > .sub-menu > .menu-item:first-child .sub-menu {
  -moz-column-count: 2;
       column-count: 2;
  -webkit-column-count: 2;
  -moz-column-gap: 0;
       column-gap: 0;
}
.menu-list > .menu-item > .sub-menu > .menu-item:last-child {
  margin-right: 0;
}
.menu-list > .menu-item-has-children {
  padding-right: 16px;
}
.menu-list > .menu-item-has-children::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34%;
}
.header.is-sticky .menu-list > .menu-item-has-children::after {
  height: 26%;
}
.menu-list > .menu-item-has-children > a::after {
  content: "+";
  position: absolute;
  top: 0;
  right: -16px;
  display: block;
  font-weight: 400;
}
.menu-list > .menu-item-has-children:hover::after {
  content: "";
}
.menu-list > .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
.menu-list > .menu-item-has-children:hover .sub-menu .sub-menu-addition {
  opacity: 1;
  visibility: visible;
}

.da-hamburger {
  position: relative;
  z-index: 12;
  margin-right: 30px;
  display: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: 0.2s ease-out;
}
.da-hamburger, .da-hamburger[type=button] {
  cursor: pointer;
  border: 0;
  padding: 9px 5px;
  background-color: transparent;
}
.da-hamburger-box {
  display: block;
  width: 30px;
  padding: 9px 0;
}
.da-hamburger-inner {
  position: relative;
  transition: background-color 0s ease-out 0.1s;
}
.da-hamburger-inner, .da-hamburger-inner::before, .da-hamburger-inner::after {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #494949;
}
.da-hamburger-inner::before, .da-hamburger-inner::after {
  content: "";
  position: absolute;
  left: 0;
  transition: bottom 0.1s ease-out 0.1s, top 0.1s ease-out 0.1s, transform 0.1s ease-out;
}
.da-hamburger-inner::before {
  bottom: 8px;
}
.da-hamburger-inner::after {
  top: 8px;
}

.is-active .da-hamburger-inner {
  background-color: transparent;
}
.is-active .da-hamburger-inner::before, .is-active .da-hamburger-inner::after {
  transition: bottom 0.1s ease-out, top 0.1s ease-out, transform 0.1s ease-out 0.1s;
}
.is-active .da-hamburger-inner::before {
  bottom: 0;
  transform: rotate(45deg);
}
.is-active .da-hamburger-inner::after {
  top: 0;
  transform: rotate(-45deg);
}

@media (max-width: 1599px) {
  .menu-list > .menu-item > .sub-menu {
    padding: 60px 15px 60px 550px;
  }
  .menu-list > .menu-item > .sub-menu > .menu-item {
    margin-right: 50px;
  }
}
@media (max-width: 1300px) {
  .menu-list > .menu-item > .sub-menu {
    padding: 60px 15px 60px 460px;
  }
  .menu-list > .menu-item > .sub-menu .sub-menu-addition {
    width: 420px;
  }
  .menu-list > .menu-item > .sub-menu > .menu-item {
    margin-right: 30px;
  }
}
@media (max-width: 1199px) {
  .header .menu-list > .menu-item {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 25px;
  }
  .header .menu-list > .menu-item-has-children::after {
    display: none;
  }
  .header .menu-list > .menu-item + .menu-item {
    margin-left: 0;
  }
  .header .menu-list > .menu-item > a {
    padding: 0;
    font-size: 20px;
  }
  .header .menu-list > .menu-item > a::before {
    display: none;
  }
  .header .menu-list > .menu-item > a::after {
    font-size: 20px;
    color: #39b4bd;
  }
  .header .menu-list > .menu-item.current-menu-ancestor > a, .header .menu-list > .menu-item.current-menu-item > a {
    color: #39b4bd;
  }
  .header .menu-list > .menu-item:last-child {
    margin-bottom: 0;
  }
  .header .menu-list > .menu-item > .sub-menu {
    position: static;
    visibility: visible;
    opacity: 1;
    padding: 42px 0 0;
    background: none;
    display: none;
  }
  .header .menu-list > .menu-item > .sub-menu .sub-menu-addition {
    display: none;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item {
    float: none;
    margin: 0 0 25px;
    position: relative;
    padding-right: 30px;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item::after {
    content: "+";
    font-size: 20px;
    color: #39b4bd;
    position: absolute;
    top: -7px;
    right: 0;
    display: block;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item > a {
    margin-bottom: 20px;
    color: #fff;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item.current-menu-ancestor > a, .header .menu-list > .menu-item > .sub-menu > .menu-item.current-menu-item > a {
    color: #39b4bd;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item:first-child .sub-menu {
    -moz-column-count: auto;
         column-count: auto;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item:last-child {
    margin-bottom: 0;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item.menu-item-has-children > a {
    display: block;
    width: 90%;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item > .sub-menu {
    display: none;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item > .sub-menu a {
    font-size: 16px;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item.is-open::after {
    content: "-";
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item.is-open > .sub-menu {
    display: block;
    padding-bottom: 15px;
  }
  .header .menu-list > .menu-item > .sub-menu > .menu-item.is-open > a {
    color: #39b4bd;
  }
  .header .menu-list > .menu-item.is-open > a {
    padding-left: 23px;
    color: #cacaca;
  }
  .header .menu-list > .menu-item.is-open > a::after {
    content: "";
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 14px;
    background: url("/wp-content/themes/classy/dist/img/icons/menu-prev.svg") no-repeat 0 0;
  }
  .header .menu-list > .menu-item.is-open > .sub-menu {
    display: block;
  }
  .header .menu-list .menu-item-has-children {
    padding-right: 0;
  }
  .header .menu-list .menu-item-has-children > a {
    padding-right: 16px;
  }
  .header .menu-list .menu-item-has-children > a::after {
    right: 0;
  }
  .header .menu-list.is-open > .menu-item {
    display: none;
  }
  .header .menu-list.is-open > .menu-item.is-open {
    display: block;
  }
}
@media (max-width: 1100px) {
  .menu .menu-item + .menu-item {
    margin-left: 20px;
  }
}
@media (max-width: 992px) {
  .menu .menu-item {
    display: block;
  }
  .menu .menu-item + .menu-item {
    margin-left: 0;
    margin-top: 5px;
  }
}
.articles-block {
  padding: 150px 0;
}
.articles-block:nth-child(2n) {
  background: url("/wp-content/themes/classy/dist/img/page/blog/articles-bg.png") no-repeat 50% 50%;
  background-size: cover;
}
.articles-block-header {
  margin: 0 0 80px;
}
.articles-block__title {
  margin-bottom: 50px;
}
.articles-block__text {
  font-size: 18px;
  line-height: 188.9%;
}

.articles .owl-stage {
  display: flex;
}
.articles .owl-stage .owl-item {
  flex-shrink: 0;
}
.articles-results .articles {
  margin: 0 -15px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
}
.articles-results .articles-block {
  padding-top: 42px;
}
.articles-results .articles .article-wrapper {
  width: 25%;
  padding: 0 15px 40px;
}
.articles-more {
  margin-top: 60px;
}

.article {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: none;
}
.article-wrapper {
  height: 100%;
}
.article-wrapper.col-12 {
  height: auto;
}
.article__image {
  width: 100%;
  height: 306px;
  position: relative;
}
.article__image img {
  height: 100%;
}
.article__date {
  background: #39B4BD;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 6px 15px 4px;
}
.article__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 122.4%;
  margin: 0 0 17px;
  transition: 0.2s all linear;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
  overflow: hidden;
}
.article__text {
  font-size: 14px;
  line-height: 147.9%;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 60px;
  overflow: hidden;
}
.article__content {
  padding-top: 26px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.article__content-top {
  margin-bottom: 30px;
}
.article__content-bottom {
  margin-top: auto;
  display: flex;
}
.article__content-bottom div {
  font-weight: 600;
  font-size: 14px;
  line-height: 122.4%;
  color: #CACACA;
  position: relative;
  padding-left: 22px;
}
.article__content-bottom div::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}
.article__time {
  margin-right: 13px;
  padding-right: 13px;
}
.article__time::before {
  width: 15px;
  height: 15px;
  margin-top: -8px;
  background: url("/wp-content/themes/classy/dist/img/icons/clock-icon.svg") no-repeat 50% 50%;
}
.article__time::after {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background: #CACACA;
  position: absolute;
  top: 3px;
  right: 0;
}
.article__views::before {
  width: 15px;
  height: 12px;
  margin-top: -6px;
  background: url("/wp-content/themes/classy/dist/img/icons/view-icon.svg") no-repeat 50% 50%;
}
.article:hover .article__title {
  color: #39B4BD;
}
.article_type-2 {
  position: relative;
}
.article_type-2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 7.42%, rgba(0, 0, 0, 0) 42.79%);
  z-index: 1;
}
.article_type-2 .article__image {
  height: 100%;
}
.article_type-2 .article__image img {
  width: 100%;
}
.article_type-2 .article__date {
  bottom: 176px;
  left: 47px;
  padding: 9px 17px 7px;
}
.article_type-2 .article__content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 47px 47px;
  z-index: 1;
}
.article_type-2 .article__content-top {
  margin-bottom: 25px;
}
.article_type-2 .article__title {
  font-size: 30px;
  line-height: 122.4%;
  color: #FFFFFF;
  font-weight: 700;
  margin: 0;
  max-height: 72px;
}
.article_type-2 .article__text {
  display: none;
}
.article_type-3 {
  flex-direction: row-reverse;
  height: auto;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid #C4C4C4;
}
.article_type-3:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.article_type-3 .article__date {
  display: none;
}
.article_type-3 .article__image {
  width: 138px;
  height: 138px;
  flex-shrink: 0;
}
.article_type-3 .article__content {
  padding: 0 20px 0 0;
}
.article_type-3 .article__content-top {
  margin-bottom: 20px;
}
.article_type-3 .article__title {
  margin-bottom: 10px;
}
.article_type-3 .article__text {
  -webkit-line-clamp: 2;
  max-height: 40px;
  padding-right: 25px;
}
.article_type-4 {
  flex-direction: row;
  padding-bottom: 0;
  margin-bottom: 32px;
  border-bottom: 0;
}
.article_type-4 .article__image {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}
.article_type-4 .article__content {
  padding: 0 0 0 24px;
}
.article_type-4 .article__content-top {
  margin-bottom: 10px;
}
.article_type-4 .article__title {
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 63px;
  margin: 0;
}
.article_type-4 .article__text {
  display: none;
}

.owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  position: relative;
}
.owl-carousel .owl-nav::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: #303031;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
}
.owl-carousel .owl-nav button {
  position: relative;
  font-weight: 600 !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}
.owl-carousel .owl-nav button::before {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  background: url("/wp-content/themes/classy/dist/img/icons/slider-prev.svg") no-repeat 0 0;
}
.owl-carousel .owl-nav button.owl-prev {
  padding: 0 0 0 22px !important;
}
.owl-carousel .owl-nav button.owl-next {
  padding: 0 22px 0 0 !important;
}
.owl-carousel .owl-nav button.owl-next::before {
  left: auto;
  right: 0;
  background: url("/wp-content/themes/classy/dist/img/icons/slider-next.svg") no-repeat 0 0;
}
.owl-carousel .owl-nav.disabled {
  display: none;
}

@media screen and (max-width: 1199px) {
  .articles-block {
    padding: 100px 0;
  }
  .articles-block-header {
    margin-bottom: 40px;
  }
  .articles-block__title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .article__image img {
    width: 100%;
  }
  .article_type-2 .article__date {
    bottom: 160px;
    left: 30px;
  }
  .article_type-2 .article__content {
    padding: 0 30px 30px;
  }
  .article_type-3:first-child {
    margin-top: 50px;
  }
  .article_type-4:first-child {
    margin-top: 0;
  }
  .article_type-4 .article__image {
    width: 80px;
    height: 80px;
  }
  .article_type-4 .article__content {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .articles-block {
    padding: 60px 0;
  }
  .articles-block__title {
    font-size: 30px;
    line-height: 110%;
    margin-bottom: 20px;
  }
  .articles-block__text {
    font-size: 16px;
  }
  .articles-block-header {
    margin-bottom: 30px;
  }
  .article__date {
    font-size: 14px;
    padding: 9px 27px 7px;
  }
  .article_type-2 {
    margin-bottom: 30px;
  }
  .article_type-2 .article__date {
    font-size: 10px;
    padding: 7px 22px 5px;
    bottom: 130px;
  }
  .article_type-2 .article__title {
    font-size: 18px;
    max-height: 42px;
  }
  .article_type-3 {
    flex-direction: row;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .article_type-3 .article__image {
    width: 90px;
    height: 90px;
  }
  .article_type-3 .article__content {
    padding: 0 0 0 20px;
  }
  .article_type-3 .article__title {
    margin-bottom: 13px;
  }
  .article_type-3 .article__text {
    padding-right: 0;
  }
  .articles_no-slider .article-wrapper:first-child {
    margin-bottom: 30px;
  }
  .articles_no-slider .article-wrapper:last-child {
    margin-bottom: 0;
  }
}
.banner {
  position: relative;
  z-index: 1;
  background: #ebf8f9 none no-repeat 50% 100%;
  background-size: cover;
  -webkit-clip-path: polygon(100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
          clip-path: polygon(100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
}
.banner_home {
  background-color: #3255ae;
  position: relative;
  z-index: 2;
}
.banner_3d-animation-services::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: radial-gradient(54.72% 165.39% at 24.87% 52.88%, rgba(31, 37, 27, 0.75) 0%, rgba(31, 37, 27, 0) 100%), linear-gradient(101.42deg, rgba(4, 163, 173, 0.34) 1.18%, rgba(98, 72, 255, 0) 100.57%), linear-gradient(360deg, rgba(0, 0, 0, 0.53) -16.02%, rgba(0, 0, 0, 0) 11.02%), linear-gradient(284.5deg, rgba(0, 41, 255, 0.44) 2.43%, rgba(1, 25, 154, 0) 67.83%);
  -webkit-clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
          clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
}
@media (min-width: 768px) {
  .banner_video {
    background-image: none !important;
  }
}
.banner .container {
  position: relative;
}
.banner__video {
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
          clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
}
.banner__video, .banner__video::after,
.banner__video video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.banner__video::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}
.banner__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__wrapper {
  padding: 200px 0;
  display: flex;
  align-items: center;
  position: relative;
}
.banner__content {
  max-width: 950px;
}
.banner__title_home {
  color: #fff;
  font-size: 60px;
  max-width: 650px;
  text-shadow: none;
  letter-spacing: 0.015em;
  line-height: 1.05;
}
.banner__subtitle {
  font-size: 19px;
  line-height: 175%;
  margin-top: 27px;
  color: #fff;
}
.banner__text {
  color: #fff;
  font-size: 18px;
  line-height: 175%;
  max-width: 675px;
  margin: 30px 0 0;
}
.banner__text a {
  font-weight: 700;
  color: inherit;
}
.banner__text a:hover {
  opacity: 0.8;
}
.banner__text_home {
  font-size: 20px;
  line-height: 1.62;
  letter-spacing: 0.02em;
  max-width: 530px;
  margin-top: 20px;
}
.banner__logos {
  margin-top: 65px;
}
.banner__logos > div {
  cursor: pointer;
  margin-bottom: 10px;
  transition: transform 0.2s ease-in-out, margin 0.2s linear;
}
.banner__logos > div.disabled {
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
}
.banner__logos > div.is-active {
  transform: scale(1.4);
}
.banner__logos > div.is-active:first-child {
  margin-right: 20px;
}
.banner__logos > div.is-active:last-child {
  margin-left: 10px;
}
@media (max-width: 575px) {
  .banner__logos > div:nth-child(1) img {
    width: 74px !important;
  }
  .banner__logos > div:nth-child(2) img {
    width: 67px !important;
  }
  .banner__logos > div:nth-child(3) img {
    width: 92px !important;
  }
}
.banner__values {
  margin-top: 35px;
  font-size: 13px;
  line-height: 1.75;
}
.banner__values-value {
  font-size: 30px;
}
.banner__values-title {
  color: #956cbf;
}
.banner .breadcrumbs {
  position: absolute;
  left: 0;
  bottom: 90px;
}
.banner__post-data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 40px;
}
.banner__post-data > div {
  position: relative;
  padding-left: 22px;
  margin-right: 15px;
  padding-right: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #cacaca;
  margin-top: 5px;
  margin-bottom: 5px;
}
.banner__post-data > div[class*=-rating] {
  padding-left: 0;
}
.banner__post-data > div::before {
  content: "";
  width: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
}
.banner__post-data > div::after {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background: #cacaca;
  position: absolute;
  top: 2px;
  right: 0;
}
.banner__post-data > div:last-child {
  margin-right: 0;
  padding-right: 0;
}
.banner__post-data > div:last-child::after {
  display: none;
}
.banner__post-date::before {
  height: 13px;
  margin-top: -7px;
  background: url("/wp-content/themes/classy/dist/img/icons/calendar-icon.svg") no-repeat 50% 0;
}
.banner__post-time::before {
  height: 15px;
  margin-top: -9px;
  background: url("/wp-content/themes/classy/dist/img/icons/clock-icon.svg") no-repeat 50% 0;
}
.banner__post-views::before {
  height: 12px;
  margin-top: -7px;
  background: url("/wp-content/themes/classy/dist/img/icons/view-icon.svg") no-repeat 50% 0;
}
.banner__post-rating {
  display: flex;
}
.banner__post-rating-stars {
  background-image: url("/wp-content/themes/classy/assets/img/icons/stars-empty.svg");
  background-size: contain;
  width: 70px;
  height: 14px;
  display: flex;
  margin-top: -1px;
}
.banner__post-rating-stars-inner {
  background-image: url("/wp-content/themes/classy/assets/img/icons/stars-full.svg");
  background-size: contain;
}
.banner__post-rating-text {
  padding-left: 15px;
}
.banner__author {
  margin-top: 14px;
  display: flex;
  align-items: center;
}
.banner__author-image {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 17px;
}
.banner__author-image img {
  height: 100%;
}
.banner__author-name {
  font-weight: 600;
  color: #fff;
}
.banner__author-position {
  font-weight: 600;
  color: #cacaca;
  margin-top: 10px;
}
.banner__gif {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 44%;
}

@media screen and (min-width: 576px) {
  .banner {
    display: flex;
    min-height: 100vh;
  }
  .banner .container {
    display: flex;
    min-height: 100%;
  }
  .banner__wrapper {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 130px;
  }
  .banner__wrapper_no-text {
    align-items: flex-end;
    padding-bottom: 30vh;
  }
}
@media screen and (min-width: 576px) and (max-height: 768px) {
  .banner__title {
    font-size: 74px;
  }
}
@media screen and (min-width: 991px) {
  .banner__post-data > div {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1399px) {
  .banner__title {
    font-size: 68px;
  }
  .banner__title_home {
    font-size: 60px;
  }
  .banner__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .banner {
    -webkit-clip-path: none;
            clip-path: none;
  }
  .banner__video {
    display: none;
  }
  .banner__title {
    font-size: 40px;
  }
  .banner__title_home {
    font-size: 37px;
  }
  .banner__subtitle {
    margin-top: 15px;
    font-size: 16px;
  }
  .banner__text {
    margin-top: 15px;
    font-size: 14px;
  }
  .banner__values {
    font-size: 12px;
    margin-top: 20px;
  }
  .banner__deco {
    display: none;
  }
  .banner .breadcrumbs {
    bottom: 40px;
  }
  .banner .breadcrumbs__item {
    margin-bottom: 10px;
  }
  .banner__post-data {
    margin-bottom: 27px;
  }
  .banner__author {
    margin-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .banner {
    background-position: 0 100%;
  }
}
@media screen and (max-width: 425px) {
  .banner__logos {
    justify-content: center;
  }
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbs__item {
  color: #fff;
  line-height: 1;
  padding-right: 20px;
  margin-right: 14px;
  position: relative;
}
.breadcrumbs__item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  width: 6px;
  height: 10px;
  background: url("/wp-content/themes/classy/dist/img/icons/bc-prev.svg") no-repeat 0 0;
}
.breadcrumbs__item:last-of-type {
  margin-right: 0;
  padding-right: 0;
}
.breadcrumbs__item:last-of-type::after {
  display: none;
}
.breadcrumbs__item:last-of-type .breadcrumbs__link {
  border-color: transparent;
  pointer-events: none;
}
.breadcrumbs__link {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  display: block;
  border-bottom: 1px solid #fff;
  transition: 0.2s all linear;
}
.breadcrumbs__link:hover {
  opacity: 0.8;
  color: #fff;
}

span.breadcrumbs__link {
  text-decoration: none;
  border-bottom-color: transparent;
}

.hero {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 18px;
  line-height: 1.75;
  background: #000 none no-repeat center;
  background-size: cover;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: radial-gradient(22.59% 164.65% at 102.23% 81.83%, rgba(77, 198, 245, 0.077) 0%, rgba(77, 198, 245, 0) 100%), linear-gradient(286.43deg, rgba(69, 162, 237, 0.25) -8.59%, rgba(69, 162, 237, 0) 33.25%), linear-gradient(269.78deg, rgba(134, 117, 179, 0.18) 12.52%, rgba(148, 103, 234, 0) 46.51%), linear-gradient(275.31deg, rgba(74, 57, 184, 0.19) 31.8%, rgba(74, 57, 184, 0) 59.56%), linear-gradient(88.51deg, rgba(0, 3, 16, 0.51) 49.04%, rgba(0, 3, 16, 0.3162) 91.81%);
}
.hero_contact .breadcrumbs__list {
  padding-top: 60px;
  padding-bottom: 60px;
}
.hero__box {
  max-width: 680px;
  padding-top: 275px;
  padding-bottom: 100px;
}
.hero__title {
  font-size: 83px;
  line-height: 0.97;
  text-transform: uppercase;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .hero {
    font-size: 16px;
  }
  .hero__box {
    padding-top: 250px;
    padding-bottom: 50px;
  }
  .hero__title {
    font-size: 53px;
  }
}
.pagination {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pagination__list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #c4c4c4;
}
.pagination__item {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  transition: all 0.3s ease;
  margin-top: -1px;
  min-width: 60px;
}
.pagination__item a,
.pagination__item > span {
  cursor: pointer;
  display: block;
  padding: 10px;
  border-top: 2px solid transparent;
}
.pagination__item a:hover, .pagination__item a.active,
.pagination__item > span:hover,
.pagination__item > span.active {
  color: #000;
  border-top-color: #39b4bd;
}
.pagination__item i {
  font-size: 12px;
}
.pagination__item span.disabled {
  color: #c4c4c4 !important;
  cursor: default !important;
  pointer-events: none;
}
.pagination__item span.disabled i {
  color: #c4c4c4;
  cursor: default;
}
.pagination__item span.disabled i::before, .pagination__item span.disabled i::after {
  color: #c4c4c4;
  cursor: default;
}
.pagination__item span.active {
  color: #000;
  border-top-color: #39b4bd;
}
.pagination__item span.dots {
  cursor: default;
  pointer-events: none;
}
.pagination__item span:hover {
  color: #000;
}
.pagination .nav-links {
  display: flex;
  align-items: center;
  padding-top: 60px;
}
.pagination .nav-links .page-numbers {
  display: flex;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #000;
  background-color: rgba(202, 202, 202, 0.44);
  transition: 0.2s all linear;
}
.pagination .nav-links .page-numbers.current {
  color: #fff;
  background-color: #39b4bd;
}
.pagination .nav-links .page-numbers.next, .pagination .nav-links .page-numbers.prev {
  width: auto;
  height: auto;
  position: relative;
  background-color: transparent;
  font-weight: 600;
  font-size: 16px;
  color: #303031;
  padding-right: 22px;
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  margin: 0 0 0 22px;
}
.pagination .nav-links .page-numbers.next::after, .pagination .nav-links .page-numbers.prev::after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
  background: url("/wp-content/themes/classy/dist/img/icons/slider-next.svg") no-repeat 0 0;
}
.pagination .nav-links .page-numbers.prev {
  margin: 0 30px 0 0;
  padding-left: 22px;
  padding-right: 0;
}
.pagination .nav-links .page-numbers.prev::after {
  right: auto;
  left: 0;
  background: url("/wp-content/themes/classy/dist/img/icons/slider-prev.svg") no-repeat 0 0;
}
.pagination .nav-links .page-numbers:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .pagination .nav-links {
    padding-top: 30px;
  }
}
.scrolling {
  overflow: hidden;
}
.scrolling__item {
  position: relative;
  cursor: pointer;
  min-width: 460px;
  width: 460px;
  height: 640px;
  margin: 0 30px 30px 0;
  background: none no-repeat center;
  background-size: cover;
}
.scrolling__item:hover > .scrolling__overlay {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.scrolling__item_two .scrolling__item {
  width: 100%;
  height: 305px;
}
.scrolling__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), linear-gradient(0deg, rgba(8, 190, 178, 0.67), rgba(8, 190, 178, 0.67));
  opacity: 0;
  visibility: hidden;
  transition: 0.35s ease-in-out 0.05s;
  transform: scale(0);
}
.scrolling__overlay span {
  display: block;
  width: 82px;
  height: 82px;
  padding: 25px 10px;
  position: relative;
  z-index: 1;
  color: #000;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
}
.scrolling__overlay span::before {
  content: "";
  width: 124px;
  height: 124px;
  position: absolute;
  top: -21px;
  left: -21px;
  z-index: -1;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .scrolling__item {
    min-width: auto;
    width: auto;
    height: 474px;
    margin: 0 12px 24px;
  }
  .scrolling__item_two .scrolling__item {
    height: 225px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .scrolling__item {
    margin: 0 0 24px;
  }
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-element_track {
  pointer-events: none;
}

.scroll-textarea {
  border: 0;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/******************* EXTERNAL SCROLLBAR *******************/
.external-scroll_x,
.external-scroll_y {
  border: 0;
  cursor: pointer;
  display: none;
  position: relative;
  margin: 0 auto 0 auto;
}
.external-scroll_x .scroll-element_size,
.external-scroll_y .scroll-element_size {
  top: 8px;
  height: 5px;
  opacity: 0.33;
  border-radius: 10px;
  background-color: #cacaca;
}

.external-scroll_x.scroll-scrollx_visible {
  display: block;
  width: 80%;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.external-scroll_y.scroll-scrolly_visible {
  display: block;
  height: 200px;
  left: 610px;
  top: 0;
  width: 2px;
}

.external-scroll_x div,
.external-scroll_y div {
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
  background: transparent;
  height: 30px;
  margin-top: -7px;
  width: 83px;
  z-index: 12;
}
.external-scroll_x .scroll-bar .scroll-bar__inner,
.external-scroll_y .scroll-bar .scroll-bar__inner {
  background: #39b4bd;
  height: 5px;
  width: 83px;
  border-radius: 20px;
  margin-top: 15px;
}

.external-scroll_y .scroll-bar {
  height: 100px;
}

.left-sidebar {
  position: absolute;
  left: -80px;
  transform: translate(-100%, 0);
}

.share__title {
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  color: #39b4bd;
  text-align: center;
}
.share .addtoany_shortcode {
  padding-top: 80px;
  margin-top: 15px;
  position: relative;
}
.share .addtoany_shortcode::before {
  content: "";
  display: block;
  width: 2px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #CACACA;
}
.share .addtoany_shortcode .addtoany_list {
  display: flex;
  flex-direction: column;
}
.share .addtoany_shortcode .addtoany_list > a {
  width: 43px;
  height: 43px;
  border-radius: 3px;
  border: 2px solid #CACACA;
  transition: 0.3s all linear;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.share .addtoany_shortcode .addtoany_list > a .a2a_svg {
  background: transparent !important;
}
.share .addtoany_shortcode .addtoany_list > a .a2a_svg.a2a_s_twitter, .share .addtoany_shortcode .addtoany_list > a .a2a_svg.a2a_s_linkedin {
  width: 23px !important;
  height: 23px !important;
}
.share .addtoany_shortcode .addtoany_list > a svg {
  display: block;
}
.share .addtoany_shortcode .addtoany_list > a svg path {
  transition: 0.3s all linear;
}
.share .addtoany_shortcode .addtoany_list > a:hover {
  background: #39B4BD;
  border-color: #39B4BD;
}
.share .addtoany_shortcode .addtoany_list > a:hover .a2a_svg {
  opacity: 1;
}
.share .addtoany_shortcode .addtoany_list > a:hover svg path {
  fill: #fff !important;
}
.share .addtoany_shortcode .addtoany_list > a:last-child {
  margin-bottom: 0;
}
.share__list {
  padding-top: 80px;
  margin-top: 15px;
  position: relative;
}
.share__list::before {
  content: "";
  display: block;
  width: 2px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #CACACA;
}
.share__item {
  margin-bottom: 20px;
}
.share__item:last-child {
  margin-bottom: 0;
}
.share__link {
  width: 43px;
  height: 43px;
  border-radius: 3px;
  border: 2px solid #CACACA;
  transition: 0.3s all linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share__link svg {
  display: block;
}
.share__link svg path {
  transition: 0.3s all linear;
}
.share__link:hover {
  background: #39B4BD;
  border-color: #39B4BD;
}
.share__link:hover svg path {
  fill: #fff !important;
}

.right-sidebar {
  width: 335px;
  flex-shrink: 0;
  position: sticky;
  top: 140px;
  height: 100%;
}
.right-sidebar__block {
  margin-bottom: 80px;
}
.right-sidebar__block:last-child {
  margin-bottom: 0;
}

.single-article-contents__title {
  font-size: 30px;
  line-height: 100%;
  margin: 0 0 49px;
}
.single-article-contents__list {
  overflow: auto;
}
.single-article-contents__list li {
  margin-bottom: 20px;
}
.single-article-contents__list li > ul {
  padding: 25px 0 3px 26px;
}
.single-article-contents__list li > ul > li {
  margin-bottom: 10px;
}
.single-article-contents__list li > ul > li > a {
  color: #767878;
}
.single-article-contents__list li > ul > li:last-child {
  margin-bottom: 0;
}
.single-article-contents__list li > ul > li.active a {
  font-weight: 600;
  color: #39b4bd;
}
.single-article-contents__list li:last-child {
  margin-bottom: 0;
}
.single-article-contents__list li a {
  color: #303031;
  line-height: 150.5%;
}
.single-article-contents__list li.active > a {
  font-weight: 700;
  color: #39b4bd;
}

.single-article-related__title {
  font-size: 30px;
  line-height: 100%;
  margin: 0 0 49px;
}

.sbscrb {
  background: radial-gradient(81.63% 85.61% at 66.36% 85.61%, rgba(157, 221, 226, 0.374) 0%, rgba(157, 221, 226, 0) 100%), radial-gradient(65.84% 408.42% at -3.6% -3.57%, #49468C 0%, rgba(73, 70, 140, 0.13) 100%), linear-gradient(0deg, #3C528C, #3C528C), #C4C4C4;
  padding: 58px 38px;
  text-align: center;
}
.sbscrb__title {
  font-size: 30px;
  line-height: 100%;
  color: #fff;
}
.sbscrb__text {
  line-height: 150%;
  text-align: center;
  color: #fff;
  margin: 0;
}
.sbscrb__text.sent {
  display: none;
}
.sbscrb .wpcf7-form {
  margin: 30px 0 0;
  position: relative;
}
.sbscrb .wpcf7-form .box-fields {
  margin-bottom: 48px;
}
.sbscrb .wpcf7-form .wpcf7-response-output {
  color: #fff;
}
.sbscrb .wpcf7-form .box-fields-row {
  margin-bottom: 15px;
}
.sbscrb .wpcf7-form .box-fields-row p {
  display: none;
}
.sbscrb .wpcf7-form .box-fields-row:last-child {
  margin-bottom: 0;
}
.sbscrb .wpcf7-form .box-fields-row span.wpcf7-not-valid-tip {
  display: none;
}
.sbscrb .wpcf7-form .wpcf7-form-control {
  width: 100%;
  background: #FFFFFF;
  border-radius: 3px;
  border: none;
  font-size: 14px;
  color: #767878;
  height: 48px;
  padding: 4px 20px;
}
.sbscrb .wpcf7-form .wpcf7-form-control::-moz-placeholder {
  font-family: "Figtree", sans-serif;
}
.sbscrb .wpcf7-form .wpcf7-form-control::placeholder {
  font-family: "Figtree", sans-serif;
}
.sbscrb .wpcf7-form .wpcf7-form-control:focus::-moz-placeholder {
  opacity: 0;
}
.sbscrb .wpcf7-form .wpcf7-form-control:focus::placeholder {
  opacity: 0;
}
.sbscrb .wpcf7-form .wpcf7-form-control.wpcf7-submit {
  background: #39b4bd;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  font-family: "Rajdhani", sans-serif;
  color: #fff;
  cursor: pointer;
  transition: 0.3s all linear;
  border: 2px solid #39b4bd;
}
.sbscrb .wpcf7-form .wpcf7-form-control.wpcf7-submit:hover {
  color: #39b4bd;
  background: #fff;
}
.sbscrb .wpcf7-form .wpcf7-form-control.wpcf7-not-valid {
  border: 1px solid red;
}
.sbscrb .wpcf7-form .wpcf7-form-control.wpcf7-not-valid::-moz-placeholder {
  color: red;
}
.sbscrb .wpcf7-form .wpcf7-form-control.wpcf7-not-valid::placeholder {
  color: red;
}
.sbscrb .wpcf7-form .ajax-loader {
  display: none;
}
.sbscrb .wpcf7-form .wpcf7-validation-errors {
  position: absolute;
  top: 100%;
  width: 100%;
  margin: 10px 0 0;
  font-size: 13px;
  padding: 2px 5px;
}
.sbscrb.sent {
  padding: 83px 38px;
}
.sbscrb.sent .wpcf7-form {
  margin: 0 0 23px;
}
.sbscrb.sent .wpcf7-form .box-fields {
  display: none;
}
.sbscrb.sent .wpcf7-form .wpcf7-mail-sent-ok {
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 120.5%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  border: none;
  padding: 77px 0 0;
  position: relative;
}
.sbscrb.sent .wpcf7-form .wpcf7-mail-sent-ok::before {
  content: "";
  display: block;
  width: 57px;
  height: 57px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -29px;
  border-radius: 50%;
  background: #39b4bd url("/wp-content/themes/classy/dist/img/icons/check-icon.svg") no-repeat 50% 50%;
}
.sbscrb.sent .sbscrb__title {
  display: none;
}
.sbscrb.sent .sbscrb__text {
  display: none;
}
.sbscrb.sent .sbscrb__text.sent {
  display: block;
  font-size: 18px;
  line-height: 144.5%;
}

@media screen and (max-width: 1399px) {
  .left-sidebar {
    left: -40px;
  }
}
@media screen and (max-width: 1199px) {
  .left-sidebar {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .right-sidebar {
    width: 250px;
  }
  .sbscrb {
    padding: 30px 25px;
  }
  .sbscrb .wpcf7-form {
    margin: 25px 0;
  }
  .sbscrb .wpcf7-form .wpcf7-validation-errors {
    font-size: 12px;
  }
  .sbscrb.sent {
    padding: 40px 25px;
  }
  .sbscrb.sent .wpcf7-form .wpcf7-mail-sent-ok {
    font-size: 28px;
  }
  .sbscrb.sent .sbscrb__text.sent {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .right-sidebar {
    width: 100%;
    padding-top: 40px;
  }
  .right-sidebar__block {
    margin-bottom: 40px;
  }
  .single-article-contents {
    display: none;
  }
  .single-article-contents__title {
    margin: 0 0 30px;
  }
  .single-article-related__title {
    margin: 0 0 30px;
  }
}
.tab__list {
  font-size: 0;
  margin-bottom: 0;
}
.tab__item {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #cacaca;
  background-color: transparent;
  border-radius: 3px;
  margin: 7px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  transition: 0.2s ease-in-out;
}
.tab__item:hover, .tab__item.is-active {
  color: #fff;
  border-color: #39b4bd;
  background-color: #39b4bd;
}
.tab__item.is-active {
  font-weight: 700;
}
.tab__title {
  cursor: default;
  display: block;
  padding: 10px 15px;
  min-width: 175px;
  color: inherit;
  text-decoration: none;
  transition: none;
}
.tab__title:hover {
  color: inherit;
}

:not(.is-active) > .tab__title {
  cursor: pointer;
}

.p-2d-animation-services .services-2d,
.p-3d-animation-services .services-2d {
  background-image: none !important;
}
.p-2d-animation-services .service-2d,
.p-3d-animation-services .service-2d {
  padding: 65px 15px 55px 50px;
}
.p-2d-animation-services .service-2d-wrapper,
.p-3d-animation-services .service-2d-wrapper {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.p-2d-animation-services .service-2d:hover,
.p-3d-animation-services .service-2d:hover {
  padding: 51px 15px 69px 50px;
}
.p-2d-animation-services .tools-2d__item,
.p-3d-animation-services .tools-2d__item {
  width: 20%;
}

.p-2d-animation-services .tools-2d__item {
  width: 33.333%;
}

.video-2d {
  text-align: center;
  padding: 150px 0;
  position: relative;
  overflow: hidden;
}
.video-2d__circle {
  position: absolute;
  border-radius: 50%;
}
.video-2d__circle_1 {
  width: 172px;
  height: 172px;
  background: linear-gradient(327.83deg, #FFFFFF 14.15%, rgba(255, 255, 255, 0) 133.95%), #FCE0FF;
  left: -1%;
  top: 19%;
}
.video-2d__circle_2 {
  width: 67px;
  height: 67px;
  background: linear-gradient(28.47deg, #FFFFFF 15.56%, rgba(255, 255, 255, 0) 90.79%), #C7E5F7;
  left: 16%;
  top: 10%;
}
.video-2d__circle_3 {
  width: 145px;
  height: 145px;
  background: linear-gradient(322.7deg, #FFFFFF 15.84%, rgba(255, 255, 255, 0) 93.79%), #E9F6FE;
  top: 4%;
  right: 13%;
}
.video-2d__circle_4 {
  width: 53px;
  height: 53px;
  background: radial-gradient(51.89% 51.89% at 31.13% 31.13%, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), linear-gradient(0deg, #35A8B1, #35A8B1), #2558B6;
  box-shadow: 5px 8px 34px rgba(110, 192, 183, 0.53);
  top: 23%;
  right: 6%;
}
.video-2d::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 35%;
  background: radial-gradient(81.63% 85.61% at 66.36% 85.61%, rgba(157, 221, 226, 0.374) 0%, rgba(157, 221, 226, 0) 100%), radial-gradient(40.79% 499.13% at 101.71% 30.17%, #49468C 0%, rgba(73, 70, 140, 0.13) 100%), radial-gradient(65.84% 408.42% at -3.6% -3.57%, #49468C 0%, rgba(73, 70, 140, 0.13) 100%), linear-gradient(0deg, #3C528C, #3C528C), linear-gradient(0deg, #F7FCFD, #F7FCFD), #EBF8F9;
}
.video-2d .container {
  max-width: 1174px;
  position: relative;
}
.video-2d__title {
  margin-bottom: 100px;
}
.video-2d__wrapper {
  position: relative;
  margin-bottom: 95px;
}
.video-2d__img {
  position: absolute;
  bottom: 0;
}
.video-2d__img_left {
  left: 0;
  transform: translateX(-97%);
}
.p-3d-animation-services .video-2d__img_left {
  transform: translateX(-87%);
}
.video-2d__img_right {
  right: 0;
  transform: translateX(97%);
}
.p-3d-animation-services .video-2d__img_right {
  transform: translateX(95%);
}
.video-2d__player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  z-index: 1;
}
.video-2d__player-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.video-2d__player-bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 116px;
  height: 116px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.72) url("/wp-content/themes/classy/dist/img/icons/play.svg") no-repeat 55% 50%;
  border-radius: 50%;
  transition: 0.2s all linear;
}
.video-2d__player-bg img {
  width: 100%;
  height: 100%;
}
.video-2d__player:hover .video-2d__player-bg::before {
  width: 130px;
  height: 130px;
}
.video-2d__player.active .video-2d__player-bg {
  display: none;
}
.video-2d__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-2d__btn .btn {
  padding: 25px 91px 24px;
}

@media screen and (max-width: 1680px) {
  .video-2d .container {
    max-width: 1000px;
  }
  .video-2d__img {
    height: 102%;
  }
  .video-2d__img img {
    max-height: 100%;
  }
}
@media screen and (max-width: 1399px) {
  .video-2d .container {
    max-width: 750px;
  }
  .video-2d__title br {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .video-2d {
    padding: 100px 0;
  }
  .video-2d__title {
    margin-bottom: 50px;
  }
  .video-2d__img {
    display: none;
  }
  .video-2d__wrapper {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .p-3d-animation-services .service-2d,
  .p-2d-animation-services .service-2d {
    padding: 30px 0 30px 30px;
  }
  .p-3d-animation-services .service-2d-wrapper,
  .p-2d-animation-services .service-2d-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .p-3d-animation-services .service-2d:hover,
  .p-2d-animation-services .service-2d:hover {
    padding: 30px 0 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-2d-animation-services .service-2d,
  .p-3d-animation-services .service-2d {
    padding: 0;
  }
  .p-2d-animation-services .service-2d-wrapper,
  .p-3d-animation-services .service-2d-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-2d-animation-services .service-2d:hover,
  .p-3d-animation-services .service-2d:hover {
    padding: 0;
  }
  .p-2d-animation-services .tools-2d__item,
  .p-3d-animation-services .tools-2d__item {
    width: 100%;
  }
  .video-2d {
    padding: 60px 0;
  }
  .video-2d__title {
    margin-bottom: 20px;
  }
  .video-2d__wrapper {
    margin-bottom: 30px;
  }
  .video-2d__player-bg::before {
    width: 80px;
    height: 80px;
  }
  .video-2d__circle_1, .video-2d__circle_3 {
    display: none;
  }
  .video-2d__btn .btn {
    padding: 20px 40px 19px;
  }
}
.page-template-classy-2d-template .banner {
  background-color: transparent;
}
.page-template-classy-2d-template .banner__title {
  max-width: 750px;
}
.page-template-classy-2d-template .banner_slots-machines-and-casino-game-design-services .banner__video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/classy/dist/img/page/slots-machines/slots-banner-bg.png") no-repeat 50% 100%;
  background-size: cover;
  z-index: 1;
}
.page-template-classy-2d-template .owl-carousel .owl-nav {
  margin-top: 30px;
  position: relative;
}
.page-template-classy-2d-template .owl-carousel .owl-nav::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: #303031;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
}

.services-2d {
  padding: 150px 0 60px;
  background: url("/wp-content/themes/classy/dist/img/page/2d/2d-services-bg.png") no-repeat 127% 0;
  background-size: auto 88%;
}
.services-2d__head {
  margin-bottom: 120px;
}
.services-2d__title {
  margin-bottom: 65px;
}
.services-2d__text {
  font-size: 18px;
  line-height: 188.9%;
  margin: 0;
  max-width: 835px;
}
.services-2d__list {
  position: relative;
  z-index: 1;
}
.p-2d-environment-design .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/2d/2d-services-bg-2.png") no-repeat 100% 0;
  background-size: auto;
}
.p-2d-characters-design .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/2d/2d-services-bg-3.png") no-repeat 100% 4%;
  background-size: auto 80%;
}
.p-3d-characters-design .services-2d {
  background: url("/wp-content/themes/classy/dist/img/page/3d/3d-services-bg-1.png") no-repeat 85% 0;
}
.p-3d-art .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/3d/3d-services-bg-2.jpg") no-repeat 100% 0;
}
.p-3d-environment-design .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/3d/3d-services-bg-3.jpg") no-repeat 100% 0;
}
.p-casual-game-art-services .services-2d {
  background: url("/wp-content/themes/classy/dist/img/page/casual-art/casual-art-services-bg.png") no-repeat 100% 0;
  background-size: auto;
}
.p-concept-art .services-2d {
  background: url("/wp-content/themes/classy/dist/img/page/concept-art/concept-art-services-bg.png") no-repeat 96% 0;
  background-size: auto 100%;
}
.p-character-design-company .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/character-design/character-design-services-bg.png") no-repeat 100% 5%;
  background-size: auto 75%;
}
.p-game-environment-design .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/environment-design/environment-design-services-bg.png") no-repeat 100% 0;
}
.p-aaa-game-art-studio-services .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/aaa/AAA-services-bg.png") no-repeat 100% 0;
}
.p-hidden-objects-game-design-services .services-2d {
  background: url("/wp-content/themes/classy/dist/img/page/hidden-objects/hidden-objects-services-bg.png") no-repeat 100% 60px;
}
.p-slots-machines-and-casino-game-design-services .services-2d {
  margin-top: -50px;
  padding-top: 200px;
  background: url("/wp-content/themes/classy/dist/img/page/slots-machines/slots-services-bg.png") no-repeat 0 20px;
  background-size: 100% auto;
}

.service-2d {
  display: block;
  padding: 65px 15px 55px 80px;
  position: relative;
  color: #303031;
  transition: 0.3s all linear;
}
.service-2d-wrapper {
  margin-bottom: 67px;
}
.service-2d-wrapper a[href=""] {
  cursor: default;
}
.service-2d-wrapper:nth-child(4n+2) .service-2d__icon {
  background: url("/wp-content/themes/classy/dist/img/icons/2d-service-icon-2.svg") no-repeat 55% 53%, radial-gradient(86.9% 603.71% at -7.53% -3.31%, rgba(54, 83, 177, 0.71) 0%, rgba(54, 83, 177, 0.13) 100%), radial-gradient(42.97% 186.84% at 86.18% 61.21%, rgba(157, 221, 226, 0.51) 0%, rgba(157, 221, 226, 0) 100%), #35A8B1;
  box-shadow: 6px 12px 15px rgba(92, 176, 195, 0.39);
}
.service-2d-wrapper:nth-child(4n+3) .service-2d__icon {
  background: url("/wp-content/themes/classy/dist/img/icons/2d-service-icon-3.svg") no-repeat 57% 54%, radial-gradient(149.87% 293.14% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), #35A8B1;
  box-shadow: 6px 12px 15px rgba(131, 202, 181, 0.35);
}
.service-2d-wrapper:nth-child(4n+4) .service-2d__icon {
  background: url("/wp-content/themes/classy/dist/img/icons/2d-service-icon-4.svg") no-repeat 57% 52%, radial-gradient(160.85% 850.2% at 7.55% -43.4%, #BCBBF2 0%, rgba(73, 70, 140, 0.13) 100%), #3997A5;
  box-shadow: 6px 12px 15px rgba(61, 138, 162, 0.25);
}
.p-casual-game-art-services .service-2d-wrapper, .p-video-game-concept-art-services .service-2d-wrapper, .p-hidden-objects-game-design-services .service-2d-wrapper, .p-unity-game-development-services .service-2d-wrapper, .p-hyper-casual-game-development-services .service-2d-wrapper {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.service-2d__bg {
  position: absolute;
  left: 31px;
  right: -35px;
  top: 7px;
  bottom: -35px;
  z-index: -1;
  transition: 0.3s all linear;
}
.service-2d__icon {
  position: absolute;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  top: -15px;
  left: -10px;
  background: url("/wp-content/themes/classy/dist/img/icons/2d-service-icon-1.svg") no-repeat 57% 56%, radial-gradient(81.63% 85.61% at 66.36% 85.61%, rgba(157, 221, 226, 0.374) 0%, rgba(157, 221, 226, 0) 100%), radial-gradient(87.57% 721.12% at -3.6% -3.57%, #49468C 0%, rgba(73, 70, 140, 0.13) 100%), linear-gradient(0deg, #3C528C, #3C528C), #39B4BD;
  box-shadow: 6px 12px 15px rgba(91, 123, 166, 0.23);
}
.service-2d__title {
  font-size: 24px;
  line-height: 100%;
  margin: 0 0 18px;
}
.service-2d__title .service-2d__icon {
  display: none;
}
.service-2d__text {
  line-height: 157%;
  color: #142E4A;
  margin: 0;
}
.service-2d__more {
  text-transform: uppercase;
  color: #39B4BD;
  margin-top: 19px;
  position: relative;
  padding-right: 31px;
  display: inline-block;
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
}
.service-2d__more::before {
  content: "";
  display: block;
  width: 21px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  background: url("/wp-content/themes/classy/dist/img/icons/2d-service-arrow.svg") no-repeat 0 0;
}
.service-2d:hover {
  padding: 51px 45px 69px 50px;
}
.service-2d:hover .service-2d__bg {
  left: -20px;
  top: -10px;
  bottom: -20px;
  background: url("/wp-content/themes/classy/dist/img/page/2d/2d-service-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.service-2d:hover .service-2d__icon {
  box-shadow: none;
}
.p-casual-game-art-services .service-2d, .p-video-game-concept-art-services .service-2d, .p-hidden-objects-game-design-services .service-2d, .p-unity-game-development-services .service-2d, .p-hyper-casual-game-development-services .service-2d {
  padding: 65px 15px 55px 50px;
}
.p-casual-game-art-services .service-2d:hover, .p-video-game-concept-art-services .service-2d:hover, .p-hidden-objects-game-design-services .service-2d:hover, .p-unity-game-development-services .service-2d:hover, .p-hyper-casual-game-development-services .service-2d:hover {
  padding: 51px 15px 69px 50px;
}

.tools-2d {
  padding: 0 0 150px;
}
.tools-2d__title {
  margin: 0 0 100px;
}
.tools-2d__list {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
}
.tools-2d__item {
  width: 25%;
  flex-shrink: 0;
  height: 203px;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  display: flex;
  padding: 10px 35px;
  align-items: center;
  justify-content: center;
}
.tools-2d__item img {
  display: block;
  max-height: 100%;
  width: auto !important;
}
.p-casual-game-art-services .tools-2d__item, .p-hidden-objects-game-design-services .tools-2d__item, .p-slots-machines-and-casino-game-design-services .tools-2d__item {
  width: 20%;
  height: 160px;
}
.p-3d-characters-design .tools-2d__item, .p-3d-art .tools-2d__item, .p-3d-environment-design .tools-2d__item, .p-aaa-game-art-studio-services .tools-2d__item {
  width: 12.5%;
  height: 105px;
}

.workers-2d {
  padding: 144px 0;
  background: url("/wp-content/themes/classy/dist/img/page/2d/workers-2d-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
.workers-2d__wrapper {
  background: #fff;
  padding: 75px 81px;
}
.workers-2d__title {
  letter-spacing: 0.01em;
  margin: 0 0 70px;
}
.workers-2d__list {
  margin: 0 -35px -70px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(33.3%, 1fr));
}
.workers-2d__item {
  padding: 0 35px;
  margin-bottom: 70px;
}
.workers-2d__item-title {
  font-size: 24px;
  line-height: 109.9%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0 0 13px;
}
.workers-2d__item-text {
  font-size: 14px;
  line-height: 171.4%;
  letter-spacing: 0.01em;
  margin: 0;
}

.portfolio-2d {
  padding-top: 150px;
}
.portfolio-2d__title {
  margin: 0;
}
.portfolio-2d__title-wrapper {
  margin-bottom: 100px;
}
.portfolio-2d__wrapper .container {
  max-width: 1674px;
  padding: 0 20px;
}
.portfolio-2d__top {
  margin-bottom: 30px;
}
.portfolio-2d__top .portfolio-2d__list {
  margin: 0 -19px;
}
.portfolio-2d__top .portfolio-2d__item {
  position: relative;
}
.portfolio-2d__top .portfolio-2d__item-wrapper {
  padding: 0 19px;
  width: 58.2%;
}
.portfolio-2d__top .portfolio-2d__item-wrapper:last-child {
  width: 41.8%;
}
.portfolio-2d__top .portfolio-2d__item-image {
  height: 585px;
}
.portfolio-2d__top .portfolio-2d__item-content {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  padding: 0 48px;
}
.portfolio-2d__top .portfolio-2d__item-title {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
}
.portfolio-2d__bottom {
  margin-bottom: 80px;
}
.portfolio-2d__list {
  width: auto;
  display: flex;
  margin: 0 -14px;
}
.portfolio-2d__item {
  cursor: pointer;
  width: 100%;
}
.portfolio-2d__item-wrapper {
  width: 25%;
  flex-shrink: 0;
  padding: 0 14px;
  display: flex;
}
.portfolio-2d__item-image {
  height: 391px;
  position: relative;
}
.portfolio-2d__item-image img {
  width: 100%;
  height: 100%;
}
.portfolio-2d__item-gif {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all linear;
  left: 0;
  top: 0;
}
.portfolio-2d__item-content {
  padding-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.portfolio-2d__item-category {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: #39b4bd;
  padding: 7px 20px 6px;
  margin-bottom: 15px;
}
.portfolio-2d__item-category:hover {
  color: #fff;
}
.portfolio-2d__item-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 122.4%;
  margin: 0;
}
.portfolio-2d__item:hover .portfolio-2d__item-gif {
  opacity: 1;
  visibility: visible;
}
.portfolio-2d__btn {
  text-align: center;
}
.portfolio-2d__btn .btn {
  padding: 25px 62px 24px;
}

.benefits-2d {
  padding-top: 150px;
}
.benefits-2d__head {
  margin-bottom: 90px;
}
.benefits-2d__title {
  margin: 0 0 66px;
}
.benefits-2d__text {
  font-size: 18px;
  line-height: 188.9%;
  margin: 0;
  max-width: 1115px;
}
.benefits-2d__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -51px -75px;
  width: auto;
}
.benefits-2d__item {
  position: relative;
  padding: 80px 0 0 25px;
  min-height: 317px;
}
.benefits-2d__item::before {
  content: "";
  width: 304px;
  height: 100%;
  max-height: 317px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/wp-content/themes/classy/dist/img/page/2d/benefit-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  transition: 0.3s all linear;
  z-index: -1;
}
.benefits-2d__item-wrapper {
  width: 50%;
  flex-shrink: 0;
  padding: 0 51px;
  margin-bottom: 75px;
}
.benefits-2d__item-wrapper:nth-child(2n) .benefits-2d__item-wreath::before {
  background: url("/wp-content/themes/classy/dist/img/icons/gaming.svg") no-repeat 50% 50%;
}
.benefits-2d__item-wrapper:nth-child(3n) .benefits-2d__item-wreath::before {
  background: url("/wp-content/themes/classy/dist/img/icons/idea.svg") no-repeat 50% 50%;
}
.benefits-2d__item-wrapper:nth-child(4n) .benefits-2d__item-wreath::before {
  background: url("/wp-content/themes/classy/dist/img/icons/on-time.svg") no-repeat 50% 50%;
}
.benefits-2d__item:hover::before {
  background: url("/wp-content/themes/classy/dist/img/page/2d/benefit-bg_hover.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.benefits-2d__item-title {
  font-size: 31px;
  line-height: 114.4%;
  margin: 0 0 35px;
  min-height: 70px;
}
.benefits-2d__item-title-wrapper {
  padding-right: 151px;
  position: relative;
}
.benefits-2d__item-wreath {
  position: absolute;
  top: -10px;
  right: 0;
  width: 127px;
  height: 89px;
  background: url("/wp-content/themes/classy/dist/img/page/2d/benefits-wreath.png") no-repeat 0 0;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.benefits-2d__item-wreath img {
  max-width: 50px;
}
.benefits-2d__item-text {
  line-height: 170.9%;
  margin: 0;
  padding: 0 10px 0 80px;
}
.benefits-2d__item-text a {
  font-weight: 700;
}
.benefits-2d__item-text a:hover {
  color: #39b4bd;
}

.projects-2d {
  padding-top: 190px;
}
.projects-2d__head {
  margin-bottom: 100px;
}
.projects-2d__title {
  margin: 0 0 60px;
}
.projects-2d__text {
  margin: 0 0 100px;
  font-size: 18px;
  line-height: 188.9%;
  max-width: 1130px;
}
.projects-2d__numbers {
  display: flex;
  justify-content: space-between;
}
.projects-2d__number {
  display: flex;
  align-items: center;
}
.projects-2d__number-value {
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  font-size: 75px;
  line-height: 109.9%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #39b4bd;
  margin-right: 16px;
}
.projects-2d__number-text {
  font-weight: bold;
  font-size: 18px;
  line-height: 149.4%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.projects-2d__item-image {
  height: 318px;
}
.projects-2d__item-image img {
  height: 100%;
}
.projects-2d__item-logo {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: 0;
  height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 30px;
}
.projects-2d__item-logo img {
  max-height: 100%;
  width: auto !important;
}

.faq {
  padding: 170px 0 200px;
  background: url("/wp-content/themes/classy/dist/img/page/2d/faq-bg-line.png") no-repeat 100% 100%;
  background-size: cover;
  position: relative;
}
.faq__knight {
  position: absolute;
  bottom: 130px;
  right: 0;
  max-height: calc(100% - 200px);
  max-width: 47%;
}
.faq__title {
  margin: 0 0 70px;
}
.faq__list {
  max-width: 740px;
  position: relative;
}
.faq__item {
  margin: 0 0 20px;
}
.faq__item:last-child {
  margin-bottom: 0;
}
.faq__item-title {
  padding: 21px 80px 21px 55px;
  border: 2px solid #39B4BD;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  transition: 0.3s all linear;
  cursor: pointer;
}
.faq__item-title::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 57px;
  top: 50%;
  margin-top: -7px;
  background: url("/wp-content/themes/classy/dist/img/icons/plus.svg") no-repeat 0 0;
}
.faq__item-title h4 {
  font-weight: 600;
  font-size: 17px;
  line-height: 107.9%;
  margin: 0;
}
.faq__item-text {
  margin: 20px 0 0;
  padding: 34px 30px;
  background: rgba(255, 255, 255, 0.83);
  display: none;
}
.faq__item-text p {
  line-height: 170.9%;
  margin-bottom: 10px;
}
.faq__item-text p:last-child {
  margin-bottom: 0;
}
.faq__item-text ul, .faq__item-text ol {
  margin: 30px 0 35px;
  list-style: none;
  padding: 0;
}
.faq__item-text ul li, .faq__item-text ol li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
  line-height: 170.9%;
}
.faq__item-text ul li::before, .faq__item-text ol li::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 7px;
  background: url("/wp-content/themes/classy/dist/img/icons/faq-list-item.svg") no-repeat 0 0;
}
.faq__item-text ul li:last-child, .faq__item-text ol li:last-child {
  margin-bottom: 0;
}
.faq__item-text ol {
  counter-reset: numbers;
}
.faq__item-text ol li {
  counter-increment: numbers;
  list-style-type: none;
  padding-left: 46px;
  margin-bottom: 20px;
}
.faq__item-text ol li::before {
  content: counter(numbers);
  width: 26px;
  height: 26px;
  font-weight: 900;
  font-size: 12px;
  color: #fff;
  background-color: #39B4BD;
  border-radius: 50%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq__item-text blockquote {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  width: 105px;
  font-weight: bold;
  font-size: 18px;
  line-height: 170.9%;
  color: #39b4bd;
}
.faq__item-text blockquote:first-of-type {
  padding-top: 20px;
}
.faq__item-text blockquote:first-of-type + p {
  padding-top: 20px;
}
.faq__item-text blockquote + p {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 115px);
  margin-bottom: 20px;
}
.faq__item.active .faq__item-title {
  background: #39b4bd;
}
.faq__item.active .faq__item-title::before {
  background: #fff;
  height: 2px;
  width: 14px;
  margin-top: -1px;
}
.faq__item.active .faq__item-title h4 {
  color: #fff;
}
.faq__item:first-child .faq__item-text {
  display: block;
}

@media screen and (max-width: 1680px) {
  .services-2d {
    background-size: auto 80%;
  }
  .p-3d-art .services-2d {
    background-size: 49% auto;
  }
  .p-character-design-company .services-2d {
    background-size: 40% auto;
    background-position: 100% 6%;
  }
}
@media screen and (max-width: 1399px) {
  .services-2d {
    background-position: 100% 0;
    background-size: 70% auto;
  }
  .p-2d-environment-design .services-2d {
    margin-top: -30px;
    padding-top: 180px;
    background-size: 50% auto;
  }
  .p-2d-characters-design .services-2d {
    margin-top: -30px;
    padding-top: 180px;
    background-size: 80% auto;
    background-position: 100% 0;
  }
  .p-3d-characters-design .services-2d {
    background-size: 25% auto;
  }
  .p-3d-art .services-2d {
    margin-top: -30px;
    padding-top: 180px;
  }
  .p-3d-environment-design .services-2d {
    margin-top: -30px;
    padding-top: 180px;
    background-size: 50% auto;
  }
  .p-concept-art .services-2d {
    background-size: auto 80%;
  }
  .p-character-design-company .services-2d {
    margin-top: -30px;
    padding-top: 180px;
    background-size: 35% auto;
  }
  .p-game-environment-design .services-2d {
    margin-top: -30px;
    padding-top: 180px;
    background-size: 35% auto;
  }
  .p-aaa-game-art-studio-services .services-2d {
    margin-top: -30px;
    padding-top: 180px;
  }
  .p-hidden-objects-game-design-services .services-2d {
    background-size: 30% auto;
  }
  .p-slots-machines-and-casino-game-design-services .services-2d {
    margin-top: -30px;
    padding-top: 180px;
  }
  .portfolio-2d__item-image {
    height: 310px;
  }
  .faq__knight {
    max-width: 37%;
  }
}
@media screen and (max-width: 1199px) {
  .services-2d {
    padding: 100px 0 60px;
    background-size: 60% auto;
  }
  .services-2d__head {
    margin-bottom: 80px;
  }
  .services-2d__title {
    margin-bottom: 40px;
  }
  .p-2d-characters-design .services-2d, .p-2d-environment-design .services-2d, .p-slots-machines-and-casino-game-design-services .services-2d {
    margin-top: -30px;
    padding-top: 130px;
  }
  .p-3d-characters-design .services-2d {
    background-size: 20% auto;
  }
  .p-3d-art .services-2d {
    margin-top: -30px;
    padding-top: 130px;
    background-size: 40% auto;
  }
  .p-3d-environment-design .services-2d {
    margin-top: -30px;
    padding-top: 130px;
  }
  .p-casual-game-art-services .services-2d {
    background-size: 40% auto;
  }
  .p-concept-art .services-2d {
    background-size: auto 50%;
  }
  .p-character-design-company .services-2d {
    margin-top: -30px;
    padding-top: 130px;
    background-size: 35% auto;
  }
  .p-game-environment-design .services-2d {
    margin-top: -30px;
    padding-top: 130px;
  }
  .p-aaa-game-art-studio-services .services-2d {
    margin-top: -30px;
    padding-top: 130px;
    background-size: 60% auto;
  }
  .p-hidden-objects-game-design-services .services-2d {
    background-position: 100% 0;
    background-size: 25% auto;
  }
  .service-2d-wrapper {
    margin-bottom: 30px;
  }
  .tools-2d {
    padding-bottom: 100px;
  }
  .tools-2d__title {
    margin: 0 0 50px;
  }
  .tools-2d__item {
    height: 150px;
  }
  .workers-2d {
    padding: 100px 0;
  }
  .workers-2d__wrapper {
    padding: 50px 40px;
  }
  .portfolio-2d {
    padding-top: 100px;
  }
  .portfolio-2d__title-wrapper {
    margin-bottom: 50px;
  }
  .portfolio-2d__top .portfolio-2d__list {
    margin: 0 -14px;
  }
  .portfolio-2d__top .portfolio-2d__item-wrapper {
    padding: 0 14px;
  }
  .portfolio-2d__top .portfolio-2d__item-image {
    height: 385px;
  }
  .portfolio-2d__item-title {
    font-size: 21px;
  }
  .portfolio-2d__item-image {
    height: 250px;
  }
  .portfolio-2d__item:hover .portfolio-2d__item-gif {
    opacity: 0;
    visibility: hidden;
  }
  .portfolio-2d__bottom {
    margin-bottom: 50px;
  }
  .benefits-2d {
    padding-top: 100px;
  }
  .benefits-2d__head {
    margin-bottom: 60px;
  }
  .benefits-2d__title {
    margin: 0 0 40px;
  }
  .benefits-2d__list {
    margin: 0 -18px -50px;
  }
  .benefits-2d__item-wrapper {
    padding: 0 18px;
    margin-bottom: 50px;
  }
  .benefits-2d__item-text {
    padding: 0 0 0 20px;
  }
  .projects-2d {
    padding-top: 100px;
  }
  .projects-2d__head {
    margin-bottom: 60px;
  }
  .projects-2d__title {
    margin-bottom: 40px;
  }
  .projects-2d__text {
    margin-bottom: 60px;
  }
  .projects-2d__number-value {
    font-size: 56px;
  }
  .projects-2d__number-text {
    font-size: 14px;
  }
  .projects-2d__item-image {
    height: 250px;
  }
  .projects-2d__item-logo {
    height: 120px;
  }
  .faq {
    padding: 130px 0;
  }
  .faq__knight {
    max-height: none;
    bottom: 60px;
  }
  .faq__knight img {
    height: 400px;
  }
}
@media screen and (max-width: 991px) {
  .page-template-classy-2d-template h2 br {
    display: none;
  }
  .services-2d {
    background-position: 100% 11%;
  }
  .p-2d-characters-design .services-2d, .p-2d-environment-design .services-2d, .p-3d-environment-design .services-2d, .p-3d-art .services-2d, .p-game-environment-design .services-2d, .p-aaa-game-art-studio-services .services-2d, .p-slots-machines-and-casino-game-design-services .services-2d {
    margin-top: -20px;
    padding-top: 120px;
  }
  .p-3d-characters-design .services-2d {
    background-size: 22% auto;
    background-position: 100% 26%;
  }
  .p-concept-art .services-2d {
    background-size: auto 45%;
    background-position: 100% 100%;
  }
  .p-character-design-company .services-2d {
    margin-top: -20px;
    padding-top: 120px;
    background-size: 25% auto;
  }
  .p-hidden-objects-game-design-services .services-2d {
    background-position: 100% 200px;
    background-size: 25% auto;
  }
  .service-2d {
    padding: 30px 0 30px 30px;
  }
  .p-casual-game-art-services .service-2d-wrapper, .p-video-game-concept-art-services .service-2d-wrapper, .p-hidden-objects-game-design-services .service-2d-wrapper, .p-unity-game-development-services .service-2d-wrapper, .p-hyper-casual-game-development-services .service-2d-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .service-2d__bg {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .service-2d__icon {
    width: 46px;
    height: 46px;
  }
  .service-2d:hover {
    padding: 30px 0 30px 30px;
  }
  .service-2d:hover .service-2d__bg {
    background: none;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .p-casual-game-art-services .service-2d, .p-video-game-concept-art-services .service-2d, .p-hidden-objects-game-design-services .service-2d, .p-unity-game-development-services .service-2d, .p-hyper-casual-game-development-services .service-2d {
    padding: 30px 0 30px 30px;
  }
  .p-casual-game-art-services .service-2d:hover, .p-video-game-concept-art-services .service-2d:hover, .p-hidden-objects-game-design-services .service-2d:hover, .p-unity-game-development-services .service-2d:hover, .p-hyper-casual-game-development-services .service-2d:hover {
    padding: 30px 0 30px 30px;
  }
  .p-3d-characters-design .tools-2d__item, .p-3d-art .tools-2d__item, .p-3d-environment-design .tools-2d__item, .p-aaa-game-art-studio-services .tools-2d__item {
    width: 25%;
  }
  .workers-2d__title {
    margin: 0 0 40px;
  }
  .workers-2d__list {
    margin: 0 -20px -40px;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  }
  .workers-2d__item {
    padding: 0 20px;
    margin-bottom: 40px;
  }
  .portfolio-2d__top .portfolio-2d__item-wrapper {
    margin-bottom: 0;
  }
  .portfolio-2d__top .portfolio-2d__item-image {
    height: 300px;
  }
  .portfolio-2d__bottom {
    margin-bottom: 20px;
  }
  .portfolio-2d__list {
    flex-wrap: wrap;
  }
  .portfolio-2d__item-wrapper {
    width: 50%;
    margin-bottom: 30px;
  }
  .portfolio-2d__item-image {
    height: 215px;
  }
  .benefits-2d__item-title {
    font-size: 20px;
    line-height: 128.4%;
    margin: 0 0 14px;
    min-height: 75px;
  }
  .benefits-2d__item-title-wrapper {
    padding-right: 100px;
  }
  .benefits-2d__item-wreath {
    width: 93px;
    height: 72px;
  }
  .benefits-2d__item-wreath::before {
    width: 30px;
    background-size: 100% auto !important;
  }
  .benefits-2d__item-text {
    font-size: 14px;
    padding: 0;
  }
  .projects-2d__numbers {
    flex-wrap: wrap;
    margin-bottom: -20px;
  }
  .projects-2d__number {
    width: 48%;
    flex-shrink: 0;
    margin-bottom: 20px;
  }
  .projects-2d__number:nth-child(3) {
    order: 4;
  }
  .projects-2d__list {
    padding: 0 20px;
  }
  .projects-2d__item-image {
    height: 220px;
  }
  .projects-2d__item-logo {
    height: 100px;
    padding: 30px 20px;
  }
  .faq__knight {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .page-template-classy-2d-template h2 {
    font-size: 30px;
    padding-left: 5px;
  }
  .page-template-classy-2d-template h2 br {
    display: none;
  }
  .page-template-classy-2d-template .banner .breadcrumbs {
    bottom: 80px;
  }
  .services-2d {
    background-color: #fff !important;
    position: relative;
    z-index: 1;
    margin-top: -30px !important;
    padding: 60px 0 !important;
    background-position: 0 0;
    background-size: auto 80%;
  }
  .services-2d::before {
    content: "";
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .services-2d .container {
    position: relative;
  }
  .services-2d__head {
    margin-bottom: 50px;
  }
  .services-2d__title {
    margin: 0 0 20px;
    font-size: 30px;
  }
  .services-2d__text {
    font-size: 16px;
  }
  .p-2d-art .services-2d::before {
    content: none;
  }
  .p-2d-environment-design .services-2d {
    background-position: 17% 50%;
    background-size: 200% auto;
  }
  .p-2d-characters-design .services-2d {
    background-size: auto 70%;
    background-position: 67% 0;
  }
  .p-3d-characters-design .services-2d {
    background-size: 80% auto;
    background-position: 100% 20%;
  }
  .p-3d-art .services-2d {
    background-size: 100% auto;
    background-position: 0 20%;
  }
  .p-3d-environment-design .services-2d {
    background-size: 100% auto;
  }
  .p-casual-game-art-services .services-2d {
    background-size: auto 50%;
    background-position: 0 0;
  }
  .p-concept-art .services-2d {
    background-size: 80% auto;
    background-position: 100% 20%;
  }
  .p-character-design-company .services-2d {
    background-size: auto 60%;
    background-position: 5% 10%;
  }
  .p-game-environment-design .services-2d {
    background-size: auto 80%;
    background-position: 0 10%;
  }
  .p-aaa-game-art-studio-services .services-2d {
    background-size: auto 80%;
    background-position: 100% 10%;
  }
  .p-hidden-objects-game-design-services .services-2d {
    background-position: 100% 20%;
    background-size: 90% auto;
  }
  .p-slots-machines-and-casino-game-design-services .services-2d {
    margin-top: -35px !important;
  }
  .service-2d {
    padding: 0;
  }
  .service-2d-wrapper {
    margin-bottom: 33px;
  }
  .p-casual-game-art-services .service-2d-wrapper, .p-video-game-concept-art-services .service-2d-wrapper, .p-hidden-objects-game-design-services .service-2d-wrapper, .p-unity-game-development-services .service-2d-wrapper, .p-hyper-casual-game-development-services .service-2d-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .service-2d-wrapper:last-child {
    margin-bottom: 0;
  }
  .service-2d__bg {
    display: none;
  }
  .service-2d__title {
    font-size: 21px;
    line-height: 110%;
    position: relative;
    padding-left: 66px;
    margin: 0 0 25px;
  }
  .service-2d__title .service-2d__icon {
    display: block;
    left: 0;
    top: 50%;
    margin-top: -23px;
  }
  .service-2d:hover {
    padding: 0;
  }
  .p-casual-game-art-services .service-2d, .p-video-game-concept-art-services .service-2d, .p-hidden-objects-game-design-services .service-2d, .p-unity-game-development-services .service-2d, .p-hyper-casual-game-development-services .service-2d {
    padding: 0;
  }
  .p-casual-game-art-services .service-2d:hover, .p-video-game-concept-art-services .service-2d:hover, .p-hidden-objects-game-design-services .service-2d:hover, .p-unity-game-development-services .service-2d:hover, .p-hyper-casual-game-development-services .service-2d:hover {
    padding: 0;
  }
  .tools-2d {
    padding-bottom: 60px;
  }
  .tools-2d__title {
    margin: 0 0 40px;
    font-size: 30px;
  }
  .tools-2d__list {
    border: 0;
  }
  .tools-2d__list.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: calc(100% + 40px);
    left: -20px;
    margin: -11px 0 0;
  }
  .tools-2d__list.owl-carousel .owl-nav::before {
    display: none;
  }
  .tools-2d__list.owl-carousel .owl-nav button {
    width: 11px;
    height: 22px;
    padding: 0 !important;
  }
  .tools-2d__list.owl-carousel .owl-nav button::before {
    display: none;
  }
  .tools-2d__list.owl-carousel .owl-nav button span {
    display: none;
  }
  .tools-2d__list.owl-carousel .owl-nav button.owl-prev {
    background: url("/wp-content/themes/classy/dist/img/icons/arrow-right.svg") no-repeat 0 0;
    transform: rotate(180deg);
  }
  .tools-2d__list.owl-carousel .owl-nav button.owl-next {
    background: url("/wp-content/themes/classy/dist/img/icons/arrow-right.svg") no-repeat 0 0;
  }
  .tools-2d__list.owl-carousel .owl-nav button.disabled {
    opacity: 0;
  }
  .tools-2d__item {
    height: 91px;
    width: 100%;
    border: 1px solid #E6E6E6;
    padding: 30px 35px;
  }
  .p-3d-characters-design .tools-2d__item, .p-3d-art .tools-2d__item, .p-3d-environment-design .tools-2d__item, .p-aaa-game-art-studio-services .tools-2d__item, .p-character-design-company .tools-2d__item, .p-casual-game-art-services .tools-2d__item, .p-hidden-objects-game-design-services .tools-2d__item, .p-slots-machines-and-casino-game-design-services .tools-2d__item {
    width: 100%;
    height: 91px;
  }
  .workers-2d {
    padding: 40px 0;
  }
  .workers-2d__wrapper {
    padding: 40px 30px;
  }
  .workers-2d__list {
    margin: 0;
    grid-template-columns: 1fr;
  }
  .workers-2d__title {
    font-size: 30px;
  }
  .workers-2d__item {
    padding: 0;
    margin-bottom: 25px;
  }
  .workers-2d__item:last-child {
    margin-bottom: 0;
  }
  .workers-2d__item-title {
    font-size: 21px;
    margin: 0;
  }
  .workers-2d__item-text {
    margin-top: 16px;
    padding-bottom: 30px;
    display: none;
  }
  .workers-2d__item.is-opened {
    margin-bottom: 0;
  }
  .workers-2d__item.is-opened .workers-2d__item-text {
    display: block;
  }
  .portfolio-2d {
    padding-top: 60px;
  }
  .portfolio-2d__title {
    font-size: 30px;
  }
  .portfolio-2d__title-wrapper {
    margin: 0 0 20px;
  }
  .portfolio-2d__top {
    margin-bottom: 20px;
  }
  .portfolio-2d__top .portfolio-2d__list {
    margin: 0;
  }
  .portfolio-2d__top .portfolio-2d__item-wrapper {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .portfolio-2d__top .portfolio-2d__item-wrapper:last-child {
    width: 100%;
  }
  .portfolio-2d__top .portfolio-2d__item-image {
    height: 215px;
  }
  .portfolio-2d__top .portfolio-2d__item-content {
    padding: 0 20px;
    bottom: 20px;
  }
  .portfolio-2d__top .portfolio-2d__item-title {
    font-size: 21px;
  }
  .portfolio-2d__bottom {
    margin-bottom: 40px;
  }
  .portfolio-2d__list {
    margin: 0;
  }
  .portfolio-2d__item {
    position: relative;
  }
  .portfolio-2d__item-wrapper {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .portfolio-2d__item-wrapper:last-child {
    margin-bottom: 0;
  }
  .portfolio-2d__item-content {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
  }
  .portfolio-2d__item-category {
    font-size: 12px;
    padding: 5px 16px 4px;
    margin-bottom: 7px;
  }
  .portfolio-2d__item-title {
    color: #fff;
  }
  .portfolio-2d__btn .btn {
    padding: 20px 62px 19px;
  }
  .benefits-2d {
    padding-top: 60px;
  }
  .benefits-2d__head {
    margin-bottom: 35px;
  }
  .benefits-2d__title {
    margin: 0 0 20px;
    font-size: 30px;
  }
  .benefits-2d__text {
    font-size: 16px;
  }
  .benefits-2d__list {
    margin: 0;
  }
  .benefits-2d__item {
    min-height: 334px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .benefits-2d__item::before {
    width: 100%;
    height: 100%;
    max-height: none;
    background: url("/wp-content/themes/classy/dist/img/page/2d/benefit-bg_hover.png") no-repeat 0 0;
    background-size: 100% 100%;
  }
  .benefits-2d__item-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .benefits-2d__item-title {
    margin: 0;
    min-height: 50px;
  }
  .benefits-2d__item-title-wrapper {
    margin: 0 0 14px;
  }
  .benefits-2d__item-wreath {
    top: 50%;
    transform: translate(0, -50%);
  }
  .benefits-2d__item-wreath img {
    max-width: 35px;
  }
  .projects-2d {
    padding-top: 60px;
  }
  .projects-2d + .relinking {
    margin-top: 30px;
  }
  .projects-2d__head {
    margin-bottom: 0;
  }
  .projects-2d__title {
    margin: 0 0 20px;
  }
  .projects-2d__text {
    font-size: 16px;
    margin: 0 0 30px;
  }
  .projects-2d__numbers {
    margin: 0 -15px 0;
  }
  .projects-2d__number {
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    padding: 0 15px;
    margin-bottom: 40px;
  }
  .projects-2d__number-value {
    font-size: 50px;
    margin: 0 0 10px;
  }
  .projects-2d__number-text {
    font-size: 16px;
  }
  .faq {
    padding: 60px 0 95px;
    background-position: 0 0;
  }
  .faq__title {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .faq__item-title {
    padding: 13px 40px 12px 20px;
  }
  .faq__item-title::before {
    right: 20px;
  }
  .faq__item-title h4 {
    font-size: 16px;
  }
  .faq__item-text {
    font-size: 14px;
    padding: 20px;
  }
  .faq__item-text ul li::before {
    top: 6px;
  }
  .faq__item-text blockquote {
    margin-bottom: 10px;
  }
  .faq__item-text blockquote:first-of-type + p {
    padding-top: 0;
  }
  .faq__item-text blockquote + p {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .tools-2d {
    overflow: hidden;
  }
  .tools-2d__list {
    padding-right: 40px;
  }
  .tools-2d__list.owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .tools-2d__list.owl-carousel .owl-stage-outer .owl-item.active + .owl-item:not(.active)::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, #FFFFFF 54.95%, rgba(255, 255, 255, 0) 137.02%);
    z-index: 1;
  }
  .tools-2d__list.owl-carousel .owl-nav {
    width: calc(100% + 36px);
    left: -18px;
  }
  .tools-2d__list.owl-carousel .owl-nav button.owl-next {
    margin-right: 18px;
  }
}
.relinking {
  --relinking-bg: rgba(244, 244, 245, 1);
  --relinking-border: rgba(48, 48, 49, 0.2);
  --relinking-color: rgba(8, 190, 178, 1);
  --relinking-hover-bg: rgba(235, 248, 249, 1);
  background: var(--relinking-bg);
  padding: 54px 0 21px;
  margin: 0;
}
.relinking + .faq {
  padding: 50px 0 200px;
}
.relinking__title {
  margin-bottom: 16px;
}
.relinking__list {
  position: relative;
  overflow: hidden;
}
.relinking__list_inner {
  counter-reset: relinking;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}
.relinking__list_inner.slick-slider {
  display: block;
}
.relinking__list_inner.slick-slider .slick-slide {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.relinking__item {
  background: var(--relinking-bg);
  padding: 32px 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid var(--relinking-border);
  border-right: 1px solid var(--relinking-border);
}
.relinking__item-title {
  color: rgb(48, 48, 49);
  font-family: "Rajdhani";
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.relinking__item-title:before {
  counter-increment: relinking;
  content: "#0" counter(relinking) " ";
  color: rgb(57, 180, 189);
}
.relinking__item-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}
.relinking__item-text {
  font-family: Figtree, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
}
.relinking__item-link {
  font-family: "Rajdhani";
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  color: var(--relinking-color);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: color 0.35s;
}
.relinking__item-link:hover {
  color: #222;
}
.relinking__nav {
  margin: 0;
  width: calc(100% + 10px);
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: "Rajdhani";
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.105em;
  text-align: left;
  text-transform: uppercase;
}
.relinking__nav-prev .icon, .relinking__nav-next .icon {
  display: inline-block;
}
.relinking__nav-prev .icon img, .relinking__nav-next .icon img {
  height: 12px;
}
.relinking__nav-prev.slick-disabled, .relinking__nav-next.slick-disabled {
  opacity: 0.65;
}
.relinking__nav-prev .icon {
  margin-right: 5px;
}
.relinking__nav-next .icon {
  margin-left: 10px;
}
.relinking__nav-divider {
  width: 1px;
  height: 18px;
  background: rgb(48, 48, 49);
}
@media screen and (min-width: 526px) and (max-width: 991px) {
  .relinking__list_inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .relinking__title {
    font-size: 30px;
  }
}
@media screen and (min-width: 526px) {
  .relinking {
    padding: 72px 0 54px;
  }
  .relinking__list {
    overflow: hidden;
  }
  .relinking__list_inner {
    margin: -2px;
  }
  .relinking__item {
    padding: 32px 30px 14px;
  }
  .relinking__item-more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--relinking-hover-bg);
    transition: opacity 0.2s 0.2s;
    overflow: hidden;
    opacity: 0;
  }
  .relinking__item-more:after {
    content: "";
    position: absolute;
    width: 110%;
    height: 100%;
    left: -5%;
    top: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(235, 248, 249, 0) 0%, rgb(235, 248, 249) 5%, rgb(235, 248, 249) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ebf8f9", endColorstr="#ebf8f9", GradientType=1); /* IE6-9 */
    transition: left 0.2s 0s;
  }
  .relinking__item-dash {
    width: 70px;
    height: 3px;
    display: block;
    background: var(--relinking-color);
  }
  .relinking__item:hover {
    background: var(--relinking-hover-bg);
  }
  .relinking__item:hover .relinking__item-more {
    opacity: 1;
    transition-delay: 0.2s;
  }
  .relinking__item:hover .relinking__item-more:after {
    transition: left 0.75s 0.2s;
    left: 110%;
  }
}
@media screen and (max-width: 526px) {
  .relinking__nav {
    display: flex;
  }
  .relinking__list_inner.slick-slider .slick-slide > div:not(:last-child) {
    border-bottom: 1px solid var(--relinking-border);
  }
  .relinking__item {
    border: 0;
  }
}

.banner__parallax {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}
.banner__parallax .parallax {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 70px;
  left: 50%;
  min-width: 1920px;
  transform: translateX(-50%);
}

/*$arts: (
    1: (
        x: 0, y: 0, z: 24px,
        width: 284px, height: 398px,
        top: 19.4%, left: -0.85%, right: auto, bottom: auto, z-index: 1,
        image: 'item1.jpg', opacity: 1, gradient: null,
    ),
    2: (
        x: 0, y: 0, z: -105px,
        width: 216px, height: 214px,
        top: 16.9%, left: 19.0%, right: auto, bottom: auto, z-index: 1,
        image: 'item2.jpg', opacity: 1, gradient: rgba(31, 19, 51, 0.59),
    ),
    3: (
        x: 0, y: 0, z: 71px,
        width: 301px, height: 314px,
        top: -3.1%, left: 36.8%, right: auto, bottom: auto, z-index: 1,
        image: 'item3.jpg', opacity: 1, gradient: null,
    ),
    4: (
        x: 0, y: 0, z: -67px,
        width: 140px, height: 140px,
        top: 20.6%, left: auto, right: 30.35%, bottom: auto, z-index: 1,
        image: 'item4.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.26),
    ),
    5: (
        x: 0, y: 0, z: -167px,
        width: 119px, height: 96px,
        top: 47.2%, left: auto, right: 19.5%, bottom: 0, z-index: 1,
        image: 'item5.jpg', opacity: 0.87, gradient: rgba(33, 17, 58, 0.6),
    ),
    6: (
        x: 0, y: 0, z: -162px,
        width: 298px, height: 170px,
        top: 25.3%, left: auto, right: -4.7%, bottom: 0, z-index: 1,
        image: 'item6.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.2),
    ),
    7: (
        x: 0, y: 0, z: 143px,
        width: 372px, height: 370px,
        top: 39.1%, left: auto, right: -0.6%, bottom: 0, z-index: 1,
        image: 'item7.jpg', opacity: 1, gradient: null,
    ),
    8: (
        x: 0, y: 0, z: -210px,
        width: 97px, height: 113px,
        top: auto, left: auto, right: 19.5%, bottom: 4.1%, z-index: 1,
        image: 'item8.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.56),
    ),
    9: (
        x: 0, y: 0, z: -57px,
        width: 218px, height: 248px,
        top: auto, left: auto, right: 29.9%, bottom: 0.3%, z-index: 1,
        image: 'item9.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.08),
    ),
    10: (
        x: 0, y: 0, z: -129px,
        width: 280px, height: 158px,
        top: auto, left: 35.8%, right: auto, bottom: 3.2%, z-index: 1,
        image: 'item10.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.38),
    ),
    11: (
        x: 0, y: 0, z: -124px,
        width: 105px, height: 134px,
        top: auto, left: 25.3%, right: auto, bottom: 26.9%, z-index: 1,
        image: 'item11.jpg', opacity: .8, gradient: rgba(33, 17, 58, 0.6),
    ),
    12: (
        x: 0, y: 0, z: 48px,
        width: 485px, height: 256px,
        top: auto, left: 3.2%, right: auto, bottom: 4.7%, z-index: 1,
        image: 'item12.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.18),
    ),
    13: (
        x: 0, y: 0, z: 95px,
        width: 351px, height: 224px,
        top: -2.7%, left: auto, right: 7%, bottom: auto, z-index: 1,
        image: 'item13.jpg', opacity: 1, gradient: rgba(33, 17, 58, 0.5),
    ),
) !default;*/
.parallax__box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  perspective: 1000px;
  transform: rotateX(0.001deg) rotateY(0deg) rotateZ(0deg);
  transform-style: preserve-3d;
  will-change: transform;
  min-height: 960px;
}
.parallax__art {
  position: absolute;
  border-radius: 20px;
  background: #212121 none no-repeat center center;
  background-size: cover;
  transition: all 0.2s ease-in-out;
  transform-style: preserve-3d;
}
.parallax__art::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 20px;
}
.parallax__art_1 {
  width: 279px;
  height: 391px;
  top: 20.05%;
  left: 6.2%;
  right: auto;
  bottom: auto;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item1.jpg");
  transform: translate3d(0, 0, 24px);
}
.parallax__art_2 {
  width: 239px;
  height: 237px;
  top: 13.4%;
  left: 20.7%;
  right: auto;
  bottom: auto;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item2.jpg");
  transform: translate3d(0, 0, -105px);
}
.parallax__art_2::before {
  content: "";
  background: rgba(31, 19, 51, 0.59);
}
.parallax__art_3 {
  width: 280px;
  height: 265px;
  top: 3.6%;
  left: 39.2%;
  right: auto;
  bottom: auto;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item3.jpg");
  transform: translate3d(0, 0, 71px);
}
.parallax__art_4 {
  width: 150px;
  height: 150px;
  top: 18.6%;
  left: auto;
  right: 31.4%;
  bottom: auto;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item4.jpg");
  transform: translate3d(0, 0, -67px);
}
.parallax__art_4::before {
  content: "";
  background: rgba(33, 17, 58, 0.26);
}
.parallax__art_5 {
  width: 119px;
  height: 96px;
  top: 47.2%;
  left: auto;
  right: 19.5%;
  bottom: 0;
  z-index: 1;
  opacity: 0.87;
  background-image: url("./img/page/about-us/parallax/item5.jpg");
  transform: translate3d(0, 0, -167px);
}
.parallax__art_5::before {
  content: "";
  background: rgba(33, 17, 58, 0.6);
}
.parallax__art_6 {
  width: 345px;
  height: 197px;
  top: 21.2%;
  left: auto;
  right: -6.2%;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item6.jpg");
  transform: translate3d(0, 0, -162px);
}
.parallax__art_6::before {
  content: "";
  background: rgba(33, 17, 58, 0.2);
}
.parallax__art_7 {
  width: 319px;
  height: 317px;
  top: 40.7%;
  left: auto;
  right: 11.7%;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item7.jpg");
  transform: translate3d(0, 0, 143px);
}
.parallax__art_8 {
  width: 118px;
  height: 137px;
  top: auto;
  left: auto;
  right: 17.4%;
  bottom: -5.6%;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item8.jpg");
  transform: translate3d(0, 0, -210px);
}
.parallax__art_8::before {
  content: "";
  background: rgba(33, 17, 58, 0.56);
}
.parallax__art_9 {
  width: 227px;
  height: 258px;
  top: auto;
  left: auto;
  right: 31.2%;
  bottom: -2.2%;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item9.jpg");
  transform: translate3d(0, 0, -57px);
}
.parallax__art_9::before {
  content: "";
  background: rgba(33, 17, 58, 0.08);
}
.parallax__art_10 {
  width: 315px;
  height: 178px;
  top: auto;
  left: 35.82%;
  right: auto;
  bottom: -2.8%;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item10.jpg");
  transform: translate3d(0, 0, -129px);
}
.parallax__art_10::before {
  content: "";
  background: rgba(33, 17, 58, 0.38);
}
.parallax__art_11 {
  width: 105px;
  height: 134px;
  top: auto;
  left: 25.3%;
  right: auto;
  bottom: 26.9%;
  z-index: 1;
  opacity: 0.8;
  background-image: url("./img/page/about-us/parallax/item11.jpg");
  transform: translate3d(0, 0, -124px);
}
.parallax__art_11::before {
  content: "";
  background: rgba(33, 17, 58, 0.6);
}
.parallax__art_12 {
  width: 460px;
  height: 243px;
  top: auto;
  left: 10.75%;
  right: auto;
  bottom: 6.8%;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item12.jpg");
  transform: translate3d(0, 0, 48px);
}
.parallax__art_12::before {
  content: "";
  background: rgba(33, 17, 58, 0.18);
}
.parallax__art_13 {
  width: 317px;
  height: 180px;
  top: 4.8%;
  left: auto;
  right: 15.6%;
  bottom: auto;
  z-index: 1;
  opacity: 1;
  background-image: url("./img/page/about-us/parallax/item13.jpg");
  transform: translate3d(0, 0, 95px);
}
.parallax__art_13::before {
  content: "";
  background: rgba(33, 17, 58, 0.5);
}

.p-about-us .banner {
  position: relative;
  background-color: #131617;
  background-image: url("./img/page/about-us/bg.jpg");
  background-position: bottom center;
}
.p-about-us .banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("./img/page/about-us/bg-overlay.png") no-repeat bottom center;
  background-size: cover;
}
.p-about-us .banner__content {
  padding-top: 50px;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.p-about-us .banner__text {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.p-about-us .values {
  padding-top: 55px;
  padding-bottom: 55px;
  background: none;
}
.p-about-us .values__text {
  margin-bottom: 160px;
}
.p-about-us .benefits-2d__item-wreath {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-about-us .benefits-2d__item-wreath::before {
  content: none;
}
.p-about-us .benefits-2d__item-wreath img {
  max-width: 50px;
}

.projects-2d_about-us {
  padding-top: 50px;
}

.divider {
  width: 74px;
  height: 2px;
  margin: 30px 0;
  background-color: #39b4bd;
}

.about {
  padding-top: 150px;
}
.about__headline {
  font-size: 30px;
  max-width: 750px;
  margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about__headline {
    font-size: 45px;
    font-size: calc(0.1171875 * 100vw + -60px);
  }
}
@media (min-width: 1024px) {
  .about__headline {
    font-size: 60px;
  }
}
.about__text {
  line-height: 1.89;
  margin-bottom: 70px;
}
.about__item {
  margin-bottom: 30px;
}
.about__box {
  position: relative;
  min-height: 100%;
  line-height: 1.71;
  padding: 70px 26px 60px;
  background-color: #ebf8f9;
}
.about__box::before, .about__box::after {
  content: "";
  width: 0;
  height: 0;
  border: 15px solid #fff;
  position: absolute;
}
.about__box::before {
  top: 0;
  right: 0;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.about__box::after {
  left: 0;
  bottom: 0;
  border-top-color: transparent;
  border-right-color: transparent;
}
.about__title {
  font-size: 26px;
  margin-bottom: 0;
}
.about__desc p {
  margin-bottom: 0;
}

.team {
  margin-top: 150px;
}
.team .divider {
  margin: 11px 0;
}
.team__headline {
  font-size: 30px;
  margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .team__headline {
    font-size: 45px;
    font-size: calc(0.1171875 * 100vw + -60px);
  }
}
@media (min-width: 1024px) {
  .team__headline {
    font-size: 60px;
  }
}
.team__text {
  line-height: 1.89;
  margin-bottom: 100px;
}
.team__item {
  margin-bottom: 110px;
}
.team__image {
  margin-bottom: 38px;
}
.team__caption {
  font-size: 20px;
}
.team__position {
  color: #39b4bd;
  font-weight: 600;
}

.review {
  margin-top: 155px;
  padding-top: 80px;
  padding-bottom: 200px;
  min-height: 990px;
  background: url("./img/page/about-us/review-bg.svg") no-repeat -391px 0;
}
.review__head {
  position: relative;
  max-width: 510px;
  margin-bottom: 145px;
  padding-left: 35px;
}
.review__headline {
  font-size: 30px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .review__headline {
    font-size: 45px;
    font-size: calc(0.1171875 * 100vw + -60px);
  }
}
@media (min-width: 1024px) {
  .review__headline {
    font-size: 60px;
  }
}
.review__subtitle {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.13em;
  transform-origin: left;
  transform: rotate(-90deg) translate(-100%, 50%);
}
.review__list .owl-stage-outer {
  padding: 20px 0;
}
.review__list .owl-stage,
.review__list .owl-item {
  display: flex;
  min-height: 100%;
}
.review__item {
  padding: 0 79px;
  min-height: 100%;
}
.review__box {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  min-height: 100%;
  padding: 88px 49px 45px 79px;
  line-height: 1.8;
  background-color: #fff;
  box-shadow: 5px 7px 25px rgba(18, 56, 59, 0.08);
}
.review__box::before {
  content: "“";
  position: absolute;
  top: -16px;
  left: 40px;
  z-index: -1;
  line-height: 0.75;
  font-size: 300px;
  color: #39b4bd;
  pointer-events: none;
}
.review__figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 116px;
  height: 116px;
  padding: 14px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 62px rgba(0, 0, 0, 0.12);
  transform: translateX(-50%);
}
.review__text {
  margin-bottom: auto;
}
.review__text p {
  margin-bottom: 0;
}
.review__meta {
  line-height: 1.53;
  margin-top: 60px;
}
.review__user {
  color: #08beb2;
  margin-bottom: 10px;
}
.review__position {
  opacity: 0.49;
  line-height: 1.66;
}

/*@media (max-width: 1400px) {
    .banner__parallax {
        .parallax {
            left: 50%;
            min-width: 1800px;
            transform: translateX(-50%);
        }
    }
}*/
@media (max-width: 991px) {
  .p-about-us .team {
    margin-top: 0;
  }
  .p-about-us .values__text {
    margin-bottom: 60px;
  }
  .review {
    min-height: auto;
    margin-top: 50px;
    padding-bottom: 100px;
  }
  .review__head {
    margin-bottom: 50px;
  }
  .review .owl-stage {
    display: block;
  }
}
@media (max-width: 767px) {
  .p-about-us .banner__content {
    text-align: left;
  }
  .p-about-us .values {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .p-about-us .values__headline {
    padding: 0;
    margin-bottom: 20px;
  }
  .p-about-us .values__text {
    margin-bottom: 30px;
  }
  .p-about-us .benefits-2d__title {
    font-size: 30px;
  }
  .p-about-us .benefits-2d__item-wreath img {
    max-width: 35px;
  }
  .p-about-us .clients-reviews__title {
    font-size: 30px;
  }
  .p-about-us .clients-reviews__title br {
    display: none;
  }
  .banner__parallax {
    display: none;
  }
  .about {
    padding-top: 50px;
  }
  .about__headline {
    margin-bottom: 20px;
  }
  .about__title {
    margin-bottom: 20px;
  }
  .about__text {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .about__box {
    padding: 35px 25px;
  }
  .about__box .divider {
    margin: 20px 0;
  }
  .team__headline {
    margin-bottom: 20px;
  }
  .team__item {
    margin-bottom: 40px;
  }
  .team__text {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .team__image {
    margin-bottom: 20px;
  }
  .review {
    margin-top: 30px;
    padding-bottom: 70px;
  }
  .review__head {
    margin-bottom: 25px;
  }
  .review__subtitle {
    letter-spacing: 0;
  }
  .review__list {
    width: auto;
    margin: 0 -20px;
  }
  .review__item {
    padding: 0 20px;
  }
  .review__box {
    padding: 50px 25px 20px;
  }
  .review__box::before {
    top: -10px;
    left: 20px;
    font-size: 150px;
  }
  .review__figure {
    left: 50%;
    bottom: auto;
    width: 90px;
    height: 90px;
    padding: 10px;
    transform: translate(-50%, -50%);
  }
  .review__meta {
    margin-top: 20px;
  }
  .review .owl-stage-outer {
    padding-top: 70px;
  }
  .review .owl-nav {
    padding: 0 20px;
    margin-top: 20px;
  }
  .projects-2d_about-us {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .projects-2d_about-us .projects-2d__title {
    font-size: 30px;
  }
}
body.single-post .banner {
  -webkit-clip-path: none;
          clip-path: none;
}
body.single-post .banner__title {
  font-size: 65px;
}

.progressline {
  width: 25%;
  height: 3px;
  background: #39B4BD;
}
.progressline-wrapper {
  background-color: #fff;
  padding: 15px 0;
  overflow: hidden;
  position: relative;
}
.progressline-wrapper::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 15px;
  left: 0;
  background-color: #eee;
  z-index: -1;
}
.progressline-wrapper.fixed {
  width: 100%;
  left: 0;
  top: 112px;
  position: fixed;
  z-index: 1;
}
.progressline-wrapper.hidden {
  opacity: 0;
}
.progressline-clone {
  height: 33px;
  display: none;
}
.progressline-clone.active {
  display: block;
}

.single-article {
  padding-top: 65px;
  padding-bottom: 150px;
}
.single-article + .faq {
  padding-top: 0;
}
.single-article__wrapper {
  display: flex;
  position: relative;
}
.single-article__content {
  flex-grow: 1;
  padding-right: 77px;
  margin-bottom: -20px;
  width: calc(100% - 335px);
}
.single-article__content p {
  line-height: 200%;
}
.single-article__content p a {
  color: #39b4bd;
}
.single-article__content p a:hover {
  text-decoration: underline;
}
.single-article__content h2 {
  font-size: 34px;
  line-height: 134.9%;
  font-family: "Figtree", sans-serif;
  margin-bottom: 30px;
  text-transform: none;
}
.single-article__content h3 {
  font-size: 24px;
  font-family: "Figtree", sans-serif;
  text-transform: none;
}
.single-article__content ul, .single-article__content ol {
  margin-bottom: 20px;
}
.single-article__content ul li, .single-article__content ol li {
  padding-left: 27px;
  position: relative;
  line-height: 256%;
}
.single-article__content ul li a, .single-article__content ol li a {
  color: #39b4bd;
}
.single-article__content ul li a:hover, .single-article__content ol li a:hover {
  text-decoration: underline;
}
.single-article__content ul li::before, .single-article__content ol li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #39b4bd;
  border-radius: 50%;
  position: absolute;
  top: 17px;
  left: 8px;
}
.single-article__content ol {
  counter-reset: numbers;
}
.single-article__content ol li {
  counter-increment: numbers;
  list-style-type: none;
  padding-left: 30px;
}
.single-article__content ol li::before {
  content: counter(numbers) ".";
  width: auto;
  height: auto;
  background: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 256%;
  color: #39b4bd;
  border-radius: 0;
  left: 10px;
  top: 0;
}
.single-article__content .wp-block-embed {
  margin: 30px 0;
}
.single-article__content .wp-block-embed:not(.wp-block-embed-youtube) .wp-block-embed__wrapper {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.single-article__content .wp-block-embed:not(.wp-block-embed-youtube) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-article__content .single-article__content-contact {
  margin: 40px 0;
  padding: 80px 43px 70px;
  background: radial-gradient(20.89% 197.55% at 102.25% 104.11%, rgba(77, 198, 245, 0.77) 0%, rgba(77, 198, 245, 0) 100%), linear-gradient(282.65deg, #45A2ED -11.55%, rgba(69, 162, 237, 0) 42.93%), linear-gradient(270.01deg, #8675B3 27.9%, rgba(148, 103, 234, 0) 64.3%), linear-gradient(269.2deg, #4A39B8 30.82%, rgba(74, 57, 184, 0) 134.04%), linear-gradient(88.76deg, #010413 48.93%, rgba(1, 4, 19, 0.62) 91.89%), radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), linear-gradient(0deg, #35A8B1, #35A8B1), #EBF8F9;
  display: flex;
  align-items: center;
}
.single-article__content .single-article__content-contact-image {
  width: 188px;
  flex-shrink: 0;
}
.single-article__content .single-article__content-contact-text {
  flex-grow: 1;
  padding-left: 34px;
}
.single-article__content .single-article__content-contact-title {
  font-size: 30px;
  line-height: 130.5%;
  color: #fff;
  text-transform: uppercase;
  font-family: "Rajdhani", sans-serif;
  margin-bottom: 35px;
}
.single-article__content .single-article__content-contact .btn {
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  padding: 19px 71px 18px;
}
.single-article__content .single-article__content-opening {
  padding: 73px 32px 60px 80px;
  background: url("/wp-content/themes/classy/dist/img/page/blog/single-article-opening-img.png") no-repeat 50% 50%;
  background-size: cover;
  display: flex;
  margin: 85px 0;
}
.single-article__content .single-article__content-opening-title {
  font-family: "Rajdhani", sans-serif;
  font-size: 37px;
  line-height: 110.4%;
  text-transform: uppercase;
  color: #fff;
  width: 370px;
  flex-shrink: 0;
  margin: 0;
}
.single-article__content .single-article__content-opening-desc {
  flex-grow: 1;
  padding-left: 32px;
}
.single-article__content .single-article__content-opening-text {
  font-size: 18px;
  line-height: 163.9%;
  color: #fff;
  margin-bottom: 35px;
}
.single-article__content .single-article__content-opening .btn {
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  padding: 19px 74px 18px;
}
.single-article__slider {
  position: relative;
  z-index: 0;
  padding: 0 50px;
}
.single-article__slider-wrapper {
  padding-top: 20px;
  position: relative;
}
.single-article__slider .owl-nav {
  position: absolute;
  display: flex;
  width: 100%;
  left: 0;
  justify-content: space-between;
  top: 50%;
  margin-top: -18px;
}
.single-article__slider .owl-nav::before {
  display: none;
}
.single-article__slider .owl-nav button {
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
  background-color: rgb(232, 232, 232) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: 0.2s all linear;
}
.single-article__slider .owl-nav button::before {
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: 0;
  background-position: 45% 50%;
  transition: 0.2s all linear;
}
.single-article__slider .owl-nav button span {
  display: none;
}
.single-article__slider .owl-nav button.owl-next::before {
  background-position: 55% 50%;
}
.single-article__slider .owl-nav button:hover {
  background-color: #39b4bd !important;
}
.single-article__slider .owl-nav button:hover::before {
  filter: brightness(600%);
}
.single-article__slider .owl-dots {
  padding-top: 25px;
  width: 100%;
  justify-content: center;
  display: flex;
}
.single-article__slider .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #c7c7c7;
  border-radius: 50%;
  opacity: 0.85;
  margin: 0 4px;
}
.single-article__slider .owl-dots .owl-dot.active {
  background-color: #39b4bd;
  opacity: 1;
}
.single-article__slider .owl-dots .owl-dot:hover {
  background-color: #39b4bd;
}

@media screen and (max-width: 1399px) {
  .single-article__content .single-article__content-opening {
    padding: 73px 32px 60px 32px;
  }
}
@media screen and (max-width: 1199px) {
  .progressline-wrapper.fixed {
    top: 92px;
  }
  .single-article {
    padding: 60px 0 100px;
  }
  .single-article__content {
    padding-right: 40px;
  }
  .single-article__content h2 {
    font-size: 24px;
  }
  .single-article__content .single-article__content-contact {
    padding: 50px 25px;
    flex-direction: column;
    text-align: center;
    margin: 50px 0;
  }
  .single-article__content .single-article__content-contact-text {
    margin-top: 20px;
    padding-left: 0;
  }
  .single-article__content .single-article__content-contact .btn {
    width: 100%;
    max-width: 285px;
  }
  .single-article__content .single-article__content-opening {
    padding: 50px 24px;
    flex-direction: column;
    text-align: center;
    margin: 50px 0;
  }
  .single-article__content .single-article__content-opening-title {
    font-size: 30px;
    width: 100%;
    margin-bottom: 39px;
  }
  .single-article__content .single-article__content-opening-desc {
    padding-left: 0;
  }
  .single-article__content .single-article__content-opening-text {
    margin-bottom: 39px;
  }
  .single-article__content .single-article__content-opening .btn {
    width: 100%;
    max-width: 285px;
  }
}
@media screen and (max-width: 767px) {
  body.single-post .banner__title {
    font-size: 40px;
  }
  .single-article__wrapper {
    flex-direction: column;
  }
  .single-article__content {
    padding-right: 0;
    width: 100%;
  }
  .single-article__content ul li {
    padding-left: 16px;
    line-height: 200%;
  }
  .single-article__content ul li::before {
    left: 0;
  }
  .single-article__content ol li {
    line-height: 200%;
  }
}
@media screen and (max-width: 575px) {
  .single-article__slider {
    padding: 0;
  }
  .single-article__slider-wrapper {
    padding: 20px 0;
  }
  .single-article__slider .owl-nav {
    display: none;
  }
}
.p-blog .banner__text {
  font-family: "Figtree", sans-serif;
  margin: 27px 0 0;
  max-width: 750px;
}

.articles-blocks-wrapper {
  margin-top: 130px;
  position: relative;
  min-height: 200px;
}
.articles-blocks-wrapper.loading .loader {
  display: block;
}
.articles-blocks-wrapper.loading .articles-block {
  opacity: 0.3;
}
.articles-blocks-wrapper.loading .results__empty {
  display: none;
}
.articles-blocks .articles-block:first-child {
  padding-top: 42px;
}
.articles-blocks.hidden {
  display: none;
}

.loader {
  display: none;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
}
.loader .lds-ring {
  display: inline-block;
  position: relative;
  width: 42px;
  height: 42px;
}
.loader .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  margin: 6px;
  border: 4px solid #39b4bd;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #39b4bd transparent transparent transparent;
}
.loader .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.loader .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.loader .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.results__empty {
  font-size: 24px;
  padding: 30px 0 60px;
}
.results__empty p {
  margin: 20px 0 0;
  font-size: 18px;
}
.results__empty p a {
  color: #39b4bd;
}
.results__empty.hidden {
  display: none;
}

.category-switcher__list {
  align-items: center;
}
.category-switcher__item {
  margin-right: 10px;
}
.category-switcher__item:last-child {
  margin-right: 0;
}
.category-switcher__item.is-current .category-switcher__text {
  background-color: #EBF8F9;
  border-radius: 3px;
}
.category-switcher__label {
  display: block;
  cursor: pointer;
  margin: 0;
}
.category-switcher__input {
  display: none;
}
.category-switcher__input:checked + .category-switcher__text {
  background-color: #EBF8F9;
  border-radius: 3px;
}
.category-switcher__text {
  display: block;
  padding: 18px 17px;
  color: #303031;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  transition: 0.2s all linear;
  background-color: transparent;
}

@media screen and (max-width: 1399px) {
  .article__image {
    height: 260px;
  }
}
@media screen and (max-width: 1199px) {
  .article__image {
    height: 215px;
  }
}
@media screen and (max-width: 999px) {
  .articles-results .articles {
    margin: 0;
    display: block;
    width: 100%;
  }
  .articles-results .articles .article-wrapper {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-blog .banner .breadcrumbs {
    bottom: 80px;
  }
  .articles-blocks-wrapper {
    padding-top: 35px;
    margin-top: -30px;
    background-color: #fff;
    position: relative;
    z-index: 1;
  }
  .category-switcher__list {
    flex-wrap: wrap;
  }
  .category-switcher__item {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .category-switcher__text {
    padding: 14px 11px;
  }
  .article__image {
    height: 245px;
  }
}
@media screen and (max-width: 575px) {
  .article__image {
    height: 340px;
  }
}
.p-career .banner {
  -webkit-clip-path: none;
          clip-path: none;
}
.p-career .content {
  padding-top: 0;
}
.p-career .banner-content {
  max-width: 530px;
}

.vacancy__head {
  background-color: #ebf8f9;
  padding: 90px 0;
}
.vacancy__headline {
  font-size: 40px;
  letter-spacing: 0.01em;
  margin: 7px 0;
}
.vacancy__body {
  position: relative;
}
.vacancy__list {
  padding: 60px 0;
}
.vacancy__item + .vacancy__item .vacancy__box {
  border-top-color: #e6e6e6;
}
.vacancy__box {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid transparent;
}
.vacancy__box > .row > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.vacancy__info > .row {
  position: relative;
  padding-left: 30px;
}
.vacancy__flames {
  position: absolute;
  top: -7px;
  left: 15px;
}
.vacancy__title {
  font-weight: 600;
}
.vacancy__title img {
  margin-right: 10px;
  vertical-align: -8px;
}
.vacancy__action-send {
  position: relative;
  padding: 10px 30px 10px 0;
}
.vacancy__action-send i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 16px;
}
.vacancy__action-link {
  font-size: 14px;
  color: #39b4bd;
  border: 2px solid #39b4bd;
  background-color: transparent;
}
.vacancy__action-link:hover {
  color: #fff;
  background-color: #39b4bd;
}
.vacancy__foot {
  overflow: hidden;
}
.vacancy__cv {
  padding: 250px 0 155px;
}
.vacancy__cv-box {
  position: relative;
  z-index: 1;
  padding: 60px 80px;
  line-height: 1.64;
  background: url("./img/page/career/vacancy-cv-bg.jpg") no-repeat center;
  background-size: cover;
}
.vacancy__cv-thumbnail {
  position: absolute;
  bottom: 0;
  right: -90px;
  z-index: -1;
  padding-right: 0;
}
.vacancy__cv-title {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 20px;
}
.vacancy__cv-desc {
  margin-bottom: 20px;
}
.benefits {
  padding: 150px 0;
  background: #ccc none no-repeat center;
  background-size: cover;
}
.benefits__box {
  line-height: 1.7;
  background-color: #fff;
}
.benefits__head {
  padding: 80px;
  background-color: #35a8b1;
  background-image: radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), linear-gradient(0deg, #35a8b1, #35a8b1);
}
.benefits__headline {
  font-size: 60px;
  max-width: 350px;
}
.benefits__body {
  padding: 75px 55px;
  background-color: #fff;
}
.benefits__list {
  margin-bottom: 0;
}
.benefits__item:not(:last-child) {
  margin-bottom: 30px;
}
.benefits__title {
  font-size: 24px;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
}
.our-life {
  padding: 150px 0;
  line-height: 1.67;
}
.our-life__title {
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 50px;
}
.our-life__gallery {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}

.values {
  padding: 155px 0;
  line-height: 1.7;
  background: #35a8b1 none no-repeat top center;
  background-size: cover;
}
.values__bg {
  position: relative;
  background: none no-repeat center center;
  background-size: contain;
}
.values__bg::before {
  content: "";
  width: 689px;
  height: 671px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  background: url("./img/page/about-us/hunter-bg.svg") no-repeat center center;
  background-size: contain;
}
.values__box {
  background-color: #fff;
}
.values__headline {
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 80px;
}
.values__text {
  line-height: 1.89;
  margin-bottom: 30px;
}
.values__column {
  padding: 90px 90px 40px;
  background-color: #fff;
}
.values__column_dark {
  background-color: #1b2638;
}
.values__list {
  margin-bottom: 0;
}
.values__item {
  margin-bottom: 65px;
}
.values__title {
  font-size: 24px;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
}
.quote {
  padding: 165px 0;
  background-color: #f7fcfd;
}
.quote__list .owl-nav {
  position: absolute;
  left: 0;
  bottom: 0;
}
.quote__list .owl-nav::before {
  content: none;
}
.quote__list .owl-nav button[class*=owl] {
  width: 43px;
  height: 43px;
  font-size: 34px !important;
  padding: 0 0 3px 3px !important;
  border: 2px solid #39b4bd;
  background-color: #fff;
  border-radius: 3px;
  transition: 0.2s ease-in-out;
}
.quote__list .owl-nav button[class*=owl]::before {
  content: none;
}
.quote__list .owl-nav button[class*=owl]:hover, .quote__list .owl-nav button[class*=owl]:focus {
  color: #fff;
  background-color: #39b4bd;
}
.quote__list .owl-nav button[class*=owl].disabled {
  opacity: 0.75;
  cursor: default;
  pointer-events: none;
}
.quote__list .owl-nav button.owl-prev {
  margin-right: 10px;
}
.quote__item {
  font-size: 26px;
  line-height: 1.43;
}
.quote__text {
  padding-top: 15px;
  margin-bottom: 30px;
}
.quote__meta {
  color: #39b4bd;
  font-size: 16px;
  padding-bottom: 70px;
}
.quote__meta::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 66px;
  height: 2px;
  margin-right: 15px;
  background-color: #39b4bd;
}
.quote__avatar {
  max-width: 300px;
}
.quote__avatar img {
  border-radius: 50%;
}

.projects-2d_career {
  padding-top: 150px;
  padding-bottom: 150px;
}
.projects-2d_career .projects-2d__title {
  max-width: 650px;
  margin-bottom: 50px;
}
.projects-2d_career .projects-2d__text {
  max-width: 1070px;
}

@media (min-width: 992px) {
  .vacancy__department {
    text-align: center;
  }
  .vacancy__actions {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .vacancy__head {
    padding: 60px 0;
  }
  .vacancy__list {
    padding: 30px 0;
  }
  .values__column {
    padding: 50px 50px 0;
  }
}
@media (max-width: 991px) {
  .p-career .banner {
    background-size: auto;
    background-position: 65% 25%;
  }
  .vacancy__cv {
    padding: 50px 0;
  }
  .vacancy__cv-box {
    padding: 60px 50px 0;
  }
  .vacancy__cv-thumbnail {
    margin-top: 40px;
    position: static;
    padding: 0;
  }
  .vacancy__tabs .tab__item {
    margin: 5px;
  }
  .vacancy__tabs .tab__title {
    padding: 8px 15px;
    min-width: 75px;
  }
  .benefits__head {
    padding: 55px;
  }
  .values {
    padding: 100px 0;
  }
  .values__bg {
    background: none !important;
  }
  .values__bg::before {
    content: none;
  }
  .values__text {
    margin-bottom: 60px;
  }
  .values__headline {
    margin-bottom: 40px;
  }
  .values__item {
    margin-bottom: 40px;
  }
  .quote {
    padding: 75px 0;
  }
  .quote__item {
    font-size: 18px;
  }
  .quote__avatar {
    max-width: 200px;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block;
  }
  .d-md-inline {
    display: inline;
  }
  .vacancy__action-link i {
    display: none;
  }
}
@media (max-width: 767px) {
  .vacancy__headline {
    font-size: 30px;
    margin: 0 0 30px;
  }
  .vacancy__list {
    font-size: 16px;
  }
  .vacancy__info > .row {
    padding-left: 40px;
  }
  .vacancy__flames {
    top: 0;
  }
  .vacancy__department {
    font-size: 14px;
    margin-top: 4px;
  }
  .vacancy__actions > .row {
    margin: 0;
  }
  .vacancy__actions .col-auto {
    padding: 0;
  }
  .vacancy__action-send {
    padding: 0;
    margin-right: 8px;
  }
  .vacancy__action-send i {
    position: static;
  }
  .vacancy__action-link {
    border: 0;
    padding: 3px 4px;
  }
  .vacancy__cv-box {
    padding-bottom: 60px;
  }
  .vacancy__cv-thumbnail {
    display: none;
  }
  .benefits {
    padding: 40px 0;
  }
  .benefits__box {
    padding: 40px 30px;
  }
  .benefits__head {
    padding: 0;
    background: none;
    margin-bottom: 40px;
  }
  .benefits__headline {
    font-size: 30px;
    color: #303031;
    max-width: none;
  }
  .benefits__body {
    padding: 0;
  }
  .benefits__title {
    font-size: 16px;
  }
  .our-life {
    padding: 60px 0;
  }
  .our-life__gallery {
    padding: 40px 20px 0;
  }
  .our-life__gallery .owl-nav {
    margin-top: 20px;
  }
  .our-life__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .values {
    padding: 40px 0;
  }
  .values__text {
    font-size: 16px;
  }
  .values__headline {
    color: #303031;
    font-size: 30px;
    padding: 40px 30px;
    margin-bottom: 0;
    background-color: #fff;
  }
  .values__box {
    padding: 0 30px 20px;
  }
  .values__item {
    margin-bottom: 25px;
  }
  .values__column {
    color: #303031;
    padding: 0;
  }
  .values__column_dark {
    background-color: inherit;
  }
  .values__title {
    font-size: 16px;
  }
  .quote__text {
    padding-top: 0;
    text-transform: none;
  }
  .quote__avatar {
    max-width: 150px;
  }
  .projects-2d_career {
    padding: 60px 0;
  }
  .projects-2d_career .projects-2d__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .vacancy__cv {
    padding: 0 0 60px;
    margin: 0 -20px;
    font-size: 16px;
  }
  .vacancy__cv-box {
    padding: 60px 20px;
  }
  .vacancy__cv-title {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .vacancy__cv__desc {
    margin: 28px;
  }
  .vacancy__cv-action {
    width: 100%;
    display: block;
    padding-top: 20px;
    padding-bottom: 19px;
  }
  .vacancy__tabs .tab__item {
    display: block;
    margin: 0 0 10px;
  }
  .vacancy__tabs .tab__title {
    padding: 11px 15px;
  }
  .values {
    background-position: left top;
  }
  .quote {
    padding: 60px 0;
  }
  .quote .order-1 {
    order: 0;
  }
  .quote__text {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .quote__meta::before {
    width: 43px;
    margin-right: 5px;
  }
  .quote__avatar {
    max-width: 75px;
  }
  .quote__list .owl-nav {
    left: 105px;
  }
  .values__desc,
  .benefits__desc {
    display: none;
  }
  .is-opened > .values__desc,
  .is-opened > .benefits__desc {
    display: block;
  }
}
@media (max-width: 374px) {
  .quote__meta::before {
    content: none;
  }
}
.ajax-loader {
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease-in-out;
}
.ajax-loader.is-loading {
  opacity: 1;
  visibility: visible;
}
.ajax-loader,
.ajax-loader .loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  overflow: hidden;
}
.ajax-loader .loader {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #a1a1a1;
  border-left-color: #4c4c4c;
  animation: spin 0.7s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.p-contact .content {
  padding-top: 0;
  background-color: #fff;
}
.p-contact__content {
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  z-index: 1;
}
.p-contact__content::before, .p-contact__content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 50%;
  background-color: #f7fcfd;
}
.p-contact__content::after {
  top: 50%;
  background-color: #ebf8f9;
}
.p-contact__map {
  height: 650px;
}

.contact__item {
  color: #303031;
  line-height: 1.75;
}
.contact__item + .contact__item {
  margin-top: 120px;
}
.contact__item i {
  color: #39b4bd;
  font-size: 13px;
}
.contact__item li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
.contact__item li i {
  position: absolute;
  left: 0;
  top: 9px;
}
.contact__title {
  font-size: 28px;
}
.contact__desc + .contact__action {
  margin-top: 40px;
}
.contact__action {
  text-transform: none;
}
.contact__column-right {
  padding-left: 80px;
}
.contact__column-right .contact__item + .contact__item {
  margin-top: 150px;
}
.contact__form {
  position: relative;
  z-index: 1;
  padding-top: 165px;
  padding-bottom: 165px;
  line-height: 1.89;
  background: #3c528c none no-repeat top center;
  background-size: cover;
}
.contact__form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(0deg, #141618 0%, rgba(20, 22, 24, 0) 50%), radial-gradient(150.17% 414.3% at -3.6% -3.57%, rgba(73, 70, 140, 0.24) 0%, rgba(73, 70, 140, 0.13) 100%);
}
.contact__form-content {
  width: 700px;
  max-width: 700px;
}
.contact__form-head {
  position: relative;
  padding-left: 35px;
  max-width: 530px;
}
.contact__form-head + .contact__form-box {
  margin-top: 60px;
}
.contact__form-head-action {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  font-family: "Rajdhani", sans-serif;
  transform-origin: left;
  transform: rotate(-90deg) translateX(-100%) translateY(50%);
}
.contact__form-title {
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  margin-bottom: 30px;
}
.contact__form-box {
  color: #303031;
  line-height: 1;
  padding: 65px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.35);
}
.contact__form-box a {
  color: #39b4bd;
  text-decoration: underline;
}
.contact__form-action {
  margin-top: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media (max-width: 767px) {
  .p-contact__content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .p-contact__content::before, .p-contact__content::after {
    content: none;
  }
  .p-contact__map {
    height: 340px;
  }
  .contact__title {
    margin-bottom: 20px;
  }
  .contact__item {
    font-size: 16px;
  }
  .contact__item + .contact__item {
    margin-top: 25px;
  }
  .contact__item li {
    margin-bottom: 5px;
  }
  .contact__column-right {
    padding-left: 15px;
    margin-top: 20px;
  }
  .contact__column-right .contact__item + .contact__item {
    margin-top: 40px;
  }
  .contact__desc + .contact__action {
    margin-top: 30px;
  }
  .contact__form {
    line-height: 1.5;
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .contact__form-content {
    width: auto;
    max-width: 100%;
  }
  .contact__form-title {
    font-size: 48px;
    margin-bottom: 20px;
  }
  .contact__form-head + .contact__form-box {
    margin-top: 30px;
  }
  .contact__form-box {
    padding: 40px;
  }
  .contact__form-box .order-1 {
    order: 0;
  }
}
@media (max-width: 767px) {
  .hero_contact .breadcrumbs__list {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .contact__form-box {
    padding: 30px 20px 20px;
  }
}
.page-template-classy-game-development .banner {
  background-color: transparent;
}
.page-template-classy-game-development .banner__title {
  max-width: 710px;
}
.page-template-classy-game-development .banner__text {
  font-family: "Figtree", sans-serif;
}
.page-template-classy-game-development .benefits-2d {
  padding: 150px 0 177px;
}
.page-template-classy-game-development .clients-reviews {
  padding-top: 210px;
}
.page-template-classy-game-development .projects-2d {
  padding-top: 160px;
}

.game-areas {
  padding: 167px 0 150px;
}
.game-areas__head {
  margin-bottom: 100px;
}
.game-areas__title {
  max-width: 750px;
  margin-bottom: 68px;
}
.game-areas__text {
  font-size: 18px;
  line-height: 188.9%;
  margin-bottom: 0;
}

.game-area {
  height: 100%;
  display: block;
  position: relative;
  transition: 0.2s all linear;
  padding: 55px 50px 60px 40px;
  background-image: url("/wp-content/themes/classy/dist/img/page/game-development/areas-bg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.game-area__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 124.4%;
  margin-bottom: 0;
  position: relative;
  transition: 0.2s all linear;
  color: #303031;
}
.game-area__title::after {
  content: "";
  width: 95px;
  height: 3px;
  display: block;
  background-color: #39b4bd;
  margin: 35px 0;
  transition: 0.2s all linear;
}
.game-area__text {
  line-height: 170.9%;
  margin-bottom: 32px;
  position: relative;
  transition: 0.2s all linear;
  color: #303031;
}
.game-area__more {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  line-height: 105.4%;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  color: #39b4bd;
  transition: 0.2s all linear;
}
.game-area__more svg {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.game-area__more svg path {
  transition: 0.2s all linear;
}
.game-area__number {
  position: absolute;
  right: 27px;
  top: 17px;
  font-family: "Figtree", sans-serif;
  font-weight: 800;
  font-size: 101px;
  color: #F7FCFD;
  transition: 0.2s all linear;
}
.game-area:hover {
  background-image: url("/wp-content/themes/classy/dist/img/page/game-development/areas-bg_hover.png");
  color: #fff;
}
.game-area:hover .game-area__title {
  color: #fff;
}
.game-area:hover .game-area__title::after {
  background-color: #fff;
}
.game-area:hover .game-area__text {
  color: #fff;
}
.game-area:hover .game-area__number {
  opacity: 0.14;
}
.game-area:hover .game-area__more {
  color: #fff;
}
.game-area:hover .game-area__more svg path {
  stroke: #fff !important;
}

.game-platforms {
  background: url("/wp-content/themes/classy/dist/img/page/game-development/platforms-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.game-platforms__cols {
  display: flex;
  position: relative;
}
.game-platforms__col {
  width: 27.3%;
  flex-shrink: 0;
  padding: 150px 0;
  flex-direction: column;
  justify-content: center;
}
.game-platforms__title {
  margin-bottom: 70px;
}
.game-platforms__text {
  line-height: 188.9%;
  margin-bottom: 0;
}
.game-platforms__item {
  margin-bottom: 30px;
}
.game-platforms__item-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 124.4%;
  margin-bottom: 9px;
}
.game-platforms__item-title::before {
  content: "#";
  margin-right: 3px;
  color: #39b4bd;
}
.game-platforms__item-text {
  line-height: 156.9%;
  margin-bottom: 0;
}
.game-platforms__item:last-child {
  margin-bottom: 0;
}
.game-platforms__image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
  width: 34%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.game-technologies {
  padding: 150px 0;
}
.game-technologies__title {
  max-width: 900px;
  margin-bottom: 120px;
}

.game-technology {
  max-width: 281px;
  text-align: center;
}
.game-technology-wrapper {
  padding: 0 60px;
}
.game-technology-wrapper:nth-child(1) {
  justify-content: flex-start;
}
.game-technology-wrapper:nth-child(2) {
  justify-content: center;
}
.game-technology-wrapper:nth-child(3) {
  justify-content: flex-end;
}
.game-technology__logo {
  justify-content: center;
  align-items: center;
  max-width: 192px;
  height: 99px;
  margin: 0 auto 13px;
}
.game-technology__logo img {
  max-height: 100%;
}
.game-technology__text {
  line-height: 156.9%;
  margin-bottom: 0;
}

.game-projects__title {
  display: none;
}
.game-projects__slider .owl-stage-outer {
  padding: 100px 0;
  margin: -100px 0;
  overflow-x: hidden;
}
.game-projects__slider .owl-stage-outer .owl-item {
  z-index: 1;
  background-color: #fff;
}
.game-projects__slider .owl-stage-outer .owl-item.active {
  z-index: 2;
}

.game-project {
  position: relative;
}
.game-project::before {
  content: "";
  display: block;
  width: 291px;
  height: 176px;
  position: absolute;
  bottom: 90px;
  left: 135px;
  background: url("/wp-content/themes/classy/dist/img/page/game-development/game-project-line-1.svg") no-repeat 0 0;
  background-size: 100% 100%;
  opacity: 0.44;
}
.game-project::after {
  content: "";
  width: 1588px;
  height: 311px;
  background: url("/wp-content/themes/classy/dist/img/page/game-development/game-project-line-2.svg") no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 135px;
  top: 155px;
  display: none;
}
.game-project__left {
  width: 130px;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.game-project__left img {
  max-width: none;
  height: 100%;
  width: auto !important;
}
.game-project__icon {
  position: absolute;
  left: 453px;
  bottom: 60px;
}
.game-project__content {
  min-height: 1076px;
  padding: 135px 0 135px;
  position: relative;
  max-width: 515px;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.game-project__title {
  margin-bottom: 74px;
}
.game-project__subtitle {
  font-size: 50px;
  line-height: 122.4%;
  color: #303031;
  margin-bottom: 21px;
}
.game-project__text {
  line-height: 148.9%;
  margin-bottom: 54px;
}
.game-project__icons {
  margin-bottom: 50px;
}
.game-project__icons img {
  width: auto !important;
}
.game-project__info {
  margin-bottom: 50px;
}
.game-project__info-item {
  margin-bottom: 23px;
  position: relative;
  padding-left: 36px;
  font-size: 16px;
  line-height: 122.4%;
}
.game-project__info-item span {
  font-weight: 700;
}
.game-project__info-item::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.game-project__info-item:last-child {
  margin-bottom: 0;
}
.game-project__info-item.work-type::before {
  background-image: url("/wp-content/themes/classy/dist/img/icons/work-type.svg");
}
.game-project__info-item.game-type::before {
  background-image: url("/wp-content/themes/classy/dist/img/icons/game-type.svg");
}
.game-project__info-item.technology::before {
  background-image: url("/wp-content/themes/classy/dist/img/icons/game-technology.svg");
}
.game-project__info-item.platform::before {
  background-image: url("/wp-content/themes/classy/dist/img/icons/tablet.svg");
}
.game-project__btns {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  margin-bottom: 60px;
}
.game-project__btn {
  padding: 19px 70px 18px;
}
.game-project__nav {
  align-items: center;
}
.game-project__slides span {
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 110%;
  color: #CACACA;
}
.game-project__slides span.game-project__slides-current {
  margin-right: 3px;
  color: #39b4bd;
}
.game-project__arrows {
  display: flex;
  margin-left: 31px;
}
.game-project__arrows div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  flex-shrink: 0;
  border: 2px solid #CACACA;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s all linear;
}
.game-project__arrows div:hover {
  border-color: #39b4bd;
  background-color: #39b4bd;
}
.game-project__arrows div:hover svg path {
  stroke: #fff;
}
.game-project__arrows div svg {
  display: block;
}
.game-project__arrows div svg path {
  transition: 0.2s all linear;
}
.game-project__arrows div:last-child {
  margin-left: 10px;
}
.game-project__right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 42.3%;
  background-position: 50% 0;
  background-size: cover;
}
.game-project__right .game-project__subtitle {
  display: none;
}
.game-project__right::before {
  content: "";
  display: none;
  width: 531px;
  height: 396px;
  position: absolute;
  bottom: 18px;
  right: 17%;
  background: url("/wp-content/themes/classy/dist/img/page/game-development/game-project-line-3.svg") no-repeat 0 0;
  background-size: 100% 100%;
  opacity: 0.44;
}
.game-project__devices {
  position: absolute;
  bottom: 135px;
  display: flex;
  left: -165px;
  z-index: 1;
}
.game-project__device:first-child {
  margin-right: 11px;
}
.game-project__device + .game-project__device {
  margin-top: 65px;
}
.game-project__decoration-item {
  position: absolute;
}
.game-project__decoration-item img {
  display: block;
}
.game-project_ink-ninja::after {
  display: block;
}
.game-project_ink-ninja .game-project__right::before {
  display: block;
}
.game-project_rage-of-realms .game-project__devices {
  left: -145px;
  bottom: 160px;
  display: block;
}
.game-project_rage-of-realms .game-project__device {
  margin-right: 0;
}
.game-project_rage-of-realms .game-project__device + .game-project__device {
  margin-top: 10px;
}
.game-project_enchambered .game-project__device .game-project__device {
  bottom: 220px;
  left: -235px;
}

.experience {
  padding-top: 150px;
}
.experience__head {
  margin-bottom: 90px;
}
.experience__title {
  max-width: 540px;
  letter-spacing: 0.01em;
  margin-bottom: 60px;
}
.experience__text {
  margin: 0;
  font-size: 18px;
  line-height: 188.9%;
  max-width: 1135px;
}

@media screen and (max-width: 1680px) {
  .game-project::before {
    left: 5px;
  }
  .game-project__icon {
    left: 310px;
  }
  .game-project::after {
    display: none;
  }
  .game-project__left {
    width: 80px;
  }
  .game-project__right {
    width: 38%;
  }
  .game-project__right::before {
    display: none !important;
  }
  .game-project__devices {
    width: 500px;
    bottom: auto !important;
    top: 50%;
    transform: translate(0, -50%);
  }
  .game-project__decoration-item {
    max-width: 60%;
  }
  .game-project_enchambered .game-project__devices {
    width: auto;
  }
  .game-project_enchambered .game-project__decoration-item:last-child {
    max-width: none;
  }
  .game-project_crazy-roosty .game-project__decoration-item:last-child {
    max-width: 100%;
  }
}
@media screen and (max-width: 1500px) {
  .game-project__left {
    display: none;
  }
  .game-project_enchambered .game-project__devices {
    width: 500px;
  }
  .game-project_enchambered .game-project__decoration-item:last-child {
    height: 50%;
  }
  .game-project_enchambered .game-project__decoration-item:last-child img {
    height: 100%;
  }
}
@media screen and (max-width: 1399px) {
  .game-project__content {
    min-height: 680px;
    padding: 30px 0 140px;
  }
  .game-project__title {
    margin-bottom: 20px;
    font-size: 40px;
  }
  .game-project__subtitle {
    font-size: 30px;
  }
  .game-project__text {
    margin-bottom: 20px;
  }
  .game-project__icons {
    margin-bottom: 20px;
  }
  .game-project__info {
    margin-bottom: 20px;
  }
  .game-project__info-item {
    margin-bottom: 10px;
  }
  .game-project__btns {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .page-template-classy-game-development .benefits-2d {
    padding: 100px 0;
  }
  .page-template-classy-game-development .clients-reviews {
    padding-top: 100px;
  }
  .page-template-classy-game-development .projects-2d {
    padding-top: 100px;
  }
  .game-project__content {
    max-width: 500px;
  }
  .game-project__title {
    font-size: 50px;
  }
  .game-project__devices {
    width: 400px;
    left: -95px;
  }
  .game-project__decoration-item:nth-child(2) {
    display: none;
  }
  .game-project_rage-of-realms .game-project__devices {
    left: -95px;
  }
  .game-project_enchambered .game-project__devices {
    width: 400px;
  }
  .game-areas {
    padding: 100px 0;
  }
  .game-areas__head {
    margin-bottom: 50px;
  }
  .game-areas__title {
    margin-bottom: 40px;
  }
  .game-area {
    padding: 50px 20px;
  }
  .game-platforms__title {
    margin-bottom: 30px;
  }
  .game-platforms__col {
    width: 33%;
    padding: 100px 0;
  }
  .game-platforms__image {
    width: 25%;
  }
  .game-technologies {
    padding: 100px 0;
  }
  .game-technologies__title {
    margin-bottom: 60px;
  }
  .game-technology-wrapper {
    padding: 0 15px;
  }
  .experience {
    padding-top: 100px;
  }
  .experience__head {
    margin-bottom: 50px;
  }
  .experience__title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .game-areas {
    padding: 100px 0 70px;
  }
  .game-area-wrapper {
    margin-bottom: 30px;
  }
  .game-platforms__image {
    display: none;
  }
  .game-platforms__col {
    width: 45%;
    padding: 50px 0;
  }
  .game-project::before {
    display: none;
  }
  .game-project__title {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .game-project__subtitle {
    font-size: 28px;
  }
  .game-project__text {
    margin-bottom: 40px;
  }
  .game-project__icons {
    margin-bottom: 40px;
  }
  .game-project__info {
    margin-bottom: 40px;
  }
  .game-project__content {
    min-height: 870px;
    padding: 50px 0;
    max-width: 330px;
  }
  .game-project__btns {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .game-project__btn {
    margin-bottom: 20px;
  }
  .game-project__devices {
    width: 300px;
  }
  .game-project__device:first-child {
    margin-right: 5px;
  }
  .game-project_rage-of-realms .game-project__device + .game-project__device {
    margin-top: 5px;
  }
  .game-project_enchambered .game-project__devices {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .page-template-classy-game-development h2 {
    font-size: 30px;
  }
  .page-template-classy-game-development h2 br {
    display: none;
  }
  .page-template-classy-game-development .benefits-2d {
    padding: 60px 0;
  }
  .page-template-classy-game-development .clients-reviews {
    padding: 60px 0;
  }
  .page-template-classy-game-development .clients-reviews__item-position {
    font-size: 14px;
  }
  .page-template-classy-game-development .projects-2d {
    padding-top: 60px;
  }
  .page-template-classy-game-development .banner .breadcrumbs {
    bottom: 80px;
  }
  .game-areas {
    padding: 60px 0 30px;
    background-color: #fff;
    margin-top: -30px;
    position: relative;
    z-index: 1;
  }
  .game-areas + .relinking {
    margin-top: 30px;
  }
  .game-areas__head {
    margin-bottom: 40px;
  }
  .game-areas__title {
    margin-bottom: 20px;
  }
  .game-areas__text {
    font-size: 16px;
  }
  .game-areas .row {
    margin: 0;
  }
  .game-areas .owl-stage {
    display: flex;
  }
  .game-areas .owl-stage .owl-item {
    flex-shrink: 0;
  }
  .game-area-wrapper {
    margin-bottom: 0;
    height: 100%;
    padding: 0;
  }
  .game-area__title::after {
    margin: 20px 0;
  }
  .game-platforms__cols {
    flex-direction: column;
    padding: 45px 0;
  }
  .game-platforms__item-title {
    font-size: 21px;
  }
  .game-platforms__title {
    margin-bottom: 20px;
  }
  .game-platforms__col {
    width: 100%;
    padding: 0;
  }
  .game-platforms__list {
    padding-top: 30px;
  }
  .game-technologies {
    padding: 60px 0;
  }
  .game-technologies__title {
    margin-bottom: 20px;
  }
  .game-technology-wrapper {
    margin-bottom: 20px;
  }
  .game-technology-wrapper:nth-child(1), .game-technology-wrapper:nth-child(2), .game-technology-wrapper:nth-child(3) {
    justify-content: center;
  }
  .experience {
    padding-top: 60px;
  }
  .experience + .relinking {
    margin-top: 60px;
  }
  .experience__head {
    margin-bottom: 40px;
  }
  .experience__title {
    margin-bottom: 20px;
  }
  .experience__text {
    font-size: 16px;
  }
  .game-projects__title {
    display: block;
    font-size: 30px;
    margin-bottom: 170px;
  }
  .game-projects__slider .owl-stage-outer {
    padding: 115px 0;
    margin: -115px 0;
  }
  .game-projects__slider .owl-stage {
    display: flex;
  }
  .game-projects__slider .owl-stage .owl-item {
    flex-shrink: 0;
  }
  .game-project {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: flex-end;
  }
  .game-project .container {
    flex-grow: 1;
  }
  .game-project__title {
    display: none;
  }
  .game-project__content {
    max-width: none;
    min-height: auto;
    padding: 30px 0;
    height: 100%;
  }
  .game-project__content .game-project__subtitle {
    display: none;
  }
  .game-project__icon {
    left: auto;
    right: 32%;
    top: 215px;
    bottom: auto;
    z-index: 1;
    transform: scale(0.5);
    width: 32px;
  }
  .game-project__btns {
    margin-bottom: 0;
  }
  .game-project__btn {
    width: 100%;
    margin-bottom: 40px;
  }
  .game-project__nav {
    position: relative;
    width: 245px;
    margin: 0 auto;
  }
  .game-project__arrows {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
  }
  .game-project__slides {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .game-project__right {
    position: relative;
    width: 100%;
    height: 290px;
    left: 0;
    right: auto;
    padding: 38px 0;
    display: flex;
    align-items: flex-end;
  }
  .game-project__right::before {
    content: "";
    display: block !important;
    width: 139px;
    max-width: 30%;
    height: 93px;
    position: absolute;
    bottom: 55px;
    right: 0;
    background: url("/wp-content/themes/classy/dist/img/page/game-development/game-project-line-1_mobile.svg") no-repeat 0 0;
    background-size: 100% 100%;
    opacity: 0.44;
  }
  .game-project__right .game-project__subtitle {
    display: block;
    color: #fff;
    max-width: 540px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }
  .game-project__devices {
    left: 50% !important;
    transform: translate(-50%, 0);
    top: -109px;
  }
  .game-project__device + .game-project__device {
    margin-top: 30px;
  }
  .game-project__decoration {
    display: none;
  }
  .game-project_rage-of-realms .game-project__devices {
    top: -120px;
  }
}
.page-template-classy-game-template .banner {
  background-color: transparent;
}
.page-template-classy-game-template .banner__title {
  max-width: 681px;
}

.p-game-art .tools-2d__item {
  width: 12.5%;
  height: 105px;
}

.tools-2d.tools-2d_type-2 {
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}
.tools-2d.tools-2d_type-2:before {
  content: "";
  width: 100vw;
  height: 100%;
  background-image: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-tools-2d-bg.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
  bottom: 17%;
  left: calc(-1 * (100vw - 100%) / 2);
  z-index: -1;
}
.tools-2d.tools-2d_type-2.game-art .container {
  display: flex;
  align-items: center;
}
.tools-2d.tools-2d_type-2.game-art .container:after {
  content: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-pirate.png");
}
.tools-2d.tools-2d_type-2 .tools-2d__inner {
  flex: 1 0 734px;
  margin-bottom: 80px;
}
.tools-2d.tools-2d_type-2 .tools-2d__title {
  margin-bottom: 40px;
}
.tools-2d.tools-2d_type-2 .tools-2d__list {
  border: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 24px;
}
.tools-2d.tools-2d_type-2 .tools-2d__list .tools-2d__item {
  width: initial;
  border: none;
  padding: 0 10px;
  height: 80px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1199px) {
  .p-responsive-width .tools-2d__item {
    height: 160px;
    width: calc(100% / var(--count-tools));
  }
}
.p-game-animation .tools-2d__item {
  width: 20%;
  height: 160px;
}

.game-services {
  padding: 150px 0 160px;
}
.game-services.game-services_type-2 {
  padding: 150px 0 50px;
}
.game-services.game-services_type-2 .game-services__head {
  margin-bottom: 100px;
}
.game-services.game-services_type-2 .game-services__list .game-service {
  align-items: stretch;
  background: radial-gradient(86.9% 603.71% at -7.53% -3.31%, rgba(54, 83, 177, 0.71) 0%, rgba(54, 83, 177, 0.13) 100%), radial-gradient(42.97% 186.84% at 86.18% 61.21%, rgba(157, 221, 226, 0.51) 0%, rgba(157, 221, 226, 0) 100%), #35A8B1;
  border-radius: 50px 0;
  color: #fff;
  padding: 34px 72px 48px;
  -moz-column-gap: 34px;
       column-gap: 34px;
  position: relative;
  margin-bottom: 132px;
}
.game-services.game-services_type-2 .game-services__list .game-service:last-child {
  margin-bottom: 0;
}
.game-services.game-services_type-2 .game-services__list .game-service__image-bg {
  display: none;
}
.game-services.game-services_type-2 .game-services__list .game-service__image {
  width: 39%;
  height: 115%;
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}
.game-services.game-services_type-2 .game-services__list .game-service__image:hover {
  transform: scale(1);
}
.game-services.game-services_type-2 .game-services__list .game-service__image-character {
  width: 100%;
  height: 100%;
  left: 0;
  position: relative;
  bottom: initial;
  transition: left 0.25s;
}
.game-services.game-services_type-2 .game-services__list .game-service__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}
.game-services.game-services_type-2 .game-services__list .game-service__content {
  padding: 0;
  width: 60%;
  flex-grow: unset;
  max-width: 670px;
}
.game-services.game-services_type-2 .game-services__list .game-service__tags {
  margin-bottom: 16px;
  justify-content: flex-start;
}
.game-services.game-services_type-2 .game-services__list .game-service__tag {
  margin: 0 0 16px 0;
  padding-right: 0;
}
.game-services.game-services_type-2 .game-services__list .game-service__tag:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-color: transparent;
  background-image: url("/wp-content/themes/classy/dist/img/icons/game-template-material-symbol.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -3px;
  flex-shrink: 0;
}
.game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) {
  background: radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), #35A8B1;
}
.game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) .game-service__content {
  text-align: left;
  padding: 0;
}
.game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) .game-service__tags {
  justify-content: flex-start;
}
.game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) .game-service__tag {
  margin: 0 0 16px 0;
}
.game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) .game-service__image {
  width: 37.5%;
  right: initial;
  left: 0;
}
.game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) .game-service__image img {
  -o-object-position: bottom left;
     object-position: bottom left;
}
.game-services.game-services_type-2 .game-services__list .game-service__btn {
  background: #FFFFFF;
  border-radius: 3px;
  text-transform: uppercase;
  color: #303031;
  margin-top: 20px;
}
.game-services__head {
  margin-bottom: 175px;
}
.game-services__title {
  letter-spacing: 0.01em;
  margin-bottom: 50px;
}
.game-services__text {
  font-size: 18px;
  line-height: 188.9%;
  margin: 0;
  max-width: 1200px;
}
.game-service {
  display: flex;
  align-items: center;
  margin-bottom: 167px;
}
.game-service__image {
  width: 518px;
  flex-shrink: 0;
  position: relative;
  transition: 0.2s all linear;
}
.game-service__image-character {
  position: absolute;
  bottom: 0;
  max-height: 118%;
  width: 90%;
  left: 5%;
  text-align: center;
  overflow: hidden;
}
.game-service__image-character img {
  max-height: 100%;
}
.game-service__image:hover {
  transform: scale(1.1);
}
.game-service__content {
  padding-left: 71px;
  flex-grow: 1;
}
.game-service__title {
  font-size: 40px;
  line-height: 109.9%;
  letter-spacing: 0.01em;
  margin-bottom: 23px;
}
.game-service__text {
  line-height: 180.9%;
  margin-bottom: 24px;
}
.game-service__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.game-service__tag {
  position: relative;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.8;
}
.game-service__tag::before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  margin-right: 10px;
  background-color: #39b4bd;
  margin-top: -1px;
  flex-shrink: 0;
}
.game-service__btn {
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  padding: 21px 71px 20px;
}
.game-service:nth-child(2n) {
  flex-direction: row-reverse;
}
.game-service:nth-child(2n) .game-service__content {
  padding: 0 71px 0 0;
  text-align: right;
}
.game-service:nth-child(2n) .game-service__tags {
  justify-content: flex-end;
}
.game-service:nth-child(2n) .game-service__tag {
  margin: 0 0 14px 25px;
}
.game-service:last-child {
  margin-bottom: 0;
}

.workers-2d_game .workers-2d__wrapper {
  display: flex;
}
.workers-2d_game .workers-2d__title {
  width: 290px;
  flex-shrink: 0;
  margin: 0 130px 0 0;
}
.workers-2d_game .workers-2d__list {
  margin-bottom: -30px;
  flex-grow: 1;
}
.workers-2d_game .workers-2d__item {
  width: 50%;
  margin-bottom: 30px;
}

.clients-reviews {
  padding: 180px 0;
  position: relative;
}
.clients-reviews__bg {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: -1;
}
.clients-reviews__bg img {
  width: 100%;
}
.clients-reviews__title {
  padding-left: 312px;
  max-width: 790px;
  margin-bottom: 128px;
}
.clients-reviews__nav {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.clients-reviews__nav button {
  background: transparent;
  border: 0;
  width: auto;
  height: auto;
  cursor: pointer;
  padding: 0;
}
.clients-reviews__nav-prev svg, .clients-reviews__nav-next svg {
  display: block;
}
.clients-reviews__nav-prev svg path, .clients-reviews__nav-next svg path {
  transition: 0.2s all linear;
}
.clients-reviews__nav-prev:hover svg path, .clients-reviews__nav-next:hover svg path {
  stroke: #24AEB8 !important;
}
.clients-reviews__list {
  position: relative;
}
.clients-reviews__list::before {
  content: "";
  display: block;
  width: 328px;
  height: 504px;
  position: absolute;
  top: -78px;
  left: -197px;
  background: url("/wp-content/themes/classy/dist/img/page/game/helmet.png") no-repeat 0 0;
  background-size: contain;
  z-index: 1;
}
.clients-reviews__list-wrapper {
  padding: 0 126px 0 287px;
  position: relative;
}
.clients-reviews__item {
  padding: 61px 92px 61px 164px;
  display: flex;
}
.clients-reviews__item-wrapper {
  padding: 17px 26px 33px 25px;
  background: url("/wp-content/themes/classy/dist/img/page/game/client-review-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.clients-reviews__item-logo {
  width: 76px;
  flex-shrink: 0;
}
.clients-reviews__item-content {
  padding-left: 34px;
  flex-grow: 1;
}
.clients-reviews__item-text {
  line-height: 165.4%;
  color: #5F5F5F;
  opacity: 0.85;
  margin-bottom: 16px;
}
.clients-reviews__item-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 152.9%;
  color: #08BEB2;
  margin-bottom: 2px;
}
.clients-reviews__item-position {
  font-size: 14px;
  line-height: 141.9%;
  color: #5F5F5F;
  opacity: 0.56;
}

.workers-2d_type-2 {
  background: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-workers-md-bg.png") no-repeat top center;
  background-attachment: initial;
  background-size: cover;
  padding: 60px 0 40px;
}
.workers-2d_type-2 .workers-2d__wrapper {
  background: transparent;
  padding: 0;
  position: relative;
  width: 100%;
}
.workers-2d_type-2 .workers-2d__title {
  color: #fff;
  padding-left: 36px;
  max-width: 300px;
}
.workers-2d_type-2 .workers-2d__title .hashtag__elem {
  color: #fff;
}
.workers-2d_type-2 .workers-2d__item {
  width: initial;
  max-width: 100%;
  padding: 32px 23px;
  margin-bottom: 0;
  counter-increment: team-part;
  position: relative;
  color: #fff;
}
.workers-2d_type-2 .workers-2d__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(117.27deg, #00E9FA 7.88%, rgba(112, 245, 255, 0.88) 75%, rgba(0, 233, 250, 0.88) 100%);
  opacity: 0.4;
  box-shadow: 5px 7px 27px rgba(255, 255, 255, 0.28);
  -webkit-clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 100% 100%, 25px 100%, 0 calc(100% - 25px), 0 0);
          clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 100% 100%, 25px 100%, 0 calc(100% - 25px), 0 0);
  box-sizing: border-box;
  z-index: -2;
}
.workers-2d_type-2 .workers-2d__item:after {
  content: "0" counter(team-part);
  font-family: "Figtree", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 96px;
  line-height: 100%;
  text-align: right;
  color: #F7FCFD;
  opacity: 0.1;
  position: absolute;
  top: 10px;
  right: 0;
}
.workers-2d_type-2 .workers-2d__item-text {
  display: block;
}
.workers-2d_type-2 .workers-2d__item-title:after {
  content: "";
  width: 70px;
  height: 2px;
  display: block;
  background: #39B4BD;
  margin-top: 16px;
}
.workers-2d_type-2 .owl-carousel .owl-nav {
  color: #fff;
}
.workers-2d_type-2 .owl-carousel .owl-nav:before {
  background: #fff;
}
.workers-2d_type-2 .owl-carousel .owl-nav button:before {
  filter: brightness(10);
}

.benefits-2d_type-2 .benefits-2d__head {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 60px;
}
.benefits-2d_type-2 .benefits-2d__head__item {
  display: flex;
  align-items: center;
}
.benefits-2d_type-2 .benefits-2d__title {
  margin-bottom: 0;
  padding-right: 24px;
}
.benefits-2d_type-2 .benefits-2d__text {
  border-left: 2px solid #35A8B1;
  padding: 0 24px;
}
.benefits-2d_type-2 .benefits-2d__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  width: 100%;
  margin: 0;
}
.benefits-2d_type-2 .benefits-2d__item-wrapper {
  width: initial;
  padding: 0;
  margin-bottom: 0;
}
.benefits-2d_type-2 .benefits-2d__item {
  padding: 40px 24px;
  height: 100%;
}
.benefits-2d_type-2 .benefits-2d__item:before {
  background: #EBF8F9;
  border: 1px solid #EBF8F9;
  border-radius: 50px 0;
  width: 100%;
  height: 100%;
  max-height: initial;
}
.benefits-2d_type-2 .benefits-2d__item-title-wrapper {
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
}
.benefits-2d_type-2 .benefits-2d__item-title {
  min-height: initial;
}
.benefits-2d_type-2 .benefits-2d__item-wreath {
  width: 120px;
  height: 120px;
  top: 0;
  margin-bottom: 24px;
  position: relative;
  border-radius: 100%;
  background: radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), #35A8B1;
  box-shadow: 6px 12px 15px rgba(88, 179, 202, 0.25);
}
.benefits-2d_type-2 .benefits-2d__item-wrapper:nth-child(4n+2) .benefits-2d__item-wreath {
  background: radial-gradient(160.85% 850.2% at 7.55% -43.4%, #BCBBF2 0%, rgba(73, 70, 140, 0.13) 100%), #3997A5;
}
.benefits-2d_type-2 .benefits-2d__item-wrapper:nth-child(4n+3) .benefits-2d__item-wreath {
  background: radial-gradient(81.63% 85.61% at 66.36% 85.61%, rgba(157, 221, 226, 0.374) 0%, rgba(157, 221, 226, 0) 100%), radial-gradient(87.57% 721.12% at -3.6% -3.57%, #49468C 0%, rgba(73, 70, 140, 0.13) 100%), linear-gradient(0deg, #3C528C, #3C528C), #39B4BD;
  background: radial-gradient(86.9% 603.71% at -7.53% -3.31%, rgba(54, 83, 177, 0.71) 0%, rgba(54, 83, 177, 0.13) 100%), radial-gradient(42.97% 186.84% at 86.18% 61.21%, rgba(157, 221, 226, 0.51) 0%, rgba(157, 221, 226, 0) 100%), #35A8B1;
}
.benefits-2d_type-2 .benefits-2d__item-wreath img {
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.benefits-2d_type-2 .benefits-2d__item-title {
  font-size: 26px;
  margin-bottom: 24px;
}
.benefits-2d_type-2 .benefits-2d__item-text {
  line-height: 1.6;
  padding: 0;
}

.portfolio-2d_type-2 .portfolio-2d__title {
  max-width: 650px;
}
.portfolio-2d_type-2 .portfolio-2d__wrapper .container {
  padding: 0;
}
.portfolio-2d_type-2 .portfolio-2d__title-wrapper {
  margin-bottom: 60px;
}
.portfolio-2d_type-2 .portfolio-2d__list {
  margin: 60px 0;
  display: grid;
  grid: auto-flow 400px/repeat(2, 1fr);
  gap: 34px;
}
.portfolio-2d_type-2 .portfolio-2d__item-wrapper {
  padding: 0;
  width: 100%;
}
.portfolio-2d_type-2 .portfolio-2d__item {
  position: relative;
}
.portfolio-2d_type-2 .portfolio-2d__item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px;
}
.portfolio-2d_type-2 .portfolio-2d__item-category {
  margin-bottom: 16px;
}
.portfolio-2d_type-2 .portfolio-2d__item-image {
  height: 100%;
}

.portfolio-2d_type-3 .portfolio-2d__title-wrapper {
  margin-bottom: 60px;
}
.portfolio-2d_type-3 .portfolio-2d__list {
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.portfolio-2d_type-3 .portfolio-2d__item-wrapper {
  padding: 0;
  width: 100%;
}
.portfolio-2d_type-3 .portfolio-2d__item-wrapper .container {
  max-width: 1330px;
}
.portfolio-2d_type-3 .portfolio-2d__item-image {
  height: 400px;
  max-height: calc(50vh - 50px);
}

.clients-reviews_type-2 {
  padding: 150px 0 150px;
}
.clients-reviews_type-2 .clients-reviews__title {
  padding-left: 0;
  margin-bottom: 70px;
}
.clients-reviews_type-2 .clients-reviews__nav {
  width: calc(100% - 96px);
  left: 48px;
}
.clients-reviews_type-2 .clients-reviews__nav-next svg path, .clients-reviews_type-2 .clients-reviews__nav-prev svg path, .clients-reviews_type-2 .clients-reviews__nav-next:hover svg path, .clients-reviews_type-2 .clients-reviews__nav-prev:hover svg path {
  stroke: #fff !important;
}
.clients-reviews_type-2 .clients-reviews__nav-next:hover svg path, .clients-reviews_type-2 .clients-reviews__nav-prev:hover svg path {
  opacity: 0.8;
}
.clients-reviews_type-2 .clients-reviews__list-wrapper {
  background: radial-gradient(86.9% 603.71% at -7.53% -3.31%, rgba(54, 83, 177, 0.71) 0%, rgba(54, 83, 177, 0.13) 100%), radial-gradient(42.97% 186.84% at 86.18% 61.21%, rgba(157, 221, 226, 0.51) 0%, rgba(157, 221, 226, 0) 100%), #35A8B1;
  border-radius: 50px 0px;
  padding: 0 160px 30px;
  position: relative;
}
.clients-reviews_type-2 .clients-reviews__list-wrapper:before {
  content: "";
  display: block;
  width: 60px;
  height: 48px;
  background-color: transparent;
  background-image: url("/wp-content/themes/classy/dist/img/icons/client-review-quote.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 80px;
  left: 80px;
  position: absolute;
}
.clients-reviews_type-2 .clients-reviews__item-wrapper {
  background: transparent;
  padding: 0;
  border: none;
}
.clients-reviews_type-2 .clients-reviews__list:before {
  display: none;
}
.clients-reviews_type-2 .clients-reviews__item {
  padding: 80px 0;
  flex-direction: column;
}

.clients-reviews_type-2 .clients-reviews__item * {
  color: #fff;
}
.clients-reviews_type-2 .clients-reviews__item-content {
  padding-left: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 180%;
  margin-bottom: 40px;
}
.clients-reviews_type-2 .clients-reviews__item-footer {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.clients-reviews_type-2 .clients-reviews__item-name {
  font-size: 20px;
  line-height: 170%;
  font-weight: 700;
}
.clients-reviews_type-2 .clients-reviews__item-position {
  font-weight: 400;
  font-size: 16px;
  line-height: 141.9%;
}
.clients-reviews_type-2 .owl-loaded-line {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width: 100%;
  display: block;
  height: 3px;
}
.clients-reviews_type-2 .owl-loaded-line-inner {
  width: 100%;
  display: block;
  height: 3px;
  background: #fff;
  transition: width 0.25s;
  width: 0;
}

.projects-2d-type-2 {
  padding: 150px 0;
}
.projects-2d-type-2 .projects-2d__title {
  margin-bottom: 60px;
}
.projects-2d-type-2 .projects-2d__text {
  margin-bottom: 70px;
}
.projects-2d-type-2 .projects-2d__numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  background: #EBF8F9;
}
.projects-2d-type-2 .projects-2d__number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.projects-2d-type-2 .projects-2d__number-value {
  margin: 0;
}
.projects-2d-type-2 .projects-2d__number-image {
  width: 100%;
  height: 100%;
}
.projects-2d-type-2 .projects-2d__number-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.projects-2d-type-2 .projects-2d__number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: initial;
}
.projects-2d-type-2.projects-2d-facts {
  padding: 0;
}
.projects-2d-type-2.projects-2d-facts .projects-2d__title {
  margin-bottom: 72px;
}
.projects-2d-type-2 .projects-2d__list.js-projects-2d-slider {
  margin: 0 -15px 40px;
  padding: 0;
  width: calc(100% + 30px);
}
.projects-2d-type-2 .projects-2d__list.js-projects-2d-slider .owl-nav, .projects-2d-type-2 .projects-2d__list.js-projects-2d-slider .projects-2d__item {
  padding: 0 15px;
}
.projects-2d-type-2 .projects-2d__item-image {
  padding-top: 125%;
  -webkit-clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 100% 100%, 25px 100%, 0 100%, 0 0);
          clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 100% 100%, 25px 100%, 0 100%, 0 0);
  box-sizing: border-box;
}
.projects-2d-type-2 .projects-2d__item-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.faq-type-2 {
  padding-top: 0;
  overflow: hidden;
  background: transparent;
}
.faq-type-2 .container {
  position: relative;
}
.faq-type-2:before {
  content: "";
  width: 100vw;
  height: 100%;
  background-image: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-tools-2d-bg.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 0;
  left: calc(-1 * (100vw - 100%) / 2);
  z-index: -1;
}
.faq-type-2 .faq__knight {
  position: absolute;
  right: 6%;
  top: 2%;
  transform: scaleX(-1);
  max-width: 25%;
}
.faq-type-2 .faq__item {
  border-bottom: 1px solid rgba(57, 180, 189, 0.2509803922);
  margin: 20px 0;
  padding: 0 0 20px;
}
.faq-type-2 .faq__item-title {
  background: transparent;
  border: 0;
  padding: 8px 15px 8px 80px;
}
.faq-type-2 .faq__item.active .faq__item-title {
  background: transparent;
  border: 0;
  padding: 8px 15px 8px 80px;
}
.faq-type-2 .faq__item .faq__item-title h4, .faq-type-2 .faq__item .faq__item-title h3 {
  color: inherit;
  font-size: 24px;
  line-height: 107.9%;
}
.faq-type-2 .faq__item.active .faq__item-title h4, .faq-type-2 .faq__item.active .faq__item-title h3 {
  color: inherit;
  font-size: 24px;
  line-height: 107.9%;
}
.faq-type-2 .faq__item .faq__item-title:before {
  height: 40px;
  width: 40px;
  top: 0;
  left: 0;
  margin: 0;
  border-radius: 100%;
  background-color: #39B4BD;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/classy/dist/img/icons/plus-white.svg");
}
.faq-type-2 .faq__item.active .faq__item-title:before {
  background-image: url("/wp-content/themes/classy/dist/img/icons/minus.svg");
  background-color: #39B4BD;
}
.faq-type-2 .faq__item-text {
  padding: 0 40px 0 80px;
  background: transparent;
}
.faq-type-2 .faq__item-text p {
  font-size: 18px;
  line-height: 188.9%;
}

.faq__item-text ol li, .faq__item-text ul li {
  font-size: 18px;
  line-height: 188.9%;
}

@media screen and (min-width: 768px) {
  .workers-2d_type-2 {
    padding: 150px 0;
    background: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-workers-bg.png") no-repeat top center;
  }
  .workers-2d_type-2 .workers-2d__title {
    max-width: 100%;
  }
  .workers-2d_type-2 .workers-2d__list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    counter-reset: team-part;
    gap: 28px;
  }
  .workers-2d_type-2 .workers-2d__list:before {
    content: "";
  }
  .workers-2d_type-2 .workers-2d__item {
    width: initial;
    padding: 32px 64px 58px 32px;
  }
  .workers-2d_type-2 .workers-2d__title {
    position: absolute;
    position: absolute;
    width: 50%;
    max-width: 500px;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 575px) {
  .workers-2d_type-2 .workers-2d__title {
    max-width: 300px;
  }
}
@media screen and (max-width: 1023px) {
  .benefits-2d_type-2 .benefits-2d__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .benefits-2d_type-2 .benefits-2d__item-wreath {
    transform: none;
    flex: 1 0 80px;
    height: 80px;
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .benefits-2d_type-2 .benefits-2d__head {
    grid-template-columns: 1fr;
    margin-bottom: 32px;
  }
  .benefits-2d_type-2 .benefits-2d__text {
    border: none;
    padding: 0;
  }
  .benefits-2d_type-2 .benefits-2d__list {
    display: block;
  }
  .benefits-2d_type-2 .benefits-2d__item-title-wrapper {
    flex-direction: row-reverse;
    gap: 16px;
    align-items: center;
    margin-bottom: 27px;
  }
  .benefits-2d_type-2 .benefits-2d__item {
    padding: 40px 24px;
    justify-content: flex-start;
  }
  .benefits-2d_type-2 .benefits-2d__item-title, .benefits-2d_type-2 .benefits-2d__item-wreath {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  .portfolio-2d_type-2 .portfolio-2d__list {
    gap: 24px;
  }
  .portfolio-2d_type-2 .portfolio-2d__item-wrapper {
    margin-bottom: 0;
  }
  .portfolio-2d_type-2 .portfolio-2d__list {
    grid: auto-flow 310px/repeat(2, 1fr);
  }
  .portfolio-2d_type-3 .portfolio-2d__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .portfolio-2d_type-2 .portfolio-2d__list {
    grid: auto-flow 250px/repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .portfolio-2d_type-2 .portfolio-2d__title {
    max-width: 300px;
  }
  .portfolio-2d_type-2 .portfolio-2d__list {
    margin: 24px 0 32px;
    grid: auto-flow 212px/1fr;
  }
  .portfolio-2d_type-2 .portfolio-2d__btn a {
    width: 100%;
    max-width: 100%;
  }
  .portfolio-2d_type-3 .portfolio-2d__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .clients-reviews_type-2 .clients-reviews__list-wrapper {
    padding: 0 80px 30px;
  }
  .clients-reviews_type-2 .clients-reviews__item {
    padding: 50px 0;
  }
  .clients-reviews_type-2 .clients-reviews__list-wrapper:before {
    display: none;
  }
  .clients-reviews_type-2 .clients-reviews__nav {
    width: calc(100% - 48px);
    left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .clients-reviews_type-2 {
    padding: 60px 0 40px;
  }
  .clients-reviews_type-2 .clients-reviews__nav, .clients-reviews_type-2 .owl-loaded-line {
    display: none;
  }
  .clients-reviews_type-2 .clients-reviews__item-position {
    font-size: 14px;
  }
  .clients-reviews_type-2 .owl-carousel .owl-nav {
    top: 80px;
    margin: 0 -30px;
    position: relative;
  }
  .clients-reviews_type-2 .clients-reviews__list-wrapper {
    padding: 0 30px 30px;
  }
  .clients-reviews_type-2 .clients-reviews__item {
    padding: 50px 0;
  }
  .clients-reviews_type-2 .clients-reviews__list-wrapper:before {
    display: none;
  }
  .clients-reviews_type-2 .clients-reviews__item-footer {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
  .clients-reviews_type-2 .clients-reviews__item-logo {
    align-self: auto;
    margin: 0 auto 24px;
  }
}
@media screen and (max-width: 991px) {
  .projects-2d-type-2 .projects-2d__number {
    width: 100%;
    flex-shrink: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .projects-2d-type-2 {
    padding: 60px 0;
  }
  .projects-2d-type-2.projects-2d-facts {
    padding-bottom: 60px;
    padding-top: 60px;
    margin: 60px 0 0;
    background: #EBF8F9;
  }
  .projects-2d-type-2 .projects-2d__title {
    margin-bottom: 16px;
  }
  .projects-2d-type-2 .projects-2d__text {
    margin-bottom: 22px;
  }
  .projects-2d-type-2 .projects-2d__numbers {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .projects-2d-type-2 .projects-2d__number:nth-child(2n+1) {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .projects-2d-type-2 .projects-2d-type-2__btn a {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .faq-type-2:before {
    display: none;
  }
  .faq-type-2 .faq__item .faq__item-title:before {
    top: 8px;
  }
  .faq-type-2 .faq__item-text {
    padding: 0 15px 0 56px;
  }
  .faq-type-2 .faq__item-title {
    padding: 8px 0 8px 56px;
  }
  .faq-type-2 .faq__item.active .faq__item-title {
    padding: 8px 0 8px 56px;
  }
  .faq-type-2 .faq__item .faq__item-title h4, .faq-type-2 .faq__item .faq__item-title h3 {
    font-size: 20px;
  }
  .faq-type-2 .faq__item.active .faq__item-title h4, .faq-type-2 .faq__item.active .faq__item-title h3 {
    font-size: 20px;
  }
  .faq-type-2 .faq__item-text p {
    font-size: 16px;
  }
  .faq__item-text ol li, .faq__item-text ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 1399px) {
  .clients-reviews__title {
    padding-left: 250px;
  }
  .clients-reviews__list-wrapper {
    padding: 0 60px 0 250px;
  }
  .clients-reviews__item {
    padding: 40px 60px 40px 130px;
  }
}
@media screen and (max-width: 1199px) {
  .game-services {
    padding: 100px 0;
  }
  .game-services__head {
    margin-bottom: 100px;
  }
  .game-service {
    margin-bottom: 100px;
  }
  .game-service__head {
    margin-bottom: 100px;
  }
  .game-service__image {
    width: 350px;
  }
  .workers-2d_game .workers-2d__wrapper {
    flex-direction: column;
  }
  .workers-2d_game .workers-2d__title {
    width: 100%;
    margin: 0 0 50px;
  }
  .workers-2d_game .workers-2d__item {
    width: 33.333%;
  }
  .clients-reviews {
    padding: 100px 0;
  }
  .clients-reviews__title {
    padding-left: 155px;
    margin-bottom: 85px;
  }
  .clients-reviews__list-wrapper {
    padding: 0 40px 0 130px;
  }
  .clients-reviews__list::before {
    left: -105px;
    width: 240px;
    top: -55px;
  }
  .clients-reviews__item {
    padding: 40px 30px 40px 130px;
  }
}
@media screen and (max-width: 1023px) {
  .game-services.game-services_type-2 .game-services__list .game-service {
    padding: 36px;
  }
}
@media screen and (max-width: 767px) {
  .game-services.game-services_type-2 {
    padding: 60px 0;
  }
  .game-services.game-services_type-2 .game-services__head {
    margin-bottom: 24px;
  }
  .game-services.game-services_type-2 .game-services__list .game-service {
    padding: 30px 20px 0;
    border-radius: 0 50px;
    margin-bottom: 20px;
  }
  .game-services.game-services_type-2 .game-services__list .game-service__image {
    width: 80%;
    margin: 0 auto 0;
    border-radius: 0;
    position: relative;
    order: 2;
  }
  .game-services.game-services_type-2 .game-services__list .game-service:nth-child(2n+2) .game-service__image {
    width: 80%;
    margin: 0 auto 0;
    border-radius: 0;
    position: relative;
    order: 2;
  }
  .game-services.game-services_type-2 .game-services__list .game-service:nth-child(2) .game-service__image {
    margin-left: -20px;
    border-radius: 0 0 50px;
  }
  .game-services.game-services_type-2 .game-services__list .game-service__title {
    font-size: 24px;
  }
  .game-services.game-services_type-2 .game-services__list .game-service__content {
    width: 100%;
  }
  .game-services.game-services_type-2 .game-services__list .game-service__tags {
    display: block;
    margin-bottom: 24px;
  }
  .game-services.game-services_type-2 .game-services__list .game-service__btn {
    margin: 8px auto 27px;
    width: 100%;
    display: block;
    max-width: 300px;
  }
}
@media screen and (max-width: 1800px) {
  .tools-2d.tools-2d_type-2:before {
    bottom: 5%;
  }
}
@media screen and (max-width: 1024px) {
  .tools-2d.tools-2d_type-2.game-art .container {
    display: block;
  }
  .tools-2d.tools-2d_type-2 .tools-2d__inner {
    max-width: 100%;
    margin-bottom: 40px;
  }
  .tools-2d.tools-2d_type-2.game-art .container:after {
    width: 335px;
    height: 486px;
    display: block;
    background-image: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-pirate.png");
    content: "";
    background-size: contain;
    margin: auto;
  }
}
@media screen and (max-width: 575px) {
  .tools-2d.tools-2d_type-2:before {
    background-size: 255%;
    background-position: top right;
    height: 330px;
    width: 100%;
  }
  .tools-2d.tools-2d_type-2 .tools-2d__inner {
    margin-bottom: 0;
  }
  .tools-2d.tools-2d_type-2 .tools-2d__list {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .banner.game-art {
    overflow: hidden;
    background: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-md-bg.jpeg");
  }
  .banner.game-art ~ div h2 {
    font-size: 30px;
    margin-bottom: 30px;
    max-width: 90%;
  }
  .banner.game-art .banner__wrapper {
    padding-bottom: 0;
  }
  .banner.game-art .banner__content {
    width: 100%;
  }
  .banner.game-art .banner__text:after {
    display: block;
    margin-top: 36px;
    content: url("/wp-content/themes/classy/dist/img/tmp-images/game-art-Monk.png");
    max-width: calc(100% + 30px);
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    width: calc(100% + 20px);
  }
}
@media screen and (max-width: 991px) {
  .page-template-classy-game-template h2 br {
    display: none;
  }
  .game-service__image {
    width: 300px;
  }
  .game-service__image-character {
    width: 80%;
    left: 10%;
  }
  .game-service__content {
    padding-left: 30px;
  }
  .game-service__btn {
    padding: 21px 40px 20px;
  }
  .game-service:nth-child(2n) .game-service__content {
    padding: 0 30px 0 0;
  }
  .game-service__tags {
    margin-bottom: 20px;
  }
  .workers-2d_game .workers-2d__item {
    width: 50%;
  }
  .clients-reviews__title {
    padding-left: 95px;
    margin-bottom: 40px;
  }
  .clients-reviews__list-wrapper {
    padding: 0 25px 0 70px;
  }
  .clients-reviews__list::before {
    width: 135px;
    left: -45px;
    top: -15px;
  }
  .clients-reviews__item {
    padding: 40px 30px 40px 80px;
  }
  .p-game-art .tools-2d__item {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .page-template-classy-game-template h2 {
    font-size: 30px;
  }
  .page-template-classy-game-template h2 br {
    display: none;
  }
  .page-template-classy-game-template .banner .breadcrumbs {
    bottom: 80px;
  }
  .p-game-art .tools-2d__item {
    width: 100%;
    height: 91px;
  }
  .p-game-animation .tools-2d__item {
    width: 100%;
    height: 91px;
  }
  .p-game-animation .portfolio-2d__btn .btn {
    padding: 20px 0 19px;
    max-width: 270px;
    width: 100%;
    font-size: 15px;
  }
  .game-services {
    padding: 60px 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-top: -30px;
  }
  .game-services__title {
    margin-bottom: 40px;
  }
  .game-services__text {
    font-size: 16px;
  }
  .game-services__head {
    margin-bottom: 60px;
  }
  .game-service {
    margin-bottom: 50px;
    flex-direction: column;
  }
  .game-service__title {
    font-size: 26px;
  }
  .game-service__image {
    width: auto;
    max-width: 300px;
    margin-bottom: 30px;
  }
  .game-service__content {
    padding: 0;
  }
  .game-service__tag {
    margin: 0 0 20px;
    line-height: 1.2;
  }
  .game-service:nth-child(2n) {
    flex-direction: column;
  }
  .game-service:nth-child(2n) .game-service__content {
    padding: 0;
    text-align: left;
  }
  .game-service:nth-child(2n) .game-service__tags {
    justify-content: flex-start;
  }
  .game-service:nth-child(2n) .game-service__tag {
    margin: 0 15px 14px 0;
  }
  .workers-2d_game .workers-2d__item {
    width: 100%;
  }
  .clients-reviews {
    padding: 60px 0;
  }
  .clients-reviews__bg {
    bottom: 0;
  }
  .clients-reviews__title {
    padding-left: 0;
  }
  .clients-reviews__list-wrapper {
    padding: 0 30px;
  }
  .clients-reviews__list::before {
    width: 65px;
    top: -25px;
    left: -25px;
  }
  .clients-reviews__item {
    padding: 20px 0 5px;
    flex-direction: column;
    align-items: center;
  }
  .clients-reviews__item-wrapper {
    background: #fff;
    border: 1px solid rgba(196, 217, 219, 0.5);
  }
  .clients-reviews__item-logo {
    margin-bottom: 25px;
  }
  .clients-reviews__item-content {
    padding: 0;
  }
  .clients-reviews__item-text {
    font-size: 14px;
  }
}
html {
  margin-top: 0 !important;
}

.page-template-classy-pdf-template .embed-responsive {
  min-height: 100%;
  max-height: 100%;
}
.page-template-classy-pdf-template #wpadminbar {
  display: none;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.owl-carousel .fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.owl-nav [disabled],
.owl-nav .disabled {
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}

.banner_home {
  max-height: none !important;
  background-position: top center;
  -webkit-clip-path: ellipse(270% 100% at 50% 0%);
          clip-path: ellipse(270% 100% at 50% 0%);
}
@media screen and (min-width: 576px) and (min-height: 845px) {
  .banner_home {
    min-height: 845px;
  }
}
.banner_home .decor {
  position: absolute;
  z-index: -1;
}
.banner_home .decor.rocks {
  top: 15px;
  left: 0;
  right: 0;
  width: auto !important;
}
.banner_home .decor.lip-1 {
  left: 0;
  bottom: 18.5%;
  width: 43px !important;
}
.banner_home .decor.lip-2 {
  left: 7.5%;
  bottom: 8.5%;
  width: 90px !important;
}
.banner_home .decor.lip-3 {
  left: 27.8%;
  bottom: 6.8%;
  width: 69px !important;
}
@media (min-width: 768px) {
  .banner_home {
    -webkit-clip-path: ellipse(180% 100% at 50% 0%);
            clip-path: ellipse(180% 100% at 50% 0%);
  }
}
@media (min-width: 991px) {
  .banner_home {
    -webkit-clip-path: ellipse(160% 100% at 50% 0%);
            clip-path: ellipse(160% 100% at 50% 0%);
  }
}
@media (min-width: 1200px) {
  .banner_home {
    -webkit-clip-path: ellipse(145% 100% at 50% 0%);
            clip-path: ellipse(145% 100% at 50% 0%);
  }
}
@media (min-width: 1400px) {
  .banner_home {
    -webkit-clip-path: ellipse(135% 100% at 50% 0%);
            clip-path: ellipse(135% 100% at 50% 0%);
  }
}

.front-slider {
  background-color: #3255ae;
}
.front-slider .container {
  position: relative;
  z-index: 2;
}
.front-slider > .owl-carousel {
  display: block;
  opacity: 0;
}
.front-slider > .owl-loaded {
  opacity: 1;
}

.personage {
  width: 280px;
  height: 430px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -215px;
  z-index: -1;
  margin: auto;
  text-align: center;
  pointer-events: none;
}
@media (min-width: 375px) {
  .personage {
    width: 320px;
    height: 480px;
    bottom: -240px;
  }
}
@media (min-width: 768px) {
  .personage {
    bottom: -291px;
  }
}
@media (min-width: 1200px) {
  .personage {
    width: 600px;
    height: 860px;
    right: -20px;
    left: auto;
    bottom: -320px;
  }
}
@media (min-width: 1400px) {
  .personage {
    width: 815px;
    height: 1115px;
    bottom: -450px;
    right: -140px;
  }
}

.tabs {
  position: relative;
  z-index: 1;
  border-radius: 50px 0 50px 0;
  color: #fff;
  line-height: 1;
  background-color: #35a8b1;
  min-height: 400px;
}
.tabs__menu {
  position: relative;
  font-size: 15px;
  padding: 50px 80px 35px 65px;
  min-height: 400px;
}
.tabs__menu_divider::after {
  content: "";
  position: absolute;
  top: 90px;
  bottom: 90px;
  right: -1px;
  margin: auto;
  width: 1px;
  opacity: 0.7;
  background: linear-gradient(180deg, rgba(88, 179, 202, 0) 69.96%, #57b3cc 100%), linear-gradient(180deg, #57b3cc 0%, rgba(88, 179, 202, 0) 32.92%), #fff;
}
.tabs__menu-item {
  transition: background-color 0.25s ease-in-out;
}
.tabs__menu-item + .tabs__menu-item {
  margin-top: 2px;
}
.tabs__menu-item:hover, .tabs__menu-item.is-active {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.tabs__menu-item:hover .tabs__menu-title, .tabs__menu-item.is-active .tabs__menu-title {
  color: inherit;
}
.tabs__menu-title {
  cursor: pointer;
  display: block;
  padding: 10px 25px;
  color: inherit;
}
.tabs__list {
  padding: 45px 91px 0 55px;
}
.tabs__item {
  display: none;
}
.tabs__item.is-showed {
  display: block;
}
.no-js .tabs__item {
  display: block;
}
.tabs__item-title {
  font-size: 24px;
  line-height: 1;
}
.tabs__item .owl-nav {
  display: inline-block;
  position: relative;
}
.tabs__item .owl-nav:empty {
  display: none;
}
.tabs__item .owl-nav::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.44);
}
.tabs__item .owl-nav button {
  position: relative;
  border: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.054;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  background-color: transparent;
  transition: opacity 0.2s ease-in-out;
}
.tabs__item .owl-nav button:not(.disabled) {
  cursor: pointer;
}
.tabs__item .owl-nav button:hover {
  opacity: 0.8;
}
.tabs__item .owl-nav button::before {
  content: "";
  width: 8px;
  height: 14px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='9' height='15' viewBox='0 0 9 15'%3e%3cpath d='M0.721696 0.340166C0.331661 0.731178 0.332454 1.36434 0.723466 1.75438L6.01547 7.03315L0.721698 12.3402C0.331662 12.7312 0.332453 13.3643 0.723464 13.7544C1.11448 14.1444 1.74764 14.1436 2.13768 13.7526L8.13768 7.73761C8.32498 7.54984 8.43002 7.29535 8.42969 7.03013C8.42936 6.76492 8.32368 6.51069 8.13591 6.32339L2.13591 0.338395C1.7449 -0.0516398 1.11173 -0.0508472 0.721696 0.340166Z'/%3e%3c/svg%3e") no-repeat center center;
  background-size: cover;
}
.tabs__item .owl-prev {
  margin-right: 12px;
  padding: 0 0 0 20px;
}
.tabs__item .owl-prev::before {
  left: 0;
  transform: scale(-1);
}
.tabs__item .owl-next {
  margin-left: 12px;
  padding: 0 20px 0 0;
}
.tabs__item .owl-next::before {
  right: 0;
}
.tabs__meta {
  margin-bottom: 36px;
}
.tabs__action {
  background-color: rgba(255, 255, 255, 0.83);
  color: #303031;
  font-weight: 600;
  font-size: 12px;
  padding: 10px 25px 8px;
}
.tabs__action svg {
  margin-left: 5px;
}
.tabs__action:hover {
  color: #303031;
  background-color: #fff;
}
.tabs .tabs__menu-toggle {
  color: #fff;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.23);
}

.gallery .owl-stage-outer {
  padding: 25px 0 0 25px;
}
.gallery__item {
  position: relative;
  margin-bottom: 82px;
  padding-right: 26px;
}
.gallery__box {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 67%;
  border-radius: 3px;
  transition: 0.25s ease-in-out;
}
.gallery__box:not(.gallery__box_mirror) {
  cursor: pointer;
}
.owl-item.is-current .gallery__box:not(.gallery__box_mirror) {
  transform: scale(1.03);
  transform-origin: bottom;
  box-shadow: 5px 7px 22px rgba(0, 0, 0, 0.29);
}
.gallery__box:not(.gallery__box_mirror):hover .gallery__zoom {
  padding: 12px 20px;
}
.gallery__box:not(.gallery__box_mirror):hover .gallery__zoom svg {
  width: 30px;
  height: 30px;
  opacity: 0.8;
}
.gallery__box_mirror {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  right: 26px;
  opacity: 0.05;
  transform: scaleY(-1);
}
.gallery__zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px 20px;
}
.gallery__zoom,
.gallery__zoom svg {
  transition: 0.2s ease-in-out;
}
.gallery__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}

.home .content {
  overflow: hidden;
}
.home .portfolio-2d {
  padding-top: 0;
}
.home .portfolio-2d__item-wrapper.d-none {
  display: none;
}
.home .benefits-2d__list {
  margin-bottom: 0;
}
.home .articles-block-latest:first-child {
  padding-top: 150px;
}
.home .articles-block-latest .owl-nav::before {
  content: none;
}
.home .clients-reviews {
  background-color: #ebf8f9;
}
.home .clients-reviews__bg {
  z-index: 0;
}
.home .clients-reviews .container {
  position: relative;
}
.home .article__image {
  height: 390px;
}

.hashtag {
  position: relative;
}
.hashtag_left-padding {
  padding-left: 35px;
}
.hashtag_left-padding .hashtag__elem {
  left: 0;
}
.hashtag__elem {
  position: absolute;
  top: 0;
  left: -37px;
  line-height: 1;
  font-size: 16px;
  letter-spacing: 0.025em;
  transform-origin: left;
  transform: rotate(-90deg) translate(-100%, 50%);
}
.hashtag__elem_right {
  left: auto;
  right: 0;
  letter-spacing: normal;
  transform-origin: right;
  transform: rotate(-90deg) translate(0%, 100%);
}
.portfolio-2d .hashtag__elem {
  letter-spacing: 0.065em;
}
.benefits-2d .hashtag__elem, .clients-reviews__head .hashtag__elem, .articles-block-header .hashtag__elem {
  font-size: 18px;
  letter-spacing: normal;
}
.clients-reviews__head .hashtag__elem {
  letter-spacing: 0.13em;
}

.h-about {
  margin-top: -4.5%;
  padding-top: 4.5%;
  position: relative;
  background: url("./img/page/home/about-bg.svg") no-repeat center bottom;
  background-size: cover;
  line-height: 1.71;
}
.h-about__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2.5%;
  background: none no-repeat center bottom;
  background-size: cover;
}
.h-about__wrap {
  padding-top: 150px;
  padding-bottom: 150px;
}
.h-about__box {
  position: relative;
}
.h-about__head {
  font-size: 18px;
  line-height: 1.56;
  max-width: 545px;
}
.h-about__headline {
  line-height: 1.05;
  letter-spacing: 0.035em;
  margin-bottom: 25px;
  text-shadow: none;
}
.h-about__list {
  width: auto;
  margin-top: 100px;
}
.h-about__item {
  margin-top: 15px;
  margin-bottom: 15px;
}
.h-about__inner {
  position: relative;
  z-index: 1;
  min-height: 100%;
  padding: 60px 30px 45px 25px;
}
.owl-item.active .h-about__inner::before, .h-about__inner:hover::before {
  opacity: 0.52;
  background-image: linear-gradient(142.81deg, #00e9fa 10.81%, rgba(112, 245, 255, 0.88) 104.43%, rgba(0, 233, 250, 0.35) 104.43%);
}
.h-about__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.3;
  background-image: linear-gradient(142.81deg, #00e9fa 10.81%, rgba(112, 245, 255, 0.88) 104.43%, rgba(0, 233, 250, 0.35) 104.43%);
  -webkit-clip-path: polygon(0 0, calc(100% - 25px) 0, 100% calc(0% + 25px), 100% 100%, 100% 100%, calc(0% + 25px) 100%, 0 calc(100% - 25px), 0 0);
          clip-path: polygon(0 0, calc(100% - 25px) 0, 100% calc(0% + 25px), 100% 100%, 100% 100%, calc(0% + 25px) 100%, 0 calc(100% - 25px), 0 0);
  transition: opacity 0.2s ease-in-out;
}
.h-about__number {
  position: absolute;
  top: 14px;
  right: 0;
  z-index: -1;
  opacity: 0.1;
  color: #f7fcfd;
  line-height: 1;
  font-size: 101px;
  font-weight: 800;
  font-style: normal;
  font-family: "Figtree", sans-serif;
}
.h-about__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.24;
}
.h-client {
  margin-top: -2.1%;
  padding-top: 2.1%;
  color: #5f5f5f;
  line-height: 1.19;
  letter-spacing: 0.035em;
  background: #edfafb none no-repeat center bottom;
  background-size: cover;
}
.h-client__wrap {
  padding-top: 100px;
  padding-bottom: 100px;
}
.h-client__headline {
  color: #39b4bd;
  font-weight: 600;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(268.5deg, #2dcdff 2.22%, rgba(45, 205, 255, 0) 82.95%), linear-gradient(0deg, #39b4bd, #39b4bd);
  margin-bottom: 40px;
}
.h-client__list {
  width: auto;
}
.h-client__item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.h-client__figure {
  min-height: 100%;
}
.h-client__image {
  width: 100%;
  max-height: 65px;
  max-width: 165px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 30px;
}
.h-service {
  padding-top: 165px;
  padding-bottom: 0;
  overflow: hidden;
}
.h-service .container {
  max-width: 1575px;
}
.h-service__head {
  z-index: 2;
  margin-right: 150px;
}
.h-service__tabs .tabs__list,
.h-service__tabs .tabs__item,
.h-service__tabs .gallery,
.h-service__tabs .gallery__list,
.h-service__tabs .owl-stage-outer {
  height: 100%;
}
.h-service__tabs .tabs__item {
  overflow: hidden;
}
.h-service__item {
  background: none no-repeat left top;
}
.h-service__item .tab-item {
  overflow: hidden;
}
.h-service__item .position-relative {
  z-index: 1;
}
.h-service__item:nth-child(1) .tabs {
  background-image: radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%);
}
.h-service__item:nth-child(2) {
  background-position: right top;
}
.h-service__item:nth-child(2) .tabs {
  background-image: radial-gradient(86.9% 603.71% at -7.53% -3.31%, rgba(54, 83, 177, 0.71) 0%, rgba(54, 83, 177, 0.13) 100%), radial-gradient(42.97% 186.84% at 86.18% 61.21%, rgba(157, 221, 226, 0.51) 0%, rgba(157, 221, 226, 0) 100%);
}
.h-service__item:nth-child(3) .tabs {
  background-color: #3c528c;
  background-image: radial-gradient(81.63% 85.61% at 66.36% 85.61%, rgba(157, 221, 226, 0.374) 0%, rgba(157, 221, 226, 0) 100%), radial-gradient(65.84% 408.42% at -3.6% -3.57%, #49468c 0%, rgba(73, 70, 140, 0.13) 100%);
}
.h-service__figure {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.h-service__figure.image-1 {
  left: 1.5%;
  max-width: 58%;
}
.h-service__figure.image-2 {
  left: auto;
  right: -10.6%;
  max-width: 72%;
}
.h-service__figure.image-3 {
  left: -5.5%;
  bottom: -11.8%;
  max-width: 61%;
}
.h-service__box {
  position: relative;
  line-height: 1.7;
  max-width: 520px;
  margin: 220px auto 145px;
  padding-right: 115px;
}
.is-even .h-service__box {
  padding-left: 140px;
  padding-right: 0;
}
.h-service__index {
  position: absolute;
  top: 0;
  right: 0;
  color: #39b4bd;
  font-size: 70px;
  line-height: 1.17;
  letter-spacing: 0.01em;
}
.is-even .h-service__index {
  left: 0;
  right: auto;
}
.h-service__title {
  font-size: 60px;
  line-height: 1.02;
  text-transform: none;
  letter-spacing: 0.01em;
  margin-bottom: 30px;
}
.h-service__text {
  margin-bottom: 43px;
}
.h-value {
  position: relative;
  z-index: 1;
  line-height: 1.55;
  padding-top: 170px;
  padding-bottom: 150px;
  background: none no-repeat center center;
  background-size: cover;
}
.h-value__deco {
  position: absolute;
}
.h-value__deco.shape-1 {
  top: 38.4%;
  left: -6.2%;
  max-width: 345px;
  filter: blur(7px);
}
.h-value__deco.shape-1 img {
  transform: rotate(38deg);
}
.h-value__deco.shape-2 {
  top: 7.6%;
  right: 27.3%;
  max-width: 290px;
  filter: blur(2px);
}
.h-value__deco.shape-2 img {
  transform: rotate(26.42deg);
}
.h-value__deco.shape-3 {
  right: 5.5%;
  bottom: 19%;
  max-width: 310px;
  filter: blur(8px);
}
.h-value__deco.shape-3 img {
  transform: rotate(-41.61deg);
}
.h-value__deco.shape-4 {
  right: 24.8%;
  bottom: 23%;
  max-width: 168px;
}
.h-value__deco.shape-4 img {
  transform: rotate(-26.9deg);
}
.h-value__headline {
  margin-bottom: 80px;
}
.h-value__item {
  padding-top: 35px;
  padding-bottom: 35px;
}
.h-value__head {
  margin-bottom: 25px;
}
.h-value__icon {
  padding-right: 10px;
}
.h-value__icon img {
  width: 100%;
  max-width: 64px;
  max-height: 55px;
}
.h-value__title {
  color: #252525;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.19;
  letter-spacing: 0.035em;
  padding-left: 10px;
}
.h-value__text {
  max-width: 390px;
}
.h-value__figure {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  max-width: 42%;
}
.h-contact {
  padding-top: 170px;
  position: relative;
  z-index: 1;
}
.h-contact__headline {
  font-size: 50px;
  line-height: 1.1;
  font-weight: 700;
  max-width: 800px;
  margin-bottom: 0;
}
.h-contact__content {
  position: relative;
  padding: 133px 0 89px;
  background: #047484 none no-repeat center center;
  background-size: cover;
}
.h-contact__content::before, .h-contact__content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 89px;
  background: none no-repeat top center;
  background-size: cover;
}
.h-contact__content::before {
  top: -2px;
  height: 133px;
  background-image: url("./img/page/home/contact-bg-before.png");
}
.h-contact__content::after {
  bottom: -2px;
  background-image: url("./img/page/home/contact-bg-after.png");
}
.h-contact__box {
  padding: 90px 0;
  max-width: 675px;
  line-height: 1.89;
  position: relative;
  z-index: 2;
}
.h-contact__box p {
  margin-bottom: 20px;
}
.h-contact__action {
  margin-top: 25px;
}
.h-contact__figure {
  position: absolute;
  right: 43px;
  top: -50%;
  z-index: 1;
  max-width: 42%;
  overflow: hidden;
}
.h-contact__figure .circle {
  width: 327px;
  height: 327px;
  top: 25%;
  left: 23%;
  right: auto;
  bottom: auto;
  background: radial-gradient(99.91% 232.87% at 106.47% 127.47%, rgba(247, 255, 173, 0.46) 2.9%, rgba(247, 255, 173, 0) 100%), radial-gradient(88.16% 563.52% at -3.6% -3.57%, rgba(91, 173, 249, 0.71) 0%, rgba(91, 173, 249, 0.13) 100%), linear-gradient(0deg, #35a8b1, #35a8b1), linear-gradient(227.1deg, rgba(255, 255, 255, 0.94) -44.04%, rgba(255, 255, 255, 0) 35.97%), #747dca;
  opacity: 0.36;
}
.h-contact__figure .circle__wave {
  border-color: #6dc0b6;
}
.h-contact__image {
  position: relative;
  z-index: 1;
}

@keyframes pulse2 {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}
.articles-block-latest .hashtag {
  padding-left: 40px;
}
.articles-block-latest .hashtag__elem {
  left: 0;
}
.articles-block-latest .owl-stage-outer {
  padding: 20px 0;
}
@media (min-width: 1600px) {
  .articles-block-latest .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #303031;
    transform: translateY(-50%);
    margin: 0;
  }
  .articles-block-latest .owl-nav::before {
    content: none;
  }
  .articles-block-latest .owl-nav button {
    position: absolute;
  }
  .articles-block-latest .owl-prev {
    left: -140px;
  }
  .articles-block-latest .owl-next {
    right: -140px;
  }
}
@media (min-width: 1700px) {
  .articles-block-latest .owl-prev {
    left: -180px;
  }
  .articles-block-latest .owl-next {
    right: -180px;
  }
}
.articles-block-latest .article {
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.35);
}
.articles-block-latest .article__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(360deg, #15161d 1.96%, rgba(21, 22, 29, 0) 83.37%), radial-gradient(90.84% 50% at 50% 50%, rgba(0, 0, 0, 0) 18.75%, rgba(0, 0, 0, 0.33) 100%);
}
.articles-block-latest .article__content {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 28px;
  max-height: 100%;
  overflow-y: auto;
}
.articles-block-latest .article__date {
  position: static;
  display: inline-block;
  margin-bottom: 19px;
}
.articles-block-latest .article__title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.05;
  letter-spacing: 0.06em;
  max-height: 58px;
}
.articles-block-latest .article__text {
  font-size: 16px;
  line-height: 1.56;
  margin-bottom: 18px;
  max-height: 50px;
}
.articles-block-latest .article__link {
  font-weight: bold;
}
.articles-block-latest .article__link i {
  font-size: 150%;
  font-style: normal;
  font-weight: normal;
  vertical-align: -2px;
}

@media (max-width: 1600px) {
  .h-value__deco {
    opacity: 0.3;
  }
  .h-contact__figure {
    right: 0;
  }
}
@media (max-width: 1399px) {
  .h-service__box {
    margin-top: 150px;
  }
  .tabs__menu {
    padding-left: 45px;
    padding-right: 45px;
  }
  .tabs__list {
    padding-left: 45px;
    padding-right: 45px;
  }
  .h-contact__figure {
    top: auto;
    bottom: 0;
  }
}
@media (max-width: 1199px) {
  .h-service__box {
    margin-top: 145px;
  }
  .h-value__figure {
    display: none;
  }
  .h-about__wrap {
    padding-top: 300px;
  }
  .h-contact {
    padding-top: 100px;
  }
  .h-contact__content {
    padding-top: 100px;
  }
  .h-contact__content::before {
    height: 100px;
  }
  .h-contact__headline {
    max-width: 600px;
  }
  .h-contact__box {
    max-width: 550px;
  }
}
@media (max-width: 991px) {
  .h-service__box {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .h-service__figure {
    opacity: 0.13;
  }
  .h-service__figure[class*=image] {
    max-width: 100%;
  }
  .h-service__figure .image-3 {
    opacity: 0.1;
  }
  .tabs__meta {
    margin-bottom: 30px;
  }
  .tabs__meta [class^=col] {
    position: static;
  }
  .tabs__menu {
    min-height: 100%;
    padding: 40px 40px 35px;
  }
  .tabs__list {
    padding: 40px 40px 0;
  }
  .tabs__item {
    position: relative;
    padding-bottom: 90px;
  }
  .tabs__item .owl-stage-outer {
    padding: 0;
  }
  .tabs__item .owl-nav {
    display: flex;
    padding: 35px 26px 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
  .tabs__item .owl-prev {
    margin-right: auto;
  }
  .gallery__item {
    padding: 15px 26px 0;
    margin-bottom: 0;
  }
  .gallery__box {
    margin-bottom: 0;
  }
  .owl-item.is-current .gallery__box:not(.gallery__box_mirror) {
    transform: scale(1);
  }
  .gallery__box_mirror {
    display: none;
  }
  .h-value {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .h-value__deco {
    display: none;
  }
  .h-value__title {
    font-size: 21px;
  }
  .h-contact__figure {
    display: none;
  }
}
@media (max-width: 767px) {
  .owl-carousel .banner_home .decor {
    display: none;
  }
  .banner_home .banner__wrapper {
    padding-top: 150px;
    padding-bottom: 270px;
  }
  .home .benefits-2d {
    padding-bottom: 60px;
  }
  .home .benefits-2d__title {
    font-size: 30px;
  }
  .home .benefits-2d__title br {
    display: none;
  }
  .home .benefits-2d__action {
    display: none;
  }
  .home .benefits-2d .hashtag__elem {
    display: none;
  }
  .home .portfolio-2d__top:not(.portfolio-2d__bottom) {
    display: none;
  }
  .home .portfolio-2d__item-wrapper.d-none {
    display: block;
  }
  .home .portfolio-2d__title {
    font-size: 30px;
  }
  .home .portfolio-2d__title br {
    display: none;
  }
  .home .portfolio-2d__title-wrapper .hashtag {
    padding-left: 0;
  }
  .home .portfolio-2d__title-wrapper .hashtag__elem {
    display: none;
  }
  .home .portfolio-2d__btn {
    padding: 0 20px;
  }
  .home .portfolio-2d__btn .btn {
    width: 100%;
    max-width: 510px;
    padding: 17px 50px 16px;
  }
  .home .clients-reviews__bg {
    display: none;
  }
  .home .clients-reviews__list-wrapper {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .home .clients-reviews__item-wrapper {
    border: 0;
    padding-bottom: 30px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
  }
  .home .clients-reviews__nav {
    position: relative;
    order: 1;
    margin: 40px 0 0;
    font-family: "Rajdhani", sans-serif;
  }
  .home .clients-reviews__nav button {
    font-weight: 600;
    font-size: 16px;
    line-height: 105.4%;
    letter-spacing: 0.105em;
    text-transform: uppercase;
    color: #303031;
  }
  .home .clients-reviews__nav button::before {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    background: url("/wp-content/themes/classy/dist/img/icons/slider-prev.svg") no-repeat 0 0;
  }
  .home .clients-reviews__nav .owl-prev {
    padding-left: 20px;
  }
  .home .clients-reviews__nav .owl-next {
    padding-right: 20px;
  }
  .home .clients-reviews__nav .owl-next::before {
    left: auto;
    right: 0;
    background: url("/wp-content/themes/classy/dist/img/icons/slider-next.svg") no-repeat 0 0;
  }
  .home .clients-reviews__nav svg {
    display: none;
  }
  .home .clients-reviews__nav .d-none {
    display: block;
  }
  .home .clients-reviews__nav::after {
    content: "";
    width: 1px;
    height: 16px;
    background-color: #303031;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .home .articles-block-header {
    margin-bottom: 10px;
  }
  .home .articles-block-latest:first-child {
    padding-top: 60px;
  }
  .home .articles-block-latest:first-child .owl-nav {
    margin-top: 10px;
  }
  .home .articles-more {
    margin-top: 30px;
  }
  .home .articles-more .btn {
    width: 100%;
    padding: 17px 40px 16px;
  }
  .h-about .hashtag__elem {
    display: none;
  }
  .h-about__wrap {
    padding-top: 255px;
    padding-bottom: 70px;
  }
  .h-about__headline {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .h-about__list {
    margin: 40px 0 0;
  }
  .h-about__list .owl-nav {
    margin-top: 65px;
  }
  .h-about__list .owl-nav::before {
    background-color: #fff;
  }
  .h-about__list .owl-nav button::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='9' height='15' viewBox='0 0 9 15'%3e%3cpath d='M0.721696 0.340166C0.331661 0.731178 0.332454 1.36434 0.723466 1.75438L6.01547 7.03315L0.721698 12.3402C0.331662 12.7312 0.332453 13.3643 0.723464 13.7544C1.11448 14.1444 1.74764 14.1436 2.13768 13.7526L8.13768 7.73761C8.32498 7.54984 8.43002 7.29535 8.42969 7.03013C8.42936 6.76492 8.32368 6.51069 8.13591 6.32339L2.13591 0.338395C1.7449 -0.0516398 1.11173 -0.0508472 0.721696 0.340166Z'/%3e%3c/svg%3e") !important;
  }
  .h-about__list .owl-nav button.owl-prev::before {
    transform: scale(-1);
  }
  .h-about__item {
    margin: 0;
    padding: 0;
  }
  .h-about__inner {
    min-height: 340px;
    padding: 65px 35px 45px 25px;
  }
  .h-about__number {
    top: 33px;
  }
  .h-client__wrap {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .h-client__headline {
    color: #303031;
    font-size: 30px;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-image: none;
    margin-bottom: 50px;
  }
  .h-client__item {
    padding: 0;
  }
  .h-client__figure {
    min-height: 134px;
  }
  .h-service {
    padding-top: 60px;
  }
  .h-service .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .h-service .hashtag__elem {
    display: none;
  }
  .h-service__head {
    margin-right: 0;
    text-align: left;
  }
  .h-service__headline {
    font-size: 30px;
    max-width: 340px;
  }
  .h-service__headline br {
    display: none;
  }
  .h-service__item.is-odd, .h-service__item.is-even {
    background-image: none;
  }
  .h-service__box {
    padding: 0;
    max-width: 370px;
    margin: 57px 0;
  }
  .is-even .h-service__box {
    padding-left: 0;
  }
  .h-service__index {
    position: static;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-left: 10px;
  }
  .h-service__title {
    font-size: 24px;
    float: left;
  }
  .h-service__title br {
    display: none;
  }
  .h-service__text {
    clear: both;
    margin-bottom: 20px;
  }
  .h-service__action {
    width: 100%;
    max-width: 340px;
  }
  .h-service__tabs .tabs__item {
    overflow: visible;
  }
  .h-service__figure.image-1 {
    left: -20px;
  }
  .h-service__figure.image-1 img {
    max-width: 515px;
    min-width: 515px;
  }
  .h-service__figure.image-2 {
    left: -145px;
    right: auto;
  }
  .h-service__figure.image-2 img {
    max-width: 566px;
    min-width: 566px;
  }
  .h-service__figure.image-3 {
    top: 22px;
    left: -174px;
    bottom: auto;
  }
  .h-service__figure.image-3 img {
    max-width: 529px;
    min-width: 529px;
  }
  .tabs {
    margin: 0 -20px;
    border-radius: 0;
  }
  .tabs__menu {
    display: none;
    padding: 0 0 10px;
    position: absolute;
    top: 86px;
    left: 20px;
    right: 20px;
    z-index: 3;
    border-radius: 0 0 2px 2px;
    background-color: rgba(48, 48, 49, 0.98);
  }
  .tabs__menu::after {
    content: none;
  }
  .tabs__menu-item:hover, .tabs__menu-item.is-active {
    border-radius: 0;
    background-color: transparent;
  }
  .tabs__menu-item:hover .tabs__menu-title, .tabs__menu-item.is-active .tabs__menu-title {
    color: #39b4bd;
  }
  .tabs__menu-item.is-active .tabs__menu-title {
    font-weight: 600;
  }
  .tabs__menu-title {
    padding: 10px 20px;
  }
  .tabs__menu-wrap {
    position: relative;
    padding: 40px 20px 15px;
  }
  .tabs__menu-wrap.is-opened .tabs__menu-toggle {
    color: #39b4bd;
    font-weight: 600;
    border-color: transparent;
    border-radius: 2px 2px 0 0;
    background-color: rgba(48, 48, 49, 0.98);
  }
  .tabs__menu-wrap.is-opened .tabs__menu-toggle svg {
    transform: rotate(90deg);
  }
  .tabs__menu-wrap.is-opened .tabs__menu {
    display: block;
    min-height: auto;
  }
  .tabs__menu-toggle {
    display: block;
  }
  .tabs__list {
    padding: 15px 20px 0;
  }
  .tabs__meta {
    margin-bottom: 15px;
  }
  .tabs__item .owl-nav {
    padding-left: 5px;
    padding-right: 5px;
  }
  .tabs__item .gallery {
    margin: 0 -24px;
  }
  .h-value {
    padding-top: 60px;
    padding-bottom: 40px;
    background-image: none !important;
  }
  .h-value__box {
    padding-left: 0;
  }
  .h-value__box .hashtag__elem {
    display: none;
  }
  .h-value__headline {
    font-size: 30px;
    margin-bottom: 13px;
  }
  .h-value__item {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .h-value__text {
    max-width: 100%;
  }
  .h-contact {
    padding: 60px 0;
    background: #047484 url("./img/page/home/contact-bg.jpg") no-repeat 60% center;
    background-size: cover;
  }
  .h-contact__headline {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
  }
  .h-contact__headline span {
    color: inherit;
  }
  .h-contact__content {
    background: none !important;
    padding: 0;
  }
  .h-contact__content::before, .h-contact__content::after {
    content: none;
  }
  .h-contact__box {
    padding: 0;
  }
  .h-contact__box p {
    margin-bottom: 10px;
  }
  .h-contact__action {
    display: block;
    width: 100%;
    margin: 30px auto 0;
  }
  .clients-reviews__title .hashtag__elem {
    display: none;
  }
  .clients-reviews__title h2 {
    font-size: 30px;
  }
  .clients-reviews__list::before {
    display: none;
  }
  .clients-reviews__item {
    padding: 0;
  }
  .clients-reviews__item-wrapper {
    padding: 40px 20px 25px;
  }
  .clients-reviews__item-logo {
    align-self: flex-start;
  }
  .articles-block-latest .hashtag {
    padding-left: 0;
  }
  .articles-block-latest .hashtag__elem {
    display: none;
  }
  .articles-block-latest .articles-block__title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .h-service__box, .h-service__action {
    max-width: 100%;
  }
}
.p-hyper-casual-game-development-services .banner {
  background-color: transparent;
}
.p-hyper-casual-game-development-services .banner__title {
  max-width: 695px;
}
.p-hyper-casual-game-development-services .services-2d {
  padding: 150px 0 20px;
  background: none;
}
.p-hyper-casual-game-development-services .game-platforms__title {
  margin-bottom: 50px;
}
.p-hyper-casual-game-development-services .game-technologies {
  padding: 150px 0 95px;
}
.p-hyper-casual-game-development-services .benefits-2d {
  padding: 150px 0;
}

@media screen and (max-width: 1199px) {
  .p-hyper-casual-game-development-services .services-2d {
    padding: 100px 0 30px;
    background: none;
  }
  .p-hyper-casual-game-development-services .game-technologies {
    padding: 100px 0;
  }
  .p-hyper-casual-game-development-services .benefits-2d {
    padding: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-hyper-casual-game-development-services h2 {
    font-size: 30px;
  }
  .p-hyper-casual-game-development-services h2 br {
    display: none;
  }
  .p-hyper-casual-game-development-services .banner .breadcrumbs {
    bottom: 81px;
  }
  .p-hyper-casual-game-development-services .services-2d {
    margin-top: -36px !important;
  }
  .p-hyper-casual-game-development-services .game-platforms__item-title {
    font-size: 21px;
  }
  .p-hyper-casual-game-development-services .game-platforms__title {
    margin-bottom: 20px;
  }
  .p-hyper-casual-game-development-services .game-technologies {
    padding: 60px 0;
  }
  .p-hyper-casual-game-development-services .benefits-2d {
    padding: 60px 0;
  }
}
.page-template-classy-mobile-game-development .banner {
  background-color: transparent;
}
.page-template-classy-mobile-game-development .banner__title {
  max-width: 700px;
}
.page-template-classy-mobile-game-development .banner__text {
  font-family: "Figtree", sans-serif;
}
.page-template-classy-mobile-game-development .services-2d {
  padding: 150px 0 30px;
  background: none;
}
.page-template-classy-mobile-game-development .projects-2d {
  padding: 150px 0;
}
.page-template-classy-mobile-game-development .projects-2d + .benefits-2d {
  padding-top: 0;
}
.page-template-classy-mobile-game-development .benefits-2d {
  padding: 150px 0;
}

.game-technologies_slider .game-technologies__slider-wrapper {
  position: relative;
  padding: 0 58px;
}
.game-technologies_slider .game-technologies__nav {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
.game-technologies_slider .game-technologies__nav button {
  background: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  cursor: pointer;
}
.game-technologies_slider .game-technologies__nav-prev svg, .game-technologies_slider .game-technologies__nav-next svg {
  display: block;
}
.game-technologies_slider .game-technologies__nav-prev svg path, .game-technologies_slider .game-technologies__nav-next svg path {
  transition: 0.2s all linear;
}
.game-technologies_slider .game-technologies__nav-prev:hover svg path, .game-technologies_slider .game-technologies__nav-next:hover svg path {
  stroke: #24AEB8 !important;
}
.game-technologies_slider .game-technology-wrapper {
  padding: 0;
  justify-content: center;
}
.game-technologies_slider .game-technology__logo img {
  width: auto;
}

.games-types {
  background: url("/wp-content/themes/classy/dist/img/page/mobile-game-development/games-types-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 170px 0 190px;
}
.games-types__head {
  align-items: flex-start;
}
.games-types__head-wrapper {
  margin-bottom: 100px;
}
.games-types__title {
  color: #fff;
  flex-grow: 1;
  margin: 0;
}
.games-types__text {
  width: 523px;
  flex-shrink: 0;
  margin: 0 0 0 22px;
  color: #fff;
  font-size: 18px;
  line-height: 188.9%;
}
.games-types__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.games-types__slides {
  margin-right: 31px;
}
.games-types__slides span {
  font-weight: bold;
  font-size: 20px;
  font-family: "Rajdhani", sans-serif;
}
.games-types__slides-current {
  margin-right: 3px;
  color: #39b4bd;
}
.games-types__slides-number {
  color: #CACACA;
}
.games-types__arrows {
  align-items: center;
}
.games-types__arrows button {
  background: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
  cursor: pointer;
}
.games-types__arrows button:last-child {
  margin-left: 10px;
}
.games-types__arrows-prev, .games-types__arrows-next {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #CACACA;
  transition: 0.2s all linear;
  border-radius: 3px;
}
.games-types__arrows-prev:hover, .games-types__arrows-next:hover {
  border-color: #39b4bd;
  background-color: #39b4bd;
}
.games-types__slider {
  width: 313px;
  margin: 0 auto;
}
.games-types__slider-wrapper {
  position: relative;
  padding: 0 95px;
}
.games-types__slider-wrapper-2 {
  padding: 10px 0;
  overflow: hidden;
  position: relative;
}
.games-types__slider-wrapper-2::before, .games-types__slider-wrapper-2::after {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  height: 100%;
  width: 35%;
  background-image: linear-gradient(90deg, #3852B5 -6.13%, rgba(56, 82, 181, 0) 72.6%);
  z-index: 2;
  pointer-events: none;
}
.games-types__slider-wrapper-2::after {
  left: auto;
  right: -10px;
  background-image: linear-gradient(90deg, rgba(79, 79, 204, 0.84) -6.13%, rgba(79, 79, 204, 0) 72.6%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.games-types__slider .owl-stage-outer {
  overflow: visible;
}
.games-types__slider .owl-stage-outer::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -12px;
  right: -12px;
  background: url("/wp-content/themes/classy/dist/img/page/mobile-game-development/type-of-game-bg.png");
  background-size: 100% 100%;
  z-index: 1;
  pointer-events: none;
}
.games-types__slider .owl-stage-outer .owl-item.active .games-types__slide-img::after {
  background-image: radial-gradient(64.92% 28.32% at 69.37% 80.83%, #2E2B78 0%, rgba(46, 43, 120, 0.13) 100%), linear-gradient(0.02deg, #3C528C 0.02%, rgba(60, 82, 140, 0.66) 52.44%, rgba(60, 82, 140, 0) 91.65%);
}
.games-types__slide {
  position: relative;
}
.games-types__slide-img {
  position: relative;
}
.games-types__slide-img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: radial-gradient(675.31% 76.28% at 78.45% 96.62%, rgba(54, 83, 177, 0.81) 0%, rgba(54, 83, 177, 0.6) 52.47%, rgba(54, 83, 177, 0.13) 100%), radial-gradient(401.94% 55.71% at 49.85% 32.53%, rgba(157, 221, 226, 0.51) 0%, rgba(157, 221, 226, 0) 100%), linear-gradient(0deg, rgba(53, 168, 177, 0.6), rgba(53, 168, 177, 0.6));
  border-radius: 32px;
}
.games-types__slide-img img {
  display: block;
}
.games-types__slide-info {
  position: absolute;
  width: 100%;
  top: 50%;
  bottom: 25px;
  overflow: hidden;
  padding: 0 20px;
}
.games-types__slide-title {
  font-size: 20px;
  line-height: 124.4%;
  color: #fff;
  margin-bottom: 10px;
}
.games-types__slide-title::before {
  content: "#";
  color: #39b4bd;
  margin-right: 5px;
}
.games-types__slide-text {
  line-height: 188.9%;
  color: #fff;
}

@media screen and (max-width: 1680px) {
  .games-types {
    padding: 130px 0;
  }
  .games-types__head-wrapper {
    margin-bottom: 60px;
  }
  .games-types__slider {
    width: 250px;
  }
  .games-types__slider-wrapper {
    overflow: hidden;
  }
  .games-types__slider-wrapper-2 {
    overflow: visible;
  }
  .games-types__slider-wrapper-2::before, .games-types__slider-wrapper-2::after {
    left: -100px;
  }
  .games-types__slider-wrapper-2::after {
    left: auto;
    right: -100px;
  }
  .games-types__slide-img img {
    height: 490px;
    border-radius: 32px;
  }
  .games-types__nav {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .page-template-classy-mobile-game-development .services-2d {
    padding: 100px 0 40px;
  }
  .page-template-classy-mobile-game-development .projects-2d {
    padding: 100px 0;
  }
  .page-template-classy-mobile-game-development .benefits-2d {
    padding: 100px 0;
  }
  .games-types__slider {
    width: 250px;
  }
  .games-types__slider-wrapper {
    padding: 0;
  }
  .games-types__slide-img::after {
    border-radius: 23px;
  }
  .games-types__slide-text {
    font-size: 14px;
    line-height: 140%;
  }
}
@media screen and (max-width: 991px) {
  .games-types {
    padding: 70px 0;
  }
  .games-types__head {
    flex-direction: column;
  }
  .games-types__head-wrapper {
    margin-bottom: 50px;
  }
  .games-types__title br {
    display: none;
  }
  .games-types__text {
    margin: 15px 0 0;
    width: auto;
  }
  .games-types__nav {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .page-template-classy-mobile-game-development h2 {
    font-size: 30px;
  }
  .page-template-classy-mobile-game-development h2 br {
    display: none;
  }
  .page-template-classy-mobile-game-development .banner .breadcrumbs {
    bottom: 81px;
  }
  .page-template-classy-mobile-game-development .services-2d {
    margin-top: -36px !important;
  }
  .page-template-classy-mobile-game-development .projects-2d {
    padding: 60px 0;
  }
  .page-template-classy-mobile-game-development .benefits-2d {
    padding: 60px 0;
  }
  .game-technologies_slider .game-technologies__slider-wrapper {
    padding: 0 30px;
  }
}
.entry__head {
  background: #010413 url("./img/page/bg.jpg") no-repeat bottom center;
  background-size: cover;
}
.entry__head-inner {
  padding-top: 230px;
  padding-bottom: 130px;
}
.entry__title {
  color: #fff;
  line-height: 1;
  font-size: 64px;
  font-weight: 700;
  text-shadow: none;
  margin: 0;
}
.entry__body {
  padding: 75px 0 80px;
}
.entry__content {
  line-height: 1.77;
}
.entry__content h2, .entry__content h3, .entry__content h4, .entry__content h5, .entry__content h6 {
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 16px;
}
.entry__content h2 {
  font-size: 32px;
}
.entry__content h3 {
  font-size: 28px;
}
.entry__content h4 {
  font-size: 24px;
}
.entry__content p {
  margin-bottom: 16px;
}
.entry__content a {
  color: #39b4bd;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  transition: border-color 0.2s ease-in-out;
}
.entry__content a:hover {
  color: #39b4bd;
  border-bottom-color: transparent;
}
.entry__content ul:not(.list-unstyled),
.entry__content ol:not(.list-unstyled) {
  padding-left: 24px;
}
.entry__content ul:not(.list-unstyled) {
  list-style: none;
}
.entry__content ul:not(.list-unstyled) li::before {
  content: "•";
  width: 16px;
  margin-left: -16px;
  display: inline-block;
  color: #39B4BD;
  line-height: 1;
  font-size: 130%;
  font-weight: 700;
}
.entry__content li {
  margin-bottom: 8px;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 40px 0;
  line-height: 1.35;
}
table.max-two-thirds {
  max-width: 825px;
}
table.max-two-thirds th:first-child {
  width: 225px;
}
table.max-two-thirds th:last-child {
  width: 195px;
}
table thead {
  background-color: #ebf8f9;
}
table tbody tr:nth-child(even) {
  background-color: #fafcfc;
}
table tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
table tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
table th {
  color: #595959;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  padding: 15px 15px 15px 30px;
}
table td {
  vertical-align: top;
  padding: 24px 24px 24px 30px;
}
table td:first-child {
  font-weight: 600;
}
table a {
  font-weight: 600;
  line-height: 1;
  display: inline-block;
}

@media (max-width: 767px) {
  .entry__head-inner {
    padding-top: 180px;
    padding-bottom: 70px;
  }
  .entry__title {
    font-size: 38px;
  }
  .entry__body {
    padding: 40px 0 60px;
  }
  .entry__content {
    line-height: 1.5;
  }
  .entry__content h2 {
    font-size: 28px;
  }
  .entry__content h3 {
    font-size: 24px;
  }
  .entry__content h4 {
    font-size: 20px;
  }
  table th {
    font-size: 16px;
    padding: 15px 10px 15px 15px;
  }
  table td {
    padding: 15px 10px 15px 15px;
  }
}
@media (max-width: 575px) {
  .table-responsive {
    margin-left: -20px;
    margin-right: -20px;
  }
  table {
    min-width: 575px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  table.max-two-thirds th:first-child {
    width: 150px;
  }
  table.max-two-thirds th:last-child {
    width: 140px;
  }
}
.p-pc-game-development-services .banner {
  background-color: transparent;
}
.p-pc-game-development-services .banner__title {
  max-width: 800px;
}
.p-pc-game-development-services .services-2d {
  padding: 150px 0 30px;
  background: none;
}
.p-pc-game-development-services .projects-2d {
  padding: 0;
}
.p-pc-game-development-services .benefits-2d {
  padding: 130px 0 160px;
}

.games-types_pc {
  background-size: 100% 100%;
}
.games-types_pc .games-types__head-wrapper {
  margin-bottom: 115px;
}
.games-types_pc .games-types__text {
  width: 532px;
}
.games-types_pc .games-types__slider {
  width: 576px;
}
.games-types_pc .games-types__slider-wrapper {
  padding: 0 97px;
}
.games-types_pc .games-types__slider-wrapper-2 {
  padding: 22px 0 45px;
}
.games-types_pc .games-types__slider-wrapper-2::before, .games-types_pc .games-types__slider-wrapper-2::after {
  width: 25%;
}
.games-types_pc .games-types__slider .owl-stage-outer::before {
  top: -22px;
  right: -60px;
  left: -60px;
  bottom: -40px;
  background: url("/wp-content/themes/classy/dist/img/page/pc-game-development/game-types-pc-bg.png");
  background-size: 100% 100%;
}
.games-types_pc .games-types__slider .owl-stage-outer .owl-stage {
  display: flex;
}
.games-types_pc .games-types__slider .owl-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.games-types_pc .games-types__slider .owl-item.active {
  z-index: 3;
}
.games-types_pc .games-types__slider .owl-item.active .games-types__slide-info {
  width: 100%;
}
.games-types_pc .games-types__slider .owl-item.active img {
  width: 100%;
}
.games-types_pc .games-types__slider .owl-item.active + .owl-item {
  z-index: 2;
  justify-content: flex-end;
  box-shadow: 3px 4px 13px rgba(0, 0, 0, 0.14);
}
.games-types_pc .games-types__slider .owl-item.active + .owl-item .games-types__slide-info {
  left: 50%;
  padding-left: 34px;
}
.games-types_pc .games-types__slider .owl-item.active + .owl-item + .owl-item {
  z-index: 1;
  justify-content: flex-end;
}
.games-types_pc .games-types__slider .owl-item.active + .owl-item + .owl-item .games-types__slide-img {
  height: 321px;
}
.games-types_pc .games-types__slider .owl-item.active + .owl-item + .owl-item .games-types__slide-info {
  left: 50%;
  bottom: 20px;
}
.games-types_pc .games-types__slider .owl-item.active + .owl-item + .owl-item + .owl-item {
  opacity: 0;
}
.games-types_pc .games-types__slider .owl-item.left-slide .games-types__slide-img {
  height: 321px;
}
.games-types_pc .games-types__slider .owl-item.left-slide .games-types__slide-info {
  bottom: 20px;
}
.games-types_pc .games-types__slider .owl-item.left-slide + .owl-item {
  box-shadow: -3px 4px 13px rgba(0, 0, 0, 0.14);
}
.games-types_pc .games-types__slider .owl-item.before-left-slide {
  opacity: 0;
}
.games-types_pc .games-types__slide {
  width: 100%;
}
.games-types_pc .games-types__slide-info {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  bottom: 30px;
}
.games-types_pc .games-types__slide-img {
  height: 363px;
}
.games-types_pc .games-types__slide-img::after {
  border-radius: 0;
}
.games-types_pc .games-types__slide-img img {
  height: 100%;
  width: 100%;
  border-radius: 0;
}
.games-types_pc .games-types__slide-text {
  font-size: 14px;
  line-height: 156%;
  margin-bottom: 0;
}
.games-types_pc .games-types__slide-title {
  margin-bottom: 15px;
}
.games-types_pc .games-types__nav {
  margin-top: 60px;
}

@media (min-width: 1199px) {
  .games-types_pc {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1199px) {
  .p-pc-game-development-services .services-2d {
    padding: 100px 0 30px;
    background: none;
  }
  .p-pc-game-development-services .benefits-2d {
    padding: 100px 0;
  }
}
@media screen and (max-width: 991px) {
  .games-types_pc {
    background-size: cover;
  }
  .games-types_pc .games-types__slider-wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-pc-game-development-services h2 {
    font-size: 30px;
  }
  .p-pc-game-development-services h2 br {
    display: none;
  }
  .p-pc-game-development-services .banner .breadcrumbs {
    bottom: 81px;
  }
  .p-pc-game-development-services .services-2d {
    margin-top: -36px !important;
  }
  .p-pc-game-development-services .benefits-2d {
    padding: 60px 0;
  }
  .games-types_pc .games-types__slider {
    max-width: 400px;
    width: 90%;
  }
  .games-types_pc .games-types__slider .owl-stage-outer::before {
    top: -15px;
    left: -40px;
    right: -40px;
    bottom: -20px;
  }
  .games-types_pc .games-types__slider .owl-item.active + .owl-item .games-types__slide-info {
    padding-left: 20px;
  }
  .games-types_pc .games-types__slider .owl-item.active + .owl-item + .owl-item .games-types__slide-img {
    height: 280px;
  }
  .games-types_pc .games-types__slider .owl-item.left-slide .games-types__slide-img {
    height: 280px;
  }
  .games-types_pc .games-types__slide-img {
    height: 280px;
  }
  .games-types_pc .games-types__slide-info {
    padding: 0 20px;
  }
}
@media screen and (max-width: 575px) {
  .games-types_pc .games-types__head-wrapper {
    margin-bottom: 50px;
  }
  .games-types_pc .games-types__text {
    width: auto;
  }
  .games-types_pc .games-types__slider {
    max-width: 280px;
    width: 90%;
  }
  .games-types_pc .games-types__slider .owl-stage-outer::before {
    top: -12px;
    left: 50%;
    margin-left: -170px;
    right: auto;
    bottom: auto;
    width: 340px;
    height: 208px;
  }
  .games-types_pc .games-types__slider .owl-item {
    align-items: flex-start;
  }
  .games-types_pc .games-types__slider .owl-item.active + .owl-item {
    box-shadow: none;
  }
  .games-types_pc .games-types__slider .owl-item.active + .owl-item .games-types__slide-info {
    padding-left: 0;
  }
  .games-types_pc .games-types__slider .owl-item.active + .owl-item + .owl-item .games-types__slide-img {
    height: 175px;
  }
  .games-types_pc .games-types__slider .owl-item.left-slide .games-types__slide-img {
    height: 175px;
  }
  .games-types_pc .games-types__slider .owl-item.left-slide + .owl-item {
    box-shadow: none;
  }
  .games-types_pc .games-types__slide-img {
    height: 175px;
  }
  .games-types_pc .games-types__slide-info {
    padding: 0;
    position: static;
    margin-top: 50px;
    width: 100%;
    text-align: center;
  }
  .games-types_pc .games-types__nav {
    margin-top: 0;
  }
}
.p-portfolio .banner {
  background-color: #fff;
  -webkit-clip-path: none;
          clip-path: none;
}
.p-portfolio .banner__title {
  font-size: 60px;
  max-width: 420px;
}
.p-portfolio .banner__text {
  max-width: 580px;
}
.p-portfolio .banner__images {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -200px;
  z-index: -1;
  overflow: hidden;
  transform-origin: right bottom;
}
.p-portfolio .benefits-2d {
  margin-bottom: 80px;
}
.p-portfolio .benefits-2d__list {
  margin-bottom: 30px;
}

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  background: rgba(23, 22, 26, 0.99) none no-repeat center center;
  background-size: cover;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  /*@media (min-width: 1200px) and (max-height: 919px) {
    &__thumbnail {
      .col-xl-12 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
      }
    }
  }*/
}
.popup.is-opened {
  display: block;
  opacity: 1;
  visibility: visible;
}
.popup__content {
  position: relative;
  max-height: 100%;
  overflow-y: auto;
  padding: 25px 20px;
}
.popup__close {
  cursor: pointer;
  display: inline-block;
  border: 0;
  padding: 15px;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
  text-indent: -9999px;
  background-color: transparent;
}
.popup__close::before, .popup__close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
}
.popup__close::before {
  transform: rotate(45deg);
}
.popup__close::after {
  transform: rotate(-45deg);
}
.popup__type {
  color: #fff;
  opacity: 0.29;
  letter-spacing: 0.065em;
  margin-bottom: 30px;
}
.popup__type::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-left: 30px;
  opacity: 0.29;
  background-color: #fff;
}
.popup__scene {
  padding: 35px 0 30px;
}
.popup__scene .slick-active {
  z-index: 1000 !important;
  opacity: 1 !important;
}
.popup__thumbnail {
  overflow-x: hidden;
  max-height: 230px;
}
.popup__thumbnail .simplebar-content {
  position: relative;
}
.popup__thumbnail .row {
  margin-left: -5px;
  margin-right: -5px;
}
.popup__thumbnail [class*=col] {
  position: static;
  padding-left: 5px;
  padding-right: 5px;
}
.popup .thumbnail {
  cursor: pointer;
  position: relative;
  margin: 0 0 10px;
  padding-bottom: 100%;
  border-radius: 3px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.popup .thumbnail.is-current {
  cursor: default;
  box-shadow: inset 0 0 0 2px #39b4bd, 0 2px 11px rgba(255, 255, 255, 0.15);
}
.popup .thumbnail.disabled {
  cursor: default;
  pointer-events: none;
}
.popup .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.popup__play_icon .thumbnail {
  position: relative !important;
}
.popup__play_icon .thumbnail__play_icon {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url("/wp-content/themes/classy/assets/img/video_play_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 9;
  background-size: 30%;
  transition: background-size 0.35s;
}
.popup__play_icon:hover .thumbnail__play_icon {
  background-size: 35%;
}
.popup__video {
  height: 100%;
  border: none;
}
.popup__portfolio_navigation {
  position: absolute;
  bottom: 120px;
  width: 100%;
  left: 0;
  z-index: 4;
  display: flex;
  justify-content: space-between;
}
.popup div.popup__content.js-content .popup__scene .slick-list {
  height: auto !important;
}
.popup div.popup__content.js-content .popup__scene button {
  display: none !important;
}
.popup .slick_prev__portfolio-item, .popup .slick_next__portfolio-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.105em;
  background-color: transparent;
}
.popup .slick_prev__portfolio-item:before {
  content: "";
  position: relative;
  width: 43px;
  height: 43px;
  display: inline-block;
  vertical-align: middle;
  background: url(/wp-content/themes/classy/dist/img/page/portfolio/arrow.svg) no-repeat 50%;
  background-size: contain;
  transition: 0.2s ease-in-out;
  margin-right: 20px;
}
.popup .slick_prev__portfolio-item:hover:before {
  background-image: url(/wp-content/themes/classy/dist/img/page/portfolio/arrow-hover.svg);
}
.popup .slick_next__portfolio-item:after {
  content: "";
  position: relative;
  width: 43px;
  height: 43px;
  display: inline-block;
  vertical-align: middle;
  background: url(/wp-content/themes/classy/dist/img/page/portfolio/arrow.svg) no-repeat 50%;
  background-size: contain;
  transition: 0.2s ease-in-out;
  margin-left: 20px;
  transform: scale(-1);
}
.popup .slick_next__portfolio-item:hover:after {
  background-image: url(/wp-content/themes/classy/dist/img/page/portfolio/arrow-hover.svg);
}
.popup .slick-slide {
  text-align: center;
}
.popup .slick-slide img {
  width: auto !important;
  display: block !important;
  max-height: 100%;
  margin: 0 auto;
}
.popup .slick-arrow {
  display: none !important;
  cursor: pointer;
  position: absolute;
  bottom: 43px;
  border: 0;
  z-index: 2;
  padding: 0;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.105em;
  background-color: transparent;
}
.popup .slick-arrow i {
  position: relative;
  width: 43px;
  height: 43px;
  display: inline-block;
  vertical-align: middle;
  background: url("./img/page/portfolio/arrow.svg") no-repeat center center;
  background-size: contain;
  transition: 0.2s ease-in-out;
}
.popup .slick-arrow:hover i {
  background-image: url("./img/page/portfolio/arrow-hover.svg");
}
.popup .slick-prev {
  left: 80px;
}
.popup .slick-prev i {
  margin-right: 20px;
}
.popup .slick-next {
  right: 80px;
}
.popup .slick-next i {
  margin-left: 20px;
  transform: scale(-1);
}
@media (min-width: 375px) {
  .popup__thumbnail {
    max-height: 360px;
  }
}
@media (min-width: 576px) {
  .popup__thumbnail {
    max-height: 490px;
  }
}
@media (min-width: 768px) {
  .popup .thumbnail {
    padding-bottom: 55%;
  }
  .popup__thumbnail {
    max-height: 360px;
  }
}
@media (min-width: 1024px) {
  .popup__content {
    min-height: 100%;
    padding: 75px 108px 75px 355px;
  }
  .popup__head [class*=col]:not(.popup__logo) {
    position: static;
  }
  .popup__logo {
    position: absolute;
    top: 76px;
    left: 56px;
  }
  .popup__close {
    position: absolute;
    top: 35px;
    right: 34px;
  }
  .popup__type {
    max-width: 190px;
    margin-bottom: 35px;
  }
  .popup__scene {
    padding: 0;
  }
  .popup__thumbnail {
    overflow-x: visible;
    max-height: 590px;
    padding-right: 40px;
    padding-left: 30px;
  }
  .popup__thumbnail .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .popup__thumbnail .row > div:last-child .thumbnail {
    margin-bottom: 0;
  }
  .popup__sidebar {
    display: flex;
    align-items: center;
    width: 375px;
    padding: 170px 0 100px 2px;
    position: absolute;
    top: 0;
    left: 65px;
    bottom: 0;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
  }
  .popup__sidebar > div {
    width: 100%;
    max-height: 100%;
  }
  .popup .thumbnail {
    margin-bottom: 35px;
    border: 3px solid transparent;
  }
  .popup .thumbnail.is-current {
    transform: translateX(20px);
    border-color: #08beb2;
    box-shadow: 0 2px 26px rgba(255, 255, 255, 0.15);
  }
  .popup .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.09);
    overflow: visible;
  }
  .popup .simplebar-scrollbar {
    left: -1px;
    right: -1px;
  }
  .popup .simplebar-scrollbar::before {
    left: 0;
    right: 0;
    background: #39b4bd;
    border-radius: 0;
    opacity: 1;
  }
  .popup .slick-slide > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .popup .slick-arrow {
    display: block !important;
  }
  .popup__portfolio_navigation {
    padding: 0 188px 0 435px;
  }
}
@media (max-width: 1023px) {
  .popup__portfolio_navigation {
    padding: 0 15px 0 15px;
    bottom: unset;
    top: 130px;
  }
}
@media (min-width: 1024px) and (max-height: 919px) {
  .popup__logo {
    top: 30px;
  }
  .popup__close {
    top: 25px;
    right: 25px;
  }
  .popup__sidebar {
    width: 340px;
    padding-top: 115px;
    padding-bottom: 50px;
  }
  .popup__thumbnail {
    max-height: 480px;
  }
  .popup__type {
    margin-bottom: 20px;
  }
  .popup .slick-arrow {
    bottom: 22px;
  }
  .popup .thumbnail {
    margin-bottom: 15px;
  }
}
/*.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  background: rgba(23, 22, 26, 0.99) image-url('page/portfolio/popup-bg.jpg') no-repeat center center;
  background-size: cover;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;

  &.is-opened {
    opacity: 1;
    visibility: visible;
  }

  &__content {
    position: relative;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 75px 108px 75px 358px;
  }

  &__logo {
    position: absolute;
    top: 75px;
    left: 56px;
  }

  &__close {
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
    border: 0;
    padding: 15px;
    overflow: hidden;
    font-size: 0;
    line-height: 1;
    text-indent: -9999px;
    background-color: transparent;

    &::before,
    &::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 30px;
      height: 2px;
      border-radius: 1px;
      background-color: #fff;
    }

    &::before {
      transform: rotate(45deg);
    }

    &::after {
      transform: rotate(-45deg);
    }
  }

  &__sidebar {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 65px;
    bottom: 0;
    z-index: 1;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    width: 375px;
    padding: 170px 0 100px;

    div {
      //max-height: 100%;
      //overflow-y: auto;
    }
  }

  &__type {
    color: #fff;
    opacity: .29;
    letter-spacing: 0.065em;
    margin-bottom: 34px;

    &::after {
      content: '';
      width: 59px;
      display: inline-block;
      vertical-align: 4px;
      border: 1px solid #fff;
      opacity: .29;
      margin-left: 30px;
    }
  }

  &__scene {

  }

  &__thumbnail {
    padding-left: 25px;

    .slick-current {
      .thumbnail {
        border-color: #08beb2;
        box-shadow: 0 2px 26px rgba(#fff, .15);
        transform: translateX(20px);
        transition-delay: .2s;
      }
    }

    .slick-list {
      padding-right: 20px !important;
    }
  }

  .thumbnail {
    cursor: pointer;
    vertical-align: middle;
    margin: 15px 0;
    border-radius: 3px;
    border: 3px solid transparent;
    transition: transform .2s ease-in-out;

    img {
      width: 100%;
      height: 100%;
      min-height: 170px;
      max-height: 170px;
      border-radius: 3px;
    }
  }

  .slick {
    &-arrow {
      cursor: pointer;
      position: absolute;
      bottom: 43px;
      border: 0;
      z-index: 2;
      padding: 0;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .105em;
      background-color: transparent;
      @extend .font-rajdhani;

      i {
        position: relative;
        width: 43px;
        height: 43px;
        display: inline-block;
        vertical-align: middle;
        background: image-url('page/portfolio/arrow.svg') no-repeat center center;
        background-size: contain;
        transition: .2s ease-in-out;
      }

      &:hover i {
        background-image: image-url('page/portfolio/arrow-hover.svg');
      }
    }

    &-prev {
      left: 54px;

      i {
        margin-right: 20px;
      }
    }

    &-next {
      right: 80px;

      i {
        margin-left: 20px;
        transform: scale(-1);
      }
    }
  }
}*/
.scene {
  float: right;
  top: 0;
  width: 970px;
  right: -190px;
  height: 1200px;
  position: relative;
  transform: rotate(-20deg) !important;
}
.scene__item {
  position: absolute;
}
.scene__item:nth-child(1) {
  left: 0;
  top: 170px !important;
}
.scene__item:nth-child(2) {
  right: 0 !important;
  top: 170px !important;
  left: unset !important;
}
.scene__item:nth-child(3) {
  top: 440px !important;
  left: -190px !important;
}
.scene__item:nth-child(4) {
  top: 435px !important;
  right: 70px !important;
  left: unset !important;
}
.scene__item:nth-child(5) {
  top: 800px !important;
  right: 0 !important;
  left: unset !important;
}
.deco {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
.deco__item {
  position: absolute;
  z-index: 1;
}
.deco__item.shape-1 {
  top: 35%;
  left: 7%;
}
.deco__item.shape-2 {
  left: 36%;
  top: 140px;
  animation: updown 2s infinite alternate;
}
.deco__item.shape-3 {
  top: 80%;
  left: 130px;
  animation: spin 4s infinite linear;
}
.deco__item.flow-1 {
  bottom: 30px;
  left: 24%;
}

.p-tag {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
}
.p-tag.is-sticky {
  position: fixed;
  margin: 0;
  padding: 24px 20px;
  background-color: #fff;
}
.p-tag.is-sticky .p-tag__name {
  padding: 9px 20px;
}
.p-tag.is-sticky .p-subtag {
  top: auto;
  bottom: 100%;
}
.p-tag__toggle, .tabs__menu-toggle {
  cursor: pointer;
  display: none;
  width: 100%;
  padding: 14px 20px;
  font-size: 14px;
  border-radius: 2px;
  text-align: left;
  background-color: transparent;
  border: 1px solid rgba(202, 202, 202, 0.37);
}
.p-tag__toggle svg, .tabs__menu-toggle svg {
  float: right;
}
.p-tag__list {
  font-size: 0;
}
.p-tag__item {
  position: relative;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.p-tag__item:hover .p-tag__name, .p-tag__item.is-active .p-tag__name, .p-tag__item.is-current .p-tag__name {
  background-color: #ebf8f9;
}
.p-tag__item:hover .p-subtag {
  opacity: 1;
  visibility: visible;
}
.p-tag__item.is-active .p-tag__name, .p-tag__item.is-current .p-tag__name {
  font-weight: 700;
}
.p-tag__name {
  cursor: pointer;
  font-weight: 600;
  padding: 17px 20px 19px;
  border-radius: 3px;
  background-color: transparent;
}
.p-tag__trigger {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 1;
  border: 0;
  padding: 20px;
  background-color: transparent;
}
.p-tag__trigger::before, .p-tag__trigger::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 2px;
  border-radius: 1px;
  background-color: #39b4bd;
}
.p-tag__trigger::after {
  transform: rotate(90deg);
}

.p-subtag {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  padding: 0 10px;
  background-color: #ebf8f9;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.p-subtag.is-right {
  left: auto;
  right: 0;
}
.p-subtag__item {
  display: inline-block;
  vertical-align: middle;
}
.p-subtag__item:hover .p-subtag__name::before, .p-subtag__item.is-current .p-subtag__name::before {
  transform: translateX(-5px);
}
.p-subtag__item.is-current {
  color: #39b4bd;
  font-weight: bold;
}
.p-subtag__name {
  cursor: pointer;
  padding: 18px 10px;
}
.p-subtag__name::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 1px;
  margin-right: 6px;
  background-color: #39b4bd;
  transition: transform 0.2s ease-in-out;
}

@media (max-width: 767px) {
  .p-tag {
    text-align: left;
  }
  .p-tag.is-opened .p-tag__toggle, .p-tag.is-opened .tabs__menu-toggle {
    color: #39b4bd;
    font-weight: 600;
    border-color: transparent;
    border-radius: 2px 2px 0 0;
    background-color: rgba(48, 48, 49, 0.98);
  }
  .p-tag.is-opened .p-tag__toggle svg, .p-tag.is-opened .tabs__menu-toggle svg {
    fill: #fff;
    transform: rotate(90deg);
  }
  .p-tag.is-opened .p-tag__list {
    opacity: 1;
    visibility: visible;
  }
  .p-tag.is-sticky {
    padding: 15px;
  }
  .p-tag.is-sticky .p-tag__toggle, .p-tag.is-sticky .tabs__menu-toggle {
    border-radius: 0 0 2px 2px;
  }
  .p-tag.is-sticky .p-tag__list {
    padding: 20px 0 0;
    top: auto;
    bottom: 61px;
    left: 15px;
    right: 15px;
    width: auto;
    border-radius: 2px 2px 0 0;
  }
  .p-tag.is-sticky .p-tag__name {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .p-tag.is-sticky.is-opened .p-tag__toggle svg, .p-tag.is-sticky.is-opened .tabs__menu-toggle svg {
    transform: rotate(-90deg);
  }
  .p-tag__toggle, .tabs__menu-toggle, .p-tag__trigger {
    display: block;
  }
  .p-tag__list {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 2;
    width: 100%;
    color: #fff;
    padding: 0 0 20px;
    border-radius: 0 0 2px 2px;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(48, 48, 49, 0.98);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
  .p-tag__item {
    display: block;
  }
  .p-tag__item:hover .p-tag__name, .p-tag__item.is-current .p-tag__name {
    color: #39b4bd;
    background-color: transparent;
  }
  .p-tag__item.is-current .p-tag__trigger::after {
    content: none;
  }
  .p-tag__item.is-current .p-subtag {
    display: block;
  }
  .p-tag__name {
    padding: 13px 45px 13px 20px;
  }
  .p-subtag {
    display: none;
    position: static;
    opacity: 1;
    visibility: visible;
    padding: 0;
    background-color: transparent;
  }
  .p-subtag__item {
    display: block;
  }
  .p-subtag__item:hover .p-subtag__name, .p-subtag__item.is-current .p-subtag__name {
    color: #39b4bd;
  }
  .p-subtag__name {
    padding: 7px 20px;
  }
  .p-subtag__name::before {
    content: none;
  }
}
@media (max-height: 620px) and (max-width: 767px) {
  .p-tag.is-opened .p-tag__list {
    max-height: 320px;
    overflow-y: auto;
  }
}
.projects {
  overflow: hidden;
  padding-top: 145px;
}
.projects__box {
  max-width: 690px;
}
.projects__headline {
  margin-bottom: 30px;
}
.projects__text {
  font-size: 18px;
  line-height: 1.89;
  margin-bottom: 70px;
}

.p-gallery {
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
}
.p-gallery__list {
  margin-top: 80px;
}
.p-gallery__item {
  margin-bottom: 30px;
}
.p-gallery__box {
  cursor: pointer;
  position: relative;
  padding-bottom: 80%;
  overflow: hidden;
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}
.p-gallery__box-animation {
  padding-bottom: 56%;
}
.p-gallery__box:hover {
  transform: scale(1.05);
}
.p-gallery__box:hover .p-gallery__figure_overlay {
  opacity: 1;
}
.p-gallery__box:hover .p-gallery__zoom {
  padding: 30px;
}
.p-gallery__box:hover .p-gallery__zoom svg {
  width: 43px;
  height: 43px;
  opacity: 0.79;
}
.p-gallery__box:hover .p-gallery__zoom-play {
  transition: 0.45s;
  transform: translate(50%, 50%) scale(1.15);
}
.p-gallery__figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333 none no-repeat center center;
  background-size: cover;
}
.p-gallery__figure.rocket-lazyload:not(.lazyloaded) {
  background-image: url("./img/icons/loader.svg") !important;
  background-size: 40px;
}
.p-gallery__figure_overlay {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.p-gallery__zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 33px;
}
.p-gallery__zoom,
.p-gallery__zoom svg,
.p-gallery__zoom img {
  transition: 0.2s ease-in-out;
}
.p-gallery__zoom-play {
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
}
.p-gallery__action {
  margin-top: 45px;
}

.circle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 295px;
  height: 295px;
  border-radius: 50%;
  background: #747dca linear-gradient(227.1deg, rgba(255, 255, 255, 0.94) -44.04%, rgba(255, 255, 255, 0) 35.97%);
  box-shadow: -20px 15px 86px rgba(114, 126, 200, 0.46);
}
.circle__wave {
  border: 1px solid #94a4c7;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transition: 0.2s linear;
  transform: translate(-50%, -50%);
  animation: pulse 3s linear infinite;
}
.circle__wave:nth-child(1) {
  animation-delay: 0s;
}
.circle__wave:nth-child(2) {
  animation-delay: 1s;
}
.circle__wave:nth-child(3) {
  animation-delay: 2s;
}
.circle__deco {
  position: absolute;
}
.circle__deco.shape-1 {
  top: 14px;
  left: -108px;
}
.circle__deco.shape-2 {
  top: -184px;
  left: 65px;
}
.circle__deco.shape-3 {
  top: -59px;
  right: -90px;
}
.circle__deco.shape-4 {
  bottom: -18px;
  right: -121px;
}
.circle__deco.shape-5 {
  bottom: 107px;
  left: -62px;
}
.circle__deco.shape-6 {
  bottom: -82px;
  left: -134px;
}
.circle__deco.shape-7 {
  top: 185px;
  left: -220px;
}

.achievement {
  position: relative;
  padding: 155px 0 0;
  background: #ebf8f9 linear-gradient(179.96deg, #fff 0.04%, rgba(255, 255, 255, 0) 43.8%);
}
.achievement__deco {
  position: absolute;
}
.achievement__deco.shape-1 {
  left: 0;
  top: 34.8%;
}
.achievement__deco.shape-2 {
  top: 18%;
  right: 11.6%;
}
.achievement__deco.shape-3 {
  right: 6.8%;
  bottom: 30.4%;
}
.achievement__deco.shape-4 {
  left: 6.7%;
  bottom: 25.7%;
}
.achievement__headline {
  max-width: 900px;
  margin-bottom: 65px;
}
.achievement__text {
  font-size: 18px;
  line-height: 1.89;
  max-width: 1070px;
}
.achievement__box {
  position: relative;
  z-index: 1;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.01em;
}
.achievement__item {
  padding-top: 135px;
  padding-bottom: 135px;
}
.achievement__item:nth-child(1), .achievement__item:nth-child(2) {
  margin-bottom: 180px;
}
.achievement__number {
  position: absolute;
  top: 50%;
  left: 90%;
  z-index: -1;
  color: #f7fcfd;
  line-height: 1;
  font-size: 77px;
  font-weight: 800;
  transform: translateY(-50%);
}
.achievement__title {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 20px;
  line-height: 1.01;
  margin-bottom: 20px;
}
.achievement__figure {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 900px;
  transform: translateY(-50%);
}
.achievement__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.achievement__image img {
  max-width: none;
  margin: 60px 60px 0 0;
  animation: motion 2s ease-in-out infinite alternate;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes updown {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes motion {
  from {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(10px);
  }
}
@keyframes pulse {
  from {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}
@media (max-width: 1599px) {
  .scene {
    transform: rotate(-20deg) scale(0.75) !important;
  }
  .achievement__deco.shape-1 {
    width: 69px;
  }
  .achievement__deco.shape-2 {
    right: 5%;
    width: 96px;
  }
  .achievement__deco.shape-3 {
    right: 3px;
    width: 66px;
  }
  .achievement__deco.shape-4 {
    left: 3%;
    width: 35px;
  }
}
@media (max-width: 1399px) {
  .deco__item.shape-1 {
    top: 35%;
    left: 0;
  }
  .deco__item.shape-2 {
    left: 30%;
    top: 100px;
  }
  .deco__item.shape-3 {
    left: 30px;
  }
  .deco__item.flow-1 {
    left: 22%;
    bottom: 95px;
    max-width: 440px;
  }
  .banner__images {
    opacity: 0.2;
  }
  .p-gallery {
    padding-left: 20px;
    padding-right: 20px;
  }
  .achievement__image img {
    max-width: 1024px;
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .deco__item.shape-1 {
    top: 25%;
    max-width: 80px;
  }
  .deco__item.shape-2 {
    width: 30px;
    top: 150px;
  }
  .deco__item.shape-3 {
    top: 90%;
    left: 25px;
    max-width: 30px;
  }
  .deco__item.flow-1 {
    left: 20%;
    bottom: 130px;
  }
  .circle {
    width: 220px;
    height: 220px;
  }
  .achievement__deco {
    opacity: 0.3;
  }
  .achievement__image img {
    max-width: 768px;
  }
}
@media (max-width: 991px) {
  .deco__item.flow-1 {
    left: 15%;
    bottom: 30px;
    max-width: 340px;
  }
}
@media (max-width: 767px) {
  .p-portfolio .banner__title {
    font-size: 40px;
  }
  .p-portfolio .benefits-2d__title {
    font-size: 30px;
  }
  .scene__item:nth-child(5) {
    display: none !important;
  }
  .deco__item.shape-2 {
    top: 90px;
  }
  .deco__item.shape-3 {
    left: 25%;
  }
  .deco__item.flow-1 {
    left: 20%;
    bottom: 15px;
    max-width: 300px;
  }
  .projects {
    padding-top: 60px;
  }
  .projects__headline {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .projects__text {
    margin-bottom: 30px;
  }
  .p-gallery__list {
    margin-top: 40px;
  }
  .achievement {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .achievement__deco, .achievement__figure {
    display: none;
  }
  .achievement__headline {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .achievement__text {
    margin-bottom: 30px;
  }
  .achievement__item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .achievement__item:nth-child(1), .achievement__item:nth-child(2) {
    margin-bottom: 0;
  }
  .achievement__title {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .p-portfolio .banner {
    background-color: #420f87;
  }
  .p-portfolio .banner__wrapper {
    padding-bottom: 120px;
  }
  .p-portfolio .banner__images {
    bottom: 0;
  }
  .scene {
    top: 300px;
    right: -400px;
    transform: rotate(-20deg) scale(0.7) !important;
  }
  .deco__item.shape-1 {
    top: 25%;
    max-width: 40px;
  }
  .deco__item.shape-2 {
    width: 22px;
  }
  .deco__item.shape-3 {
    left: 18%;
    max-width: 20px;
  }
  .deco__item.flow-1 {
    left: unset;
    right: 0;
    max-width: 200px;
  }
  .p-gallery__item {
    margin-bottom: 10px;
  }
  .p-gallery__box:hover {
    transform: scale(1);
  }
  .p-gallery__zoom, .p-gallery__figure-overlay {
    display: none;
  }
  .p-gallery__action {
    margin-top: 30px;
  }
  .p-gallery__action .btn {
    width: 100%;
    max-width: 400px;
  }
  .achievement__number {
    left: auto;
    right: 0;
  }
}
.p-unity-game-development-services .banner {
  background-color: transparent;
}
.p-unity-game-development-services .banner__title {
  max-width: 500px;
}
.p-unity-game-development-services .services-2d {
  padding: 150px 0 20px;
  background: none;
}
.p-unity-game-development-services .game-platforms__title {
  margin-bottom: 115px;
}
.p-unity-game-development-services .game-platforms__item-title {
  font-size: 20px;
}
.p-unity-game-development-services .benefits-2d {
  padding: 150px 0 0;
}
.p-unity-game-development-services .projects-2d {
  padding: 150px 0;
}

@media screen and (max-width: 1199px) {
  .p-unity-game-development-services .services-2d {
    padding: 100px 0 30px;
    background: none;
  }
  .p-unity-game-development-services .game-platforms__title {
    font-size: 56px;
  }
  .p-unity-game-development-services .benefits-2d {
    padding: 100px 0 0;
  }
  .p-unity-game-development-services .projects-2d {
    padding: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-unity-game-development-services h2 {
    font-size: 30px;
  }
  .p-unity-game-development-services h2 br {
    display: none;
  }
  .p-unity-game-development-services .banner .breadcrumbs {
    bottom: 81px;
  }
  .p-unity-game-development-services .services-2d {
    margin-top: -36px !important;
  }
  .p-unity-game-development-services .game-platforms__item-title {
    font-size: 21px;
  }
  .p-unity-game-development-services .game-platforms__title {
    font-size: 30px;
    margin-bottom: 20px;
    font-size: 21px;
  }
  .p-unity-game-development-services .benefits-2d {
    padding: 60px 0 0;
  }
  .p-unity-game-development-services .projects-2d {
    padding: 60px 0;
  }
}
.vacancy-single {
  padding-top: 150px;
}
.vacancy-single h2 {
  font-size: 30px;
  line-height: 1.1;
  text-transform: uppercase;
}
.vacancy-single p, .vacancy-single ul, .vacancy-single ol {
  margin-bottom: 30px;
}

.hr {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.hr__avatar {
  max-width: 133px;
}
.hr__avatar-img {
  border-radius: 50%;
}
.hr__avatar-caption {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 700;
}
.hr__email {
  margin-bottom: 15px;
}
.hr__email i {
  font-size: 12px;
  margin-right: 5px;
}
.hr__actions {
  max-width: 340px;
}
.hr__actions .btn {
  font-size: 14px;
}
.hr__action-apply {
  border: 2px solid transparent;
}
.hr__action-send {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .vacancy-single {
    padding-top: 60px;
  }
  .vacancy-single h2 {
    font-size: 24px;
  }
  .vacancy-single ul li, .vacancy-single ol li {
    line-height: 2;
  }
}
/*# sourceMappingURL=main.css.map*/