@import 'ui-kit.css';
@import 'ui-blocks.css';
@import 'hovers.css';

/* Homepage */

main {
  padding-top: 96px;
}


.main-section {
  overflow: hidden;
  margin-bottom: var(--margin-betwen-blocks);
}

.main__wrapper {
  position: relative;
  /* background: radial-gradient(65.71% 224.86% at 65.71% 51.25%, rgba(255, 17, 51, 0.4) 0%, rgba(255, 17, 51, 0) 100%), #1F1F1F; */
  border-radius: 4px;
  height: 600px;
}

.main__wrapper:not(.--black-section) .main__slider-slide {
  padding: var(--margin-betwen-content);
}

.main__wrapper.--black-section {
  z-index: 1;
  background: radial-gradient(65.71% 224.86% at 65.71% 51.25%, rgba(255, 17, 51, 0.4) 0%, rgba(255, 17, 51, 0) 100%), #1F1F1F;
}


.main__wrapper.--black-section:before {
  content: '';

  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;

  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
  background: repeat center / contain url('../images/ui-kit/noise-cta.png');
}


.main__slider {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--margin-betwen-content);
}

.main__wrapper>.main__slider-slide {
  height: 100%;
}

.main__slider .main__slider-pagination {
  position: absolute;
  bottom: 40px !important;
  left: 40px !important;
}

.main__slider-content {
  max-width: 53%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.main__slider-content .title+.default-button {
  margin-top: var(--margin-betwen-title-content);
}

.main__slider .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}


.main__slider .swiper__navigation-button.swiper-button-prev {
  width: 40px;
  cursor: url(../images/ui-kit/main-prev.svg) 0 32, pointer;
}

.main__slider .swiper__navigation-button.swiper-button-next {
  cursor: url(../images/ui-kit/main-next.svg) 64 32, pointer;
}

.main__slider .swiper-pagination-bullet {
  border-color: var(--dark-grey);
}

.main__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--red);
}

.main__img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  /* overflow: hidden; */
}

.main__img-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-43%, -74%) rotate(-24deg);
  width: 100%;
}

