.blog-card.\--sidebar .blog-card__head { padding-top: 40% !important } .customers-list__item { text-align: center } @-webkit-keyframes spin2 { 0%, 100% { opacity: .3 } 50% { opacity: 1 } } @keyframes spin2 { 0%, 100% { opacity: .3 } 50% { opacity: 1 } } .page-preloader { position: fixed; display: flex; justify-content: center; align-items: center; z-index: 100000; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; transition: opacity .3s; pointer-events: none; text-align: center; color: #fff; opacity: 1 } .page-preloader__inner { text-align: center; display: flex; flex-direction: column; align-items: center } .page-preloader svg { display: block; height: 50px; width: 250px; -webkit-animation: spin2 1.5s infinite ease-in-out; animation: spin2 1.5s infinite ease-in-out; fill: #fff; opacity: .3 } .page-preloader.hide { opacity: 0 !important } @media (max-width: 768px) { .page-preloader { display: none !important } } @media (min-width: 1200px) and (max-width: 1743px) { .customers-card { max-width: 100%; } .customers-list__item a { display: flex; } } .header__lang { position: relative; height: 28px; width: 66px; margin-left: 40px; cursor: pointer } .header__lang-icon { position: absolute; z-index: 100; top: 16px; right: 10px } .header__lang-icon svg { fill: #80B122 } .header__lang-list { position: absolute; z-index: 100; border: 1px solid transparent; border-radius: 10px; padding: 5px 10px; top: -8px; left: 0; display: flex; flex-direction: column } .header__lang-list .lang-list__item { color: #80b122; display: none; width: 100%; order: 1; padding-right: 23px } .header__lang-list .lang-list__item:nth-child(2) { display: block } .header__lang.--dropdown .header__lang-icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .header__lang.--dropdown .header__lang-icon svg { fill: #383838 } .header__lang.--dropdown .header__lang-list { border-color: #bdbdbd } .header__lang.--dropdown .header__lang-list .lang-list__item { color: #383838; display: block; padding-top: 16px; padding-bottom: 16px } .header__lang.--dropdown .header__lang-list .lang-list__item.--active { display: block; border-bottom: 1.5px dotted #828282; order: 0 } .header__lang.--dropdown .header__lang-list .lang-list__item:nth-child(2) { padding-top: 0 } .header__lang.--dropdown .header__lang-list .lang-list__item:last-child { padding-bottom: 0 } .header__lang.--dropdown .header__lang-list .lang-list__item:hover { color: #80b122 } .header .header__lang.--dropdown .header__lang-list { background: white; } .team-images-item img { filter: grayscale(100%); } .industry-panel__nav-item { max-width: 500px } .industry-panel__nav-item span { white-space: break-spaces } @media (max-width: 768px) { .section-hero-blog { background-image: none !important; } } .form-select__field.js-select { opacity: 0; } .header__block-lang { position: relative; } .header__block-lang .lang-active { cursor: pointer; display: inline-flex; align-items: center; padding: 10px; width: 100px; justify-content: center; } .header__block-lang.preload .lang-active span { transition: opacity .5s; opacity: 0; } .header__block-lang .lang-active span { font-weight: 500; font-size: 18px; line-height: 100%; transition: opacity .5s; opacity: 1; } .header__block-lang .lang-active svg { width: 18px; height: 18px; filter: grayscale(1); fill: #181818; margin-left: 5px; transition: fill .5s, transform .5s; } .lang-dropdown { background: white; box-shadow: 10px 10px 10px rgba(52, 60, 75, .1); opacity: 0; transition: transform .5s, background-color .5s, -webkit-transform .5s, opacity .5s; position: absolute; top: calc(100% + 26px); left: 10px; width: 80px; text-align: center; border-radius: 0 0 6px 6px; z-index: 2; display: none; } .lang-dropdown a { font-weight: 500; font-size: 18px; width: 100%; padding: 10px; line-height: 100%; transition: color .5s; margin-bottom: 8px; display: inline-block; } .lang-dropdown a.active { display: none; } .header__block-lang.show .lang-dropdown { opacity: 1; } .header.--scrolled .lang-dropdown a { color: white; } .header.--scrolled .lang-dropdown { background: #181818; } .header.--scrolled .header__block-lang .lang-active svg { fill: white; } .container.--inner-b.main { padding: 0 70px; } .team-images-item { width: 120px; } .team-caption { font-weight: 800; font-size: 16px; line-height: 126%; color: white; text-transform: uppercase; margin-bottom: 8px; } .team-block { margin-bottom: 20px; display: inline-block; margin-right: 29px; } .team-block.mob-second { display: none; } .team-block:nth-of-type(1) { margin-right: 0; } .team-block:nth-last-child(1) { margin-right: 0; } .team-wrap { background: rgba(255, 255, 255, 0.1); border-radius: 60px; padding: 4px; display: inline-flex; } .team-block .team-images__item { padding: 0; margin-right: 20px; } .team-block .team-images { padding: 0; margin: 0; } .team-block .team-images__item:nth-last-child(1) { margin-right: 0; } .main .section-heading.\--h1 { width: 40%; } .section-team__head-team { margin-left: 84px; } .main .section-heading i { font-size: 44px; } .section-heading.\--h1 { font-size: 72px; } @media (max-width: 1744px) { .container.--inner-b.main { padding: 0 30px; } .main .section-heading i { font-size: 30px; } .team-images-item { width: 94px; } .section-team__head-team { margin-left: 48px; } .main .section-heading.\--h1 { font-size: 48px; width: 36%; } } @media (max-width: 1260px) { .main .section-team__head { justify-content: space-between; } .team-images-item { width: 120px; } .footer-nav.--address:nth-of-type(1) { margin-bottom: 40px; } .section-team__head-undertitle { font-size: 32px!important; } .team-block:nth-last-child(1) .team-images__item:nth-child(-n+3) .team-images-tooltip { right: 0; left: auto; } .team-images-tooltip:before { right: 45px; } .team-images__item:nth-child(6) .team-images-tooltip:before, .team-images__item:nth-child(7) .team-images-tooltip:before, .team-images__item:nth-child(-n+2) .team-images-tooltip:before { left: 45px; right: unset; } .team-block:nth-last-child(1) .team-images__item:nth-child(-n+3) .team-images-tooltip:before { left: unset; right: 45px; } .section-team__head-title br { display: none; } .section-team__article-video { max-width: 330px; } .container.--inner-b.main { padding: 0 50px; } .main .section-heading.\--h1 { font-size: 36px; } .main .section-team__head-undertitle { width: 42%; font-weight: 700; } .main .section-team__head-team { text-align: center; } .team-caption { text-align: left; } .main .section-team__head-undertitle span { max-width: 300px; display: inline-block; } } @media (max-width: 1023.3px) { .main .section-heading.\--h1 { font-size: 23px; flex: 0 0 55%; margin-left: 0; padding-right: 80px; } .section-team__head-undertitle { font-size: 20px!important; } .main .section-heading i { font-size: 20px; } .team-images-item { width: 100px; } .section-team__head-team { margin-left: 0; } .section-team-bg { width: 4000px; top: 23%; } .team-caption { font-size: 14px; } .team-block .team-images__item { margin-right: 10px; } .team-block { margin-right: 15px; } .main .article-block__row { flex-wrap: wrap; } .main .article-block__row p { margin-bottom: 24px; } .container.--inner-b.main { padding: 0 22px; } .main .section-team__head-undertitle { max-width: 100%; width: 40%; } .main .section-team__head-undertitle span { max-width: 200px; display: inline-block; } .main .team-images-item { width: 100px; height: 100px; } } @media (max-width: 767.3px) { .team-block .team-images__item { width: auto; } .section-dark-wrapper__bg { display: block!important; } .section-team-bg { display: block!important; width: 3000px; left: -50%; top: 28%; } /*.team-block.mob .team-images__item:nth-last-child(1),*/ /*.team-block.mob .team-images__item:nth-last-child(2) {*/ /* display: none;*/ /*}*/ /*.team-block.mob-second {*/ /* display: inline-block;*/ /*}*/ .main .section-team__head { margin-bottom: 30px; } .section-team__article-video { max-width: 100%; height: 300px; } } @media (max-width: 640px) { .main .section-team__head-undertitle { max-width: 100%; width: 100%; font-size: 22px!important; font-weight: 800; margin-bottom: 24px; } .section-team-bg { width: 2000px; left: -35%; } .main .section-team__head-undertitle span { max-width: 270px; } .main .section-team__head { justify-content: flex-end; } .main .section-heading.\--h1 { font-size: 22px; width: 60%; flex: 0 0 100%; padding-right: 0; max-width: 276px; } .section-team { padding-top: 80px; } .section-team__article-video { height: 200px; } .section-team__head-team { margin-top: 47px; } .team-images-tooltip:before { right: 30px; } .team-block:nth-of-type(1) .team-images__item:nth-child(3) .team-images-tooltip { right: 0; left: unset; } .team-block:nth-last-child(3) .team-images__item:nth-child(-n+3) .team-images-tooltip { right: 0; left: unset; } .team-images__item:nth-child(6) .team-images-tooltip:before, .team-images__item:nth-child(7) .team-images-tooltip:before, .team-images__item:nth-child(-n+2) .team-images-tooltip:before { left: 30px; right: unset; } .team-block:nth-last-child(1) .team-images__item:nth-child(-n+3) .team-images-tooltip:before { left: unset; right: 30px; } .team-block:nth-last-child(3) .team-images__item:nth-child(-n+3) .team-images-tooltip:before { left: unset; right: 30px; } .team-images__item:nth-child(3) .team-images-tooltip:before, .team-images__item:nth-child(4) .team-images-tooltip:before, .team-images__item:nth-child(7) .team-images-tooltip:before, .team-images__item:nth-child(8) .team-images-tooltip:before, .team-images__item:nth-child(10) .team-images-tooltip:before { left: unset; right: 30px; } .team-block.mob .team-images__item:nth-last-child(1), .team-block.mob .team-images__item:nth-last-child(2) { display: none; } .team-block.mob-second { display: inline-block; } .team-caption { font-size: 13px; } .team-block .team-images__item:nth-last-child(3) { margin-right: 0; } .team-block:nth-of-type(3), .team-block:nth-of-type(5), .team-block:nth-of-type(7), .team-block:nth-of-type(9){ margin-right: 0; } .team-block:nth-of-type(1) { margin-right: 20px; margin-left: 20px; } .main .section-team__head-title { font-size: 22px !important; } } @media (max-width: 499px) { .main .team-images-item { width: 75px; height: 75px; } .team-caption { font-size: 12px; } .team-images-tooltip { min-width: 180px; padding: 10px; } } @media (max-width: 399px) { .container.--inner-b.main { padding: 0 10px; } .team-images-tooltip { min-width: 160px; } .main .team-images-item { width: 60px; height: 60px; } .section-team-bg { display: block!important; width: 2000px; left: -83%; top: 31%; } }