.main__img-wrapper:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.cube-lvl {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.cube-col {
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.main__img .cube {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  /* fixed width */
  width: 138.08px;
  height: 160.9px;
  width: 22.416%;
  height: 26.12%;
  max-width: 138.08px;
  max-height: 160.9px;
  background: no-repeat center / contain url('../images/ui-kit/small-white-cube-2.png');
  /* transition: transform 0.4s; */
}

.main__img .cube.-red-cube {
  background: no-repeat center / contain url('../images/ui-kit/small-red-cube-2.png');
}

.cube.-red-cube-1 {
  transform: translate(-339%, -324%) scale(0.647) rotate(9deg);
}

.cube.-red-cube-6 {
  transform: translate(-362%, -412%) scale(0.95);
}

.cube.-red-cube-2 {
  transform: translate(-458%, -162%) scale(0.68) rotate(-21deg)
}

.cube.-red-cube-3 {
  transform: translate(-209%, -143%) scale(0.93) rotate(10deg);
}

.cube.-red-cube-7 {
  transform: translate(-91%, -300%) scale(0.89) rotate(39deg);
}

.cube.-red-cube-5 {
  transform: translate(-12%, -185%) scale(0.88) rotate(0deg);
}

.cube.-red-cube-4 {
  transform: translate(189%, 105%) scale(0.77) rotate(39deg);
}

.-hidden-button {
  opacity: 0;
  pointer-events: none;
}


.main-section.-is-animated .swiper__navigation {
  pointer-events: none;
  display: none;
}

.main-section.-is-animated .default-button {
  opacity: 0;
  pointer-events: none;
}

.main-section.-is-animated .main__slider-pagination {
  opacity: 0;
  pointer-events: none;
}

.main-section.-is-animated .-delete-after-animate {
  display: block;
}

.main-section .main__slider-pagination {
  transition: opacity 0.4s;
}

.main-section .-delete-after-animate {
  display: none;
}

.main-section {
  position: relative;
}

.main-section .--black-section {
  transition: transform 0.4s;
  /* transform: translateY(-100%); */
}

/* .main-section.-is-animated .--black-section {
  transform: translateY(0); 
}
*/
.-on-black-section-text {
  transform: translateY(-600px);
}

/** Homepage | stats-section */

.stats-section {
  margin: var(--margin-betwen-blocks) 0;
}

.stats-section__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.stats-section__left .default-button {
  margin-top: var(--margin-betwen-title-content);
}

.stats-section__item .text {
  margin-top: var(--margin-betwen-text);
}

.stats-section__item+.stats-section__item {
  padding-top: 12px;
  margin-top: 12px;
}

.stats-section__right {
  min-width: 41%;
  margin-left: 13.799%;
}

/** Homepage | industry-section */

.industry-section {
  margin: var(--margin-betwen-blocks) 0;
  padding: var(--margin-betwen-title-content) 0;
  overflow: hidden;
}

.industry-section__slider {
  position: relative;
  margin-top: var(--margin-betwen-title-content);
  cursor: url(../images/home/industry-cursor.svg) 32 32, pointer;
  padding: 0 24px;
  max-width: 1600px;
  margin: var(--margin-betwen-title-content) auto 0 auto;
  overflow: visible;
}

.industry-section__slider,
.industry-section__slider * {
  cursor: url(../images/home/industry-cursor.svg) 32 32, pointer;
}

.industry-card {
  width: 400px;
  height: 600px;
}

.industry-card__inner {
  position: relative;
  padding: 23px;
  border: 1px solid var(--dark-grey);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: border 0.4s;
  /* cursor: url(../images/lazyload.png) 1 1, pointer; */
}

.industry-card .text {
  margin: var(--margin-betwen-text) 0 var(--margin-betwen-content) 0;
  transition: opacity 0.4s;
  opacity: 0;

  -webkit-line-clamp: 9;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.industry-card .img {
  position: relative;
  width: 208px;
  height: 240px;
  margin: auto 0 0 0;
}

.industry-card .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.4s;
}

.industry-card .img img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.industry-card.-white .industry-card__inner {
  background: var(--light);
}

.industry-card.-white .title {
  color: var(--background-dark);
}

.industry-card.-white .text {
  opacity: 1;
  margin-top: 8px;
  color: var(--dark-grey);
}

.industry-card.-white .img {
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 50%;
  transform: translateY(37px) translateZ(0);
  transition: transform 0.4s;
}


.industry-card.-white .default-button {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: auto 0 0 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  transition: background 0.4s, opacity 0.4s, color 0.4s, transform 0.4s;
}


/** Homepage | clients-section */

.clients-section {
  margin: var(--margin-betwen-blocks) 0;
}

.clients-section .client-list {
  margin-top: var(--margin-betwen-title-content);
}



/** Homepage | cases-section */

.cases-section {
  margin: var(--margin-betwen-blocks) 0;
}

.cases-section .cases-small-list {
  margin-top: var(--margin-betwen-title-content);
}

.cases-small-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.cases-small-list .case-card {
  margin-top: var(--margin-betwen-content);
  width: calc(50% - 8px);
}

.cases-small-list .case-card:first-child {
  margin-top: 0;
}

.cases-small-list .case-card:nth-child(2) {
  margin-top: 0;
}

.cases-small-list .case-card:nth-child(even) {
  margin-left: var(--margin-betwen-text);
}

.cases-section .default-button {
  margin-top: var(--margin-betwen-content);
}


/** Homepage | testimonials-section */

.testimonials-section {
  margin: var(--margin-betwen-blocks) 0;
  overflow: hidden;
}

.testimonials-section .swiper-outer-container {
  position: relative;
  margin-top: var(--margin-betwen-title-content);
}


/** Homepage | locations-section */

.locations-section {
  margin: var(--margin-betwen-blocks) 0;
}

.locations-section .locations-wrapper {
  margin-top: var(--margin-betwen-title-content);
}

.locations-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.locations-wrapper__left {
  margin-right: 120px;
  width: 100%;
}

.locations-wrapper__left>.title {
  margin-top: 24px;
}

.locations-wrapper__left>.text {
  margin-top: var(--margin-betwen-text);
}

.locations-wrapper__left>.default-button {
  margin-top: 32px;
}

.locations-wrapper__right {
  min-width: 49.351%;
  width: 100%;
}

.map-wrapper {
  position: relative;
  margin-top: -32px;
  width: 100%;
}

.map-wrapper .country {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.map-wrapper svg {
  display: block;
  height: auto;
  width: 100%;
}

.map-wrapper .country .clickable-zone {
  pointer-events: auto;
  cursor: pointer;
}

.map-wrapper .country .animated-path {
  transition: opacity 0.4s, fill 0.4s;
  transform: translateZ(0);
}

.map-wrapper .country.-active .clickable-zone {
  pointer-events: none;
}

.map-wrapper .country.-active .animated-path {
  fill: var(--red) !important;
  opacity: 0.24 !important;
}


/** Homepage | cta-section */

.cta-section {
  margin: var(--margin-betwen-blocks) 0;
}

.cta-section.-not-home {
  margin: var(--margin-betwen-blocks) 0 96px 0;
}

.cta-wrapper {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  padding: var(--margin-betwen-title-content) var(--margin-betwen-content);
  background: radial-gradient(65.71% 224.86% at 65.71% 51.25%, rgba(255, 17, 51, 0.4) 0%, rgba(255, 17, 51, 0) 100%)
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    , #1F1F1F;
  overflow: hidden;
}

.cta-wrapper .text {
  margin-top: var(--margin-betwen-text);
}

.cta-wrapper .default-button {
  margin-top: var(--margin-betwen-title-content);
}

.cta-wrapper__img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  width: auto;
  max-width: 50%;
}

.cta-wrapper__img picture,
.cta-wrapper__img img {
  display: block;
  height: 100%;
  width: auto;
}

.cta-wrapper:before {
  content: '';

  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;

  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
  background: repeat center / contain url('../images/ui-kit/noise-cta.png');
}

.cta-wrapper__content {
  max-width: 50%;
}

/*! About | values-section */

.values-section {
  margin: var(--margin-betwen-blocks) 0;
  padding: 56px 0 0 0;
}

.values-section .sticky-list {
  margin-top: var(--margin-betwen-title-content);
}

/*! About | team-section */

.team-section {
  margin: var(--margin-betwen-blocks) 0;
}

.team-big-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--margin-betwen-title-content) var(--margin-betwen-text);
  margin-top: var(--margin-betwen-title-content);
}

.team-member-big {
  grid-column: span 2;
}


.team-member-big .img {
  width: 100%;
  height: 532px;
  border-radius: 4px;
  overflow: hidden;
}

.team-member-big .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.team-member-big .title {
  margin-top: var(--margin-betwen-text);
}

.team-member-big .link {
  margin-top: var(--margin-betwen-text);
}

.team-small-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin-top: var(--margin-betwen-title-content);
}

.team-small-list .img {
  position: relative;
  grid-column: span 1;
  filter: grayscale(100%);
}

.team-small-list .img:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.team-small-list .img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-small-list .img.-circled {
  border-radius: 50%;
  overflow: hidden;
}

.team-small-list .img.-circled img {
  border-radius: 50%;
}

.team-small-list .text-block {
  grid-column: span 4;
  grid-row: span 2;
  padding: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.team-small-list .join-team {
  position: relative;
  grid-column: span 2;
  background: var(--red);
  color: var(--wite);
  padding: 24px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.team-small-list .join-team .plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.32);
  border-radius: 50%;
  transition: transform 0.4s, background 0.4s;
}

.team-small-list .join-team .plus span {
  position: absolute;

  width: 16px;
  height: 2px;
  background: var(--white);
  transition: background 0.4s;
}

.team-small-list .join-team .plus span:last-child {
  transform: rotate(90deg);
}

.team-small-list .join-team .text {
  color: var(--white);
  margin-top: var(--margin-betwen-text);
}



/*! Job opening | job-main-description */


.job-main-description__left,
.job-main-description__right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--grey);
  padding-bottom: 14px;
  margin: 0 0 var(--margin-betwen-title-content) 0;
}

.job-main-description:not(.-vacancy-description) .job-main-description__left {
  width: 100%;
}

.job-main-description__left {
  width: calc(100% + 120px);
  transition: width 0.4s;
}

.job-main-description .text,
.job-main-description__left .text,
.job-main-description__right .text {
  color: var(--dark-grey);
}

.job-main-description .link+.text,
.job-main-description__left .link+.text,
.job-main-description__right .link+.text {
  margin-left: var(--margin-betwen-text);
}

.job-main-description .title+.text,
.job-main-description__left .title+.text,
.job-main-description__right .title+.text {
  margin-left: 8px;
}

/*! Job opening | article-section */

.article-section {
  margin: 33px 0 var(--margin-betwen-blocks) 0;
}

.article__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.article__left {
  position: sticky;
  top: 100px;
  margin-right: 120px;
  min-width: 41%;
  transition: height 0.4s;
}

.article__left.-fixed .job-main-description__left {
  width: calc(100% + 60px);
}

.article__left .job-main-description__right {
  display: none;
}

.article__right {
  min-width: 45%;
  padding-right: 24px;
}

.article__left .buttons-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 52px;
}

.article__left .buttons-container .default-button {
  margin-bottom: var(--margin-betwen-text);
}

.article__left .buttons-container .default-button:not(:nth-child(2n+2)) {
  margin-right: var(--margin-betwen-text);
}

.article__left .bubble-tag+.title {
  margin-top: var(--margin-betwen-text);
}

.article__left>.link {
  margin-top: var(--margin-betwen-text);
}


/*! Job openning | form-tabs */

.form-tabs {
  margin: var(--margin-betwen-title-content) 0 0 0;
  padding-top: var(--margin-betwen-title-content);
  border-top: 1px solid var(--grey);
}

.--tabs-container__menu {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid var(--grey);
  border-radius: 32px;
  padding: 3px;
}

.--tabs-container__menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  user-select: none;
  width: 100%;
  border-radius: 32px;
  height: 48px;
  cursor: pointer;
  padding: 0 10px;
  white-space: nowrap;
  color: var(--dark-grey);
  transition: color 0.4s;
}

.--tabs-container__menu-item.-active {
  color: var(--background-dark);
}

.--tabs-container__menu-line {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  height: 48px;
  z-index: -1;
  background-color: var(--white);
  border-radius: 32px;
  transition: transform 0.4s, width 0.4s;
}

.--tabs-container__items {
  margin-top: var(--margin-betwen-content);
}


/* breadcrumbs-section */

.breadcrumbs-section {
  margin: 80px 0 var(--margin-betwen-content) 0;
}

.cta-section+.breadcrumbs-section {
  margin: 96px 0 var(--margin-betwen-content) 0;
}

.breadcurmbs__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.home-link {
  display: block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background: no-repeat center / contain url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjE2IiBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiNFRDNCNDQiLz4KPHBhdGggZD0iTTEyIDcuNjE3ODdWMTAuNzA5OEMxMiAxMC45MTk0IDExLjkxNTcgMTEuMTIwNCAxMS43NjU3IDExLjI2ODZDMTEuNjE1NyAxMS40MTY3IDExLjQxMjIgMTEuNSAxMS4yIDExLjVIOS41VjlDOS41IDguNDQ3NzIgOS4wNTIyOCA4IDguNSA4SDcuNUM2Ljk0NzcyIDggNi41IDguNDQ3NzIgNi41IDlWMTEuNUg0LjhDNC41ODc4MyAxMS41IDQuMzg0MzQgMTEuNDE2NyA0LjIzNDMxIDExLjI2ODZDNC4wODQyOSAxMS4xMjA0IDQgMTAuOTE5NCA0IDEwLjcwOThWNy42MTc4N0MzLjk5OTk4IDcuNDAyNzYgNC4wNDQ0MiA3LjE4OTkgNC4xMzA2IDYuOTkyMzRDNC4yMTY3OCA2Ljc5NDc5IDQuMzQyODkgNi42MTY2OSA0LjUwMTIgNi40Njg5Nkw3LjQ1MDQgMy43MTU5OUM3LjU5ODk0IDMuNTc3MjggNy43OTU1OSAzLjUgOCAzLjVDOC4yMDQ0MSAzLjUgOC40MDEwNiAzLjU3NzI4IDguNTQ5NiAzLjcxNTk5TDExLjQ5ODggNi40Njg5NkMxMS42NTcxIDYuNjE2NjkgMTEuNzgzMiA2Ljc5NDc5IDExLjg2OTQgNi45OTIzNEMxMS45NTU2IDcuMTg5OSAxMiA3LjQwMjc2IDEyIDcuNjE3ODdaIiBzdHJva2U9IiNFRDNCNDQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K');
}


.breadcurmbs__wrapper a {
  color: var(--red);
  transition: opacity 0.4s, background 0.4s;
}


.breadcurmbs__wrapper p,
.breadcurmbs__wrapper a {
  display: block;
  user-select: none;
}

.breadcurmbs__wrapper a+a,
.breadcurmbs__wrapper a+p {
  position: relative;
  margin-left: 25px;
}

.breadcurmbs__wrapper p {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0 !important;
  padding-left: 25px !important;
}

.breadcurmbs__wrapper a+a:before,
.breadcurmbs__wrapper a+p:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--grey);
  pointer-events: none;
}

.breadcurmbs__wrapper a+p:before {
  left: 10px;
}

.breadcurmbs__wrapper p {
  pointer-events: none;
}

.mob-breadcrumbs {
  display: none;
}


/** Services | discovery-section */

.discovery-section {
  margin: var(--margin-betwen-blocks) 0;
}

.discovery-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.discovery-wrapper__left {
  width: 41.234%;
  margin-right: 120px;
}

.discovery-wrapper__right {
  width: calc(100% - 41.234% - 120px);
}

.cube__wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  transition: height 0.4s;
}

.discovery-wrapper__right .img.-active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

.discovery-wrapper__right .img {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
  width: 400px;
  transition: opacity 0.4s;
}

.discovery-wrapper__right .img img {
  display: block;
  width: 100%;
  height: auto;
}


/** Cases | cases-big-list */

.cases-big-list .case-card+.case-card {
  margin-top: var(--margin-betwen-text);
}


/** case-study | article-wrapper */

.article__wrapper.-case-article .article__left .title {
  margin-top: 0;
}

.article__wrapper.-case-article .article__left {
  position: relative;
  top: 0;
}

.article__wrapper.-case-article .article__right {
  padding-right: 0;
}

.article__left .case-card__param {
  margin-top: var(--margin-betwen-text);
}

.article__left .case-card__param:not(:last-child) {
  margin-right: 0;
}

.article__left .case-card__param-list {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.article__left .case-card__param {
  display: flex;
  flex-direction: column;
}

.editor .testimonial-card {
  margin-top: var(--margin-betwen-content);
}

.editor .video {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin-top: var(--margin-betwen-content);
  cursor: pointer;
}

.editor .video__preview {
  position: relative;
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
}

.editor .video__preview img {
  display: block;
  width: 100%;
  height: auto;
}

.editor .video__preview:before {
  content: '';

  position: absolute;
  z-index: 1;

  display: block;
  width: 64px;
  height: 64px;
  background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ1OF8yODk3MykiPgo8Y2lyY2xlIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0IDIxLjY4NDVDMjQgMjAuOTI1NSAyNC44MTI1IDIwLjQ0MzIgMjUuNDc4OSAyMC44MDY2TDQ0LjM5MDUgMzEuMTIyMUM0NS4wODU0IDMxLjUwMTEgNDUuMDg1NCAzMi40OTg5IDQ0LjM5MDUgMzIuODc3OUwyNS40Nzg5IDQzLjE5MzRDMjQuODEyNSA0My41NTY4IDI0IDQzLjA3NDUgMjQgNDIuMzE1NUwyNCAyMS42ODQ1WiIgZmlsbD0iIzExMTExMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ1OF8yODk3MyI+CjxyZWN0IHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgcng9IjMyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  transition: background 0.4s;

}

.editor .video .video__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.editor .video iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.recomended-section .title-block {
  border-top: 1px solid var(--grey);
  padding-top: var(--margin-betwen-title-content);
}

.recomended-section .cases-small-list {
  margin-top: var(--margin-betwen-content);
}

/** 404 | 404-section */

.body-404 main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: var(--window-inner-height);
}

.section-404 {
  display: flex;
  align-items: center;
  padding: 72px 0 var(--margin-betwen-blocks) 0;
  min-height: calc(var(--window-inner-height) - 96px);
}

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

.wrapper__left-404 {
  width: 40%;
}

.wrapper__right-404 {
  width: 55.033%;
}

.wrapper__right-404 img {
  width: 100%;
  display: block;
}

.wrapper__left-404 .title {
  margin-top: var(--margin-betwen-text);
}

.wrapper__left-404 .text {
  margin-top: var(--margin-betwen-text);
}

.wrapper__left-404 .default-button {
  margin-top: var(--margin-betwen-title-content);
}

.article-section.-terms-conditions .article__right {
  width: 57%;
  padding-right: 0;
}

.article-section.-terms-conditions .article__left {
  position: relative;
  top: 0;
}


/** Contact | section-contact */

.section-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--margin-betwen-title-content) 0 32px 0;
  min-height: calc(var(--window-inner-height) - 96px);
}

.wrapper-contact {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.wrapper-contact a {
  width: fit-content;
}

.wrapper__left-contact {
  width: 40.91%;
  margin-right: 120px;
}

.wrapper__right-contact {
  width: 40.91%;
}

.wrapper__left-contact .text {
  margin-top: var(--margin-betwen-text);
}

.wrapper__left-contact .link {
  margin-top: var(--margin-betwen-content);
}

.wrapper-contact .link {
  display: block;
  color: var(--red);
  transition: opacity 0.4s;
}

.wrapper-contact .link+.text {
  margin-top: 8px;
}


.wrapper__left-contact .img {
  margin-top: 48px;
  width: 264px;
}

.wrapper__left-contact .img img {
  display: block;
  width: 100%;
}

.contact-mobile {
  display: none;
}


/** Careers | percs-section */

.percs-section {
  margin: var(--margin-betwen-blocks) 0;
}

.percs-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: var(--margin-betwen-title-content);
  gap: var(--margin-betwen-content);
}

.percs-wrapper .perc {
  grid-column: span 2;
}

.percs-wrapper .perc .img {
  width: 166px;
  height: auto;
}

.percs-wrapper .perc .img img {
  display: block;
  width: 100%;
}

.percs-wrapper .perc .title {
  margin-top: 32px;
}

.percs-img {
  margin-top: var(--margin-betwen-content);
}

.percs-img img {
  display: block;
  width: 100%;
  height: auto;
}

/** Careers | hiring-section */

.hiring-section {
  margin: var(--margin-betwen-blocks) 0 -160px 0;
  padding-bottom: var(--margin-betwen-blocks);
  overflow: hidden;
}

.hiring-slider {
  margin-top: var(--margin-betwen-title-content);
  cursor: url(../images/careers/hiring-cursor.svg) 32 32, pointer;
}

.hiring-slider .swiper-slide {
  cursor: url(../images/careers/hiring-cursor.svg) 32 32, pointer !important;
  height: auto;
}

.hiring-slider .swiper-wrapper {
  align-items: stretch;
}

.hiring-slide {
  padding-right: var(--margin-betwen-title-content);
  user-select: none;
}


.hiring-slide__title-number {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  color: var(--dark-grey);
  transition: color 0.4s;
}

.hiring-slide__title-number .number {
  margin-right: 16px;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 32px;
  height: 32px;
  border-radius: 50%;

  font-weight: 300;
  font-size: 24px;
  line-height: 135%;

  color: var(--dark-grey);
  background-color: rgba(187, 187, 187, 0.32);
  transition: color 0.4s, background 0.4s;
}

.hiring-slide__point-status {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--grey);
  margin: 20px 0 37px 0;
  transition: background 0.4s;

}

.hiring-slide__content {
  margin-top: 16px;
}

.hiring-slider .swiper-wrapper {
  position: relative;
}

.swiper-progress {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 55px;
  width: 100%;
  height: 1px;
  background: var(--grey);
}

.swiper-progress .-active-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: var(--red);
}

.hiring-slide__content-container {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 37px;
  transition: height 0.4s;
}

.hiring-slide__content-container.-hidden {
  height: 410px;
}

.hiring-slide__content-container:before {
  content: '';

  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--margin-betwen-title-content);
  background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, #F1F1F1 100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s;
}

.hiring-slide__content-container.-hidden:before {
  opacity: 1;
  pointer-events: auto;
}

.hiring-slide__content-container+.link {
  opacity: 0;
  pointer-events: none;
  margin-top: var(--margin-betwen-text);
  cursor: pointer;
  color: var(--red);
  transition: opacity 0.4s;
  display: none;
}

.hiring-slide__content-container.-hidden+.link,
.hiring-slide__content-container.-active+.link {
  display: block;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

.hiring-slide.-is-active .hiring-slide__title-number {
  color: var(--background-dark);
}

.hiring-slide.-is-active .hiring-slide__title-number .number {
  color: var(--red);
  background-color: rgba(237, 59, 68, 0.16);
}

.hiring-slide.-is-active .hiring-slide__point-status {
  background: var(--red);
}


/** careers | position-section */

.position-section {
  margin: var(--margin-betwen-blocks) 0;
}

.position-section .title-block .title,
.position-section .title-block .text {
  margin-top: var(--margin-betwen-text);
}

.title.-has-multiple-sup span.-has-sup {
  display: inline-flex;
}

.title.-has-multiple-sup span.-has-sup+span.-has-sup {
  margin-left: -7px;
}

.title.-has-multiple-sup span.-has-sup sup {
  display: block;
  position: relative;
  margin-top: 2px;
  margin-left: 3px;
}

.position-wrapper {
  margin-top: var(--margin-betwen-title-content);
}

.position-filter {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-right: -16px;
}

.position-filter .filter-dropdown {
  margin: 0 var(--margin-betwen-text) var(--margin-betwen-text) 0;
  width: calc(25% - var(--margin-betwen-text));
}

.position-card {
  background: var(--white);
  border-radius: 4px;
  padding: 24px;
  cursor: pointer;
}

.position-card .title {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 24px;
  color: var(--background-dark);
  transition: color 0.4s, width 0.4s;
}

.position-card .link {
  color: var(--background-dark);
}

.position-card .title .-arrow {
  display: block;
  width: 16px;
  height: 16px;
  top: 10px;
  position: absolute;
  background: no-repeat center / contain url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ4OF8xNTQ1NikiPgo8Y2lyY2xlIG9wYWNpdHk9IjAuMTYiIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0VEM0I0NCIvPgo8cGF0aCBkPSJNMTEuNSA4SDRNMTEuNSA4TDguNSAxMU0xMS41IDhMOC41IDUiIHN0cm9rZT0iI0VEM0I0NCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ4OF8xNTQ1NiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
  transition: background 0.4s, left 0.4s;
}

.position-list__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.position-list__container .position-card {
  grid-column: span 1;
}

.position-card .job-main-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--margin-betwen-title-content) 0 0 0;
  padding: var(--margin-betwen-text) 0 0 0;
  border-bottom: none;
  border-top: 1px solid var(--grey);
}


.position-card .job-main-description__left,
.position-card .job-main-description__right {
  width: fit-content;
  margin: 0;
  border: none;
  padding: 0;
}

.position-list .post-counts {
  margin-top: var(--margin-betwen-content);
  color: var(--text-dark);
}

.position-list .default-button {
  margin-top: var(--margin-betwen-text);
}

.position-list {
  margin-top: 24px;
}


/** careers | talent-section*/

.talent-section {
  margin: var(--margin-betwen-blocks) 0 80px 0;
}

.talent-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  border-top: 1px solid var(--grey);
  padding-top: var(--margin-betwen-title-content);
}

.talent-wrapper__left {
  width: 41.0714%;
}

.talent-wrapper__right {
  width: 49.2%;
}

.talent-wrapper__left .title {
  margin-top: var(--margin-betwen-text);
}

.talent-wrapper__left .text {
  margin-top: var(--margin-betwen-text);
}



/** for animations styles */

.--border-wrapper {
  position: relative;
}

.--horizontal-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: var(--grey);
  transition: width 0.5s linear;
}

.--vertical-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 1px;
  background: var(--grey);
  transition: height 0.5s linear;
}

.--border-right {
  left: auto;
  right: 0;
}

.--border-bottom {
  top: auto;
  bottom: 0;
}

• [D] lib
• [D] ui-components
• [F] .htaccess
  Delete
• [F] adaptive.css
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete