@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap);

a,
a:hover {
    text-decoration: none
}

#calendly-wrap.active,
.cs-popup-wrapper.active,
.project-popup.active,
a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

blockquote h1,
blockquote h2,
blockquote h3,
blockquote p {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit
}

a.link,
blockquote,
body {
    position: relative
}

.btn,
.btn.update-btn {
    justify-content: center
}

.btn,
a.link::after {
    transition: .2s ease-in
}

.btn,
a.link,
html {
    cursor: pointer
}

.content-block h1 span,
.content-block h1 span span,
.content-block h2 span,
.content-block h2 span span,
.content-block h3 span,
.content-block h3 span span,
.content-block.h1-title h1 span,
.content-block.h1-title h1 span span,
blockquote p {
    font-size: inherit
}

.news__download,
.who-we.talent:nth-child(odd) .who-we__bg {
    align-self: flex-start
}

.job-search select,
button,
input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none
}

.content-block ul li:before,
.sec-ch-grid__wrap .blogs-search-form__topics-item span:before,
[class*=" icon-"],
[class^=icon-] {
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.about-bus__inner,
.bg-sec__title,
.btn,
.btn-meet-the-team-grid,
.buttons a,
.case-study .left-title,
.cc-wrapper,
.ch__colored-box,
.cl-hub-section,
.client__bg-text,
.contact__btn,
.contact__title,
.hero-about__title,
.hero-sector__title,
.info-sec-2__subtitle,
.info-sec-3__title-block.subtitle,
.job-header .left-title,
.join-team__container,
.mtt-list li,
.news__no-result,
.page404,
.popup-b__title,
.portal-popup .text_center,
.portal-popup__activated,
.portal-popup__colored-box,
.quote-sec__container,
.quote-sec_logo__bottom p.centered,
.sp-jobs-text,
.spark-box,
.testimonial__block,
.text-sp,
.thank-section__content .cc-sub-title,
.thank-section__content .title,
.timeline__content-item,
.tm-color-box,
.tm-phones,
.tm-phones.with-email,
.tm-phones.with-email li a,
.tm-swiper-title,
.who-we__subtitle {
    text-align: center
}

:root {
    --plyr-color-main: #97d700;
    --progress-width: 0%;
    --list-color-main: #97D700FF;
    --link-color-main: #97D700FF;
    --popup-main: #707070;
    --popup-blue: #64c2c8;
    --popup-black: #000;
    --popup-white: #ffffff;
    --popup-dark-blue: #0e1127;
    --popup-dark-gray: #343434;
    --popup-light-gray: #dce1e4;
    --popup-font-main: $font_merri
}

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

:focus {
    outline: 0
}

ol,
ul {
    list-style: none
}

body,
html {
    height: 100%
}

input,
textarea {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0
}

button,
input[type=button],
input[type=submit],
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto
}

* {
    box-sizing: border-box
}

@font-face {
    font-family: Amithen;
    src: url("../fonts/Amithen.eot");
    src: url("../fonts/Amithen.eot?#iefix") format("embedded-opentype"), url("../fonts/Amithen.woff2") format("woff2"), url("../fonts/Amithen.woff") format("woff"), url("../fonts/Amithen.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url("../fonts/icomoon.eot?1aocfv");
    src: url("../fonts/icomoon.eot?1aocfv#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?1aocfv") format("truetype"), url("../fonts/icomoon.woff?1aocfv") format("woff"), url("../fonts/icomoon.svg?1aocfv#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    font-weight: 400;
    line-height: 1
}

.subtitle,
.title,
.title-block h1,
.title-block h2,
.title-block h3,
.title-sp,
blockquote {
    font-family: Merriweather, serif;
    font-weight: 300
}

.icon-arrow-next:before {
    content: ""
}

.icon-arrow-prev:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-arrow-design-2:before {
    content: ""
}

.icon-arrow-design:before {
    content: ""
}

.icon-arrow:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-pound:before {
    content: ""
}

.icon-whatsapp:before {
    content: ""
}

.icon-map-pin:before {
    content: ""
}

.icon-gmail:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

html {
    font-size: 16px
}

body {
    -webkit-tap-highlight-color: transparent;
    cursor: default;
    min-width: 320px;
    font-family: Merriweather, serif;
    font-size: 16px;
    background-color: #e7e8ea
}

.logo-company-section,
.main,
body.menu-open {
    overflow: hidden
}

blockquote {
    line-height: 126.15%
}

.tm-subtitle *,
a[href^="tel:"] {
    color: #e7e8ea
}

a.link {
    margin-bottom: 5px
}

.content-block h1,
.content-block h2,
.content-block h3,
.content-block ol,
.content-block ul,
.quote-sec__container ol,
.quote-sec__container ul {
    margin-bottom: 30px !important
}

a.link.text_green::after {
    background: #97d700
}

a.link.text_yellow::after {
    background: #ffcd00
}

a.link::after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 3px
}

#site,
.colored-box,
.content-block ol li,
.content-block.testimonial-with-content blockquote .text-with-quotes,
.gray-line,
.job-main .right .point-of-contact .info,
.join-team__title,
.news__swiper-container,
.spark-title,
.stroke-2,
.testimonial__descr {
    position: relative
}

.article-main .container.article .left .main-part a[href^="mailto:"]:hover::after,
.article-main .container.article .left .main-part a[href^="tel:"]:hover::after,
.article-main .container.article .similar .news-block .link:hover::after,
a.link:hover::after {
    left: 0;
    width: 100%
}

.container {
    max-width: 1760px;
    margin: 0 auto
}

.container_2 {
    max-width: 1486px;
    margin: 0 auto
}

.container_3 {
    max-width: 1580px;
    margin: 0 auto
}

#site {
    overflow-x: hidden
}

.btns-list,
.footer__location-list,
.footer__social-list,
.row,
.swiper-buttons,
.tm-flex-wrap {
    display: flex
}

.logo {
    max-width: 243px;
    width: 243px
}

.article-main .container.article .left .main-part_blogs a:hover:after,
.logo img,
.tes-bg__bg {
    width: 100%
}

.logo.with-pb img {
    width: auto;
    min-width: 80px
}

.title,
.title-block h1 {
    font-size: 66px;
    line-height: 82px;
    color: #5d6770
}

.title.inline-title-styles h1 {
    font-size: 66px !important;
    line-height: 82px !important
}

.title.inline-title-styles h2 {
    font-size: 56px !important;
    line-height: 72px !important
}

.title.inline-title-styles h3 {
    font-size: 46px !important;
    line-height: 62px !important
}

.title-block h2 {
    font-size: 56px;
    line-height: 72px;
    color: #5d6770
}

.title-block h3 {
    font-size: 46px;
    line-height: 62px;
    color: #5d6770
}

.subtitle,
.title-sp {
    font-size: 36px;
    line-height: normal !important;
    color: #5d6770
}

.subtitle_2 {
    font-family: Amithen, serif;
    font-size: 48px;
    line-height: 56px;
    font-weight: 400
}

.text,
.text_big,
.text_medium {
    font-weight: 300;
    font-family: Merriweather, serif
}

.btn {
    padding: 20px 10px;
    font-size: 16px;
    border: 1px solid #868d94;
    color: #5d6770;
    height: 54px;
    display: flex;
    align-items: center;
    min-width: 160px
}

.menu__content,
.menu__line {
    transition: .3s ease-in-out
}

.btn_white {
    border-color: #fff;
    color: #fff
}

.btn:hover,
.btn_white:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: #5d6770 !important;
    border-radius: 5px
}

.btn_on_white:hover {
    background: #5d6770 !important;
    border-color: #5d6770 !important;
    color: #fff !important;
    border-radius: 5px
}

.about-bus,
.btn_on_gray,
.hero-about,
.page-404,
.swiper-button-disabled:hover {
    background-color: #5d6770
}

.btn.update-btn {
    background: #fff !important;
    color: #282c30 !important;
    border-radius: 2px !important;
    padding-left: min(20px + 20 * ((100vw - 375px) / 1545), 40px) !important;
    padding-right: min(20px + 20 * ((100vw - 375px) / 1545), 40px) !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    display: flex;
    align-items: center;
    height: 46px !important;
    min-width: 158px
}

.btn.update-btn:hover,
.header.update-header .btn:hover {
    background: #868d94 !important;
    color: #fff !important
}

.btn.update-green-btn {
    border-color: #97d700 !important;
    background: #97d700 !important;
    color: #fff !important
}

.btn.update-green-btn:hover {
    background: #fff !important;
    color: #282c30 !important
}

.btn-container {
    width: max-content;
    cursor: not-allowed;
    margin-left: auto;
    margin-right: auto
}

.btn-container.disabled-btn .btn {
    opacity: .5;
    pointer-events: none
}

.article-main .container.article .similar .news-block .description a,
.ch-news-block .info .link-news,
.grey-text,
.job-search select.safari-fix option.color-resource,
.text_gray {
    color: #5d6770
}

.content-block a span span,
.content-block em span span,
.content-block h1 span span,
.content-block h2 span span,
.content-block h3 span span,
.content-block li span span,
.content-block p span span,
.grey-text>*,
.grey-text>*>*,
.text_gray2>*,
.text_gray>*,
.text_green div:not(.title),
.text_green p:not(.title),
.text_green span:not(.title),
.text_green>*,
.text_white>*,
.text_yellow>* {
    color: inherit
}

.text {
    font-size: 18px;
    line-height: 38px;
    /*color: #fff*/
}

.text a:not(.btn),
.text_big a:not(.btn),
.text_medium a:not(.btn) {
    display: inline-block;
    text-decoration: underline
}

.text_medium {
    font-size: 20px;
    line-height: 30px
}

.text_big {
    font-size: 24px;
    line-height: 38px
}

.text_green {
    color: #97d700
}

.content-block blockquote a,
.content-block blockquote h1,
.content-block blockquote h2,
.content-block blockquote h3,
.content-block blockquote h4,
.content-block blockquote p,
.text_gray div:not(.title),
.text_gray p:not(.title),
.text_gray span:not(.title),
.text_gray2 div:not(.title),
.text_gray2 p:not(.title),
.text_gray2 span:not(.title),
.text_white div:not(.title),
.text_white p:not(.title),
.text_white span:not(.title),
.text_yellow div:not(.title),
.text_yellow p:not(.title),
.text_yellow span:not(.title) {
    color: inherit !important
}

.skills__list,
.text_gray2 {
    color: #868d94
}

.text_yellow {
    color: #ffcd00 !important;
}

.btn-update.white:hover,
.content-block.testimonial-with-content blockquote *>*,
.content-block.testimonial-with-content blockquote h1,
.content-block.testimonial-with-content blockquote h2,
.content-block.testimonial-with-content blockquote h3,
.content-block.testimonial-with-content blockquote h4,
.content-block.testimonial-with-content blockquote h5,
.content-block.testimonial-with-content blockquote h6,
.content-block.testimonial-with-content blockquote li,
.content-block.testimonial-with-content blockquote p,
.info-sec .content-block p .btn-update.white:hover,
.testimonial-case-study__author>*,
.testimonial-case-study__author>*>*,
.testimonial-case-study__content>*,
.testimonial-case-study__content>*>*,
.text_white {
    color: #fff !important
}

.colored-box__border {
    position: absolute
}

.colored-box__border img {
    width: 54px
}

.colored-box__tl {
    top: 0;
    left: 0;
    transform: rotate(270deg)
}

.colored-box__tr {
    right: 0;
    top: 0
}

.colored-box__bl {
    left: 0;
    bottom: 0;
    transform: rotate(180deg)
}

.colored-box__br {
    right: 0;
    bottom: 0;
    transform: rotate(90deg)
}

.descr {
    margin-top: 55px
}

.a {
    color: #fff
}

.article-main .container.article .left .main-part p:not(:last-child),
.content-block :last-child {
    margin-bottom: 0 !important
}

.content-block a {
    display: inline-block;
    color: var(--link-color-main)
}

.content-block blockquote,
.content-block--gray blockquote,
.content-block.testimonial-with-content blockquote *>* a:hover,
.content-block.testimonial-with-content blockquote h1 a:hover,
.content-block.testimonial-with-content blockquote h2 a:hover,
.content-block.testimonial-with-content blockquote h3 a:hover,
.content-block.testimonial-with-content blockquote h4 a:hover,
.content-block.testimonial-with-content blockquote h5 a:hover,
.content-block.testimonial-with-content blockquote h6 a:hover,
.content-block.testimonial-with-content blockquote li a:hover,
.content-block.testimonial-with-content blockquote p a:hover {
    color: #97d700 !important
}

.content-block a:not(.btn) {
    text-decoration: underline
}

.content-block li a,
.content-block p a,
.info-sec .content-block li a,
.info-sec .content-block p a,
.info-sec-2 .content-block li a,
.info-sec-2 .content-block p a,
.info-sec-3 .content-block li a,
.info-sec-3 .content-block p a,
.text-sec .content-block li a,
.text-sec .content-block p a {
    color: var(--link-color-main) !important;
    transition: .3s;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0)
}

.article-header.yellow a:hover,
.article-main.yellow a:hover,
.content-block li a:hover,
.content-block p a:hover,
.info-sec .content-block li a:hover,
.info-sec .content-block p a:hover,
.info-sec-2 .content-block li a:hover,
.info-sec-2 .content-block p a:hover,
.info-sec-3 .content-block li a:hover,
.info-sec-3 .content-block p a:hover,
.job-header.yellow a:hover,
.text-sec .content-block li a:hover,
.text-sec .content-block p a:hover {
    opacity: .8
}

.content-block .btn,
.social {
    display: flex;
    justify-content: center;
    align-items: center
}

.content-block h1 {
    font-size: 30px
}

.content-block h2 {
    font-size: 28px
}

.content-block h3 {
    font-size: 24px
}

.content-block p:not(:last-child) {
    margin-bottom: 50px !important
}

.content-block li,
.content-block p,
.content-block span {
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300
}

.content-block.remove-inline li,
.content-block.remove-inline p,
.content-block.remove-inline span {
    font-family: Merriweather, serif !important;
    font-size: 18px !important;
    line-height: 38px !important;
    font-weight: 300 !important;
    color: #5d6770 !important
}

.content-block.remove-inline li strong p,
.content-block.remove-inline li strong span,
.content-block.remove-inline p strong p,
.content-block.remove-inline p strong span,
.content-block.remove-inline span strong p,
.content-block.remove-inline span strong span {
    font-weight: 500 !important
}

.content-block.remove-inline .header {
    margin-top: 0 !important;
    position: static !important;
    z-index: 1 !important
}

.content-block ul li,
.cs-text.ul li {
    position: relative;
    padding-left: 45px
}

.content-block blockquote,
.content-block blockquote>:first-child,
.content-block.testimonial-with-content blockquote>:first-child {
    position: relative !important
}

.content-block ul li:before {
    font-family: icomoon !important;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    content: "";
    font-size: 32px;
    color: var(--list-color-main);
    top: 3px;
    left: 0;
    margin-left: 0
}

.content-block.not-arrows {
    --not-arrows-color-main: #97d700
}

.content-block.not-arrows ul li:before {
    width: 12px;
    height: 12px;
    background: var(--not-arrows-color-main);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-25%);
    margin-left: 0;
    left: 24px;
    content: none
}

.content-block.not-arrows-star ul li:before {
    content: "";
    font-size: 20px;
    left: 2px;
    top: 45%;
    transform: translateY(-50%)
}

.content-block.not-arrows-check ul li:before {
    left: 4px;
    content: "";
    background: var(--list-color-main);
    width: 18px;
    height: 18px;
    clip-path: polygon(10% 52%, 40% 79%, 90% 18%, 100% 27%, 42% 100%, 0 62%);
    top: 45%;
    transform: translateY(-50%)
}

.content-block ol {
    counter-reset: num
}

.content-block ol li {
    padding-left: 45px
}

.content-block ol li:before {
    content: counter(num) ".";
    counter-increment: num;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    background: 0 0 !important;
    margin-left: 10px
}

.content-block blockquote>:first-child:after,
.content-block blockquote>:first-child:before {
    position: absolute;
    color: #97d700;
    font-size: 30px
}

.content-block blockquote>:first-child:before {
    content: "“";
    top: -15px;
    left: -20px
}

.content-block blockquote>:first-child:after {
    content: "”";
    right: -15px;
    bottom: -25px
}

.content-block.testimonial-with-content blockquote.first-quote {
    padding: 30px min(max(30px, 3.13vw), 60px)
}

.content-block.testimonial-with-content blockquote.first-quote h1,
.content-block.testimonial-with-content blockquote.first-quote h2,
.content-block.testimonial-with-content blockquote.first-quote h3,
.content-block.testimonial-with-content blockquote.first-quote p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: Merriweather, serif !important;
    color: #97d700 !important;
    font-size: min(max(32px, 3.44vw), 66px) !important;
    line-height: 124.24% !important;
    font-weight: 300 !important
}

.content-block.testimonial-with-content blockquote.first-quote h1 .testimonial-position,
.content-block.testimonial-with-content blockquote.first-quote h2 .testimonial-position,
.content-block.testimonial-with-content blockquote.first-quote h3 .testimonial-position,
.content-block.testimonial-with-content blockquote.first-quote p .testimonial-position {
    color: #fff !important;
    font-family: Amithen, serif !important;
    font-size: min(max(24px, 2.5vw), 48px) !important;
    line-height: 116.67% !important;
    font-weight: 400 !important
}

.content-block.testimonial-with-content blockquote.first-quote>:first-child:after,
.content-block.testimonial-with-content blockquote.first-quote>:first-child:before,
.content-block.testimonial-with-content blockquote>:first-child:after,
.content-block.testimonial-with-content blockquote>:first-child:before,
.jobs-swiper .swiper-pagination {
    display: none !important
}

.content-block.testimonial-with-content blockquote.first-quote+blockquote,
.tm-slider {
    margin-top: 0
}

.content-block.testimonial-with-content blockquote {
    margin-top: 30px;
    background: #868d94;
    padding: 40px min(max(30px, 3.13vw), 60px);
    padding-top: min(max(50px, 4vw), 85px);
    width: 100%;
    position: relative !important;
    color: #fff !important
}

.content-block.testimonial-with-content blockquote:not(.first-quote) {
    padding-bottom: min(max(50px, 4.5vw), 85px)
}

.content-block.testimonial-with-content blockquote:not(.first-quote):after,
.content-block.testimonial-with-content blockquote:not(.first-quote):before {
    position: absolute;
    color: #fff;
    font-weight: 400;
    font-size: min(max(28px, 2.5vw), 48px)
}

.content-block.testimonial-with-content blockquote:not(.first-quote):before {
    top: 0 !important;
    left: min(max(30px, 3.13vw), 60px) !important;
    content: "“";
    transform: scale(2) translateY(100%) translateX(0)
}

.content-block.testimonial-with-content blockquote:not(.first-quote):after {
    content: "”";
    right: min(max(30px, 3.13vw), 60px) !important;
    bottom: 0 !important;
    transform: scale(2) translateY(-25%) translateX(0)
}

.content-block.testimonial-with-content blockquote .newquote {
    display: none;
    color: #fff !important;
    transform: scale(4) !important;
    font-weight: 400 !important;
    transform-origin: right;
    font-family: Merriweather, serif !important
}

.content-block.testimonial-with-content blockquote .newquote.first-newquote {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(4) translateY(-15%) translateX(25%) !important
}

.content-block.testimonial-with-content blockquote .newquote.last-newquote {
    margin-bottom: 20px !important;
    transform-origin: top;
    transform: translateY(20%) scale(4) !important
}

.content-block.testimonial-with-content blockquote:not(:last-child):not(.first-quote),
.main-title.star {
    margin-bottom: 30px
}

.content-block.testimonial-with-content blockquote h1,
.content-block.testimonial-with-content blockquote h2,
.content-block.testimonial-with-content blockquote h3 {
    line-height: 140%
}

.content-block.testimonial-with-content blockquote *>:first-child,
.content-block.testimonial-with-content blockquote h1:first-child,
.content-block.testimonial-with-content blockquote h2:first-child,
.content-block.testimonial-with-content blockquote h3:first-child,
.content-block.testimonial-with-content blockquote h4:first-child,
.content-block.testimonial-with-content blockquote h5:first-child,
.content-block.testimonial-with-content blockquote h6:first-child,
.content-block.testimonial-with-content blockquote li:first-child,
.content-block.testimonial-with-content blockquote p:first-child,
.landing_img-small+.gap-top-big,
.landing_img-small+.gap-top-none,
.landing_img-small+.gap-top-small {
    margin-top: 0 !important
}

.content-block.testimonial-with-content blockquote *>* a,
.content-block.testimonial-with-content blockquote h1 a,
.content-block.testimonial-with-content blockquote h2 a,
.content-block.testimonial-with-content blockquote h3 a,
.content-block.testimonial-with-content blockquote h4 a,
.content-block.testimonial-with-content blockquote h5 a,
.content-block.testimonial-with-content blockquote h6 a,
.content-block.testimonial-with-content blockquote li a,
.content-block.testimonial-with-content blockquote p a {
    cursor: pointer;
    text-decoration: underline;
    transition: color .3s
}

.content-block--gray blockquote a,
.content-block--gray blockquote h1,
.content-block--gray blockquote h2,
.content-block--gray blockquote h3,
.content-block--gray blockquote h4,
.content-block--gray blockquote p {
    color: inherit !important
}

.content-block.h1-title h1 {
    font-size: 66px;
    line-height: 82px;
    font-weight: 300
}

@media only screen and (max-width:1820px) {
    .content-block.h1-title h1 {
        font-size: 60px;
        line-height: 74px
    }
}

@media only screen and (max-width:1620px) {
    .content-block.h1-title h1 {
        font-size: 56px;
        line-height: 66px
    }
}

@media only screen and (max-width:1450px) {
    .content-block.h1-title h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media only screen and (max-width:1280px) {
    .content-block.h1-title h1 {
        font-size: 46px;
        line-height: 56px
    }
}

.talent-page .content-block a,
.talent-page .content-block li a,
.talent-page .content-block p a {
    color: #ffcd00 !important
}

.header {
    margin-top: 57px;
    position: absolute;
    z-index: 8888;
    width: 100%
}

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

.header__btns-list,
.header__right-side {
    display: flex;
    align-items: center
}

.header.update-header .btn,
.header.update-talent-spark .btn {
    padding-left: min(18px + 14 * ((100vw - 375px) / 1545), 32px) !important;
    padding-right: min(18px + 14 * ((100vw - 375px) / 1545), 32px) !important;
    /*display: flex;*/
    justify-content: center;
    font-size: 12px !important;
    height: 42px;
    min-width: min(100px + 36 * ((100vw - 375px) / 1545), 136px) !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.header__btn:not(:last-child) {
    margin-right: 20px
}

.header__btn_2 {
    margin-right: 70px
}

.header.update-header .btn {
    background: #fff !important;
    color: #282c30 !important;
    border-radius: 2px !important;
    align-items: center
}

.header.update-header .btn:not(:last-child),
.header.update-talent-spark .btn:not(:last-child) {
    margin-right: min(12px + 2 * ((100vw - 375px) / 1545), 14px)
}

.header.update-talent-spark .btn {
    align-items: center
}

@media(min-width:651px) {
    .header.update-header .btn:last-of-type {
        border-color: #ffcd00 !important;
        background: #ffcd00 !important;
        color: #282c30 !important;
        margin-right: min(30px + 20 * ((100vw - 375px) / 1545), 50px) !important
    }

    .header.update-header .btn:last-of-type:hover {
        background: #fff !important;
        color: #282c30 !important
    }
}

@media only screen and (min-width:651px)and (max-width:1100px) {
    .header.update-header .btn:last-of-type {
        margin-right: min(12px + 2 * ((100vw - 375px) / 1545), 14px) !important
    }
}

@media only screen and (min-width:651px) {

    .header.update-header .btn.footer__btn,
    .header.update-header .btn.menu__btn {
        display: none !important
    }
}

.header.update-header .header__logo {
    max-width: min(140px + 52 * ((100vw - 375px) / 1545), 192px);
    transition: .3s
}

.header.update-header .header__logo--second {
    margin-right: auto;
    margin-left: min(20px + 10 * ((100vw - 375px) / 1545), 30px)
}

.header.update-header .header__logo:hover {
    transform: scale(1.03)
}

@media only screen and (min-width:1151px) {
    .header.update-header .menu__icon {
        width: 50px;
        height: 50px
    }
}

@media only screen and (min-width:1200px) {
    .header.update-header {
        margin-top: 42px
    }
}

.menu__icon {
    width: 66px;
    height: 66px;
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.menu__icon:hover .menu__line {
    width: 35px
}

.menu__icon:hover .menu__line:first-child {
    top: 32%
}

.menu__icon:hover .menu__line:nth-child(3) {
    top: 68%
}

.menu__icon.active {
    justify-content: center;
    padding: 0;
    display: block
}

.menu__icon.active .menu__line {
    position: absolute;
    top: 50%;
    left: 50%
}

.menu__icon.active .menu__line:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%
}

.menu__icon.active .menu__line:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
    top: 50%
}

.menu__btn,
.menu__icon.active .menu__line:nth-child(3) {
    display: none
}

.menu__line {
    height: 2px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #5d6770
}

.menu__content,
.menu__footer,
.menu__main {
    background-color: #282c30
}

.menu__line:first-child {
    top: 35%
}

.menu__line:nth-child(3) {
    top: 65%
}

.menu__top {
    justify-content: flex-end
}

.menu__top .header__btn_2 {
    margin-right: auto
}

.menu__content {
    transform: translateX(150%);
    position: fixed;
    right: 0;
    top: 0;
    padding-top: 57px;
    height: 100%;
    width: 960px;
    z-index: 200;
    box-shadow: -25px 0 35px rgba(40, 44, 48, .25);
    overflow: auto;
    display: flex;
    flex-direction: column
}

.menu__content::-webkit-scrollbar {
    width: 4px
}

.menu__content::-webkit-scrollbar:hover {
    width: 4px
}

.menu__content::-webkit-scrollbar-track:hover {
    background: #f1f1f1;
    width: 4px
}

.menu__content::-webkit-scrollbar-track {
    background: #edf0f7
}

.menu__content.green::-webkit-scrollbar-thumb {
    background: #97d700
}

.menu__content.yellow::-webkit-scrollbar-thumb {
    background: #ffcd00
}

.menu__content::-webkit-scrollbar-thumb:hover {
    background: #354557;
    width: 4px
}

.menu__content.active {
    transform: translateX(0)
}

.menu__main {
    padding-left: 140px;
    padding-right: 80px
}

.menu__list {
    margin-top: 120px
}

.menu__footer {
    padding: 95px 80px 120px 140px
}

.article-main .container.article .left .main-part a[href^="mailto:"]::before,
.article-main .container.article .left .main-part a[href^="tel:"]::before,
.article-main .container.article .left .main-part_blogs a::before,
.flex-break,
.icon-play.hide,
.job-search .select-div.range-div:after,
.job-search .select-div.range-div:before,
.menu__footer .footer__title,
.menu__logo {
    display: none
}

.menu__footer .footer__btn {
    margin-top: 35px;
    display: none
}

.menu__footer .footer__social-item a,
.video-js .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    transition: .2s ease-in-out
}

.menu__list-item,
.menu__list-item a,
.menu__sublist {
    transition: .3s ease-in-out
}

.menu__footer .footer__social-item:hover a {
    color: #97d700 !important;
    transform: scale(1.2)
}

.article-main .container.article .left .share-block .socials,
.contact-hero__container,
.contact__checkbox,
.menu__footer .footer__location-item,
.portal-popup .custom-checkbox-block {
    display: flex;
    align-items: center
}

.hero__field,
.menu__list-item a {
    align-items: center;
    display: flex
}

.article-main .container.article .left .main-part ul.without-margins li,
.menu__footer .footer__location-item *,
.section-job .job-header .buttons,
.tm-job-list {
    margin-bottom: 0
}

.footer__privacy-item:not(:last-child),
.footer__social-item:not(:last-child),
.menu__footer .footer__loc-city {
    margin-right: 40px
}

.menu__list-item {
    position: relative
}

.menu__list-item .arrow-menu {
    margin-left: 20px;
    display: flex;
    transition: transform .3s ease-in-out
}

.ch-news-block .info .date,
.menu__list-item .arrow-menu i,
.news__date {
    font-size: 16px
}

.article-page-start .container.article-header .date,
.candidate-block .cb__name,
.menu__list-item:not(:last-child),
.section-job .container.article-header .date,
.stats__info-2 {
    margin-bottom: 15px
}

.menu__list-item.active.green>a,
.menu__list-item.green a:hover,
.portal-popup .custom-checkbox-block span a:hover,
.talent-mt.green,
.talent-team .mtt-list.green .member-title-card,
.talent-team .mtt-list.green h1 {
    color: #97d700 !important
}

.article-header.yellow .content-block li a,
.article-header.yellow .content-block p a,
.article-header.yellow blockquote,
.article-header.yellow li a,
.article-header.yellow p a,
.article-main.yellow .content-block li a,
.article-main.yellow .content-block p a,
.article-main.yellow blockquote,
.article-main.yellow li a,
.article-main.yellow p a,
.info-sec .content-block blockquote a,
.info-sec .content-block blockquote h1,
.info-sec .content-block blockquote h2,
.info-sec .content-block blockquote h3,
.info-sec .content-block blockquote p,
.info-sec-2 .content-block blockquote a,
.info-sec-2 .content-block blockquote h1,
.info-sec-2 .content-block blockquote h2,
.info-sec-2 .content-block blockquote h3,
.info-sec-2 .content-block blockquote p,
.info-sec-3 .content-block blockquote a,
.info-sec-3 .content-block blockquote h1,
.info-sec-3 .content-block blockquote h2,
.info-sec-3 .content-block blockquote h3,
.info-sec-3 .content-block blockquote p,
.job-header.yellow .content-block li a,
.job-header.yellow .content-block p a,
.job-header.yellow blockquote,
.job-header.yellow li a,
.job-header.yellow p a,
.menu__list-item.active.yellow>a,
.menu__list-item.yellow a:hover,
.section-yellow .content-block a,
.section-yellow .content-block h1,
.section-yellow .content-block h2,
.section-yellow .content-block h3 {
    color: #ffcd00 !important
}

.menu__list-item a {
    width: max-content
}

.menu__list-item.active .arrow-menu {
    transform: scaleX(-1)
}

.menu .subitem.active .menu__sublist_sectors {
    max-height: 280px !important
}

.menu__sublist {
    position: absolute;
    z-index: 10;
    left: 60%;
    top: 0;
    max-height: 0;
    overflow: hidden
}

.menu__sublist_sectors {
    position: relative;
    left: 30px;
    top: auto;
    overflow: auto
}

.menu__sublist_sectors.disabled-overflow-y {
    overflow-y: hidden !important
}

.menu__sublist_sectors::-webkit-scrollbar {
    width: 4px
}

.menu__sublist_sectors::-webkit-scrollbar:hover {
    width: 4px
}

.menu__sublist_sectors::-webkit-scrollbar-track:hover {
    background: #f1f1f1;
    width: 4px
}

.menu__sublist_sectors::-webkit-scrollbar-track {
    background: #edf0f7
}

.menu__sublist_sectors::-webkit-scrollbar-thumb {
    background: #97d700
}

.menu__sublist_sectors.yellow::-webkit-scrollbar-thumb {
    background: #ffcd00
}

.menu__sublist_sectors::-webkit-scrollbar-thumb:hover {
    background: #354557;
    width: 4px
}

.menu__s-item {
    font-size: 26px;
    line-height: 56px
}

.menu__s-item a {
    color: #fff
}

.hero {
    background-color: #5d6770;
    height: 1024px;
    display: flex;
    align-items: stretch;
    padding-bottom: 85px
}

.hero__bg {
    max-width: 812px
}

.hero__container {
    max-width: 770px;
    margin-top: 253px;
    margin-left: 154px
}

.hero__title {
    letter-spacing: 2px
}

.hero__form {
    margin-top: 54px
}

.hero__field {
    width: 100%;
    justify-content: space-between;
    background-color: #868d94;
    padding: 23px 20px 23px 30px
}

.hero__search-input {
    width: calc(100% - 32px);
    background-color: rgba(0, 0, 0, 0);
    font-family: Merriweather, serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    color: #fff
}

.hero__search-input::placeholder {
    color: #fff
}

.hero__search-input:-webkit-autofill,
.hero__search-input:-webkit-autofill:active,
.hero__search-input:-webkit-autofill:focus,
.hero__search-input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #868d94 inset !important;
    -webkit-text-fill-color: #fff
}

.hero__search-icon {
    width: 32px;
    height: 32px;
    background: url("../images/icon-search.png") center/cover no-repeat;
    color: #fff;
    cursor: pointer
}

.article-header.green .link-block a,
.article-header.green .link-block p,
.article-header.green .similar .news-block .link,
.article-header.green a,
.article-header.green h1,
.article-header.green h3,
.article-header.green p,
.article-main.green .link-block a,
.article-main.green .link-block p,
.article-main.green .similar .news-block .link,
.article-main.green a,
.article-main.green h1,
.article-main.green h3,
.article-main.green p,
.footer__loc-city a:hover,
.footer__loc-phone.green:hover,
.footer_social_media.green:hover,
.job-header.green .link-block a,
.job-header.green .link-block p,
.job-header.green .similar .news-block .link,
.job-header.green a,
.job-header.green h1,
.job-header.green h3,
.job-header.green p,
.job-search select.safari-fix option.color-latest-from-hq,
.main-title.green {
    color: #97d700
}

.hero__colored-box {
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 98px
}

.hero__arrows {
    position: absolute;
    right: -190px;
    bottom: -12px
}

.hero__logo {
    width: 254px
}

.hero__text {
    width: 353px
}

.who-we {
    display: flex;
    padding-top: 250px;
    padding-bottom: 150px;
    position: relative;
    z-index: 1
}

.who-we__container {
    max-width: 508px;
    margin-left: 170px;
    margin-top: 40px
}

.team-works__bg,
.who-we__bg {
    position: relative;
    height: max-content
}

.who-we__bg>img {
    max-width: 960px
}

.who-we__bg-small {
    position: absolute;
    left: -80px;
    bottom: -210px
}

.who-we__bg-small.talent-var {
    bottom: -250px
}

.page-404 .page-404-content,
.who-we__bg-small.talent-var img {
    max-width: 650px
}

.who-we__arrows {
    position: absolute;
    right: -23px;
    bottom: -53px
}

.who-we__description {
    margin-top: 55px;
    padding-left: 45px;
    padding-right: 25px
}

.who-we__colored-box {
    padding: 40px 45px 33px
}

.who-we__btn {
    width: 200px;
    margin-top: 49px
}

.who-we.talent .who-we__bg-small {
    bottom: -150px
}

@media only screen and (max-width:1150px) {
    .content-block.h1-title h1 {
        font-size: 40px;
        line-height: 50px
    }

    .who-we.talent .who-we__bg-small {
        bottom: -120px
    }
}

.who-we.talent .who-we__arrows {
    transform: scale(-1, -1) rotate(-45deg)
}

.who-we.talent .who-we__arrows img {
    transform: scale(1.5)
}

.who-we.talent .talent-image-container {
    margin-left: 40px
}

.who-we.talent:nth-child(odd) {
    padding-top: 120px;
    padding-bottom: 100px
}

.who-we.talent:nth-child(odd).third-type {
    padding-top: max(50px + -30 * ((100vw - 375px) / 1545), 20px)
}

.article-main .container.article .left .main-part a[href^="mailto:"]:hover,
.article-main .container.article .left .main-part a[href^="tel:"]:hover,
.article-main .container.article .left .main-part_blogs a:hover,
.buttons.pop .download,
.who-we.talent:nth-child(odd) .talent-image-container {
    margin-left: 0
}

.who-we.talent:nth-child(odd) .who-we__container {
    order: 2
}

.who-we.talent:nth-child(odd) .who-we__bg-small {
    position: absolute;
    left: auto;
    right: -80px
}

@media only screen and (max-width:1450px) {
    .who-we.talent:nth-child(odd) .who-we__bg-small {
        right: -50px
    }
}

@media only screen and (max-width:1024px) {
    .content-block.h1-title h1 {
        font-size: 36px;
        line-height: 48px
    }

    .who-we.talent .who-we__bg-small {
        bottom: -100px
    }

    .who-we.talent:nth-child(odd) .who-we__bg-small {
        right: -30px
    }
}

.who-we.talent:nth-child(odd) .who-we__arrows {
    transform: scale(1, -1) rotate(-45deg)
}

.client {
    background-color: #868d94;
    display: flex;
    padding-top: 180px;
    position: relative
}

.client__container {
    max-width: 490px;
    margin-left: 108px;
    margin-top: 153px
}

.client__bg {
    margin-left: 218px;
    position: relative;
    width: 38%;
    bottom: -73px;
    height: max-content
}

.client__bg-text {
    position: absolute;
    max-width: 340px;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.client__star {
    position: absolute;
    bottom: 50px;
    right: -55px
}

.client__star img {
    max-width: 215px
}

.article-main .container.article .left .link-block p,
.client__description,
.join-team__text,
.office-loc .location__container,
.popup-b__btn {
    margin-top: 50px
}

.client__text {
    margin-bottom: 50px
}

.btns-list .btn,
.client__btn,
.tm-view-more {
    width: 200px
}

.join-team {
    padding-top: 255px;
    padding-bottom: 148px;
    background: #fff
}

.join-team__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 898px
}

.join-team .circle {
    position: relative;
    z-index: 2
}

.join-team .circle.join-team-circle::before {
    left: -12%
}

.join-team .circle:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -52%;
    width: 176px;
    height: 161px;
    left: 0;
    transform: scale(-1.25)
}

.join-team .circle.green::before {
    background: url("../images/designer/green/Circle_5.png") center center/cover no-repeat
}

.join-team .circle.yellow::before {
    background: url("../images/designer/yellow/Circle_5.png") center center/cover no-repeat
}

.join-team__btn {
    width: 200px;
    margin: 33px auto 0
}

.news {
    padding-top: 163px;
    padding-bottom: 160px;
    background-color: #e7e8ea;
    overflow: hidden
}

.news__container {
    max-width: 1582px
}

.news__row {
    max-width: 1485px;
    justify-content: space-between;
    align-items: center
}

.news__colored-box {
    padding: 40px 48px 32px
}

.news__slider {
    margin-top: 80px;
    width: 1920px;
    padding-bottom: 120px
}

.news__slide img {
    height: 290px;
    width: 100%;
    object-fit: cover
}

.cl-hub-slide .cl-hub-slide__category,
.news__slide-category {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    padding: 10px 28px;
    background: #5d6770;
    font-family: Merriweather, serif;
    color: #97d700;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    pointer-events: none
}

.job .information,
.job .job-name {
    font-size: 35px;
    font-family: Merriweather, serif
}

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

.news__scrollbar {
    width: 1260px !important;
    left: auto !important;
    border-radius: 0 !important;
    bottom: 26px !important
}

.news__scrollbar .swiper-scrollbar-drag {
    border-radius: 0 !important;
    cursor: pointer
}

.news__prev-el {
    background: url("../images/icon-arrow-left.svg") center no-repeat;
    right: 70px;
    transition: .2s ease-in
}

.news__next-el {
    background: url("../images/icon-arrow-right.svg") center no-repeat;
    right: 0;
    transition: .2s ease-in
}

.news__next-el:hover,
.news__prev-el:hover {
    background-color: #404850
}

.news__slide-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #5d6770;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    z-index: 55
}

.news__description {
    margin-top: 30px;
    display: flex;
    flex-direction: column
}

.news__text {
    margin-top: 20px
}

.news__download {
    margin-top: 10px;
    font-weight: 700;
    line-height: 40px
}

.news__no-result {
    margin-top: 30px
}

.footer {
    background-color: #282c30;
    padding-top: 155px;
    padding-bottom: 180px
}

.footer__row {
    justify-content: space-between;
    position: relative
}

.footer__arrows {
    position: absolute;
    bottom: -80px;
    left: 40%
}

.footer__arrows img {
    transform: rotate(45deg);
    width: 193px
}

.footer__btn {
    width: 200px;
    align-self: flex-end
}

.footer__description,
.info-sec-3__container+.info-sec-3__container-second {
    margin-top: 180px
}

.footer__location-item:not(:last-child) {
    margin-right: 140px
}

.footer__loc-city {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.footer__loc-city a {
    color: #868d94;
    transition: color .3s
}

.footer__loc-address {
    margin-bottom: 45px
}

.footer__loc-phone {
    transition: .2s ease-in;
    color: #fff
}

.article-header.yellow .link-block a,
.article-header.yellow .link-block p,
.article-header.yellow .similar .news-block .link,
.article-header.yellow a,
.article-header.yellow blockquote>:first-child:after,
.article-header.yellow blockquote>:first-child:before,
.article-header.yellow h1,
.article-header.yellow h3,
.article-header.yellow p,
.article-main.yellow .link-block a,
.article-main.yellow .link-block p,
.article-main.yellow .similar .news-block .link,
.article-main.yellow a,
.article-main.yellow blockquote>:first-child:after,
.article-main.yellow blockquote>:first-child:before,
.article-main.yellow h1,
.article-main.yellow h3,
.article-main.yellow p,
.footer__loc-phone.yellow:hover,
.footer_social_media.yellow:hover,
.job-header.yellow .link-block a,
.job-header.yellow .link-block p,
.job-header.yellow .similar .news-block .link,
.job-header.yellow a,
.job-header.yellow blockquote>:first-child:after,
.job-header.yellow blockquote>:first-child:before,
.job-header.yellow h1,
.job-header.yellow h3,
.job-header.yellow p,
.main-title.yellow,
.talent-mt.yellow,
.talent-team .mtt-list h1 {
    color: #ffcd00;
}

.footer__privacy-list {
    display: flex;
    margin-top: 140px
}

.footer__privacy-item p {
    font-size: 16px;
    line-height: 30px
}

.footer__bottom-content {
    margin-top: 32px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.es-jobs-slide .job .buttons,
.footer__bottom-content .footer__privacy-list,
.update-first .container {
    margin-top: auto
}

.footer__logos {
    width: 40%;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.footer__logos img {
    height: 100px;
    margin-right: 10px;
    object-fit: contain
}

@media only screen and (max-width:1400px) {
    .footer__logos img {
        height: 80px
    }
}

@media only screen and (max-width:1150px) {
    .footer__logos img {
        height: 55px
    }

    .footer__logos {
        width: auto
    }
}

@media only screen and (max-width:1025px) {
    html {
        font-size: 12px
    }

    .footer__bottom-content {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }

    .footer__bottom-content .footer__privacy-list {
        order: 2;
        margin-top: 24px
    }

    .footer__logos img {
        height: 80px
    }

    .footer__logos {
        width: auto;
        max-width: 100%;
        object-position: left
    }
}

.footer_social_media {
    color: #fff;
    transition: .2s ease-in;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer_social_media:hover,
.tm-social-media a:hover {
    transform: scale(1.2)
}

.privacy-item-hover .text {
    color: #868d94;
    transition: .2s ease-in
}

.privacy-item-hover:hover .text {
    color: #fff
}

.header.article .btn {
    color: #5d6770;
    border-color: #5d6770
}

.article-header.green .similar .news-block .link::after,
.article-header.green a[href^="mailto:"]::after,
.article-header.green a[href^="tel:"]::after,
.article-header.green h1[href^="mailto:"]::after,
.article-header.green h1[href^="tel:"]::after,
.article-header.green h3[href^="mailto:"]::after,
.article-header.green h3[href^="tel:"]::after,
.article-header.green p[href^="mailto:"]::after,
.article-header.green p[href^="tel:"]::after,
.article-main.green .similar .news-block .link::after,
.article-main.green a[href^="mailto:"]::after,
.article-main.green a[href^="tel:"]::after,
.article-main.green h1[href^="mailto:"]::after,
.article-main.green h1[href^="tel:"]::after,
.article-main.green h3[href^="mailto:"]::after,
.article-main.green h3[href^="tel:"]::after,
.article-main.green p[href^="mailto:"]::after,
.article-main.green p[href^="tel:"]::after,
.job-header.green .similar .news-block .link::after,
.job-header.green a[href^="mailto:"]::after,
.job-header.green a[href^="tel:"]::after,
.job-header.green h1[href^="mailto:"]::after,
.job-header.green h1[href^="tel:"]::after,
.job-header.green h3[href^="mailto:"]::after,
.job-header.green h3[href^="tel:"]::after,
.job-header.green p[href^="mailto:"]::after,
.job-header.green p[href^="tel:"]::after,
.job-search select option.color-latest-from-hq {
    background: #97d700
}

.article-header.green .buttons .apply.sun::after,
.article-header.green .buttons .download.sun::after,
.article-main.green .buttons .apply.sun::after,
.article-main.green .buttons .download.sun::after,
.job-header.green .buttons .apply.sun::after,
.job-header.green .buttons .download.sun::after {
    background-image: url(../images/designer/green/Star_4.png)
}

.article-header.green .container.article .left .main-part a::before,
.article-header.green .container.article .left .main-part li::before,
.article-main.green .container.article .left .main-part a::before,
.article-main.green .container.article .left .main-part li::before,
.job-header.green .container.article .left .main-part a::before,
.job-header.green .container.article .left .main-part li::before {
    background: url(../images/designer/green/Arrows_3.png) center center/contain no-repeat
}

.article-header.yellow .similar .news-block .link::after,
.article-header.yellow a[href^="mailto:"]::after,
.article-header.yellow a[href^="tel:"]::after,
.article-header.yellow h1[href^="mailto:"]::after,
.article-header.yellow h1[href^="tel:"]::after,
.article-header.yellow h3[href^="mailto:"]::after,
.article-header.yellow h3[href^="tel:"]::after,
.article-header.yellow p[href^="mailto:"]::after,
.article-header.yellow p[href^="tel:"]::after,
.article-main.yellow .similar .news-block .link::after,
.article-main.yellow a[href^="mailto:"]::after,
.article-main.yellow a[href^="tel:"]::after,
.article-main.yellow h1[href^="mailto:"]::after,
.article-main.yellow h1[href^="tel:"]::after,
.article-main.yellow h3[href^="mailto:"]::after,
.article-main.yellow h3[href^="tel:"]::after,
.article-main.yellow p[href^="mailto:"]::after,
.article-main.yellow p[href^="tel:"]::after,
.case-st.with-talent .cl-hub-slide .info,
.job-header.yellow .similar .news-block .link::after,
.job-header.yellow a[href^="mailto:"]::after,
.job-header.yellow a[href^="tel:"]::after,
.job-header.yellow h1[href^="mailto:"]::after,
.job-header.yellow h1[href^="tel:"]::after,
.job-header.yellow h3[href^="mailto:"]::after,
.job-header.yellow h3[href^="tel:"]::after,
.job-header.yellow p[href^="mailto:"]::after,
.job-header.yellow p[href^="tel:"]::after {
    background: #ffcd00
}

.article-header.yellow a,
.article-main.yellow a,
.job-header.yellow a {
    color: #ffcd00 !important;
    transition: .3s
}

.article-header.yellow .buttons .apply.sun::after,
.article-header.yellow .buttons .download.sun::after,
.article-main.yellow .buttons .apply.sun::after,
.article-main.yellow .buttons .download.sun::after,
.job-header.yellow .buttons .apply.sun::after,
.job-header.yellow .buttons .download.sun::after {
    background-image: url(../images/designer/yellow/Star_4.png)
}

.article-header.yellow .container.article .left .main-part a::before,
.article-header.yellow .container.article .left .main-part li::before,
.article-main.yellow .container.article .left .main-part a::before,
.article-main.yellow .container.article .left .main-part li::before,
.job-header.yellow .container.article .left .main-part a::before,
.job-header.yellow .container.article .left .main-part li::before {
    background: url(../images/designer/yellow/Arrows_3.png) center center/contain no-repeat
}

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

.buttons a {
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    width: 200px;
    padding: 17px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Merriweather, serif;
    font-size: 16px;
    font-weight: 300;
    transition: .2s ease-in;
    color: #fff !important
}

.buttons a:hover {
    border-radius: 5px !important;
    background: #fff !important;
    color: #5d6770 !important
}

.buttons a.on_white:hover {
    color: #fff !important;
    background: #5d6770 !important
}

.buttons a:not(:first-child) {
    margin-left: 36px
}

.buttons .apply,
.buttons .download {
    position: relative;
    margin-left: 36px
}

.buttons .apply.sun::after,
.buttons .download.sun::after {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: scale(1) translate(-50%, -50%);
    content: "";
    width: 160px;
    height: 160px;
    background: center center/contain no-repeat;
    transition: .2s ease-in;
    transform-origin: 0% 0%
}

.buttons .apply.sun:hover::after,
.buttons .download.sun:hover::after,
.buttons.pop .download:hover::after {
    transform: scale(1.2) translate(-50%, -50%)
}

.article-page-start,
.section-job {
    position: relative;
    padding-top: 250px;
    background: #5d6770;
    padding-bottom: 122px
}

.article-page-start .container .info .title,
.section-job .container .info .title {
    line-height: 82px;
    font-size: 55px
}

.article-page-start .container.article-header,
.section-job .container.article-header {
    width: 50%;
    margin-left: 170px
}

.article-page-start .container.article-header .post-info,
.section-job .container.article-header .post-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.article-page-start .container.article-header .writer-picture,
.section-job .container.article-header .writer-picture {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    margin-bottom: 15px
}

.article-page-start .container.article-header .date,
.article-page-start .container.article-header .writer,
.section-job .container.article-header .date,
.section-job .container.article-header .writer {
    font-family: Merriweather, serif;
    font-size: 20px;
    font-weight: 300;
    color: #e7e8ea
}

.article-page-start .container.article-header .writer,
.section-job .container.article-header .writer {
    margin-right: 50px;
    margin-bottom: 15px
}

.article-page-start .container.article-header .title,
.section-job .container.article-header .title {
    padding-top: 67px
}

.article-page-start .container.article-header .article-title,
.section-job .container.article-header .article-title {
    font-family: Merriweather, serif;
    font-size: 55px;
    font-weight: 300;
    color: #e7e8ea
}

.article-page-start .photo,
.section-job .photo {
    position: absolute;
    width: 37.13%;
    top: 0;
    right: 0;
    height: 100%
}

.article-page-start .photo img,
.article-page-start .photo video,
.section-job .photo img,
.section-job .photo video {
    width: 100%;
    height: 125%;
    object-fit: cover
}

.article-main,
.com-nub-main,
.spark-section {
    background: #e7e8ea
}

.article-main .buttons {
    margin-top: 80px;
    margin-bottom: 70px
}

.article-main .buttons a {
    border-color: #5d6770;
    color: #5d6770 !important
}

.article-main .container.article {
    margin: 0 auto;
    padding-bottom: 150px;
    display: flex;
    justify-content: space-between
}

.article-main .container.article .left {
    width: 53.41%
}

.article-main .container.article .left .main-part {
    margin-top: 57px;
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300;
    color: #5d6770
}

.article-main .container.article .left .main-part:last-child {
    margin-bottom: 63px
}

.article-main .container.article .left .main-part p {
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300;
    color: #5d6770
}

.article-main .container.article .left .main-part p img,
.article-main .container.article .left .main-part>img {
    object-fit: cover
}

.article-main .container.article .left .main-part h1 {
    font-family: Merriweather, serif;
    font-size: 30px;
    font-weight: 300;
    margin-top: 30px
}

.article-main .container.article .left .main-part h2 {
    font-family: Merriweather, serif;
    font-size: 28px;
    font-weight: 300;
    margin-top: 30px;
    color: #5d6770
}

.article-main .container.article .left .main-part h3 {
    font-family: Merriweather, serif;
    font-size: 26px;
    font-weight: 300;
    margin-top: 20px;
    color: #5d6770
}

.article-main .container.article .left .main-part a[href^="mailto:"],
.article-main .container.article .left .main-part a[href^="tel:"] {
    display: inline-block;
    margin-top: 0;
    font-weight: 400;
    position: relative;
    transition: .2s ease-in
}

.article-main .container.article .left .main-part a[href^="mailto:"]::after,
.article-main .container.article .left .main-part a[href^="tel:"]::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 0%;
    bottom: 2px;
    left: 0;
    transition: .3s ease-in
}

.article-main .container.article .left .main-part a {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    font-family: Merriweather, serif;
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    transition: .2s ease-in
}

.article-main .container.article .left .main-part a::before {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 9px;
    transition: .2s ease-in
}

.article-main .container.article .left .main-part a:hover::before {
    transform: scale(1.35)
}

.article-main .container.article .left .main-part ul li {
    margin-bottom: 0;
    padding-left: 45px;
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300;
    color: #5d6770
}

.article-main .container.article .left .main-part ul li::before {
    float: left;
    content: "";
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 3px
}

.article-main .container.article .left .main-part .header {
    margin-top: 0 !important;
    position: static !important;
    z-index: 1 !important;
    width: 100%
}

.article-main .container.article .left .main-part_blogs a {
    display: inline-block;
    align-items: normal;
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300;
    color: #97d700;
    transition: .2s ease-in;
    position: relative
}

.article-main .container.article .left .main-part_blogs a:after {
    position: absolute;
    height: 1px;
    background-color: #97d700;
    width: 30%;
    bottom: 0;
    left: 0;
    transition: .2s ease-in
}

.article-main .container.article .left .main-part_blogs a:hover::before {
    transform: none
}

.article-main .container.article .left .link-block a,
.article-main .container.article .left .link-block p {
    font-family: Merriweather, serif;
    font-size: 20px;
    line-height: 38px;
    font-weight: 700
}

.article-main .container.article .left .link-block p:last-child {
    margin-bottom: 100px
}

.article-main .container.article .left .link-block a {
    display: inline
}

.article-main .container.article .left .share-block h1,
.article-main .container.article .left .share-block h3 {
    display: flex;
    align-items: center;
    font-family: Merriweather, serif;
    font-size: 31px;
    font-weight: 300;
    color: #5d6770;
    margin-bottom: 43px
}

.article-main .container.article .left .share-block h1::before,
.article-main .container.article .left .share-block h3::before {
    content: "";
    display: inline-block;
    background: center center/contain no-repeat;
    height: 79px;
    width: 79px;
    margin-right: -79px;
    margin-bottom: -9px
}

.article-main .container.article .left .share-block h1.yellow::before,
.article-main .container.article .left .share-block h3.yellow::before {
    background-image: url(../images/designer/yellow/Stroke_2.png)
}

.article-main .container.article .left .share-block h1.green::before,
.article-main .container.article .left .share-block h3.green::before {
    background-image: url(../images/designer/green/Stroke_2.png)
}

.article-main .container.article .left .share-block .socials li:not(:first-child) {
    margin-left: 33px
}

.article-main .container.article .left .share-block .socials li a {
    color: #282c30;
    font-size: 32px;
    transition: .2s
}

.article-main .container.article .left .share-block .socials li a:hover {
    transform: scale(1.25)
}

.article-main .container.article .similar {
    margin-top: 25%;
    width: 23.125%
}

.article-main .container.article .similar h1,
.article-main .container.article .similar h3 {
    font-family: Merriweather, serif;
    font-size: 31px;
    font-weight: 300;
    color: #5d6770
}

.article-main .container.article .similar .news-block img,
.article-main .container.article .similar .news-block video {
    margin: 40px 0;
    height: 290px;
    width: 100%;
    object-fit: cover
}

.article-main .container.article .similar .news-block .date {
    margin-bottom: 15px;
    font-family: Merriweather, serif;
    font-size: 16px;
    font-weight: 300;
    color: #5d6770
}

.article-main .container.article .similar .news-block .description {
    margin-bottom: 5px;
    font-family: Merriweather, serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
    color: #5d6770
}

.article-main .container.article .similar .news-block .link {
    margin-top: 10px;
    font-family: Merriweather, serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 52px;
    position: relative;
    display: inline-block
}

.article-main .container.article .similar .news-block .link::after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    transition: .2s ease-in
}

.section-job {
    padding-bottom: 66px
}

.container.crop,
.section-job .job-header {
    width: 82.3%
}

.section-job .job-header .title {
    font-size: 66px
}

.section-job .job-header .information {
    margin: 85px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: Merriweather, serif;
    font-size: 31px;
    font-weight: 300;
    color: #fff
}

.btn-swiper-button.prev,
.section-job .job-header .information i {
    margin-right: 10px
}

.section-job .job-header .information li:not(:first-child) {
    margin-left: 94px
}

.join-team.j-t-job {
    padding-top: 206px;
    padding-bottom: 105px;
    background: #fff
}

.join-team.j-t-job .circle::before {
    left: 0;
    transform: scale(-1.25);
    z-index: -1
}

.join-team.j-t-job .circle.specific::before {
    width: 205px;
    left: 24px;
    transform: scale(-1.25) rotate(-15deg)
}

.job-main .right {
    width: 487px;
    margin-top: 73px
}

.job-main .right .point-of-contact {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.job-main .right .point-of-contact .photo {
    width: 43.4%;
    height: auto;
    margin-right: .3vw;
    position: relative
}

.job-main .right .point-of-contact .info .point-title {
    font-family: Merriweather, serif;
    font-size: 32px;
    font-weight: 300;
    color: #282c30;
    padding-bottom: 30px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.job-main .right .point-of-contact .info .name {
    font-family: Merriweather, serif;
    font-size: 27px;
    font-weight: 300;
    color: #5d6770;
    padding-bottom: 15px
}

.job-main .right .point-of-contact .info .add-info {
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
    color: #5d6770;
    padding-bottom: 18px
}

.job-main .right .point-of-contact .info .add-info a,
.job-main .right .point-of-contact .info .social-media a {
    color: #5d6770;
    transition: .2s ease-in
}

.job-main .right .point-of-contact .info .add-info a:hover {
    color: #282c30
}

.job-main .right .point-of-contact .info .social-media {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.job-main .right .point-of-contact .info .social-media a:hover {
    color: #282c30;
    transform: scale(1.15)
}

.job-main .right .point-of-contact .info .social-media a:first-child {
    margin-right: 16px
}

.job-main .right .point-of-contact::before {
    position: absolute;
    content: "";
    width: 68px;
    height: 68px;
    top: -40px;
    right: -60px
}

.job-main .right .point-of-contact.green::before {
    background: url(../images/designer/green/Star_1.png) center center/contain no-repeat
}

.job-main .right .point-of-contact.yellow::before {
    background: url(../images/designer/yellow/Star_1.png) center center/contain no-repeat
}

.job-main .right .similar-jobs {
    width: 100%;
    margin-top: 139px
}

.job-main .right .similar-jobs h1,
.job-main .right .similar-jobs h3 {
    padding-bottom: 36px;
    font-family: Merriweather, serif;
    font-size: 31px;
    font-weight: 300;
    color: #5d6770
}

.job {
    background: #868d94;
    padding: 47px 35px 35px 38px
}

.job:not(:last-child) {
    margin-bottom: 36px
}

.job .job-name {
    font-weight: 300;
    padding-bottom: 30px;
    transition: .3s;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0)
}

.job .job-name:hover {
    opacity: .7;
    text-decoration-color: initial
}

.job .information {
    font-weight: 300;
    color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.job .information li {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.job .information li:not(:last-child) {
    margin-bottom: 27px
}

.job .information li i {
    width: 22px;
    margin-right: 6px
}

.job .buttons {
    display: flex;
    justify-content: space-between;
    margin: 46px 0 0
}

.job .buttons a {
    color: #fff !important;
    border-color: #fff;
    width: 47%
}

.job .buttons a:hover {
    color: #5d6770 !important
}

.job .buttons .apply {
    margin: 0
}

.mtt-page-start {
    padding-top: 209px;
    background: #868d94
}

.cs-main,
.mtt-main {
    background: #e7e8ea
}

.left-title {
    padding-top: 82px
}

.mtt-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.case-study,
.hero-about__start {
    justify-content: center
}

.mtt-header .main-title {
    font-family: Merriweather, serif;
    font-size: 66px;
    line-height: 94px;
    font-weight: 300;
    color: #97d700;
    margin-bottom: 57px;
    white-space: nowrap;
    overflow: hidden
}

.mtt-header .second-title {
    font-family: Amithen, serif;
    font-size: 48px;
    color: #e7e8ea;
    font-weight: 400;
    letter-spacing: .96px;
    padding-bottom: 40px
}

.btn-meet-the-team-grid {
    display: block;
    padding: 0;
    line-height: 46px;
    height: 46px
}

.case-study-list,
.mtt-list {
    display: grid;
    column-gap: 60px;
    row-gap: 55px
}

.mtt-arrow {
    margin-top: 104px;
    width: 255px;
    height: 255px
}

.underline {
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.underline::before {
    position: absolute;
    content: "";
    width: 166px;
    height: 166px;
    background: url(../images/designer/grey/Stroke_1.png) center center/contain no-repeat;
    left: 0;
    bottom: -90px
}

.mtt-main-img {
    margin-bottom: -121px;
    width: 47.4%;
    height: auto
}

.mtt-main {
    padding-top: 80px;
    padding-bottom: 214px
}

.mtt-list {
    grid-template-columns: repeat(3, 1fr)
}

@media only screen and (max-width:768px) {
    .content-block.h1-title h1 {
        font-size: 34px;
        line-height: 46px
    }

    .header.update-header .header__logo {
        max-width: 130px
    }

    .header.update-header .header__logo--second {
        margin-left: 20px
    }

    .header.update-header .header__right-side .btn,
    .header.update-talent-spark .header__right-side a.btn {
        display: none !important
    }

    .header.update-header .header__right-side .menu__top .btn {
        display: flex
    }

    .header.update-talent-spark .header__right-side.menu__top a.btn {
        display: flex !important
    }

    .who-we.talent .talent-image-container {
        margin-left: 0
    }

    .who-we.talent:nth-child(odd) {
        padding-top: 80px;
        padding-bottom: 190px
    }

    .who-we.talent:nth-child(odd) .who-we__container {
        order: initial
    }

    .mtt-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.mtt-list li {
    width: 100%;
    background: #5d6770;
    font-family: Merriweather, serif;
    position: relative;
    padding-bottom: 112px
}

.mtt-list .member-title-card,
.mtt-list h1,
.mtt-list h2,
.mtt-list h3,
.mtt-list h4 {
    padding: 0 20px
}

.mtt-list .member-title-card,
.mtt-list h1 {
    font-size: 35px;
    line-height: 82px;
    color: #97d700;
    font-weight: 300
}

.mtt-list h2,
.mtt-list h4 {
    font-size: 28px;
    color: #fff;
    font-weight: 300
}

.mtt-list h3 {
    margin-top: 20px;
    font-size: min(14 + 6 * ((100vw - 375px) / 1545), 20);
    color: #fff;
    font-weight: 300
}

.mtt-list .btn {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-color: #fff;
    margin: 0 auto !important;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px
}

.mtt-list .photo {
    width: 100%;
    height: 370px;
    object-fit: cover;
    object-position: center -40px
}

.case-study-start {
    padding-top: 231px;
    padding-bottom: 50px
}

.case-study .left-title {
    padding-top: 0
}

.case-study .second-title {
    padding-bottom: 105px
}

.main-title.arrows,
.main-title.star {
    position: relative;
    overflow: visible
}

.main-title.arrows::before,
.main-title.star::before {
    position: absolute;
    display: block;
    content: "";
    width: 199px;
    height: 199px;
    z-index: 10
}

.main-title.star::before {
    background: url(../images/designer/green/Star_2.png) center center/contain no-repeat;
    left: -133px;
    top: -157px
}

.main-title.text_yellow.star:before {
    background: url(../images/designer/yellow/Star_2.png) center center/contain no-repeat
}

.main-title.arrows {
    margin-bottom: 48px
}

.main-title.arrows::before {
    width: 150px;
    height: 150px;
    position: absolute;
    display: block;
    content: "";
    transform: rotate(75deg);
    top: -145px;
    left: -75px
}

.job-list .job .content-block,
.job-list .job .description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.main-title.green.arrows::before {
    background: url(../images/designer/green/Arrows_1.png) center center/contain no-repeat
}

.main-title.yellow.arrows::before {
    background: url(../images/designer/yellow/Arrows_1.png) center center/contain no-repeat
}

.cs-sec-title {
    padding-bottom: 20px
}

.cs-main {
    padding-top: 81px;
    padding-bottom: 112px
}

.case-study-list {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 69px;
    grid-row-gap: 122px;
    margin-bottom: 180px
}

@media only screen and (max-width:768px) {
    .case-study-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.case-study-list li {
    background: rgba(0, 0, 0, 0);
    position: relative;
    text-align: left
}

.case-study-list li .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 71.31%;
    position: absolute;
    padding: 33px 27px;
    bottom: -42px;
    right: -19px;
    background: #97d700
}

.case-study-list li .info h1,
.case-study-list li .info h2 {
    font-family: Merriweather, serif;
    font-size: 25px;
    line-height: 48px;
    font-weight: 300;
    color: #5d6770
}

.case-study-list li .info h2,
.tm-social-media i.icon-gmail {
    font-size: 20px
}

@media only screen and (max-width:1820px) {
    .client__bg {
        width: initial
    }

    .case-study-list li .info {
        padding: 19px 21px
    }

    .case-study-list li .info h1 {
        font-size: 22px
    }

    .case-study-list li .info h2 {
        font-size: 18px
    }
}

@media only screen and (max-width:1450px) {

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 35px
    }

    .case-study-list li .info h1 {
        font-size: 18px
    }

    .case-study-list li .info h2 {
        font-size: 15px
    }
}

@media only screen and (max-width:1280px) {

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 30px
    }

    .case-study-list li .info h1 {
        font-size: 16px
    }

    .case-study-list li .info h2 {
        font-size: 13px
    }
}

@media only screen and (max-width:1150px) {

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 24px
    }

    .case-study-list li .info h1 {
        font-size: 15px
    }

    .case-study-list li .info h2 {
        font-size: 12px
    }
}

@media only screen and (max-width:1024px) {
    .case-study-list li .info {
        padding: 14px
    }

    .case-study-list li .info h1 {
        font-size: 14px
    }

    .case-study-list li .info h2 {
        font-size: 11px
    }
}

@media only screen and (max-width:900px) {
    .content-block ol li:before {
        margin-left: 5px !important
    }

    .header .header__logo {
        max-width: 120px !important
    }

    .header .header__logo--second {
        margin-left: 10px
    }

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 19px
    }

    .case-study-list li .info h1 {
        font-size: 12px
    }

    .case-study-list li .info h2 {
        font-size: 9px
    }
}

@media only screen and (max-width:768px) {

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 25px
    }

    .case-study-list li .info h1 {
        font-size: 16px
    }

    .case-study-list li .info h2 {
        font-size: 12px
    }
}

.case-study-list li:hover .cs-arrow,
.cl-hub-slide:hover .info img {
    transform: translateX(8px) scale(1.1)
}

.cs-load-more {
    width: 200px;
    margin: 0 auto
}

.cs-arrow {
    width: 53px;
    height: 53px;
    transition: .2s ease-in
}

.hero-about__start {
    display: flex;
    padding-top: 185px
}

.hero-about__title-block {
    width: max-content;
    padding: 45px 145px 60px
}

.hero-about__inner {
    margin-top: 53px;
    position: relative
}

.hero-about__inner .icon-play,
.video-block .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hero-about__bg {
    width: 100%;
    height: auto !important;
    min-height: auto !important
}

.hero-about__bg img,
.hero-about__bg video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-about__bg .plyr__control--overlaid {
    border-radius: 0;
    width: 128px;
    height: 160px;
    background: rgba(0, 0, 0, 0) !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.hero-about__bg .plyr__control--overlaid svg {
    width: 128px;
    height: 160px
}

.hero-about__bg .plyr__control--overlaid svg path {
    fill: var(--plyr-color-main) !important
}

.hero-about__bg .plyr__control--overlaid:hover {
    transform: translate(-50%, -50%) scale(1.05)
}

.icon-play {
    position: absolute;
    width: 128px;
    object-fit: contain;
    cursor: pointer
}

.about-us {
    padding-top: 215px;
    padding-bottom: 125px;
    background-color: #e7e8ea
}

.about-us__container {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.about-us__container .content-block,
.tm-phones.with-email li {
    max-width: 100%
}

.about-us:not(.cookies) .about-us__container {
    max-width: 1522px
}

.about-us__left-side {
    width: 35%
}

.about-us__right-side {
    height: max-content;
    width: 48%
}

.about-us__right-side img,
.about-us__right-side video {
    width: 729px;
    object-fit: cover
}

.about-us.gap-top-none,
.bg-sec.gap-top-none,
.es-jobs-2.gap-top-none,
.info-sec-2.gap-top-none,
.landing_info-sec.gap-top-none,
.landing_member-big.gap-top-none .member-sec,
.quote-sec.gap-top-none,
.skills.gap-top-none,
.talent-team.gap-top-none .container.crop,
.talent-team.gap-top-none .talent-mt,
.text-sec.gap-top-none {
    padding-top: 0 !important
}

.about-us.gap-top-small,
.es-jobs-2.gap-top-small,
.info-sec-2.gap-top-small,
.landing_info-sec.gap-top-small,
.landing_member-big.gap-top-small .member-sec,
.quote-sec.gap-top-small,
.skills.gap-top-small,
.text-sec.gap-top-small {
    padding-top: 60px !important
}

.about-us.gap-top-medium,
.bg-sec.gap-top-big,
.es-jobs-2.gap-top-medium,
.info-sec-2.gap-top-medium,
.landing_info-sec.gap-top-medium,
.landing_member-big.gap-top-medium .member-sec,
.quote-sec.gap-top-medium,
.skills.gap-top-medium,
.talent-team.gap-top-medium .container.crop,
.text-sec.gap-top-medium {
    padding-top: 140px !important
}

.about-us.gap-top-big,
.es-jobs-2.gap-top-big,
.info-sec-2.gap-top-big,
.landing_info-sec.gap-top-big,
.landing_member-big.gap-top-big .member-sec,
.quote-sec.gap-top-big,
.skills.gap-top-big,
.talent-team.gap-top-big .container.crop,
.text-sec.gap-top-big {
    padding-top: 220px !important
}

.about-us.gap-bottom-none,
.clients-form-section.gap-bottom-none,
.contact-sectors.gap-bottom-none,
.fes-ch-hub,
.find-section.gap-bottom-none,
.google-reviews.gap-bottom-none,
.image-text.gap-bottom-none,
.img-sec.gap-bottom-none,
.info-sec-2.gap-bottom-none,
.landing_a-and-v.gap-bottom-none .vision,
.landing_info-sec.gap-bottom-none,
.landing_member-big.gap-bottom-none .member-sec,
.quote-sec.gap-bottom-none,
.sector-content-section.gap-bottom-none,
.sector-jobs-section.gap-bottom-none,
.sector-news-section.gap-bottom-none,
.sector-teams-section.gap-bottom-none,
.sectors-case-section.gap-bottom-none,
.skills.gap-bottom-none,
.talent-team.gap-bottom-none,
.testimonials-section.gap-bottom-none,
.text-sec.gap-bottom-none {
    padding-bottom: 0 !important
}

.about-us.gap-bottom-small,
.clients-form-section.gap-bottom-small,
.contact-sectors.gap-bottom-small,
.find-section.gap-bottom-small,
.google-reviews.gap-bottom-small,
.image-text.gap-bottom-small,
.img-sec.gap-bottom-small,
.landing_a-and-v.gap-bottom-small .vision,
.landing_info-sec.gap-bottom-small,
.landing_member-big.gap-bottom-small .member-sec,
.quote-sec.gap-bottom-small,
.sector-content-section.gap-bottom-small,
.sector-jobs-section.gap-bottom-small,
.sector-news-section.gap-bottom-small,
.sector-teams-section.gap-bottom-small,
.sectors-case-section.gap-bottom-small,
.skills.gap-bottom-small,
.talent-team.gap-bottom-small,
.testimonials-section.gap-bottom-small,
.text-sec.gap-bottom-small {
    padding-bottom: 60px !important
}

.about-us.gap-bottom-medium,
.clients-form-section.gap-bottom-medium,
.contact-sectors.gap-bottom-medium,
.find-section.gap-bottom-medium,
.google-reviews.gap-bottom-medium,
.image-text.gap-bottom-medium,
.img-sec.gap-bottom-medium,
.landing_a-and-v.gap-bottom-medium .vision,
.landing_info-sec.gap-bottom-medium,
.landing_member-big.gap-bottom-medium .member-sec,
.quote-sec.gap-bottom-medium,
.sector-content-section.gap-bottom-medium,
.sector-jobs-section.gap-bottom-medium,
.sector-news-section.gap-bottom-medium,
.sector-teams-section.gap-bottom-medium,
.sectors-case-section.gap-bottom-medium,
.skills.gap-bottom-medium,
.talent-team.gap-bottom-medium,
.testimonials-section.gap-bottom-medium,
.text-sec.gap-bottom-medium {
    padding-bottom: 140px !important
}

.about-us.gap-bottom-big,
.clients-form-section.gap-bottom-big,
.contact-sectors.gap-bottom-big,
.find-section.gap-bottom-big,
.google-reviews.gap-bottom-big,
.image-text.gap-bottom-big,
.img-sec.gap-bottom-big,
.landing_a-and-v.gap-bottom-big .vision,
.landing_info-sec.gap-bottom-big,
.landing_member-big.gap-bottom-big .member-sec,
.quote-sec.gap-bottom-big,
.sector-content-section.gap-bottom-big,
.sector-jobs-section.gap-bottom-big,
.sector-news-section.gap-bottom-big,
.sector-teams-section.gap-bottom-big,
.sectors-case-section.gap-bottom-big,
.skills.gap-bottom-big,
.talent-team.gap-bottom-big,
.testimonials-section.gap-bottom-big,
.text-sec.gap-bottom-big {
    padding-bottom: 220px !important
}

@media only screen and (max-width:1400px) {

    .about-us.gap-top-small,
    .landing_info-sec.gap-top-small {
        padding-top: 55px !important
    }

    .about-us.gap-top-medium,
    .landing_info-sec.gap-top-medium {
        padding-top: 120px !important
    }

    .about-us.gap-top-big,
    .landing_info-sec.gap-top-big {
        padding-top: 190px !important
    }

    .about-us.gap-bottom-small,
    .landing_info-sec.gap-bottom-small {
        padding-bottom: 55px !important
    }

    .about-us.gap-bottom-medium,
    .landing_info-sec.gap-bottom-medium {
        padding-bottom: 120px !important
    }

    .about-us.gap-bottom-big,
    .landing_info-sec.gap-bottom-big {
        padding-bottom: 190px !important
    }
}

@media only screen and (max-width:1024px) {

    .about-us.gap-top-small,
    .landing_info-sec.gap-top-small {
        padding-top: 45px !important
    }

    .about-us.gap-top-medium,
    .landing_info-sec.gap-top-medium {
        padding-top: 100px !important
    }

    .about-us.gap-top-big,
    .landing_info-sec.gap-top-big {
        padding-top: 140px !important
    }

    .about-us.gap-bottom-small,
    .landing_info-sec.gap-bottom-small {
        padding-bottom: 45px !important
    }

    .about-us.gap-bottom-medium,
    .landing_info-sec.gap-bottom-medium {
        padding-bottom: 100px !important
    }

    .about-us.gap-bottom-big,
    .landing_info-sec.gap-bottom-big {
        padding-bottom: 140px !important
    }
}

.timeline {
    height: 1080px;
    background-color: #868d94
}

.timeline__container {
    display: flex;
    height: 100%
}

.timeline__dates {
    height: 100% !important;
    position: relative;
    padding-left: 60px;
    width: 165px;
    margin-left: 0;
    margin-right: 125px
}

.timeline__dates .swiper-wrapper {
    transition: .3s ease-in-out !important
}

.timeline__dates .swiper-slide {
    height: auto !important;
    font-size: 30px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    transition: font-size .3s ease-in-out, color, width, height;
    cursor: pointer
}

.bg-sec.gap-bottom-none,
.es-jobs-2,
.es-jobs-2.gap-bottom-big,
.es-jobs-2.gap-bottom-medium,
.es-jobs-2.gap-bottom-none,
.es-jobs-2.gap-bottom-small,
.timeline__dates .swiper-slide:last-child {
    margin-bottom: 0 !important
}

.timeline__dates .swiper-slide:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 50%;
    left: -47px;
    transition: .3s ease-in-out
}

.timeline__dates .swiper-slide-active {
    font-size: 40px;
    color: #97d700;
    margin: 40px 0 100px !important
}

.timeline__dates .swiper-slide-active:before {
    width: 41px;
    height: 41px;
    left: -59px
}

.timeline__dates:before {
    content: "";
    position: absolute;
    width: 3px;
    background-image: linear-gradient(180deg, rgba(134, 141, 148, 0) 0, #e6e8e9 21%, rgba(222, 224, 226, .91) 50%, #e7e8ea 51%, #e7e8ea 76%, rgba(128, 128, 128, 0) 100%);
    height: 100%;
    top: 0;
    left: 20px
}

.timeline__content {
    height: 100%;
    margin-left: 0;
    margin-right: 0
}

.timeline__content .swiper-slide {
    height: 100% !important;
    display: flex
}

.timeline__content .swiper-button-next,
.timeline__content .swiper-button-prev {
    width: 57px;
    height: 57px;
    background: url("../images/designer/green/Arrows_3.png") center/contain no-repeat;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.timeline__content .swiper-button-next:after,
.timeline__content .swiper-button-prev:after {
    content: ""
}

.timeline__content .swiper-button-next {
    transform: rotate(90deg);
    top: auto;
    bottom: 100px
}

.timeline__content .swiper-button-prev {
    transform: rotate(-90deg);
    top: 100px
}

.timeline__content-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 422px
}

.timeline__ci-media img {
    width: 110px;
    object-fit: contain
}

.timeline__ci-text {
    font-size: 45px;
    margin-top: 35px
}

.timeline__left-side {
    width: 43%;
    margin-top: 20%;
    margin-right: 70px;
    position: relative
}

.timeline__arrows {
    width: 156px;
    position: absolute;
    transform: rotate(70deg);
    top: -140px;
    left: -145px
}

.timeline__ls-descr {
    max-width: 509px
}

.attributes {
    padding-top: 140px;
    padding-bottom: 95px;
    background-color: #e7e8ea
}

.attributes__colored-box {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: min(40 + 50 * ((100vw - 375px) / 1545), 90)
}

.attributes__list {
    display: flex;
    justify-content: center;
    margin-right: -60px
}

.attributes__item {
    width: calc(33.33334% - 60px);
    margin-right: 60px;
    background-color: #97d700;
    padding: 80px 48px 45px;
    position: relative
}

.gray-arrow,
.gray-line:after,
.gray-star,
.quote {
    position: absolute
}

.attributes__title {
    color: #282c30;
    font-size: 45px;
    line-height: 190% !important
}

.attributes__descr {
    margin-top: 20px;
    color: #282c30
}

.attributes .content-block li,
.attributes .content-block p,
.attributes .content-block span {
    font-size: 25px !important
}

.gray-line:after {
    content: "";
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 27px;
    background: url("../images/designer/grey/Stroke_1-cuted.png") center/contain no-repeat
}

.gray-star {
    width: 9vw;
    object-fit: contain;
    right: 0;
    top: -15%
}

.gray-arrow {
    width: 11vw;
    object-fit: contain;
    transform: scaleX(-1);
    right: -12%;
    top: 23%
}

.tes-bg {
    padding-top: 100px;
    background-color: #e7e8ea
}

.tes-bg__bg img {
    width: 100%;
    min-height: 350px;
    height: 800px;
    object-fit: cover
}

.testimonial {
    background-color: #5d6770;
    padding: 130px 0
}

.testimonial__container {
    max-width: 1132px
}

.testimonial__block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.landing_img-small+*,
.member-sec__job-name,
.recaptcha-block,
.testimonial__subtitle {
    margin-top: 15px
}

.testimonial .slick-slider {
    margin: 0 -100px
}

.testimonial .slick-slide .testimonial__block {
    padding: 0 100px
}

.quote {
    color: #97d700;
    font-size: 60px;
    font-family: Amithen, serif;
    transform: scale(2.5);
    line-height: 1
}

.quote-close,
.quote-open {
    transform: scale(2.5) translateY(25%)
}

.quote-open {
    left: -80px;
    top: -50px
}

.quote-close {
    right: -80px;
    bottom: -60px
}

.about-team,
.job-search .dropdown,
.member-sec__container,
.quote-sec_logo__bottom {
    display: flex;
    justify-content: space-between
}

.about-team__container {
    max-width: 748px;
    margin-left: 170px;
    margin-top: 115px;
    padding-bottom: 100px
}

.about-team__bg {
    margin-top: -100px;
    position: relative;
    height: max-content;
    align-self: flex-end
}

.about-team__bg>img {
    width: 866px;
    height: 722px;
    object-fit: cover
}

.about-team__title .gray-line:after {
    height: 23px;
    bottom: -10px
}

.about-team__arrow {
    position: absolute;
    top: 60%;
    left: -14%;
    transform: rotate(222deg)
}

.about-team__arrow img {
    width: 270px;
    object-fit: contain
}

.job-board-container {
    width: 88.958%;
    margin: 0 auto
}

.ch-section,
.job-board,
.job-search select option.color-resource {
    background: #5d6770
}

.job-header {
    align-items: center;
    justify-content: center
}

.job-header .left-title {
    width: 100%;
    padding-top: 0;
    margin-bottom: 48px
}

.job-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 60px;
    row-gap: 55px;
    grid-row-gap: 60px;
    margin-bottom: 111px
}

@media only screen and (max-width:768px) {

    .about-us.gap-top-small,
    .landing_info-sec.gap-top-small {
        padding-top: 40px !important
    }

    .about-us.gap-top-medium,
    .landing_info-sec.gap-top-medium {
        padding-top: 80px !important
    }

    .about-us.gap-top-big,
    .landing_info-sec.gap-top-big {
        padding-top: 100px !important
    }

    .about-us.gap-bottom-small,
    .landing_info-sec.gap-bottom-small {
        padding-bottom: 40px !important
    }

    .about-us.gap-bottom-medium,
    .landing_info-sec.gap-bottom-medium {
        padding-bottom: 80px !important
    }

    .about-us.gap-bottom-big,
    .landing_info-sec.gap-bottom-big {
        padding-bottom: 100px !important
    }

    .job-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.job-list>li {
    height: 100%;
    max-width: 27.29vw
}

@media only screen and (max-width:768px) {
    .job-list>li {
        max-width: 50vw
    }
}

.job-list .job {
    width: 100%;
    min-height: 300px;
    height: 100%;
    padding: 46px;
    display: flex;
    flex-direction: column
}

.job-list .job .job-name {
    font-size: 32px;
    line-height: 50px
}

.job-list .job .description,
.text-sp {
    line-height: 38px;
    font-family: Merriweather, serif;
    font-weight: 300
}

.job-list .job .information {
    margin-bottom: 28px
}

.job-list .job .description {
    font-size: 15px;
    color: #e7e8ea;
    max-height: 152px
}

.job-list .job .content-block {
    margin-bottom: 30px
}

.job-list .job .buttons {
    margin-top: auto !important
}

.blogs-search-form input:not([type=submit]),
.blogs-search-form select,
.job-search input:not([type=submit]),
.job-search select {
    border: none;
    border-radius: 0;
    padding: 22px 60px 22px 31px;
    font-family: Merriweather, serif;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background: #868d94
}

.blogs-search-form input:not([type=submit]),
.job-search input:not([type=submit]) {
    margin-bottom: 29px
}

.blogs-search-form input:not([type=submit])::placeholder {
    color: #fff
}

.blogs-search-form input:not([type=submit]):-webkit-autofill,
.blogs-search-form input:not([type=submit]):-webkit-autofill:active,
.blogs-search-form input:not([type=submit]):-webkit-autofill:focus,
.blogs-search-form input:not([type=submit]):-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 40px #868d94 inset !important;
    -webkit-text-fill-color: #fff
}

.blogs-search-form input[type=submit],
.job-search input[type=submit] {
    font-family: Merriweather, serif;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding: 17px 0;
    cursor: pointer;
    width: 200px;
    margin: 28px auto 0;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #868d94;
    border-radius: 0;
    transition: .2s ease-in
}

.blogs-search-form input[type=submit]::-webkit-input-placeholder {
    text-align: center
}

.blogs-search-form input[type=submit]:-moz-placeholder {
    text-align: center
}

.blogs-search-form input[type=submit]:-ms-input-placeholder {
    text-align: center
}

.blogs-search-form input[type=submit]:hover,
.job-search input[type=submit]:hover {
    background: #fff;
    border-color: #fff;
    color: #5d6770;
    border-radius: 5px
}

.blogs-search-form input[type=submit].spark-input-submit,
.job-search input[type=submit].spark-input-submit {
    margin-top: 0;
    color: #5d6770
}

.blogs-search-form input[type=submit].spark-input-submit:hover,
.job-search input[type=submit].spark-input-submit:hover {
    background: #5d6770;
    border-color: #5d6770;
    color: #fff;
    border-radius: 5px
}

.job-search {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 48px
}

.job-search input:not([type=submit])::placeholder {
    color: #fff
}

.job-search input:not([type=submit]):-webkit-autofill,
.job-search input:not([type=submit]):-webkit-autofill:active,
.job-search input:not([type=submit]):-webkit-autofill:focus,
.job-search input:not([type=submit]):-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 40px #868d94 inset !important;
    -webkit-text-fill-color: #fff
}

.job-search input[type=submit]::-webkit-input-placeholder {
    text-align: center
}

.job-search input[type=submit]:-moz-placeholder {
    text-align: center
}

.job-search input[type=submit]:-ms-input-placeholder {
    text-align: center
}

.job-search select {
    appearance: none;
    cursor: pointer;
    width: 100%
}

.job-search select option.color-blog {
    background: #71cc98
}

.job-search select option.color-podcast,
.job-search select option.color-webinars {
    background: #418fde
}

.job-search select option.color-reports {
    background: #fa4616
}

.job-search select.safari-fix option.color-blog {
    color: #71cc98
}

.job-search select.safari-fix option.color-podcast,
.job-search select.safari-fix option.color-webinars {
    color: #418fde
}

.job-search select.safari-fix option.color-reports {
    color: #fa4616
}

.job-search .select-div {
    width: 24.1772151899%;
    position: relative
}

.job-search .select-div::after {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/select_arrow.svg) center center/contain no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: 26px;
    pointer-events: none
}

.job-search .select-div.range-div {
    background-color: #868d94
}

.right-spark-header {
    margin: 80px auto 0;
    display: flex;
    align-items: center;
    height: 100%
}

.spark-title::before {
    position: absolute;
    content: "";
    background: url(../images/designer/yellow/Lightning_1-crop.png) center center/contain no-repeat;
    width: 100px;
    height: 235px;
    right: 95px;
    top: -175%;
    transform: rotate(8deg)
}

.stroke-2::after {
    position: absolute;
    content: "";
    background: url(../images/designer/yellow/Stroke_2-crop.png) center center/contain no-repeat;
    width: 75%;
    height: 100%;
    bottom: -80%;
    left: 50%;
    transform: translateX(-50%)
}

.sp-content {
    width: 43%;
    margin: 0 auto;
    padding-top: 240px;
    padding-bottom: 154px
}

.spark-box {
    width: 486px;
    margin: 0 auto 60px;
    padding: 40px 10px
}

.spark-box .colored-box__border img {
    width: 38px
}

.text-sp {
    font-size: 18px;
    color: #5d6770
}

.talent-team {
    background: #868d94;
    margin-bottom: -332px
}

.talent-team.gap-top-small .container.crop {
    padding-top: 70px !important
}

.talent-team.gap-top-big .container.crop .talent-mt,
.talent-team.gap-top-medium .container.crop .talent-mt,
.talent-team.gap-top-small .container.crop .talent-mt {
    padding-top: 10px !important
}

.talent-team.gap-top-big .container.crop .talent-mt.with-mask-decor .title-decor-star,
.talent-team.gap-top-medium .container.crop .talent-mt.with-mask-decor .title-decor-star,
.talent-team.gap-top-small .container.crop .talent-mt.with-mask-decor .title-decor-star {
    top: 0;
    transform: translateY(-70%);
    bottom: auto
}

@media only screen and (max-width:1400px) {
    .talent-team.gap-top-small .container.crop {
        padding-top: 65px !important
    }

    .talent-team.gap-top-medium .container.crop {
        padding-top: 120px !important
    }

    .talent-team.gap-top-big .container.crop {
        padding-top: 190px !important
    }

    .talent-team.gap-bottom-small {
        padding-bottom: 55px !important
    }

    .talent-team.gap-bottom-medium {
        padding-bottom: 120px !important
    }

    .talent-team.gap-bottom-big {
        padding-bottom: 190px !important
    }
}

.talent-mt {
    color: #97d700;
    padding-top: 145px;
    margin-bottom: 78px;
    position: relative
}

.talent-mt::before {
    position: absolute;
    content: "";
    background: url(../images/designer/green/Star_2.png) center center/contain no-repeat;
    width: 125px;
    height: 134px;
    top: -12px;
    left: -82px
}

.talent-mt.green:before {
    background: url(../images/designer/green/Star_2.png) center center/contain no-repeat !important
}

.talent-mt.yellow:before {
    background: url(../images/designer/yellow/Star_2-crop.png) center center/contain no-repeat !important
}

.talent-mt.with-mask-decor:before {
    display: none;
    content: none
}

.talent-mt.with-mask-decor .title-decor-star {
    position: absolute;
    width: 125px;
    height: 134px;
    bottom: 30px;
    left: -82px;
    display: flex;
    justify-content: center;
    align-items: center
}

.talent-mt.with-mask-decor .title-decor-star svg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.cs-text.ul li::before,
.quote-sec__container ol li:before,
.quote-sec__container ul li:before {
    display: block;
    width: 32px;
    transform: translateY(-50%);
    margin-left: -45px;
    background: url(../images/designer/green/Arrows_3.png) center center/contain no-repeat
}

@media only screen and (max-width:1280px) {
    .talent-mt.with-mask-decor .title-decor-star {
        width: 93px;
        height: 93px;
        bottom: 18px;
        left: -35px
    }
}

.spark-news-wrapper {
    background: #e7e8ea;
    padding-top: 332px
}

.job-search.spark {
    width: 48.164556962%
}

.job-search.spark .select-div {
    width: 48.3574244415%
}

.news__row.spark {
    max-width: 1580px
}

.spark-submit {
    width: 200px;
    margin: 28px auto 0;
    position: relative
}

.spark-submit::before {
    position: absolute;
    content: "";
    width: 63px;
    height: 29px;
    background: url(../images/designer/yellow/Arrows_2-crop.png) center center/contain no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: -86px
}

.spark-submit.green::before {
    background: url(../images/designer/green/Arrows_2-crop.png) center center/contain no-repeat
}

.spark-search {
    padding-top: 163px
}

.spark-jobs {
    padding-top: 30px
}

.sp-jobs-text {
    font-family: Merriweather, serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: #868d94;
    margin-bottom: 102px
}

.buttons.pop .download::after {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: scale(1) translate(-50%, -50%);
    content: "";
    width: 160px;
    height: 160px;
    background: url(../images/designer/green/Star_4.png) center center/contain no-repeat;
    transition: .2s ease-in;
    transform-origin: 0% 0%
}

.cs-popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(40, 44, 48, .77);
    z-index: 99999
}

.cs-popup {
    position: absolute;
    width: 82.2916666667%;
    padding-bottom: 66px;
    background: #868d94;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cs-popup-top {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    margin-bottom: 96px
}

.cs-popup-top-left {
    margin-left: -100px;
    padding: 58px 53px 58px 47px;
    background: #97d700;
    width: 43%
}

.cs-popup-top-right {
    height: auto;
    width: 1080px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover
}

.pop-sub-title,
.pop-title {
    font-family: Merriweather, serif;
    font-size: 45px;
    line-height: 48px;
    font-weight: 300;
    color: #5d6770
}

.cs-text,
.pop-contact {
    font-family: Merriweather, serif;
    line-height: 38px
}

.pop-sub-title {
    margin-top: 48px;
    font-size: 30px
}

.cs-popup-bottom {
    max-width: 1344px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.cs-popup-bottom-left,
.cs-popup-bottom-right {
    width: 38.6904761905%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cs-popup-bottom-left {
    margin-left: 83px
}

.cs-popup-bottom-right .buttons {
    margin-bottom: 0;
    align-self: flex-end
}

.cs-popup-bottom-right .buttons .close {
    margin-left: 30px
}

.cs-text {
    overflow-y: overlay;
    padding-right: 10px;
    height: 342px;
    font-size: 18px;
    font-weight: 300;
    color: #e7e8ea;
    margin-bottom: 53px
}

.cs-text::-webkit-scrollbar {
    width: 5px
}

.cs-text::-webkit-scrollbar-track {
    background: #687580;
    border-radius: 5px
}

.cs-text::-webkit-scrollbar-thumb {
    background: #e7e8ea;
    border-radius: 5px
}

.cs-text::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.cs-text.ul {
    line-height: 48px
}

.cs-text.ul li::before {
    position: absolute;
    content: "";
    height: 32px;
    top: 50%
}

.pop-contact {
    font-size: 20px;
    font-weight: 700;
    color: #97d700;
    display: flex;
    justify-content: flex-start
}

.ch-title,
.contact__checkbox span {
    font-family: Merriweather, serif;
    font-weight: 300
}

.pop-contact span:first-child {
    margin-right: 24px
}

.pop-contact a {
    color: #97d700;
    transition: .2s ease-in
}

.pop-contact a:hover {
    color: #fff;
    letter-spacing: .3px
}

.contact-hero {
    background-color: #282c30;
    padding-top: 250px;
    padding-bottom: 170px
}

.contact-hero__arrows {
    margin: 0 100px
}

.contact-hero__arrows img {
    transform: rotate(47deg);
    width: 7vw
}

.social__item {
    font-size: 53px
}

.social__item:not(:last-child) {
    margin-right: 50px
}

.social__item a {
    color: #97d700;
    transition: .3s ease-in-out
}

.social__item a:hover,
.text-sec div:not(.title),
.text-sec p:not(.title),
.text-sec span:not(.title) {
    color: #fff
}

.social__item .icon-instagram {
    width: 53px;
    height: 53px;
    display: block
}

.icon-instagram svg,
.social__item .icon-instagram svg,
.video-js {
    width: 100%;
    height: 100%
}

.social__item .icon-instagram svg path {
    fill: #97d700
}

.social__item .icon-instagram:hover svg path {
    fill: #fff
}

.location {
    background-color: #e7e8ea;
    padding: 50px 0
}

.location__list {
    display: flex;
    margin-right: -60px;
    margin-bottom: -60px
}

.location__item {
    position: relative;
    width: calc(33.33334% - 60px);
    margin-right: 60px;
    margin-bottom: 60px
}

.location__item .link-location {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.location__item .link-location:before {
    content: none !important
}

.location__item img {
    width: 100%;
    height: 520px;
    object-fit: cover
}

.location__item a,
.location__item p,
.tm-social-media a {
    color: #fff;
    transition: .2s ease-in
}

.location__item a.green:hover,
.location__item p.green:hover,
.office-loc__item p,
.team-works .content-block h1,
.team-works .content-block h2,
.team-works .content-block h3 {
    color: #97d700
}

.location__item a.yellow:hover,
.location__item p.yellow:hover {
    color: #ffcd00
}

.about-bus__star,
.ch-news-block .indicator-type,
.custom-radio-block,
.green-line-big,
.location__item a:not(.green),
.office-loc__title,
.title {
    position: relative
}

.location__item a:not(.green)::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    transition: .3s ease-in-out;
    cursor: pointer;
    opacity: 1;
    visibility: visible
}

.location__item a:not(.green):hover::before {
    opacity: 0;
    visibility: hidden
}

.location__item.contact-us::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    transition: .3s ease-in-out
}

.location__item .city {
    margin-bottom: 25px
}

.about-bus__descr,
.cb__btn,
.location__item .phone {
    margin-top: 30px
}

.location__descr {
    position: absolute;
    padding: 35px;
    bottom: 0;
    transition: .3s ease-in-out
}

.footer_contact {
    padding: 130px 0 50px;
    background-color: #5d6770
}

.footer_contact .contact__select option {
    background: #e7e8ea !important;
    color: #282c30 !important
}

.contact__container,
.portal-popup__sign-login,
.text-sec__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.contact__title {
    margin-bottom: 130px;
    position: relative;
    z-index: 1
}

.contact__form {
    width: 73%
}

.contact__form form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.contact__form form input:-webkit-autofill,
.contact__form form input:-webkit-autofill:active,
.contact__form form input:-webkit-autofill:focus,
.contact__form form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #5d6770 inset !important;
    -webkit-text-fill-color: #e7e8ea
}

.contact__form form input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out
}

.contact__form .recaptcha-block {
    grid-column: 1/span 2;
    margin-left: auto;
    margin-right: auto
}

.contact__input {
    width: 100%;
    font-family: Merriweather, serif;
    font-size: 16px;
    border: 1px solid #e7e8ea;
    background-color: rgba(0, 0, 0, 0);
    color: #e7e8ea;
    padding: 17px 28px;
    -webkit-text-fill-color: #fff
}

.contact__input::placeholder {
    font-size: 16px;
    color: #e7e8ea
}

.contact__input--sector {
    -webkit-text-fill-color: #e7e8ea
}

.contact__input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out
}

.contact__input--cv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.contact__input--cv span {
    white-space: nowrap
}

.contact__input--cv input {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.contact__file-name {
    max-width: 65%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.contact__select {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/select_arrow.svg) right 26px center/22px no-repeat;
    cursor: pointer
}

.contact__select option {
    background: #5d6770;
    color: #fff;
    cursor: pointer
}

.contact__select.full-width {
    grid-column: auto/span 2
}

.contact__select.full-width.meet-the-team {
    cursor: pointer;
    max-width: max(300px, 20vw);
    color: #5d6770;
    border-color: #5d6770;
    background-image: url(../images/select_arrow_grey.svg);
    margin-bottom: 40px
}

.contact__textarea {
    grid-column: 1/span 2;
    height: 200px;
    resize: none
}

.contact__textarea::-webkit-scrollbar {
    width: 6px;
    cursor: pointer !important
}

.contact__textarea::-webkit-scrollbar-track {
    background: #687580;
    border-radius: 5px;
    cursor: pointer !important
}

.contact__textarea::-webkit-scrollbar-thumb {
    background: #e7e8ea;
    border-radius: 5px;
    cursor: pointer !important
}

.contact__textarea::-webkit-scrollbar-thumb:hover {
    background: #fff;
    cursor: pointer !important
}

.contact__textarea:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out
}

.contact__checkbox span {
    font-size: 15px;
    line-height: 226.67%
}

.contact__checkbox span em {
    font-style: italic
}

.contact__checkbox .custom-checkbox,
.portal-popup .custom-checkbox-block .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.contact__checkbox .custom-checkbox+label,
.portal-popup .custom-checkbox-block .custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    color: #fff;
    cursor: pointer
}

.contact__checkbox .custom-checkbox+label:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #fff;
    margin-right: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer
}

.contact__checkbox .custom-checkbox:checked+label:before,
.portal-popup .custom-checkbox-block .custom-checkbox:checked+label:before {
    background: url("../images/checkbox-check.png") center/17px 10px no-repeat
}

.contact__btn {
    grid-column: 1/span 2;
    width: 200px;
    justify-self: center;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-family: Merriweather, serif;
    padding: 0;
    display: inline-block;
    cursor: pointer
}

.contact__btn--landing:hover {
    border-color: #e7e8ea !important
}

.contact__privacy-list {
    align-self: flex-start;
    margin-top: 80px
}

.portal-popup__form input:-webkit-autofill,
.portal-popup__form input:-webkit-autofill:active,
.portal-popup__form input:-webkit-autofill:focus,
.portal-popup__form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #868d94 inset !important;
    -webkit-text-fill-color: #fff
}

.portal-popup__form input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out !important
}

.search-info {
    position: relative;
    font-family: Merriweather, serif;
    font-size: calc(14px + 6*(100vw - 375px)/1545);
    margin-bottom: 20px;
    color: #5d6770
}

.quote-sec_logo .container,
.search-info-container {
    display: flex;
    flex-direction: column;
    position: relative
}

.instagram-sec__btns.hide,
.sec-ch-grid__wrap .blogs-search-form__topics-item input {
    display: none
}

.search-info-container:before {
    content: "";
    position: absolute;
    top: -200px;
    height: 192px;
    width: 174px;
    z-index: 20;
    left: 400px;
    background: url("../images/arrows-green.png") center center/100% 100% no-repeat
}

.circle-big {
    position: relative;
    display: inline-block
}

.circle-big:before {
    content: "";
    position: absolute;
    background: url("../images/designer/green/Circle_2-cuted.png") 0 0/contain no-repeat;
    width: 140%;
    height: 180%;
    z-index: -1;
    top: -40%;
    left: -15%
}

.values__descr,
.values__item:before {
    left: 0;
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.hero-join {
    height: 940px;
    background-color: #868d94
}

.hero-join__title,
.hero-sector,
.instagram-sec__title,
.team-works__title {
    position: relative;
    z-index: 1
}

.hero-join__bg {
    max-width: 660px;
    width: 100%
}

.hero-join__bg img,
.hero-join__bg video {
    height: 115%;
    width: 100%;
    object-fit: cover
}

.hero-join__descr {
    color: #e7e8ea;
    position: relative
}

.hero-join__right-side {
    flex-direction: column;
    align-items: normal;
    justify-content: center;
    width: 42%;
    margin-left: 9vw
}

.hero-join__star {
    right: 4vw;
    top: -11.5vw
}

.team-works {
    display: flex;
    justify-content: space-between;
    padding-top: 290px;
    padding-bottom: 260px;
    background-color: #e7e8ea
}

.team-works__container {
    max-width: 680px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.team-works__bg>img,
.team-works__bg>video {
    width: 822px;
    object-fit: cover
}

.values {
    background-color: #5d6770;
    padding-bottom: 80px
}

.values__container {
    max-width: 1430px
}

.values__list {
    display: flex;
    justify-content: center;
    margin-right: -155px;
    margin-bottom: -60px;
    position: relative;
    top: -50px
}

.values__item {
    width: calc(50% - 155px);
    margin-right: 155px;
    margin-bottom: 60px;
    position: relative
}

.values__item>img,
.values__item>video {
    width: 100%;
    height: 585px;
    object-fit: cover
}

.values__item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(40, 44, 48, .75)
}

.values__item:hover .values__descr,
.values__item:hover:before {
    opacity: 1;
    visibility: visible
}

.values__descr {
    position: absolute;
    top: 50px;
    width: 100%;
    height: calc(100% - 100px);
    padding: 0 40px;
    color: #fff;
    overflow: auto
}

.values__descr::-webkit-scrollbar {
    width: 4px
}

.values__descr::-webkit-scrollbar:hover {
    width: 4px
}

.values__descr::-webkit-scrollbar-track:hover {
    background: #f1f1f1;
    width: 4px
}

.values__descr::-webkit-scrollbar-track {
    background: #edf0f7
}

.values__descr::-webkit-scrollbar-thumb {
    background: #97d700
}

.values__descr::-webkit-scrollbar-thumb:hover {
    background: #354557;
    width: 4px
}

.values__title {
    position: absolute;
    bottom: -50px;
    font-size: 72px;
    line-height: 130%;
    left: 30px
}

.office-loc {
    background-color: #868d94;
    padding-top: 130px;
    padding-bottom: 0
}

.instagram-sec,
.stats {
    background-color: #e7e8ea
}

.office-loc__title:before {
    content: "";
    position: absolute;
    background: url("../images/designer/green/Star_1-cuted.png") center/contain no-repeat;
    width: 10vw;
    height: 10vw;
    left: -220px;
    top: -90px
}

.office-loc__descr {
    color: #e7e8ea;
    margin-top: 25px
}

.office-loc__list {
    margin-bottom: -120px
}

.office-loc__item img {
    height: 320px;
    object-position: top
}

.office-loc__title-s {
    position: absolute;
    left: 28px;
    bottom: 15px
}

.instagram-sec {
    padding-top: 390px;
    padding-bottom: 115px
}

.instagram-sec .swiper-wrapper.reset {
    box-sizing: border-box !important
}

.instagram-sec__slider-wrapper {
    margin-left: -20vw
}

.instagram-sec__slide {
    width: 27.7777777778vw
}

.instagram-sec__slide img {
    width: 27.7777777778vw;
    height: 445px;
    object-fit: cover
}

.instagram-sec__slide.swiper-slide-active,
.instagram-sec__slide.swiper-slide-duplicate-prev {
    transition: opacity .3s ease-in-out;
    opacity: .3
}

.cc-elem-wrap .title,
.cc-elem-wrap::after,
.cc-elem-wrap::before {
    transition: opacity .25s ease-in
}

.instagram-sec__container-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px
}

.instagram-sec__descr {
    margin-top: 10px
}

.es-jobs__btns,
.instagram-sec__btns {
    margin-top: 60px;
    display: flex;
    justify-content: flex-end;
    position: relative
}

.instagram-sec__btns .news__slide-btn {
    position: relative;
    right: auto;
    bottom: auto;
    margin-left: 15px
}

.green-line-big:before {
    content: "";
    background: url("../images/designer/green/Stroke_3-cuted.png") center/contain no-repeat;
    position: absolute;
    width: 100%;
    height: 135%;
    z-index: -1
}

.es-jobs-slide,
.es-jobs__slider .swiper-wrapper,
.quote-sec_logo .slick-slide {
    height: auto !important
}

.stats {
    padding-top: 115px;
    padding-bottom: 150px
}

.stats__list {
    display: flex;
    justify-content: center;
    margin-right: -60px;
    margin-bottom: -60px
}

.stats__item {
    background-color: #97d700;
    width: calc(50% - 60px);
    margin-right: 60px;
    margin-bottom: 60px;
    padding: 93px 160px;
    position: relative
}

.stats__stat {
    font-size: 120px;
    line-height: 120%;
    margin-bottom: 15px
}

.stats__star {
    width: 11vw;
    left: -12%;
    top: -9%
}

.stats__arrow {
    top: 40%
}

.es-jobs {
    padding: 150px 0;
    background-color: #e7e8ea
}

.es-jobs__title-block {
    width: max-content
}

.es-jobs__container {
    width: 82.2916666667%;
    margin: 0 auto
}

.es-jobs__slider {
    width: 91.1458333333%;
    margin-left: 8.8541666667%;
    margin-top: 90px
}

.es-jobs-slide {
    width: 487px;
    margin-right: 36px;
    display: flex
}

.es-jobs-slide .job {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.cc-grid,
.es-jobs__row {
    justify-content: space-between
}

.es-jobs-slide .job .information {
    margin-bottom: 35px
}

.es-jobs__btns .news__slide-btn {
    position: relative;
    right: auto;
    bottom: auto;
    margin-left: 15px
}

.es-jobs__row {
    align-items: center;
    flex-wrap: wrap
}

.es-jobs__btn {
    margin-left: 30px
}

.ch-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 1080px;
    width: 630px
}

.cc-elem-wrap,
.cc-load-more,
.cc-title,
.sec-ch-grid__wrap,
.tm-section-2 {
    position: relative
}

.ch-bg img,
.ch-bg video {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    object-fit: cover
}

.ch-title {
    font-size: 66px;
    line-height: 82px;
    color: #fff
}

.ch-handwrite {
    font-family: Amithen, serif;
    color: #868d94;
    font-size: 48px;
    letter-spacing: .96px;
    line-height: 56px;
    font-weight: 400;
    margin-top: 30px
}

.cc-title,
.ch-news-block .info,
.tm-phones,
.tm-subtitle {
    font-family: Merriweather, serif;
    font-weight: 300
}

.ch-container {
    padding-top: 237px;
    padding-bottom: 148px;
    width: 71.875%;
    display: flex;
    justify-content: flex-end
}

.ch-container.second {
    padding-top: 85px;
    padding-bottom: 117px
}

.ch-container.blogs-type {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start
}

.ch-container.blogs-type .blogs-types {
    margin-top: 40px;
    width: 100%
}

.ch__colored-box,
.com-hub {
    width: 63.0434782609%
}

.ch__colored-box {
    padding: 8px 93px
}

.ch-section.blogs-type .ch-bg {
    height: 782px
}

@media only screen and (max-width:1600px) {
    .ch-section.blogs-type .ch-bg {
        height: 786px
    }
}

@media only screen and (max-width:1450px) {
    .social__item .icon-instagram {
        width: 35px;
        height: 35px
    }

    .ch-section.blogs-type .ch-bg {
        height: 776px
    }
}

@media only screen and (max-width:1280px) {
    .ch-section.blogs-type .ch-bg {
        height: 626px
    }

    .logo-slider__slide:not(:last-child) {
        height: 40px
    }
}

@media only screen and (max-width:1024px) {
    .talent-team.gap-top-small .container.crop {
        padding-top: 55px !important
    }

    .talent-team.gap-top-medium .container.crop {
        padding-top: 100px !important
    }

    .talent-team.gap-top-big .container.crop {
        padding-top: 140px !important
    }

    .talent-team.gap-bottom-small {
        padding-bottom: 45px !important
    }

    .talent-team.gap-bottom-medium {
        padding-bottom: 100px !important
    }

    .talent-team.gap-bottom-big {
        padding-bottom: 140px !important
    }

    .social__item .icon-instagram {
        width: 22px;
        height: 22px
    }

    .ch-section.blogs-type .ch-bg {
        height: 486px
    }
}

.job-search.com-hub .select-div {
    width: 48.275862069%
}

.ch-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 60px;
    row-gap: 55px;
    padding-top: 107px;
    width: 82.2916666667%
}

@media only screen and (max-width:768px) {
    .talent-team.gap-top-small .container.crop {
        padding-top: 50px !important
    }

    .talent-team.gap-top-medium .container.crop {
        padding-top: 80px !important
    }

    .talent-team.gap-top-big .container.crop {
        padding-top: 100px !important
    }

    .talent-team.gap-bottom-small {
        padding-bottom: 40px !important
    }

    .talent-team.gap-bottom-medium {
        padding-bottom: 80px !important
    }

    .talent-team.gap-bottom-big {
        padding-bottom: 100px !important
    }

    .ch-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.es-jobs-sectors,
.sec-ch-grid {
    padding-bottom: 160px
}

.sec-ch-grid__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%
}

.sec-ch-grid__wrap .blogs-search-form {
    width: 22%;
    margin-left: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: sticky;
    top: 20px
}

.sec-ch-grid__wrap .blogs-search-form__topics {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%
}

.sec-ch-grid__wrap .blogs-search-form .job-search input:not([type=submit]),
.sec-ch-grid__wrap .blogs-search-form__topics-title {
    margin-bottom: 24px
}

.cl-hub-slide .info .sli-flex,
.form-iframe__input,
.sec-ch-grid__wrap .blogs-search-form__topics-list,
.testimonials-section__slider-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.sec-ch-grid__wrap .blogs-search-form__topics-item {
    cursor: pointer;
    margin-bottom: 10px
}

.sec-ch-grid__wrap .blogs-search-form__topics-item span {
    font-size: 20px;
    font-weight: 500;
    font-family: Merriweather, serif;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: .25s;
    color: #5d6770;
    position: relative;
    padding-left: 0
}

.sec-ch-grid__wrap .blogs-search-form__topics-item span:before {
    font-family: icomoon !important;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    content: "";
    font-size: 20px;
    color: #97d700;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) scale(.8);
    left: 0;
    opacity: 0;
    transition: .3s
}

.sec-ch-grid__wrap .blogs-search-form__topics-item:hover span {
    color: #282c30
}

.info-sec .content-block a,
.info-sec-2 .content-block a,
.info-sec-3 .content-block a,
.text-sec .content-block a {
    display: inline-block !important
}

.sec-ch-grid__wrap .blogs-search-form__topics-item input:checked~span {
    color: #97d700;
    padding-left: 22px
}

@media only screen and (max-width:1281px) {

    .sec-ch-grid__wrap .blogs-search-form__topics-item span,
    .sec-ch-grid__wrap .blogs-search-form__topics-item span:before {
        font-size: 18px
    }

    .sec-ch-grid__wrap .blogs-search-form__topics-item input:checked~span {
        padding-left: 20px
    }
}

.sec-ch-grid__wrap .blogs-search-form__topics-item input:checked~span:before {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1
}

.hero-mix .cc-wrapper,
.route-descr.cb__descr,
.sec-ch-grid__wrap .blogs-search-form .ch__colored-box,
.sec-ch-grid__wrap .blogs-search-form .com-hub {
    width: 100%
}

.sec-ch-grid__wrap .blogs-search-form .dropdown {
    width: 100%;
    margin-bottom: 24px
}

.sec-ch-grid__wrap .blogs-search-form .job-search {
    margin-top: 24px
}

.sec-ch-grid__wrap .blogs-search-form .job-search.com-hub .select-div {
    width: 100%;
    margin-bottom: 0 !important
}

.sec-ch-grid__wrap .blogs-search-form .spark-submit::before {
    left: -75px
}

@media only screen and (max-width:1100px) {
    .sec-ch-grid__wrap .blogs-search-form {
        width: 29%
    }
}

@media only screen and (max-width:768px) {
    .sec-ch-grid__wrap .blogs-search-form__topics-list {
        flex-direction: row;
        flex-wrap: wrap
    }

    .sec-ch-grid__wrap .blogs-search-form__topics-item span {
        font-size: 16px
    }

    .sec-ch-grid__wrap .blogs-search-form__topics-item span:before {
        font-size: 16px;
        padding-right: 18px
    }

    .sec-ch-grid__wrap .blogs-search-form__topics-item {
        margin-right: 20px;
        margin-bottom: 8px
    }

    .sec-ch-grid__wrap .blogs-search-form__topics-item input:checked~span {
        padding-left: 18px;
        padding-right: 0
    }

    .sec-ch-grid__wrap .blogs-search-form {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: auto
    }
}

@media only screen and (max-width:521px) {
    .sec-ch-grid__wrap .blogs-search-form {
        max-width: 100%
    }
}

.sec-ch-grid__wrap .ch-grid {
    width: 75%;
    padding-top: 24px
}

@media only screen and (max-width:1100px) {
    .sec-ch-grid__wrap .ch-grid {
        width: 68%;
        grid-template-columns: repeat(2, 1fr)
    }
}

.cc-grid,
.cl-hub-camp_jobs .cl-hub-flex,
.img-sec__list-x3 {
    grid-template-columns: repeat(3, 1fr)
}

.com-hub-load-more {
    margin: 163px auto 0
}

.ch-news-block .ch-news-block__img {
    aspect-ratio: 450/290;
    width: 100%
}

.ch-news-block .ch-news-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ch-news-block img {
    width: 100%;
    height: 290px;
    object-fit: cover
}

.ch-news-block .info {
    margin-top: 43px;
    color: #5d6770
}

.ch-news-block .info .description {
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    padding: 32px 0
}

.ch-news-block .info .sub-desc {
    font-size: 15px;
    line-height: 38px;
    padding-bottom: 23px
}

.ch-news-block .info .link {
    font-size: 20px;
    font-weight: 700;
    display: initial;
    transition: .25s;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    color: #5d6770
}

.cl-hub-slide .info .sli-read,
.portal-popup .custom-checkbox-block span a {
    transition: .3s;
    text-decoration: underline
}

.ch-news-block .info .link:hover {
    opacity: .8;
    text-decoration-color: #5d6770
}

.ch-news-block .indicator-type:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: -35px;
    right: -35px;
    width: 70px;
    height: 70px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    display: none
}

.ch-news-block .indicator-type .star-on-bg {
    position: absolute;
    top: -35px;
    right: -35px;
    width: 70px;
    height: 70px;
    z-index: 1;
    filter: var(--filter-color)
}

.ch-news-block .indicator-type .star-on-bg img {
    filter: grayscale(1) brightness(0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ch-news-block.color-latest-from-hq {
    --filter-color: invert(78%) sepia(86%) saturate(3197%) hue-rotate(30deg) contrast(100%);
    --own-color: #97d700
}

.ch-news-block.color-candidate-resource {
    --filter-color: invert(38%) sepia(25%) saturate(220%) hue-rotate(166deg) contrast(85%);
    --own-color: #5d6770
}

.ch-news-block.color-client-report {
    --filter-color: invert(37%) sepia(73%) saturate(3770%) hue-rotate(352deg) contrast(98%);
    --own-color: #FA4616
}

.ch-news-block.color-blog {
    --filter-color: invert(96%) sepia(5%) saturate(4599%) hue-rotate(63deg) contrast(82%);
    --own-color: #71CC98
}

.ch-news-block.color-podcast-webinar {
    --filter-color: invert(51%) sepia(100%) saturate(1537%) hue-rotate(188deg) contrast(91%);
    --own-color: #418FDE
}

.blogs-types {
    margin-top: 30px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 2px solid #97d700
}

.blogs-types__item {
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 60px;
    margin-right: 60px
}

@media only screen and (max-width:1550px) {
    .blogs-types__item {
        margin-left: 40px;
        margin-right: 40px
    }
}

.blogs-types__item span {
    font-size: 20px;
    font-weight: 700;
    font-family: Merriweather, serif;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: border-color .25s;
    padding: 8px 10px;
    color: #5d6770
}

.btn-swiper-button,
.tm-phones a {
    transition: .2s ease-in
}

@media only screen and (max-width:1281px) {
    .blogs-types__item span {
        font-size: 18px
    }
}

.blogs-types__item span.color-blog,
.blogs-types__item span.color-blogs {
    color: #71cc98
}

.blogs-types__item span.color-podcast,
.blogs-types__item span.color-webinars {
    color: #418fde
}

.blogs-types__item span.color-resource {
    color: #5d6770
}

.blogs-types__item span.color-latest-from-hq,
.cc-title {
    color: #97d700
}

.blogs-types__item span.color-reports {
    color: #fa4616
}

.find-section.pb-type .find-section__item-container:hover .find-section__item-text,
.text-sec .content-block a {
    color: var(--link-color-main) !important
}

.blogs-types__item:hover span {
    border-color: #fff
}

.blogs-types__item input,
.cc-elem-wrap.disabled::after,
.cc-elem-wrap.disabled::before {
    display: none
}

.blogs-types__item input:checked~span {
    border-color: #97d700
}

.blogs-types__item input:checked~span.color-blog,
.blogs-types__item input:checked~span.color-blogs {
    border-color: #71cc98
}

.blogs-types__item input:checked~span.color-podcast,
.blogs-types__item input:checked~span.color-webinars {
    border-color: #418fde
}

.blogs-types__item input:checked~span.color-resource {
    border-color: #5d6770
}

.blogs-types__item input:checked~span.color-latest-from-hq {
    border-color: #97d700
}

.blogs-types__item input:checked~span.color-reports {
    border-color: #fa4616
}

.client-bg {
    width: 871px
}

.cc-section {
    background: #868d94
}

.cc-container {
    display: flex;
    justify-content: flex-end;
    padding-top: 429px;
    padding-bottom: 247px
}

.cc-wrapper {
    width: 50%
}

.cc-title {
    font-size: 66px;
    line-height: 82px;
    margin-bottom: 33px;
    z-index: 1
}

.cc-title::before {
    content: "";
    position: absolute;
    top: -33%;
    left: 0;
    width: 100%;
    height: 180%;
    background: url(../images/designer/grey/Stroke_2-crop.png) center center/contain no-repeat;
    z-index: -1
}

.cc-sub-title {
    font-family: Amithen, serif;
    color: #e7e8ea;
    font-size: 48px;
    letter-spacing: .96px;
    line-height: 56px;
    font-weight: 400
}

.cc-grid {
    width: 82.2916666667%;
    margin: 0 auto;
    background: #e7e8ea;
    padding-top: 230px;
    display: grid;
    grid-gap: 100px
}

.cc-grid_padding {
    padding-bottom: 230px
}

.cc-grid .cc-elem-wrap .title {
    max-width: 84%;
    font-size: 44px;
    line-height: 120%
}

.cc-load-more {
    width: 200px;
    margin: 0 auto 102px;
    height: 55px;
    z-index: 99
}

.cc-elem-wrap {
    height: 488px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.cc-elem-wrap.disabled {
    cursor: default;
    opacity: .06
}

.cc-elem-wrap .title {
    max-width: 97%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #e7e8ea;
    padding: 37px
}

.cc-elem-wrap::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(93, 103, 112, .88)
}

.cc-elem-wrap.no-overlay:before {
    background-color: rgba(93, 103, 112, .2)
}

.cc-elem-wrap::after {
    content: "";
    width: 64px;
    height: 64px;
    position: absolute;
    bottom: 27px;
    right: 38px;
    background: url(../images/designer/green/Arrows_3-crop.png) center center/contain no-repeat
}

.cc-elem-wrap:hover .title,
.cc-elem-wrap:hover::after,
.cc-elem-wrap:hover::before,
.hero-landing-video-sec__video-block .plyr__controls {
    opacity: 0
}

.cc-elem-wrap.with-padding-bottom .title {
    padding-bottom: 90px
}

.tm-section {
    background: #5d6770;
    width: 100%;
    padding-top: 269px
}

.tm-section.second {
    padding-top: 155px;
    margin-bottom: -253px
}

.tm-section.third {
    padding-top: 534px;
    padding-bottom: 60px;
    background: #e7e8ea
}

.tm-section-2 {
    background: #e7e8ea;
    padding-top: 57px;
    padding-bottom: 45px
}

.tm-container {
    width: 82.2916666667%
}

.tm-inner {
    width: 44%
}

.tm-container-2 {
    width: 88.958%
}

.tm-cont-wrapper {
    width: 92.6229508197%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 88px
}

.tm-photo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vw
}

.tm-info {
    width: 343px;
    padding: 40px 32px 56px;
    position: absolute;
    background: #868d94;
    right: 34.7395833333%;
    top: -50%
}

.tm-phones,
.tm-subtitle {
    font-size: 20px;
    line-height: 30px;
    color: #e7e8ea
}

.tm-swiper-title,
.tm-text {
    color: #5d6770;
    font-weight: 300;
    font-family: Merriweather, serif
}

.tm-color-box {
    margin-bottom: 46px;
    padding: 27px 0;
    width: 100%
}

.tm-color-box .colored-box__border img {
    width: 25px
}

.tm-social-media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: min(24px + 16 * ((100vw - 375px) / 1545), 40px);
    font-size: 23px;
    grid-column-gap: min(20px + 10 * ((100vw - 375px) / 1545), 30px)
}

.tm-social-media li:first-child {
    margin-right: 0 !important
}

.tm-social-media li:first-child:last-child {
    margin-right: 0
}

.tm-social-media a:hover.green {
    color: #97d700
}

.tm-social-media a:hover.yellow {
    color: #ffcd00
}

.find-section__title:not(:last-child),
.tm-phones li:first-child {
    margin-bottom: min(20px + 4 * ((100vw - 375px) / 1545), 24px)
}

.tm-phones a:hover.green {
    color: #97d700
}

.tm-phones a:hover.yellow {
    color: #ffcd00
}

.tm-phones.with-email {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.tm-phones.with-email li:first-child {
    margin-bottom: min(18px + 6 * ((100vw - 375px) / 1545), 24px)
}

.tm-phones.with-email li a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%
}

.tm-title {
    padding-bottom: 34px
}

.tm-position {
    font-family: Merriweather, serif;
    font-size: 36px;
    line-height: 38px;
    font-weight: 300;
    padding-bottom: 118px
}

.tm-text {
    font-size: 18px;
    line-height: 38px;
    height: 387px;
    overflow-y: overlay;
    padding-right: 10px;
    width: 43.7974683544%
}

.tm-text::-webkit-scrollbar {
    width: 5px
}

.tm-text::-webkit-scrollbar-track {
    background: #c8c9cc;
    border-radius: 5px
}

.tm-text::-webkit-scrollbar-thumb {
    background: #868d94;
    border-radius: 5px
}

.tm-text::-webkit-scrollbar-thumb:hover {
    background: #5d6770;
    cursor: pointer
}

.tm-swiper-info {
    width: 27.5520833333%;
    margin-left: 5.5208333333%;
    margin-right: 60px
}

.tm-swiper-title {
    font-size: 66px;
    line-height: 82px;
    padding: 45px 0
}

.tm-swiper-btn {
    width: 200px;
    margin: 54px auto 0
}

.tm-slider {
    width: 63.5416666667%
}

.tm-slide {
    width: 445px;
    margin-right: 87px
}

.tm-slide .description {
    padding-bottom: 25px !important
}

.swiper-controllers {
    margin: 40px auto 0;
    width: 82.2916666667%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.btn-swiper-scrollbar {
    width: 85%;
    height: 4px;
    cursor: pointer;
    background: rgba(0, 0, 0, .1)
}

.btn-swiper-button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #5d6770;
    position: relative;
    cursor: pointer
}

.btn-swiper-button::after {
    position: absolute;
    content: "";
    background: url(../images/icon-arrow-right.svg) center center/contain no-repeat;
    width: 40%;
    height: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.info-sec-2 .cs-text,
.skills .cs-text {
    height: auto;
    overflow: auto
}

.btn-swiper-button.prev::after {
    transform: translate(-50%, -50%) scale(-1)
}

.btn-swiper-button:hover {
    background: #404850
}

.back-to-mtm {
    width: 200px;
    margin-bottom: 86px
}

.title.tm-star::after {
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: -100%
}

.title.tm-star.text_green::after {
    background-image: url(../images/designer/green/Star_1-crop.png)
}

.title.tm-star.text_yellow::after {
    background-image: url(../images/designer/yellow/Star_2-crop.png)
}

.hero-mix {
    margin-bottom: 250px;
    display: flex
}

.hero-mix .ch-bg {
    position: relative;
    margin-bottom: -60px
}

.hero-mix .cc-container {
    justify-content: center;
    width: 48%
}

.bg-sec {
    padding-top: 80px;
    background-color: #868d94
}

.bg-sec__title {
    position: relative;
    z-index: 1;
    color: #97d700
}

.bg-sec__bg {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    margin-bottom: -340px
}

.bg-sec__bg iframe,
.bg-sec__bg img,
.bg-sec__bg video {
    height: 695px;
    object-fit: cover
}

.bg-sec__second-color {
    background-color: #e7e8ea;
    height: 500px;
    width: 100%
}

.info-sec-2,
.text-sec {
    background-color: #868d94
}

.bg-sec.gap-top-small {
    padding-top: 100px !important
}

.bg-sec.gap-bottom-none .bg-sec__bg {
    margin-bottom: -500px
}

.bg-sec.gap-bottom-small {
    margin-bottom: 60px !important
}

.bg-sec.gap-bottom-big {
    margin-bottom: 120px !important
}

.text-sec {
    padding-top: 230px;
    padding-bottom: 100px
}

.candidate-block .cb__right-side input.cb__name,
.info-sec .content-block a,
.info-sec .content-block h1,
.info-sec .content-block h2,
.info-sec .content-block h3,
.info-sec-2 .content-block a,
.info-sec-2 .content-block h1,
.info-sec-2 .content-block h2,
.info-sec-2 .content-block h3,
.info-sec-3 .content-block a,
.info-sec-3 .content-block h1,
.info-sec-3 .content-block h2,
.info-sec-3 .content-block h3,
.vision__title {
    color: #97d700
}

.info-sec-2.gap-bottom-none .info-sec-2__second-color,
.portal-popup.hide,
.quote-sec_logo__bottom img.hide {
    display: none
}

.info-sec .content-block blockquote>:first-child:after,
.info-sec .content-block blockquote>:first-child:before,
.info-sec-2 .content-block blockquote>:first-child:after,
.info-sec-2 .content-block blockquote>:first-child:before,
.info-sec-3 .content-block blockquote>:first-child:after,
.info-sec-3 .content-block blockquote>:first-child:before {
    position: absolute;
    color: #ffcd00
}

.info-sec {
    padding-top: 225px;
    padding-bottom: 275px
}

.info-sec.fix-padding,
.swiper.jobs-swiper {
    padding-bottom: 100px !important
}

.info-sec__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.info-sec__container-second {
    flex-direction: row;
    margin-top: 130px
}

.info-sec__left-side {
    width: 43%
}

.info-sec__right-side {
    width: 50%
}

.info-sec__right-side img,
.info-sec__right-side video {
    width: 100%;
    height: 695px;
    object-fit: cover;
    object-position: left
}

.info-sec-2 {
    padding-top: 100px
}

.info-sec-2__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -70px
}

.info-sec-2__container-second {
    flex-direction: row-reverse
}

.info-sec-2__container-second .info-sec-2__left-side {
    margin-left: 0;
    margin-right: 45px
}

.info-sec-2__container-second .info-sec-2__right-side {
    margin-right: 0;
    margin-left: 45px
}

.info-sec-2__left-side {
    margin-left: 45px;
    width: 34%;
    position: relative
}

.info-sec-2__left-side>img,
.info-sec-2__left-side>video {
    width: 100%;
    height: 645px;
    object-fit: cover
}

.info-sec-2__right-side {
    margin-right: 45px;
    width: 42%;
    padding-bottom: 80px
}

@media only screen and (max-width:1500px) {
    .cc-elem-wrap.with-padding-bottom .title {
        font-size: 24px;
        line-height: 135%
    }

    .info-sec-2__right-side {
        padding-bottom: 60px
    }
}

.info-sec-2__second-color {
    background-color: #e7e8ea;
    height: 150px
}

.info-sec-2__star {
    position: absolute;
    bottom: 0;
    right: -17%
}

.info-sec-2__star.right {
    left: -17%
}

.info-sec-2__star img {
    width: 9.5vw
}

.info-sec-2__subtitle {
    position: absolute;
    padding: 0 3.5vw;
    width: 100%;
    bottom: -6%
}

.info-sec-2.gap-bottom-small .info-sec-2__second-color {
    height: 70px
}

.info-sec-2.gap-bottom-medium .info-sec-2__second-color {
    height: 165px
}

.info-sec-2.gap-bottom-big .info-sec-2__second-color {
    height: 190px
}

.info-sec-3 {
    padding: 100px 0 260px
}

.info-sec-3__container-second {
    flex-direction: row-reverse
}

.info-sec-3__left-side {
    width: 33%
}

.info-sec-3__title-block {
    font-family: Merriweather, serif;
    font-size: 36px;
    line-height: 48px;
    font-weight: 300
}

.skills {
    padding: 180px 0;
    background-color: #fff
}

.skills__container {
    max-width: 1440px;
    display: flex
}

.skills__left-side {
    margin-right: 9%;
    width: 46%
}

.skills .cs-text {
    margin-bottom: 0;
    margin-top: 0
}

.es-jobs-mix {
    padding-top: 140px;
    padding-bottom: 220px
}

.es-jobs-2__second-color {
    background-color: #e7e8ea;
    height: 580px
}

.es-jobs-2__list {
    margin-bottom: -250px
}

@media only screen and (min-width:1451px) {
    .es-jobs-2.not-vacancies {
        margin-bottom: 250px !important
    }
}

.es-jobs-2.not-vacancies+.bg-sec {
    padding-top: 90px
}

.es-jobs-2.gap-bottom-none .es-jobs-2__second-color {
    height: 250px
}

.es-jobs-2.gap-bottom-small .es-jobs-2__second-color {
    height: 350px
}

.es-jobs-2.gap-bottom-medium .es-jobs-2__second-color {
    height: 450px
}

.es-jobs-2.gap-bottom-big .es-jobs-2__second-color {
    height: 550px
}

@media only screen and (max-width:1450px) {
    .bg-sec.gap-bottom-none .bg-sec__bg {
        margin-bottom: -350px
    }

    .info-sec-2.gap-bottom-small .info-sec-2__second-color {
        height: 50px
    }

    .info-sec-2.gap-bottom-medium .info-sec-2__second-color {
        height: 130px
    }

    .es-jobs-2.gap-bottom-small .es-jobs-2__second-color,
    .info-sec-2.gap-bottom-big .info-sec-2__second-color {
        height: 160px
    }

    .es-jobs-2.not-vacancies+.bg-sec {
        padding-top: 150px
    }

    .es-jobs-2.gap-bottom-none .es-jobs-2__second-color {
        height: 100px
    }

    .es-jobs-2.gap-bottom-medium .es-jobs-2__second-color {
        height: 250px
    }

    .es-jobs-2.gap-bottom-big .es-jobs-2__second-color {
        height: 350px
    }
}

@media only screen and (max-width:1150px) {
    .es-jobs-2.gap-bottom-none .es-jobs-2__second-color {
        height: 100px
    }

    .es-jobs-2.gap-bottom-small .es-jobs-2__second-color {
        height: 140px
    }

    .es-jobs-2.gap-bottom-medium .es-jobs-2__second-color {
        height: 190px
    }

    .es-jobs-2.gap-bottom-big .es-jobs-2__second-color {
        height: 260px
    }
}

.quote-sec {
    background-color: #5d6770;
    padding-top: 120px;
    padding-bottom: 60px
}

.quote-sec__container {
    width: 66%
}

.quote-sec__container h1,
.quote-sec__container h2,
.quote-sec__container h3 {
    margin-bottom: 30px !important;
    font-family: Merriweather, serif
}

.quote-sec__container h1 {
    font-size: 55px
}

.quote-sec__container h2,
.quote-sec__title {
    font-size: 50px
}

.quote-sec__container h3 {
    font-size: 45px
}

.quote-sec__container h3 p,
.quote-sec__container h3 p span {
    font: inherit
}

.quote-sec__container p:not(:last-child) {
    margin-bottom: 50px !important
}

.quote-sec__container li,
.quote-sec__container p,
.quote-sec__container span {
    font-size: 26px;
    line-height: 150%;
    font-weight: 300;
    font-family: Merriweather, serif;
    color: inherit
}

.quote-sec.photo-quotes .quote-sec__title h1,
.quote-sec.photo-quotes .quote-sec__title h2,
.quote-sec.photo-quotes .quote-sec__title h3,
.quote-sec__name-position h1,
.quote-sec__name-position h2,
.quote-sec__name-position h3 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.quote-sec__container ol li,
.quote-sec__container ul li {
    position: relative;
    padding-left: 45px
}

.quote-sec__container ol li:before,
.quote-sec__container ul li:before {
    position: absolute;
    content: "";
    height: 32px;
    top: 50%
}

.quote-sec_green {
    background-color: #97d700
}

.quote-sec_green .quote-sec__title {
    color: #282c30
}

.quote-sec.photo-quotes {
    background: rgba(0, 0, 0, 0)
}

.quote-sec.photo-quotes .quote-sec__title {
    font-size: 65px;
    font-weight: 300;
    line-height: 126.15%;
    max-width: 1307px;
    margin: 0 auto 79px
}

.quote-sec__photo-author {
    width: 124px;
    height: 118px;
    margin: 0 auto
}

.quote-sec__name-position {
    margin-top: 35px;
    color: #97d700
}

@media only screen and (max-width:1400px) {
    .cc-elem-wrap::after {
        right: 20px
    }

    .bg-sec.gap-top-small {
        padding-top: 90px !important
    }

    .bg-sec.gap-top-big,
    .es-jobs-2.gap-top-medium,
    .info-sec-2.gap-top-medium,
    .quote-sec.gap-top-medium,
    .skills.gap-top-medium,
    .text-sec.gap-top-medium {
        padding-top: 120px !important
    }

    .bg-sec.gap-bottom-big {
        margin-bottom: 100px !important
    }

    .es-jobs-2.gap-top-small,
    .info-sec-2.gap-top-small,
    .landing_member-big.gap-top-small .member-sec,
    .quote-sec.gap-top-small,
    .skills.gap-top-small,
    .text-sec.gap-top-small {
        padding-top: 55px !important
    }

    .es-jobs-2.gap-top-big,
    .info-sec-2.gap-top-big,
    .quote-sec.gap-top-big,
    .skills.gap-top-big,
    .text-sec.gap-top-big {
        padding-top: 190px !important
    }

    .quote-sec.gap-bottom-small,
    .skills.gap-bottom-small,
    .text-sec.gap-bottom-small {
        padding-bottom: 55px !important
    }

    .quote-sec.gap-bottom-medium,
    .skills.gap-bottom-medium,
    .text-sec.gap-bottom-medium {
        padding-bottom: 120px !important
    }

    .quote-sec.gap-bottom-big,
    .skills.gap-bottom-big,
    .text-sec.gap-bottom-big {
        padding-bottom: 190px !important
    }
}

.quote-sec_logo {
    padding-bottom: 100px
}

.quote-sec_logo .title {
    position: relative;
    font-size: 26px;
    line-height: 150%
}

.quote-sec_logo__bottom img {
    height: 150px;
    object-fit: contain;
    object-position: left;
    width: 40%
}

.quote-sec_logo__bottom p {
    font-size: 28px;
    line-height: 140%;
    width: 57%;
    text-align: right;
    margin-left: auto
}

.quote-sec_logo__bottom p.centered {
    margin-left: auto;
    width: 100%
}

.quote-sec_logo .slick-list.draggable {
    padding-top: 90px;
    margin-top: -90px
}

.quote-sec_logo.slider-btns .slick-next,
.quote-sec_logo.slider-btns .slick-prev {
    background-color: #fff;
    top: auto;
    bottom: 10px
}

.quote-sec_logo.slider-btns .slick-next {
    right: 17%
}

.quote-sec_logo.slider-btns .slick-next:before {
    background: url(../images/icon-arrow-right-grey.svg) center center/contain no-repeat
}

.quote-sec_logo.slider-btns .slick-prev {
    left: auto;
    right: calc(17% + 66px)
}

.quote-sec_logo.slider-btns .slick-prev:before {
    background: url(../images/icon-arrow-left-grey.svg) center center/contain no-repeat
}

.testimonial-swiper__btns {
    padding-top: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.testimonial-swiper__btns .news__slide-btn {
    position: static;
    margin: 0 7px
}

@media only screen and (max-width:1024px) {
    .cc-elem-wrap.with-padding-bottom .title {
        padding-bottom: 37px
    }

    .bg-sec.gap-top-small {
        padding-top: 80px !important
    }

    .bg-sec.gap-top-big,
    .es-jobs-2.gap-top-medium,
    .info-sec-2.gap-top-medium,
    .quote-sec.gap-top-medium,
    .skills.gap-top-medium,
    .text-sec.gap-top-medium {
        padding-top: 100px !important
    }

    .bg-sec.gap-bottom-none .bg-sec__bg {
        margin-bottom: -270px
    }

    .bg-sec.gap-bottom-small {
        margin-bottom: 40px !important
    }

    .bg-sec.gap-bottom-big {
        margin-bottom: 80px !important
    }

    .es-jobs-2.gap-top-small,
    .info-sec-2.gap-top-small,
    .quote-sec.gap-top-small,
    .skills.gap-top-small,
    .text-sec.gap-top-small {
        padding-top: 45px !important
    }

    .es-jobs-2.gap-top-big,
    .info-sec-2.gap-top-big,
    .quote-sec.gap-top-big,
    .skills.gap-top-big,
    .text-sec.gap-top-big {
        padding-top: 140px !important
    }

    .quote-sec.gap-bottom-small,
    .skills.gap-bottom-small,
    .text-sec.gap-bottom-small {
        padding-bottom: 45px !important
    }

    .quote-sec.gap-bottom-medium,
    .skills.gap-bottom-medium,
    .text-sec.gap-bottom-medium {
        padding-bottom: 100px !important
    }

    .quote-sec.gap-bottom-big,
    .skills.gap-bottom-big,
    .text-sec.gap-bottom-big {
        padding-bottom: 140px !important
    }

    .info-sec-2.gap-bottom-small .info-sec-2__second-color {
        height: 40px
    }

    .info-sec-2.gap-bottom-medium .info-sec-2__second-color {
        height: 60px
    }

    .info-sec-2.gap-bottom-big .info-sec-2__second-color {
        height: 80px
    }

    .testimonial-swiper__btns {
        padding-top: 100px
    }
}

@media only screen and (max-width:800px) {
    .testimonial-swiper__btns {
        padding-top: 60px
    }
}

.member-sec {
    background-color: #868d94;
    padding-top: 190px;
    padding-bottom: 160px
}

.member-sec.testimonial-swiper {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.google-reviews-slider,
.google-reviews-slider__wrapper,
.member-sec.testimonial-swiper .swiper-wrapper {
    width: 100%;
    max-width: 100%
}

.member-sec__container.with-centered,
.update-first.pb-type .update-first__wrap.items-center {
    align-items: center
}

.member-sec__container.with-centered .member-sec__left-side {
    transform: none
}

.member-sec__quotes {
    font-size: 111px;
    margin-top: 25px;
    margin-bottom: -30px
}

.member-sec__quotes--normal {
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px
}

.member-sec__quotes--normal:after,
.member-sec__quotes--normal:before {
    position: absolute;
    left: 0
}

.member-sec__quotes--normal:before {
    content: "“";
    top: 0
}

.member-sec__quotes--normal:after {
    content: "”";
    bottom: 0;
    transform: translateY(50%);
    left: auto;
    right: 0
}

@media only screen and (max-width:1300px) {
    .member-sec__quotes--normal:after {
        transform: translateY(70%)
    }
}

.member-sec__left-side {
    width: 53.5%;
    transform: translateY(90px)
}

.member-sec__right-side {
    position: relative;
    width: 34%;
    height: max-content
}

.member-sec__right-side>img {
    height: 560px;
    width: 100%;
    object-fit: cover
}

.member-sec__star {
    position: absolute;
    bottom: -20%;
    left: -17%
}

.member-sec__star img {
    width: 9.5vw
}

.member-sec__second-color,
.team-test {
    background-color: #e7e8ea;
    padding-top: 310px
}

#doubleRange,
.about-bus__inner,
.about-bus__main {
    background-color: #5d6770
}

.sdas {
    color: transparent
}

.member-sec-big .member-sec__container {
    opacity: 0;
    visibility: hidden;
    transition: .4s linear
}

.member-sec-big .member-sec__container.fade-in {
    opacity: 1;
    visibility: visible
}

.team-test__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: -120px;
    margin-right: -30px
}

.team-test__item {
    width: calc(20% - 30px);
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer
}

.team-test__item img {
    height: 320px;
    width: 100%;
    object-fit: cover
}

.about-bus__container {
    padding-top: 150px;
    display: flex;
    justify-content: center
}

.about-bus__main {
    width: 100%;
    padding-bottom: 125px;
    margin-bottom: -175px;
    display: flex;
    justify-content: center
}

.about-bus__inner {
    width: 53%
}

.about-bus_margin {
    margin-bottom: 585px
}

.about-bus__star:before {
    content: "";
    position: absolute;
    background: url("../images/designer/green/Star_4-crop.png") center/contain no-repeat;
    width: 7vw;
    height: 7vw;
    left: 3%;
    top: -70%
}

.about-bus.gap-top-none .about-bus__container,
.clients-form-section.gap-top-none,
.contact-sectors.gap-top-none,
.find-section+.about-us,
.find-section.gap-top-none,
.google-reviews.gap-top-none,
.image-text.gap-top-none,
.img-sec.gap-top-none,
.landing_a-and-v.gap-top-none .about-bus__container,
.sector-content-section.gap-top-none,
.sector-jobs-section.gap-top-none,
.sector-news-section.gap-top-none,
.sector-teams-section.gap-top-none,
.sectors-case-section.gap-top-none,
.testimonials-section.gap-top-none {
    padding-top: 0 !important
}

.about-bus.gap-top-small .about-bus__container,
.clients-form-section.gap-top-small,
.contact-sectors.gap-top-small,
.find-section.gap-top-small,
.google-reviews.gap-top-small,
.image-text.gap-top-small,
.img-sec.gap-top-small,
.landing_a-and-v.gap-top-small .about-bus__container,
.sector-content-section.gap-top-small,
.sector-jobs-section.gap-top-small,
.sector-news-section.gap-top-small,
.sector-teams-section.gap-top-small,
.sectors-case-section.gap-top-small,
.testimonials-section.gap-top-small {
    padding-top: 60px !important
}

.about-bus.gap-top-medium .about-bus__container,
.clients-form-section.gap-top-medium,
.contact-sectors.gap-top-medium,
.find-section.gap-top-medium,
.google-reviews.gap-top-medium,
.image-text.gap-top-medium,
.img-sec.gap-top-medium,
.landing_a-and-v.gap-top-medium .about-bus__container,
.sector-content-section.gap-top-medium,
.sector-jobs-section.gap-top-medium,
.sector-news-section.gap-top-medium,
.sector-teams-section.gap-top-medium,
.sectors-case-section.gap-top-medium,
.testimonials-section.gap-top-medium {
    padding-top: 140px !important
}

.about-bus.gap-top-big .about-bus__container,
.clients-form-section.gap-top-big,
.contact-sectors.gap-top-big,
.find-section.gap-top-big,
.google-reviews.gap-top-big,
.image-text.gap-top-big,
.img-sec.gap-top-big,
.landing_a-and-v.gap-top-big .about-bus__container,
.sector-content-section.gap-top-big,
.sector-jobs-section.gap-top-big,
.sector-news-section.gap-top-big,
.sector-teams-section.gap-top-big,
.sectors-case-section.gap-top-big,
.testimonials-section.gap-top-big {
    padding-top: 220px !important
}

.about-bus.gap-bottom-none .about-bus_margin {
    margin-bottom: 175px !important
}

.about-bus.gap-bottom-small .about-bus_margin {
    margin-bottom: 200px !important
}

.about-bus.gap-bottom-medium .about-bus_margin {
    margin-bottom: 260px !important
}

.about-bus.gap-bottom-big .about-bus_margin {
    margin-bottom: 320px !important
}

@media only screen and (max-width:1450px) {
    .about-bus.gap-bottom-none .about-bus_margin {
        margin-bottom: 200px !important
    }

    .about-bus.gap-bottom-small .about-bus_margin {
        margin-bottom: 240px !important
    }

    .about-bus.gap-bottom-medium .about-bus_margin {
        margin-bottom: 300px !important
    }

    .about-bus.gap-bottom-big .about-bus_margin {
        margin-bottom: 350px !important
    }
}

.vision {
    background-color: #868d94;
    padding-top: 260px;
    padding-bottom: 100px;
    overflow-x: hidden
}

.vision__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: -110px;
    margin-bottom: -60px
}

.vision__item {
    width: calc(33.33334% - 110px);
    margin-right: 110px;
    margin-bottom: 60px;
    background-color: #fff;
    padding: 65px 35px 45px;
    position: relative;
    margin-top: 130px
}

.vision__photo {
    margin: -40% auto 20px;
    width: 80%
}

.vision__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.vision__descr {
    margin-top: 20px;
    color: #868d94
}

.vision__list--var2 {
    flex-wrap: nowrap
}

.vision__list--var2 .vision__item {
    margin-right: 40px;
    width: calc(25% - 40px)
}

.img-sec__list-x3 {
    display: grid;
    grid-column-gap: 18px;
    grid-row-gap: 15px
}

.img-sec__item-x3 img,
.img-sec__item-x3 video {
    width: 100%;
    height: 27vw;
    object-fit: cover
}

.img-sec__list-x2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px
}

.img-sec__item-x2 img,
.img-sec__item-x2 video,
.img-sec__item-x4 img,
.img-sec__item-x4 video {
    width: 100%;
    height: 41.5vw;
    object-fit: cover
}

.img-sec__list-x4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px
}

.img-sec__item-x1 img,
.img-sec__item-x1 video {
    width: 100%;
    height: 48vw;
    object-fit: cover
}

.img-sec_small {
    padding-top: 260px;
    padding-bottom: 135px
}

.img-sec_medium {
    padding-top: 135px;
    padding-bottom: 115px
}

.img-sec_big {
    padding: 115px 0
}

.img-sec_large {
    padding-top: 115px;
    padding-bottom: 190px
}

.landing_about-bus+.landing_img-big,
.landing_about-bus+.landing_img-large,
.landing_about-bus+.landing_img-medium,
.landing_about-bus+.landing_img-small,
.landing_about-bus+.landing_info-sec,
.landing_about-bus+.landing_info-sec-3,
.landing_about-bus+.landing_jobs,
.landing_about-bus+.landing_member-big .team-test,
.landing_hero+.landing_img-big,
.landing_hero+.landing_img-large,
.landing_hero+.landing_img-medium,
.landing_hero+.landing_img-small,
.landing_hero+.landing_info-sec,
.landing_hero+.landing_jobs,
.landing_hero+.landing_member-big .team-test,
.landing_img-big+.landing_img-large,
.landing_img-big+.landing_img-medium,
.landing_img-big+.landing_img-small,
.landing_img-big+.landing_info-sec,
.landing_img-big+.landing_info-sec-3,
.landing_img-big+.landing_jobs,
.landing_img-big+.landing_member-big .team-test,
.landing_img-large+.landing_img-big,
.landing_img-large+.landing_img-medium,
.landing_img-large+.landing_img-small,
.landing_img-large+.landing_info-sec,
.landing_img-large+.landing_info-sec-3,
.landing_img-large+.landing_jobs,
.landing_img-large+.landing_member-big .team-test,
.landing_img-medium+.landing_img-big,
.landing_img-medium+.landing_img-large,
.landing_img-medium+.landing_img-small,
.landing_img-medium+.landing_info-sec,
.landing_img-medium+.landing_info-sec-3,
.landing_img-medium+.landing_jobs,
.landing_img-medium+.landing_member-big .team-test,
.landing_img-small+.landing_img-big,
.landing_img-small+.landing_img-large,
.landing_img-small+.landing_img-medium,
.landing_img-small+.landing_info-sec,
.landing_img-small+.landing_info-sec-3,
.landing_img-small+.landing_jobs,
.landing_img-small+.landing_member-big .team-test,
.landing_info-sec+.landing_img-big,
.landing_info-sec+.landing_img-large,
.landing_info-sec+.landing_img-medium,
.landing_info-sec+.landing_img-small,
.landing_info-sec+.landing_info-sec-3,
.landing_info-sec+.landing_jobs,
.landing_info-sec+.landing_member-big .team-test,
.landing_info-sec-2-left+.landing_img-big,
.landing_info-sec-2-left+.landing_img-large,
.landing_info-sec-2-left+.landing_img-medium,
.landing_info-sec-2-left+.landing_img-small,
.landing_info-sec-2-left+.landing_info-sec-3,
.landing_info-sec-2-left+.landing_jobs,
.landing_info-sec-2-left+.landing_member-big .team-test,
.landing_info-sec-2-right+.landing_img-big,
.landing_info-sec-2-right+.landing_img-large,
.landing_info-sec-2-right+.landing_img-medium,
.landing_info-sec-2-right+.landing_img-small,
.landing_info-sec-2-right+.landing_info-sec,
.landing_info-sec-2-right+.landing_info-sec-3,
.landing_info-sec-2-right+.landing_jobs,
.landing_info-sec-2-right+.landing_member-big .team-test,
.landing_info-sec-3+.landing_img-big,
.landing_info-sec-3+.landing_img-large,
.landing_info-sec-3+.landing_img-medium,
.landing_info-sec-3+.landing_img-small,
.landing_info-sec-3+.landing_info-sec,
.landing_info-sec-3+.landing_info-sec-3,
.landing_info-sec-3+.landing_jobs,
.landing_info-sec-3+.landing_member-big .team-test,
.landing_jobs+.landing_img-big,
.landing_jobs+.landing_img-large,
.landing_jobs+.landing_img-medium,
.landing_jobs+.landing_img-small,
.landing_jobs+.landing_info-sec,
.landing_jobs+.landing_info-sec-3,
.landing_jobs+.landing_member-big .team-test,
.landing_jobs-2+.landing_img-big,
.landing_jobs-2+.landing_img-large,
.landing_jobs-2+.landing_img-medium,
.landing_jobs-2+.landing_img-small,
.landing_jobs-2+.landing_info-sec-3,
.landing_jobs-2+.landing_jobs,
.landing_jobs-2+.landing_member-big .team-test,
.landing_photo+.landing_img-big,
.landing_photo+.landing_img-large,
.landing_photo+.landing_img-medium,
.landing_photo+.landing_img-small,
.landing_photo+.landing_info-sec,
.landing_photo+.landing_info-sec-3,
.landing_photo+.landing_jobs,
.landing_photo+.landing_member-big .team-test,
.landing_quotes+.landing_img-big,
.landing_quotes+.landing_img-large,
.landing_quotes+.landing_img-medium,
.landing_quotes+.landing_img-small,
.landing_quotes+.landing_info-sec,
.landing_quotes+.landing_info-sec-3,
.landing_quotes+.landing_jobs,
.landing_quotes+.landing_member-big .team-test,
.landing_quotes-green+.landing_img-big,
.landing_quotes-green+.landing_img-large,
.landing_quotes-green+.landing_img-medium,
.landing_quotes-green+.landing_img-small,
.landing_quotes-green+.landing_info-sec,
.landing_quotes-green+.landing_info-sec-3,
.landing_quotes-green+.landing_jobs,
.landing_quotes-green+.landing_member-big .team-test {
    padding-top: 0
}

.landing_hero+.landing_info-sec-3,
.landing_member+.landing_jobs-2,
.landing_member-big+.landing_jobs-2,
.landing_quotes+.landing_jobs-2,
.landing_quotes-green+.landing_jobs-2 {
    padding-top: 100px
}

.landing_a-and-v+.landing_img-big,
.landing_a-and-v+.landing_img-large,
.landing_a-and-v+.landing_img-medium,
.landing_a-and-v+.landing_img-small,
.landing_a-and-v+.landing_info-sec,
.landing_a-and-v+.landing_info-sec-3,
.landing_a-and-v+.landing_jobs,
.landing_a-and-v+.landing_member-big .team-test,
.landing_member+.landing_img-big,
.landing_member+.landing_img-large,
.landing_member+.landing_img-medium,
.landing_member+.landing_img-small,
.landing_member+.landing_info-sec,
.landing_member+.landing_info-sec-3,
.landing_member+.landing_jobs,
.landing_member-big+.landing_img-big,
.landing_member-big+.landing_img-large,
.landing_member-big+.landing_img-medium,
.landing_member-big+.landing_img-small,
.landing_member-big+.landing_info-sec,
.landing_member-big+.landing_info-sec-3,
.landing_member-big+.landing_jobs,
.landing_skills+.landing_img-big,
.landing_skills+.landing_img-large,
.landing_skills+.landing_img-medium,
.landing_skills+.landing_img-small,
.landing_skills+.landing_info-sec,
.landing_skills+.landing_info-sec-3,
.landing_skills+.landing_jobs,
.landing_skills+.landing_member-big .team-test,
.landing_text-green+.landing_img-big,
.landing_text-green+.landing_img-large,
.landing_text-green+.landing_img-medium,
.landing_text-green+.landing_img-small,
.landing_text-green+.landing_info-sec,
.landing_text-green+.landing_info-sec-3,
.landing_text-green+.landing_jobs,
.landing_text-green+.landing_member-big .team-test {
    padding-top: 150px
}

.cl-hub-camp_talent,
.landing_text-green+.landing_info-sec-2,
.landing_text-green+.landing_member {
    padding-top: 50px
}

.landing_info-sec+* {
    margin-top: -125px
}

.landing_info-sec-2-left+.landing_info-sec {
    padding-top: 130px
}

.landing_info-sec-2-left+.landing_info-sec .info-sec__container-second,
.landing_info-sec-3+.landing_info-sec-3 .info-sec-3__container-second {
    margin-top: 0
}

.landing_info-sec-3+* {
    margin-top: -110px
}

.landing_jobs+* {
    margin-top: -70px
}

.landing_jobs-2+* {
    margin-top: -180px
}

.landing_member-big+.landing_member {
    margin-top: -300px
}

.landing_about-bus+* {
    margin-top: -260px
}

.landing_img-big+* {
    margin-top: 35px
}

.landing_img-large+* {
    margin-top: -40px
}

.cl-hub-slider .swiper-wrapper {
    height: auto
}

.cl-hub-section {
    background: #5d6770;
    padding-top: 343px
}

.cl-hub-section .title {
    padding-bottom: 33px;
    position: relative;
    display: inline-block
}

.cl-hub-section .title::after {
    position: absolute;
    z-index: 10;
    content: "";
    top: -150%;
    left: -32%;
    width: 148px;
    height: 148px;
    background: url(../images/designer/green/Star_4-crop.png) center center/contain no-repeat
}

.cl-hub-section .cc-sub-title {
    padding-bottom: 131px
}

.cl-hub-second,
.cl-hub-section-second {
    background: #e7e8ea;
    padding-top: 144px;
    padding-bottom: 82px
}

.cl-hub-section>img {
    width: 100%;
    margin-top: -175px
}

.cl-hub-cont {
    position: relative;
    z-index: 9;
    background: #5d6770;
    width: 82.2916666667%
}

.cl-hub-photo {
    margin-top: -175px
}

.cl-hub-left-side {
    margin-left: 3.5365853659%
}

.cl-hub-right-side img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.cl-hub-camp {
    background: #868d94;
    padding-top: 179px;
    margin-bottom: 200px
}

.cl-hub-camp+.case-st {
    padding-top: 200px
}

.cl-hub-camp_jobs {
    margin-bottom: 0;
    padding-bottom: 100px
}

.cl-hub-camp_jobs .cl-hub-flex {
    display: grid;
    justify-content: normal;
    grid-column-gap: 6.5%
}

.cl-hub-camp_jobs .cl-hub-flex .cc-elem-wrap {
    margin-bottom: 0;
    width: 100%
}

.camp-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 77.6041666667%;
    margin: 0 auto;
    padding-bottom: 96px
}

.camp-info .right {
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300;
    color: #e7e8ea;
    width: 47.5167785235%
}

.portal-popup__form a,
.portal-popup__form p,
.route .small {
    font-size: 13px
}

.camp-view-more {
    width: 200px;
    margin-top: 53px;
    border-color: #e7e8ea
}

.cl-hub-flex {
    display: flex;
    justify-content: space-between;
    width: 87.1875%;
    margin: 0 auto
}

.cl-hub-flex .cc-elem-wrap {
    top: 0 !important;
    width: 28.9127837515%;
    height: 350px
}

.cl-hub-flex .cc-elem-wrap .title {
    font-size: 35px;
    line-height: 50px;
    width: 85%
}

.case-st {
    padding-top: 416px;
    padding-bottom: 202px;
    margin-left: 6.40625%
}

.case-st-info {
    display: flex;
    align-items: center;
    margin-left: 48px;
    padding-bottom: 66px
}

.case-st-info .btn {
    width: 200px;
    margin-left: 19.7916666667%
}

.case-st-form input:not([type=submit]) {
    background-color: #fff;
    color: #5d6770
}

.case-st-form input:not([type=submit])::placeholder {
    color: #5d6770
}

.case-st-form input:not([type=submit]):-webkit-autofill,
.case-st-form input:not([type=submit]):-webkit-autofill:active,
.case-st-form input:not([type=submit]):-webkit-autofill:focus,
.case-st-form input:not([type=submit]):-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #5d6770
}

.case-st-btn {
    align-self: center;
    background: #e7e8ea
}

.cl-hub-slide {
    width: 377px;
    margin-right: 125px;
    position: relative
}

.cl-hub-slide .info {
    width: 237px;
    padding: 23px 20px;
    background: #97d700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: -10px
}

.cl-hub-slide .info .sli-title {
    font-family: Merriweather, serif;
    font-size: 26px;
    font-weight: 300;
    color: #5d6770;
    padding-bottom: 15px
}

.cl-hub-slide .info .sub-title {
    font-family: Merriweather, serif;
    font-size: 17px;
    font-weight: 300;
    color: #5d6770
}

.cl-hub-slide .info .sli-read {
    margin-top: 12px;
    font-family: Merriweather, serif;
    font-size: 17px;
    font-weight: 400;
    color: #5d6770;
    cursor: pointer
}

.cl-hub-slide .info .sli-read:hover {
    opacity: .5
}

.cl-hub-slide .info img {
    width: 32px;
    height: 32px;
    transition: .2s ease-in-out
}

.cl-hub-slide>img,
.cl-hub-slide>video {
    margin-bottom: 38px;
    height: 310px;
    width: 100%;
    object-fit: cover
}

.hero-sector__bg {
    max-width: 846px;
    width: 100%
}

.hero-sector__bg.vimeo-video-inside {
    overflow: hidden;
    height: 120%
}

.hero-sector__bg img,
.hero-sector__bg video {
    width: 100%;
    height: 120%;
    object-fit: cover
}

.hero-sector__right-side {
    margin-left: 3vw;
    width: 44%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.hero-sector__descr {
    margin-top: 80px
}

.hero-sector__arrows {
    position: absolute;
    bottom: -20%;
    left: 46%;
    pointer-events: none
}

.hero-sector__arrows img {
    transform: rotate(-84deg);
    width: 13vw
}

.btns-list .btn:not(:last-child) {
    margin-right: 35px
}

.sector-info-sec {
    padding-top: 275px;
    padding-bottom: 155px
}

.case-st-sectors {
    padding-top: 160px
}

.contact-sectors {
    padding-bottom: 150px
}

@media only screen and (max-width:1400px) {

    .about-bus.gap-top-medium .about-bus__container,
    .contact-sectors.gap-top-medium,
    .img-sec.gap-top-medium,
    .landing_member-big.gap-top-medium .member-sec {
        padding-top: 120px !important
    }

    .about-bus.gap-top-big .about-bus__container,
    .contact-sectors.gap-top-big,
    .img-sec.gap-top-big,
    .landing_member-big.gap-top-big .member-sec {
        padding-top: 190px !important
    }

    .contact-sectors.gap-bottom-small,
    .img-sec.gap-bottom-small,
    .landing_member-big.gap-bottom-small .member-sec {
        padding-bottom: 55px !important
    }

    .contact-sectors.gap-bottom-medium,
    .img-sec.gap-bottom-medium,
    .landing_member-big.gap-bottom-medium .member-sec {
        padding-bottom: 120px !important
    }

    .contact-sectors.gap-bottom-big,
    .img-sec.gap-bottom-big,
    .landing_member-big.gap-bottom-big .member-sec {
        padding-bottom: 190px !important
    }

    .about-bus.gap-top-small .about-bus__container,
    .contact-sectors.gap-top-small,
    .image-text.gap-top-small,
    .img-sec.gap-top-small {
        padding-top: 55px !important
    }
}

@media only screen and (max-width:1024px) {

    .about-bus.gap-top-small .about-bus__container,
    .contact-sectors.gap-top-small,
    .img-sec.gap-top-small,
    .landing_member-big.gap-top-small .member-sec {
        padding-top: 45px !important
    }

    .about-bus.gap-top-medium .about-bus__container,
    .contact-sectors.gap-top-medium,
    .img-sec.gap-top-medium,
    .landing_member-big.gap-top-medium .member-sec {
        padding-top: 100px !important
    }

    .about-bus.gap-top-big .about-bus__container,
    .contact-sectors.gap-top-big,
    .img-sec.gap-top-big,
    .landing_member-big.gap-top-big .member-sec {
        padding-top: 140px !important
    }

    .contact-sectors.gap-bottom-small,
    .img-sec.gap-bottom-small,
    .landing_member-big.gap-bottom-small .member-sec {
        padding-bottom: 45px !important
    }

    .contact-sectors.gap-bottom-medium,
    .img-sec.gap-bottom-medium,
    .landing_member-big.gap-bottom-medium .member-sec {
        padding-bottom: 100px !important
    }

    .contact-sectors.gap-bottom-big,
    .img-sec.gap-bottom-big,
    .landing_member-big.gap-bottom-big .member-sec {
        padding-bottom: 140px !important
    }

    .about-bus.gap-bottom-none .about-bus_margin {
        margin-bottom: 160px !important
    }

    .about-bus.gap-bottom-small .about-bus_margin {
        margin-bottom: 195px !important
    }

    .about-bus.gap-bottom-medium .about-bus_margin {
        margin-bottom: 230px !important
    }

    .about-bus.gap-bottom-big .about-bus_margin {
        margin-bottom: 290px !important
    }
}

.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed
}

.checkbox-radio-pb input:checked~.checkbox-box:before,
.form-iframe__checkbox-list .meta-checkbox input:checked~.meta-checkbox__box .check-clip,
.form-iframe__checkbox-list .meta-checkbox input:checked~.meta-checkbox__box .circle-clip,
.form-iframe__checkbox-list .meta-checkbox input:checked~.meta-checkbox__box i,
.hero-landing-video-sec__video-block:hover .plyr__controls,
.popup-steps-list .popup-step.active p,
.popup-steps-list .popup-step.active span {
    opacity: 1
}

.custom-radio-block input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    cursor: pointer
}

.custom-radio-block input[type=radio]+label {
    display: inline-flex;
    align-items: center;
    user-select: none
}

.custom-radio-block input[type=radio]+label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    border-radius: 50%;
    flex-grow: 0;
    border: 1px solid #e7e8ea;
    margin-right: 10px
}

.portal-popup,
.portal-popup__bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.custom-radio-block input[type=radio]+label:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer
}

.custom-radio-block input[type=radio]:checked+label:before {
    background-color: #e7e8ea
}

.portal-popup {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(93, 103, 112, .8);
    z-index: 9998
}

.portal-popup .close-popup-btn {
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 5px;
    background: url(../images/svg/arrow-close.svg) center center/50% no-repeat #fff;
    cursor: pointer;
    height: 64px;
    width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: .3s ease-in-out
}

.portal-popup .close-popup-btn:hover {
    background-size: 60%
}

@media only screen and (max-width:768px) {
    .sec-ch-grid__wrap .ch-grid {
        margin-top: 50px;
        width: 100%
    }

    .sec-ch-grid__wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .blogs-types__item span {
        font-size: 16px
    }

    .blogs-types {
        margin-bottom: -20px
    }

    .bg-sec.gap-top-small {
        padding-top: 60px !important
    }

    .about-bus.gap-top-medium .about-bus__container,
    .bg-sec.gap-top-big,
    .contact-sectors.gap-top-medium,
    .es-jobs-2.gap-top-medium,
    .img-sec.gap-top-medium,
    .info-sec-2.gap-top-medium,
    .landing_member-big.gap-top-medium .member-sec,
    .quote-sec.gap-top-medium,
    .skills.gap-top-medium,
    .text-sec.gap-top-medium {
        padding-top: 80px !important
    }

    .bg-sec.gap-bottom-none .bg-sec__bg {
        margin-bottom: -220px
    }

    .bg-sec.gap-bottom-small {
        margin-bottom: 30px !important
    }

    .bg-sec.gap-bottom-big {
        margin-bottom: 60px !important
    }

    .about-bus.gap-top-small .about-bus__container,
    .contact-sectors.gap-top-small,
    .es-jobs-2.gap-top-small,
    .img-sec.gap-top-small,
    .info-sec-2.gap-top-small,
    .landing_member-big.gap-top-small .member-sec,
    .quote-sec.gap-top-small,
    .skills.gap-top-small,
    .text-sec.gap-top-small {
        padding-top: 40px !important
    }

    .about-bus.gap-top-big .about-bus__container,
    .contact-sectors.gap-top-big,
    .es-jobs-2.gap-top-big,
    .img-sec.gap-top-big,
    .info-sec-2.gap-top-big,
    .landing_member-big.gap-top-big .member-sec,
    .quote-sec.gap-top-big,
    .skills.gap-top-big,
    .text-sec.gap-top-big {
        padding-top: 100px !important
    }

    .contact-sectors.gap-bottom-small,
    .img-sec.gap-bottom-small,
    .landing_member-big.gap-bottom-small .member-sec,
    .quote-sec.gap-bottom-small,
    .skills.gap-bottom-small,
    .text-sec.gap-bottom-small {
        padding-bottom: 40px !important
    }

    .contact-sectors.gap-bottom-medium,
    .img-sec.gap-bottom-medium,
    .landing_member-big.gap-bottom-medium .member-sec,
    .quote-sec.gap-bottom-medium,
    .skills.gap-bottom-medium,
    .text-sec.gap-bottom-medium {
        padding-bottom: 80px !important
    }

    .contact-sectors.gap-bottom-big,
    .img-sec.gap-bottom-big,
    .landing_member-big.gap-bottom-big .member-sec,
    .quote-sec.gap-bottom-big,
    .skills.gap-bottom-big,
    .text-sec.gap-bottom-big {
        padding-bottom: 100px !important
    }

    .es-jobs-2.gap-bottom-none .es-jobs-2__second-color {
        height: 50px
    }

    .es-jobs-2.gap-bottom-small .es-jobs-2__second-color {
        height: 80px
    }

    .es-jobs-2.gap-bottom-medium .es-jobs-2__second-color {
        height: 100px
    }

    .es-jobs-2.gap-bottom-big .es-jobs-2__second-color {
        height: 150px
    }

    .testimonial-swiper__btns {
        padding-top: 40px
    }

    .portal-popup .close-popup-btn {
        height: 8vw;
        width: 8vw;
        top: 20px;
        right: 20px
    }
}

.portal-popup__bg {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10
}

.portal-popup_big {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 80px
}

.portal-popup__block {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 675px;
    height: 85vh;
    background-color: #868d94;
    padding: 60px 80px 45px;
    overflow: auto;
    z-index: 20
}

.es-jobs-mix+.case-st-sectors,
.fes-ch-slider__btn-container,
.page404,
.page404 .wrap,
.popup-b__block,
.popup-b__block .green-star,
.portal-popup__text,
.portal-popup__text.arrows,
.project-popup__container,
.video-block {
    position: relative
}

.portal-popup__block::-webkit-scrollbar {
    width: 4px
}

.portal-popup__block::-webkit-scrollbar:hover {
    width: 4px
}

.portal-popup__block::-webkit-scrollbar-track:hover {
    background: #f1f1f1;
    width: 4px
}

.portal-popup__block::-webkit-scrollbar-track {
    background: #edf0f7
}

.portal-popup__block::-webkit-scrollbar-thumb {
    background: #97d700
}

.portal-popup__block::-webkit-scrollbar-thumb:hover {
    background: #354557;
    width: 4px
}

.portal-popup__colored-box {
    padding: 30px 80px;
    margin-top: 60px;
    margin-bottom: 60px
}

.portal-popup__colored-box .colored-box__border {
    width: 42px
}

.portal-popup__form {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
    width: 100%
}

.portal-popup__form a,
.termsfeed-com---palette-dark .cc-cp-body-content-entry a {
    display: inline-block
}

.portal-popup .custom-checkbox-block span {
    font-size: 13px;
    font-weight: 300
}

.portal-popup .custom-checkbox-block .custom-checkbox+label:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #fff;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer
}

.portal-popup__checkbox {
    margin: 5px 0 0 !important;
    justify-self: center
}

.portal-popup__checkbox input:checked+.check-title:before {
    background: #e7e8ea
}

.portal-popup__checkbox .check-title:before {
    width: 22px !important;
    height: 22px !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 1px solid #e7e8ea !important
}

.portal-popup__checkbox span {
    font-size: 13px !important;
    line-height: 22px !important
}

.portal-popup__btn {
    justify-self: center;
    margin-top: 15px;
    border: 1px solid #97d700;
    color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.portal-popup__text {
    margin-top: 15px;
    justify-self: center
}

.portal-popup__text.arrows::after {
    content: "";
    width: 100px;
    height: 75px;
    bottom: -20px;
    right: -112px;
    position: absolute;
    background: url(../images/designer/green/Arrows_1-cuted.png) center center/contain no-repeat;
    transform: scaleX(-1) rotateZ(45deg)
}

.portal-popup__flex-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.portal-popup__activated {
    width: 100%;
    padding: 18px 0;
    background: #97d700;
    color: #5d6770
}

.portal-popup .approved-message {
    margin-top: 30%;
    padding: 0 45px
}

.popup-steps-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 10vw
}

.popup-steps-list .popup-step {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background-color: #818990;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #97d700
}

.popup-steps-list .popup-step:before {
    position: absolute;
    content: "";
    background-color: #818990;
    height: 5px;
    width: 15vw;
    right: 90%;
    z-index: -1
}

.popup-steps-list .popup-step:last-child:after {
    position: absolute;
    content: "";
    background-color: #818990;
    height: 5px;
    width: 15vw;
    left: 90%;
    z-index: -1
}

.popup-steps-list .popup-step p {
    font-size: 85px;
    line-height: 120%;
    font-weight: 400;
    color: #97d700;
    font-family: Amithen, serif;
    opacity: .22
}

.popup-steps-list .popup-step span {
    position: absolute;
    font-size: 16px;
    width: max-content;
    bottom: -30px;
    opacity: .22
}

.popup-steps-list .popup-step.active,
.popup-steps-list .popup-step.active:before,
.sector-news-section {
    background-color: #fff
}

.popup-b__block {
    width: 75vw;
    height: max-content;
    min-height: 60%;
    margin: 50px auto auto;
    background-color: #868d94;
    padding: 100px 13.2vw 80px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    z-index: 20
}

.popup-b__block::-webkit-scrollbar {
    width: 4px
}

.popup-b__block::-webkit-scrollbar:hover {
    width: 4px
}

.popup-b__block::-webkit-scrollbar-track:hover {
    background: #f1f1f1;
    width: 4px
}

.popup-b__block::-webkit-scrollbar-track {
    background: #edf0f7
}

.popup-b__block::-webkit-scrollbar-thumb {
    background: #97d700
}

.popup-b__block::-webkit-scrollbar-thumb:hover {
    background: #354557;
    width: 4px
}

.popup-b__block .green-star:before {
    position: absolute;
    content: "";
    background: url("../images/designer/green/Star_1-cuted.png") center/contain no-repeat;
    width: 109px;
    height: 109px;
    left: -6.5vw;
    top: -3vw
}

.popup-b__title {
    margin-top: 0;
    align-self: center;
    font-weight: 300;
    line-height: 140%
}

.popup-b__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px
}

.popup-b__form p {
    color: #fff
}

.popup-b__form p.text_medium {
    margin-bottom: 20px
}

.popup-b__form .btn {
    width: 200px
}

.popup-b__form .custom-checkbox-block p,
.route .text_medium {
    margin-bottom: 0 !important
}

.content-block .table-container:not(:last-child),
.content-block table:not(:last-child),
.route .text_big,
.route__row:not(:last-child) {
    margin-bottom: 20px
}

.popup-b__form .custom-checkbox-block .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.popup-b__form .custom-checkbox-block .custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    color: #fff
}

.bg-sec-landing:not(.bg-sec-landing.landing_photo) .bg-sec__bg,
.bg-sec-landing:not(.bg-sec-landing.landing_photo) .bg-sec__second-color,
.cb__block_docs .custom-file-block-2 input[type=file],
.checkbox-radio-pb input,
.google-reviews #map-plug,
.popup-b__file-block input[type=file],
.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    display: none
}

.popup-b__form .custom-checkbox-block .custom-checkbox+label:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #fff;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.candidate-block .cb__right-side form input[type=date]:focus:before,
.cb__block input[type=date]:focus:before {
    content: "" !important
}

.popup-b__form .custom-checkbox-block .custom-checkbox:checked+label:before {
    background: url("../images/checkbox-check.png") center/27px 20px no-repeat
}

.popup-b__form .row .custom-checkbox-block:not(:last-child) {
    margin-right: 65px
}

.popup-b__form .row .text_green,
.route__value {
    color: #97d700 !important
}

.popup-b__file-block {
    background-color: #fff;
    padding: 35px 45px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-top: 50px
}

.popup-b__file-block .popup-b__label-f-b {
    display: flex;
    width: 100%;
    margin-right: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    scrollbar-width: none;
    align-items: center
}

.route__row,
.update-first.pb-type .update-first__wrap.items-end {
    align-items: flex-end
}

.popup-b__file-block .popup-b__label-f-b span {
    margin-left: 10px
}

.popup-b__file-block .popup-b__label-f-b::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0)
}

.cb__row,
.hero-landing-video-sec__video-block .video-player,
.hero-landing-video-sec__video-block .video-player>*,
.route__row_flex-wrap .small,
.talent-image-container .talent-text-image-content .container,
.talent-image-container .who-we__bg {
    width: 100%
}

.popup-b__file-block .popup-b__label-f-b::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0)
}

.popup-b__file-block .popup-b__label-f-b::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.popup-b__file-block .custom-file-upload {
    margin-top: 0;
    color: #5d6770
}

.route-descr {
    margin-top: 140px;
    margin-bottom: 40px;
    align-self: flex-start
}

.route__row {
    display: grid;
    grid-template-columns: 1fr 1fr
}

#doubleRange,
.candidate-block .cb__text:not(:last-child) {
    margin-bottom: 15px
}

.route__row_flex {
    display: flex
}

.popup-row,
.route__row_flex-wrap {
    flex-wrap: wrap
}

.route__title {
    font-size: 30px;
    font-weight: 300;
    margin-right: 15px
}

.route .small {
    line-height: 30px
}

.route .text_big {
    font-size: 22px
}

.route__key {
    margin-right: 12vw
}

.route__value input,
.route__value select {
    width: 100%;
    background: rgba(0, 0, 0, 0);
    font-family: Merriweather, serif;
    color: #97d700;
    font-size: 20px;
    border: none;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    -webkit-box-shadow: inset 0 0 0 50px #868d94;
    -webkit-text-fill-color: #97d700
}

.candidate-block {
    display: flex;
    justify-content: center
}

.candidate-block .cb__left-side {
    margin-right: 30px
}

.candidate-block .cb__left-side img {
    width: 222px;
    height: 222px;
    object-fit: cover;
    border-radius: 50%
}

.candidate-block .cb__right-side form {
    display: flex;
    flex-direction: column
}

.candidate-block .cb__right-side form input {
    font-family: Merriweather, serif;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    width: 300px;
    -webkit-box-shadow: inset 0 0 0 50px #868d94;
    -webkit-text-fill-color: #fff
}

.candidate-block .cb__right-side form input::placeholder {
    color: #fff
}

.candidate-block .cb__right-side form input[type=date]:before {
    color: #97d700;
    content: attr(placeholder) !important;
    margin-right: 10px
}

.candidate-block .cb__right-side input.cb__name::placeholder {
    color: #97d700
}

.candidate-block .cb__right-side input.cb__update {
    color: #97d700
}

.candidate-block .cb__right-side input.cb__update::placeholder {
    color: #97d700
}

.candidate-block .cb__text {
    font-size: 16px;
    font-weight: 300;
    color: #fff
}

.candidate-block .cb__text.text_green {
    color: #97d700
}

.candidate-block .cb__link {
    transition: .3s ease-in-out
}

.candidate-block .cb__link:hover {
    color: #282c30
}

.cb__row {
    align-items: center
}

.cb__row input {
    width: 450px
}

.cb__row_input,
.google-reviews__colored-box {
    margin-bottom: 60px
}

.cb__row_box {
    flex-wrap: wrap;
    width: auto;
    margin-right: -30px
}

.cb__row_box .cb__block {
    width: calc(50% - 30px);
    margin-right: 30px;
    margin-bottom: 40px
}

.cb__row_box .cb__block input {
    width: auto
}

.cb__block {
    display: flex;
    flex-direction: column
}

.cb__block .btn-danger {
    align-self: center;
    margin-top: 10px
}

.cb__block input[type=date]:before {
    color: #e7e8ea;
    content: attr(placeholder) !important;
    margin-right: 10px
}

.cb__block_docs,
.mb30 {
    margin-bottom: 30px
}

.cb__block_docs .btn {
    margin-top: 10px
}

.cb__block_docs span {
    color: #97d700;
    margin-top: 15px;
    word-break: break-all
}

.cb__block_docs .custom-file-block-2 {
    background-color: #fff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    align-self: flex-start;
    cursor: pointer
}

.cb__block_docs .custom-file-block-2 .custom-file-upload {
    margin-top: 0;
    color: #5d6770
}

.btns-confirm .btn,
.cb__block_docs .custom-file-block-2 span {
    margin-top: 0
}

.cb__left-text {
    margin-right: 100px
}

.cb__grid-inner {
    margin-bottom: 75px
}

.cb__grid-row {
    display: grid;
    grid-template-columns: 40% 60%
}

.cb__job-type {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px
}

.cb__job-type .text_green,
.cookies h1,
.cookies h2,
.cookies h3 {
    color: #97d700 !important
}

.blogs-jobs {
    padding-top: 115px !important;
    padding-bottom: 135px !important
}

input[type=date]::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

.mtb30 {
    margin: 30px 0
}

.margin-reset,
.testimonial-case-study__content h1,
.testimonial-case-study__content h2,
.testimonial-case-study__content h3 {
    margin-top: 0 !important
}

.page404 {
    width: 100vw;
    height: 100vh
}

.page404 .wrap {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40vw
}

.page404-logo {
    margin-bottom: 50px;
    max-width: 50%
}

.page404 .title {
    margin-bottom: 40px;
    font-size: 42px
}

.page404 .text {
    font-size: 24px;
    max-width: 70%;
    margin: 0 auto 30px
}

.page404 .btn {
    width: 200px;
    margin: 0 auto;
    border-radius: 5px
}

.dropdown-checkbox-radio__list .checkbox-radio-pb:hover .checkbox-box,
.popup-row .btn {
    margin-left: 10px
}

.padding-reset {
    margin-bottom: 0 !important;
    padding-bottom: 100px !important
}

.margin-reset {
    margin-bottom: 0 !important
}

.es-jobs-mix+.case-st-sectors:before {
    content: "";
    position: absolute;
    width: 90%;
    background: #b940ff;
    background: linear-gradient(90deg, rgba(185, 64, 255, 0) 0, #97d700 50%, rgba(0, 191, 255, 0) 100%);
    height: 3px;
    top: -60px
}

.slider-btns .slick-next,
.slider-btns .slick-prev {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #5d6770;
    position: absolute;
    cursor: pointer;
    transition: .2s ease-in
}

.slider-btns .slick-next:before,
.slider-btns .slick-prev:before {
    position: absolute;
    content: "";
    width: 40%;
    height: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slider-btns .slick-prev:before {
    background: url(../images/icon-arrow-left.svg) center center/contain no-repeat
}

.slider-btns .slick-next:before {
    background: url(../images/icon-arrow-right.svg) center center/contain no-repeat
}

.video-block_landing+* {
    margin-top: 100px
}

.logo-company-section.with-talent .cc-title,
.section-yellow .cc-title {
    color: #ffcd00
}

.section-yellow .cc-elem-wrap:after {
    background: url("../images/designer/yellow/Arrows_3-crop.png") center center/contain no-repeat
}

.section-yellow .content-block ol li:before,
.section-yellow .content-block ul li:before {
    background: url("../images/designer/yellow/Arrows_3.png") center center/contain no-repeat
}

.cookies .content-block a {
    display: inline-block !important;
    color: #97d700 !important
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 128px;
    font-size: initial;
    line-height: initial;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 160px;
    background: url(../images/icon-play.png) center center/contain no-repeat
}

.video-js:hover .vjs-big-play-button,
.video-js:hover .vjs-big-play-button:focus {
    transition: .2s ease-in-out;
    background-color: rgba(0, 0, 0, 0);
    transform: translate(-50%, -50%) scale(1.15)
}

.vjs-poster {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center 80%
}

.credit-line {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.featured-employers-slider,
.fes-ch-slider {
    display: block !important;
    grid-template-columns: unset !important;
    grid-column-gap: unset !important
}

.credit-line a {
    width: 150px
}

.featured-employers-slider.fes-ch-hub,
.fes-ch-slider.fes-ch-hub {
    position: relative;
    top: 103px;
    margin-top: -103px
}

.featured-employers-slider .swiper-slide a,
.fes-ch-slider .swiper-slide a {
    width: 100% !important;
    max-width: none !important
}

.fes-ch-slider {
    padding-bottom: 100px
}

.fes-ch-slider .swiper {
    overflow: visible !important
}

.fes-ch-slider .news__scrollbar {
    bottom: -80px !important
}

.fes-ch-slider .news__scrollbar .swiper-scrollbar-drag {
    cursor: pointer
}

.fes-ch-slider__btn-container .news__slide-btn {
    bottom: -105px
}

.fes-ch-slider .cc-elem-wrap .title {
    font-size: 24px;
    line-height: 140%;
    width: 100%;
    max-width: 80%
}

.custom-double-range {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

#doubleRange {
    align-self: flex-start;
    width: 90%;
    margin-left: 15px
}

#doubleRange .ui-slider-range,
.slider-btn-update:hover:not(.swiper-button-disabled) {
    background-color: #282c30
}

#doubleRange .ui-slider-handle {
    height: 28px;
    width: 28px;
    border-radius: 10px;
    background-color: #97d700;
    border: none;
    top: -11px
}

#doubleRange.ui-slider-horizontal {
    height: 7px;
    border: none
}

#amount {
    color: #fff;
    font-size: 16px
}

.image-text {
    padding-top: 144px;
    padding-bottom: 82px
}

.image-text .container-sec {
    position: relative;
    width: 100%
}

.image-text .container {
    padding: 80px 40px;
    min-height: 300px;
    display: flex;
    align-items: center
}

.image-text__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.image-text__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-text__photo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    transition: .3s ease-in-out
}

.image-text__content {
    position: relative;
    z-index: 10;
    width: 80%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
    color: #fff
}

@media only screen and (max-width:1200px) {
    .sec-ch-grid__wrap .blogs-search-form .spark-submit::before {
        left: -60px
    }

    .blogs-types__item {
        padding: 5px 10px;
        margin-left: 10px;
        margin-right: 10px
    }

    .image-text__content {
        width: 100%
    }
}

.image-text .content-block p:not(:last-child) {
    margin-bottom: 20px !important
}

.landing_a-and-v.gap-bottom-big .vision+*,
.landing_a-and-v.gap-bottom-medium .vision+*,
.landing_a-and-v.gap-bottom-none .vision+*,
.landing_a-and-v.gap-bottom-small .vision+* {
    margin-top: initial
}

.popup-row .btn {
    margin-right: 10px
}

.btns-confirm,
.talent-image-container .talent-text-image-content img {
    margin-top: 40px
}

.bg-sec-landing:not(.bg-sec-landing.landing_photo) {
    padding-bottom: 30px
}

.google-reviews {
    padding-top: min(40px + 60 * ((100vw - 375px) / 1545), 100px);
    padding-bottom: 100px;
    font-family: Merriweather, serif
}

.google-reviews__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

@media only screen and (max-width:1400px) {

    .google-reviews.gap-top-medium,
    .image-text.gap-top-medium,
    .landing_a-and-v.gap-top-medium .about-bus__container {
        padding-top: 120px !important
    }

    .google-reviews.gap-top-big,
    .image-text.gap-top-big,
    .landing_a-and-v.gap-top-big .about-bus__container {
        padding-top: 190px !important
    }

    .google-reviews.gap-bottom-small,
    .image-text.gap-bottom-small,
    .landing_a-and-v.gap-bottom-small .vision {
        padding-bottom: 55px !important
    }

    .google-reviews.gap-bottom-medium,
    .image-text.gap-bottom-medium,
    .landing_a-and-v.gap-bottom-medium .vision {
        padding-bottom: 120px !important
    }

    .google-reviews.gap-bottom-big,
    .image-text.gap-bottom-big,
    .landing_a-and-v.gap-bottom-big .vision {
        padding-bottom: 190px !important
    }

    .google-reviews.gap-top-small,
    .landing_a-and-v.gap-top-small .about-bus__container {
        padding-top: 55px !important
    }
}

.google-reviews-slider .review-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 40px;
    background: #868d94;
    color: #fff;
    font-size: 18px;
    line-height: 2.1;
    height: auto
}

@media only screen and (max-width:1820px) {
    .google-reviews-slider .review-item {
        padding: 30px
    }

    .title,
    .title-block h1,
    .title-block h2,
    .title-block h3 {
        font-family: Merriweather, serif
    }

    .container {
        max-width: 1560px
    }

    .container_2,
    .news__row {
        max-width: 1360px
    }

    .container_3 {
        max-width: 1480px
    }

    .title,
    .title-block h1 {
        font-size: 60px;
        line-height: 74px
    }

    .title.inline-title-styles h1 {
        font-size: 60px !important;
        line-height: 74px !important
    }

    .title.inline-title-styles h2 {
        font-size: 50px !important;
        line-height: 64px !important
    }

    .title.inline-title-styles h3 {
        font-size: 40px !important;
        line-height: 54px !important
    }

    .title-block h2 {
        font-size: 50px;
        line-height: 64px
    }

    .title-block h3 {
        font-size: 40px;
        line-height: 54px
    }

    .info-sec-3__title-block,
    .subtitle {
        font-family: Merriweather, serif;
        font-size: 34px;
        line-height: 44px
    }

    .subtitle_2 {
        font-size: 46px;
        line-height: 52px
    }

    .hero {
        height: 980px
    }

    .hero__container {
        max-width: 660px;
        margin: 230px auto 0
    }

    .hero__bg {
        max-width: 780px
    }

    .hero__logo {
        width: 220px
    }

    .hero__text {
        width: 320px
    }

    .hero__colored-box {
        margin-top: 90px
    }

    .who-we {
        padding-top: 210px;
        padding-bottom: 80px;
        width: 100%
    }

    .who-we__container {
        margin-left: 140px;
        width: 31%;
        max-width: 100%;
        margin-top: 30px
    }

    .who-we__bg>img {
        max-width: 760px
    }

    .who-we__bg-small {
        bottom: -110px
    }

    .who-we__bg-small img {
        max-width: 370px
    }

    .who-we__bg-small.talent-var {
        bottom: -220px
    }

    .who-we__bg-small.talent-var img {
        max-width: 550px
    }

    .client {
        padding-top: 110px;
        padding-bottom: 50px;
        width: 100%
    }

    .client__bg {
        margin-left: 180px;
        bottom: -130px
    }

    .client__bg img {
        max-width: 570px
    }

    .client__bg-text {
        bottom: -50px
    }

    .client__container {
        max-width: 100%;
        width: 31%;
        margin-top: 150px;
        margin-left: 100px
    }

    .join-team {
        padding-top: 230px;
        padding-bottom: 140px
    }

    .join-team .circle:before {
        width: 160px;
        height: 146px
    }

    .news {
        padding: 150px 0
    }

    .news__container {
        max-width: 1460px
    }

    .news__slider {
        width: 1800px
    }

    .news__scrollbar {
        width: 1040px !important
    }

    .footer {
        padding-top: 150px;
        padding-bottom: 170px
    }

    .mtt-arrow {
        width: 205px;
        height: 205px;
        margin-top: 124px
    }

    .mtt-list .position {
        font-size: 24px
    }

    .mtt-list .btn {
        margin: 25px auto
    }

    .job-list {
        grid-row-gap: 45px;
        grid-column-gap: 45px
    }

    .job-list .job .job-name {
        font-size: 27px;
        line-height: 35px
    }

    .job-list .job .buttons {
        margin-top: 27px
    }

    .job-list .job .description {
        font-size: 14px;
        line-height: 35px;
        max-height: 140px
    }

    .job-list .job .information li {
        font-size: 22px
    }

    .attributes__title {
        font-size: 40px;
        line-height: 190% !important
    }

    .testimonial__container {
        width: 70%
    }

    .about-team,
    .team-works__bg>img,
    .team-works__bg>video {
        width: 100%
    }

    .about-team__container {
        max-width: 748px;
        margin-left: auto;
        width: 46%
    }

    .about-team__bg,
    .team-works__bg {
        width: 46%
    }

    .about-team__bg>img {
        width: 100%;
        height: auto
    }

    .about-team__title .gray-line:after {
        height: 23px;
        bottom: -10px
    }

    .about-team__arrow {
        top: 60%;
        left: -14%
    }

    .about-team__arrow img {
        width: 14vw
    }

    .cs-popup-bottom {
        width: 90%
    }

    .cs-popup-bottom-left {
        margin-left: 0
    }

    .footer_contact {
        padding: 130px 0 50px
    }

    .ch-container {
        width: 85.875%
    }

    .ch__colored-box,
    .com-hub {
        width: 57%
    }

    .cc-grid {
        grid-gap: 80px
    }

    .tm-inner {
        width: 41%
    }

    .tm-info {
        right: 37%;
        top: -60%
    }

    .tm-section.third {
        padding-top: 418px
    }

    .tm-swiper-title {
        font-size: 54px
    }

    .tm-slide {
        width: 400px;
        margin-right: 64px
    }

    .hero-join__bg {
        max-width: 660px;
        width: 47%
    }

    .hero-join__right-side {
        width: 42%;
        margin-left: auto
    }

    .team-works__container {
        max-width: 680px;
        width: 46%
    }

    .values__title {
        font-size: 72px;
        line-height: 130%
    }

    .office-loc {
        padding: 130px 0 0
    }

    .stats__stat {
        font-size: 110px;
        line-height: 120%
    }

    .cl-hub-camp {
        margin-bottom: 150px
    }

    .cl-hub-camp+.case-st {
        padding-top: 150px
    }

    .cl-hub-camp_jobs {
        margin-bottom: 0
    }

    .case-st {
        padding-top: 300px
    }

    .quote-sec__title {
        font-size: 46px
    }

    .quote-sec.photo-quotes .quote-sec__title {
        font-size: 55px;
        max-width: 1307px;
        margin: 0 auto 79px
    }

    .quote-sec__name-position {
        margin-top: 30px
    }

    .case-st-sectors {
        padding-top: 160px
    }

    .contact-sectors {
        padding-top: 130px;
        padding-bottom: 150px
    }
}

@media only screen and (max-width:1550px) {
    .google-reviews-slider .review-item {
        padding: 30px 20px;
        font-size: 18px
    }
}

.google-reviews-slider .review-meta {
    color: #97d700;
    padding-bottom: 10px;
    width: 100%
}

.google-reviews-slider .review-meta .review-author {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.google-reviews-slider .review-meta .review-date {
    margin-left: auto
}

.google-reviews-slider .review-text {
    font: inherit;
    -webkit-line-clamp: 6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative
}

.google-reviews-slider .review-text.active {
    -webkit-line-clamp: 50
}

.google-reviews-slider .review-stars ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px
}

.google-reviews-slider .review-stars ul li {
    width: 14px;
    height: 14px;
    background: #ffcd00;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)
}

.google-reviews-slider .review-stars ul li:not(:last-child) {
    margin-right: 3px
}

.google-reviews-slider .review-stars ul li.inactive {
    background-color: #d3d3d3
}

.google-reviews-slider .review-text-more {
    margin-top: 10px;
    position: relative;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
    line-height: 1.2;
    font-size: 16px
}

.google-reviews-slider .review-text-more:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transition: .3s;
    background: #fff
}

.google-reviews-slider .review-text-more:hover {
    transition: .3s;
    color: #97d700
}

.google-reviews-slider .review-text-more:hover:before {
    width: 0;
    background: #97d700
}

.google-reviews-slider__btns {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.google-reviews-slider__btns .news__slide-btn {
    position: static;
    margin: 0 7px
}

.fixed-image-text-section {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.fixed-image-text-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .15
}

.fixed-image-text-section.fixed-bg {
    background-attachment: fixed
}

.fixed-image-text-section__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 1
}

.es-jobs+.sector-info-sec {
    padding-top: 3rem !important
}

.hero-landing-video-sec {
    padding-top: 220px;
    background-color: #868d94
}

.hero-landing-video-sec__title-block {
    width: 100%;
    padding-bottom: 45px
}

.hero-landing-video-sec__title-block .container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.hero-landing-video-sec__video-block .plyr__control--overlaid {
    border-radius: 0;
    width: 128px;
    height: 160px;
    background: rgba(0, 0, 0, 0) !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.hero-landing-video-sec__video-block .plyr__control--overlaid svg {
    width: 128px;
    height: 160px
}

.hero-landing-video-sec__video-block .plyr__control--overlaid svg path {
    fill: var(--plyr-color-main) !important
}

.hero-landing-video-sec__video-block .plyr__control--overlaid:hover {
    transform: translate(-50%, -50%) scale(1.05)
}

.logo-company-section.with-talent {
    padding-top: 120px
}

.logo-slider .swiper {
    overflow: visible
}

.logo-slider__slide {
    width: auto;
    cursor: pointer
}

.logo-slider__slide:not(:last-child) {
    margin-right: 50px
}

.logo-slider__logo {
    height: 100px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 5px;
    padding-right: 5px
}

.logo-slider__logo img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform .3s
}

@media only screen and (max-width:1600px) {
    .member-sec__left-side {
        transform: translateY(0)
    }

    .logo-slider__logo {
        height: 80px
    }
}

@media only screen and (max-width:1280px) {
    .logo-slider__logo {
        height: 70px
    }
}

.logo-slider__slide:hover img {
    transform: scale(1.04)
}

.logo-slider__slide .title {
    padding-left: 5px
}

.checkbox-radio-pb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer
}

.checkbox-radio-pb span {
    transition: color .3s
}

.checkbox-radio-pb .checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 1px;
    margin-right: 10px;
    transition: border-color .3s, margin-left .3s
}

.checkbox-radio-pb .checkbox-box:before {
    content: "";
    width: 50%;
    height: 50%;
    background: #fff;
    opacity: 0;
    transition: opacity .2s
}

.checkbox-radio-pb:hover {
    color: #d3d3d3
}

.checkbox-radio-pb:hover .checkbox-box {
    border-color: #d3d3d3
}

.checkbox-radio-pb input[type=radio]~.checkbox-box,
.checkbox-radio-pb input[type=radio]~.checkbox-box:before {
    border-radius: 50%
}

.dropdown-checkbox-radio {
    position: relative;
    cursor: pointer
}

.dropdown-checkbox-radio__placeholder {
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-checkbox-radio:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    width: 5px
}

.dropdown-checkbox-radio__list {
    position: absolute;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    bottom: 0;
    left: -1px;
    right: -1px;
    transform: translateY(100%);
    background: #5d6770;
    border: 1px solid #fff;
    max-height: 300px;
    scrollbar-width: thin;
    scrollbar-color: #97d700 #d3d3d3;
    overflow-y: auto;
    z-index: 2;
    box-shadow: 2px 2px 5px 0 rgba(255, 255, 255, .3)
}

.dropdown-checkbox-radio__list em,
.dropdown-checkbox-radio__list input,
.dropdown-checkbox-radio__list span {
    pointer-events: none
}

.dropdown-checkbox-radio__list::-webkit-scrollbar {
    width: 4px
}

.dropdown-checkbox-radio__list::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius: 0
}

.dropdown-checkbox-radio__list::-webkit-scrollbar-thumb {
    background: #97d700;
    border-radius: 0
}

.dropdown-checkbox-radio__list .checkbox-radio-pb {
    padding: 8px 20px
}

.dropdown-checkbox-radio.active:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.dropdown-checkbox-radio.active .dropdown-checkbox-radio__list {
    display: flex
}

.testimonial-case-study {
    padding: 30px 40px;
    background: #5d6770;
    width: 100%
}

.testimonial-case-study__content {
    padding-top: 30px;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 0 !important
}

.testimonial-case-study__content:after,
.testimonial-case-study__content:before {
    position: absolute;
    content: '"';
    color: #97d700 !important;
    transform: scale(5);
    font-weight: 800;
    display: inline-flex;
    transform-origin: right;
    font-family: Amithen, serif;
    font-size: 26px
}

.cc-cp-body-content-entry-text,
.cc-cp-foot-button,
.cc-cp-foot-byline,
.form-iframe__form-step,
.form-iframe__form-title,
.termsfeed-com---palette-light .cc-cp-body-content-entry-text,
.termsfeed-com---palette-light .cc-cp-body-content-entry-title,
.termsfeed-com---palette-light .cc-cp-body-tabs-item-link,
.termsfeed-com---palette-light .cc-nb-text,
.termsfeed-com---palette-light .cc-nb-title,
.termsfeed-com---palette-light .cc-pc-head-title-headline,
.termsfeed-com---palette-light .cc-pc-head-title-text,
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox+label {
    font-family: Merriweather, serif
}

.testimonial-case-study__content:before {
    left: -10px;
    top: 50px
}

.testimonial-case-study__content:after {
    right: 10px;
    bottom: 15px;
    transform-origin: top
}

.icon-instagram {
    width: 24px;
    height: 24px
}

.icon-instagram svg path {
    fill: #fff;
    transition: .3s
}

.icon-instagram:hover svg path {
    fill: #97d700
}

@media only screen and (max-width:1024px) {

    .google-reviews.gap-top-small,
    .image-text.gap-top-small,
    .landing_a-and-v.gap-top-small .about-bus__container {
        padding-top: 45px !important
    }

    .google-reviews.gap-top-medium,
    .image-text.gap-top-medium,
    .landing_a-and-v.gap-top-medium .about-bus__container {
        padding-top: 100px !important
    }

    .google-reviews.gap-top-big,
    .image-text.gap-top-big,
    .landing_a-and-v.gap-top-big .about-bus__container {
        padding-top: 140px !important
    }

    .google-reviews.gap-bottom-small,
    .image-text.gap-bottom-small,
    .landing_a-and-v.gap-bottom-small .vision {
        padding-bottom: 45px !important
    }

    .google-reviews.gap-bottom-medium,
    .image-text.gap-bottom-medium,
    .landing_a-and-v.gap-bottom-medium .vision {
        padding-bottom: 100px !important
    }

    .google-reviews.gap-bottom-big,
    .image-text.gap-bottom-big,
    .landing_a-and-v.gap-bottom-big .vision {
        padding-bottom: 140px !important
    }

    .google-reviews__colored-box {
        margin-bottom: 35px
    }

    .google-reviews-slider .review-item {
        font-size: 16px
    }

    .google-reviews-slider .review-text-more {
        font-size: 14px
    }

    .hero-landing-video-sec__video-block .plyr__controls {
        opacity: 1
    }

    .logo-slider__slide:hover img {
        transform: scale(1)
    }

    .icon-instagram {
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-width:980px) {
    .icon-instagram {
        width: 17px;
        height: 17px
    }
}

#calendly-wrap {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

#calendly-wrap .calendly-close {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 999999;
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    background: #fff;
    cursor: pointer;
    width: 20px;
    height: 20px;
    transition: background-color .3s
}

#calendly-wrap .calendly-close:hover {
    background: #97d700
}

.talent-image-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 50%
}

.talent-image-container .talent-text-image-content {
    padding: 200px 40px 30px;
    width: 100%
}

.progress-bar {
    display: none;
    position: relative;
    height: 20px;
    width: 200px;
    background: #fff;
    border-radius: 25px;
    border: 2px solid #5d6770;
    box-shadow: 0 0 8px rgba(151, 215, 0, .4);
    padding: 2px;
    margin: 6px 0
}

.progress-fill {
    height: 100%;
    width: var(--progress-width);
    animation: 3s infinite progress-forward;
    background: #22c1c3;
    background: linear-gradient(90deg, #22c1c3 0, #97d700 100%);
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.progress-fill::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0));
    animation: 2s infinite shimmer;
    content: ""
}

@keyframes shimmer {
    100% {
        transform: translateX(100%)
    }
}

.logos-section {
    margin-top: 2vw;
    margin-bottom: -2vw
}

.logos-section__wrap,
.say-section__wrap,
.values-section__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.logos-slider {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%
}

.logos-slider__item {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.logos-slider__item img {
    width: 100%;
    object-fit: contain
}

.thank-section {
    background: #282c30;
    padding-top: 150px
}

.thank-section__wrap {
    width: 100%;
    min-height: 70vh;
    display: flex;
    align-items: stretch
}

.thank-section__content {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 40px
}

.thank-section__content .title {
    margin-bottom: 100px
}

.thank-section__content .cc-sub-title {
    position: relative;
    margin-bottom: 64px
}

.thank-section__content .cc-sub-title img {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateX(100%) translateY(-20%) rotate(2deg);
    width: 80px
}

.thank-section__image {
    width: 50%;
    position: relative
}

.thank-section__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%
}

.page-404 .colored-box__border img {
    width: 80px
}

.termsfeed-com---nb .cc-nb-changep,
.termsfeed-com---nb .cc-nb-okagree,
.termsfeed-com---nb .cc-nb-reject {
    font-weight: 400;
    font-family: Merriweather, serif
}

.form-iframe-container {
    width: 100%;
    padding-bottom: 24px
}

.form-iframe {
    background: #43b079;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 665px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #a9a9a9
}

.btn-update,
.slider-btn-update {
    background-color: var(--background-color);
    display: flex;
    cursor: pointer
}

.form-iframe__image {
    width: 45.3%
}

.form-iframe__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.form-iframe__form {
    width: 54.2%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px;
    overflow: hidden;
    flex: 1
}

.form-iframe__form-title {
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 24px;
    text-align: left
}

.form-iframe__checkbox-list:not(:last-child),
.form-iframe__input-list:not(:last-child),
.table-container {
    padding-bottom: 10px
}

.form-iframe__form-step {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.form-iframe__input label,
.form-iframe__title {
    font-size: 20px;
    color: #fff;
    text-align: left !important
}

.form-iframe__form-step .swiper-pagination span,
.form-iframe__input label,
.form-iframe__nav .btn,
.form-iframe__title {
    font-weight: 400;
    font-family: Merriweather, serif
}

.form-iframe__form-step .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 4px
}

.form-iframe__form-step .swiper-pagination span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    line-height: normal
}

.form-iframe__slider {
    overflow: visible;
    width: 100%;
    max-width: 100%
}

.form-iframe__slider .swiper-wrapper {
    min-height: 160px;
    align-items: center
}

.form-iframe__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: auto;
    transition: opacity .3s;
    opacity: 1
}

.form-iframe__item.swiper-slide-prev {
    opacity: 0
}

.form-iframe__decor {
    position: absolute;
    right: 7px;
    top: 4px;
    width: 65.919px;
    transform: translateY(-90%)
}

.form-iframe__decor img {
    object-fit: contain;
    width: 100%;
    transform: rotate(-55.37deg)
}

.form-iframe__input-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%
}

.form-iframe__input:not(:last-child) {
    margin-bottom: 10px
}

.form-iframe__input label {
    font-style: normal;
    line-height: 1.7;
    margin-bottom: 20px
}

.form-iframe__input input {
    padding-bottom: 12px;
    width: 100%;
    font-family: Merriweather, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    transition: .3s;
    color: #fff
}

.form-iframe__input input::placeholder {
    color: #78e3a8
}

.form-iframe__input input:focus {
    border-color: #fff
}

.form-iframe__input input:-webkit-autofill,
.form-iframe__input input:-webkit-autofill:active,
.form-iframe__input input:-webkit-autofill:focus,
.form-iframe__input input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #43b079 inset !important;
    -webkit-text-fill-color: #fff
}

.form-iframe__input input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out
}

.form-iframe__input input,
.form-iframe__input input[type=button],
.form-iframe__input input[type=submit],
.form-iframe__input input[type=text],
.form-iframe__input textarea {
    -webkit-appearance: none;
    border-radius: 0
}

.form-iframe__checkbox-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px
}

.form-iframe__checkbox-list .meta-checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer
}

.form-iframe__checkbox-list .meta-checkbox__box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, .2);
    margin-right: 12px;
    transition: border-color .3s, background-color .3s;
    background: rgba(0, 0, 0, 0)
}

.form-iframe__checkbox-list .meta-checkbox__box:hover {
    border-color: #78e3a8
}

.form-iframe__checkbox-list .meta-checkbox__box .check-clip,
.form-iframe__checkbox-list .meta-checkbox__box .circle-clip {
    width: 85%;
    height: 85%;
    background-color: #fff;
    opacity: 0;
    transition: opacity .3s
}

.form-iframe__checkbox-list .meta-checkbox__box .check-clip {
    clip-path: polygon(10% 52%, 40% 79%, 90% 18%, 100% 27%, 42% 100%, 0 62%)
}

.form-iframe__checkbox-list .meta-checkbox__box .circle-clip {
    clip-path: circle(50%)
}

.form-iframe__checkbox-list .meta-checkbox__box i {
    opacity: 0;
    transition: opacity .3s
}

.form-iframe__checkbox-list .meta-checkbox input,
.slider-btn-update.swiper-button-lock {
    display: none
}

.form-iframe__checkbox-list .meta-checkbox input[type=checkbox]+.meta-checkbox__box,
.form-iframe__checkbox-list .meta-checkbox input[type=radio]+.meta-checkbox__box {
    border-radius: 0
}

.form-iframe__checkbox-list .meta-checkbox__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.32;
    font-family: Merriweather, serif;
    color: #fff !important;
    text-align: left !important
}

.form-iframe__checkbox-list .meta-checkbox__text a {
    font: inherit !important;
    color: #fff !important;
    text-decoration: underline;
    text-decoration-color: #fff;
    transition: .25s;
    text-align: left !important
}

.form-iframe__checkbox-list .meta-checkbox__text a:hover {
    color: #78e3a8 !important;
    text-decoration-color: #78e3a8
}

.form-iframe__checkbox-list .meta-checkbox input:checked~.meta-checkbox__box:hover {
    border-color: #fff
}

.form-iframe__title {
    line-height: 1.5;
    margin: 0
}

.form-iframe__title:not(:last-child) {
    padding-bottom: 12px
}

.form-iframe__nav {
    width: 100%;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

.form-iframe__nav .btn {
    background: #fff;
    color: #282c30 !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    line-height: 117.2%;
    padding: 12px 34px;
    border-radius: 2px;
    border-color: #fff;
    height: 40px;
    width: auto;
    min-width: auto
}

.form-iframe__nav .btn:hover {
    border-radius: 2px;
    background: #5d6770 !important;
    color: #fff !important
}

.form-iframe__nav .btn.swiper-button-lock {
    pointer-events: none
}

.form-iframe__nav .btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

@media(max-width:620px) {
    .form-iframe .form-iframe__form-title {
        font-size: 22px
    }

    .form-iframe .form-iframe__form {
        padding: 20px
    }

    .form-iframe .form-iframe__decor {
        width: 54px
    }

    .form-iframe .form-iframe__checkbox-list .meta-checkbox__box {
        margin-right: 8px
    }
}

@media(max-width:551px) {
    .form-iframe {
        flex-direction: column-reverse;
        align-items: stretch;
        justify-content: flex-start
    }

    .form-iframe .form-iframe__image {
        width: 100%;
        margin-bottom: 30px;
        height: 240px
    }

    .form-iframe .form-iframe__form {
        width: 100%
    }

    .form-iframe .form-iframe__decor {
        top: -4px
    }

    .form-iframe .form-iframe__slider {
        margin-top: 24px
    }

    .form-iframe .form-iframe__slider .swiper-wrapper {
        min-height: auto;
        align-items: flex-start
    }

    .form-iframe .form-iframe__checkbox-list:not(:last-child),
    .form-iframe .form-iframe__input-list:not(:last-child) {
        padding-bottom: 20px
    }

    .form-iframe .form-iframe__input label {
        margin-bottom: 16px;
        font-size: 16px
    }

    .form-iframe .form-iframe__input input {
        font-size: 15px
    }

    .form-iframe .form-iframe__nav {
        padding-top: 30px
    }
}

.content-block table {
    border: 1px solid #282c30;
    width: 100% !important
}

.content-block table thead:not(:last-child),
.content-block table tr:not(:last-child) {
    border-bottom: 1px solid #282c30
}

.content-block table td,
.content-block table th {
    padding: 10px
}
section.section.article-main.job-main.green .main-part.content-block .footer {
    background: initial !important;
    padding: 0;
}
@media only screen and (max-width:1100px) {

    .content-block table td,
    .content-block table th {
        padding: 8px
    }
}

@media only screen and (max-width:769px) {

    .hero-about__bg .plyr__control--overlaid,
    .hero-about__bg .plyr__control--overlaid svg,
    .hero-landing-video-sec__video-block .plyr__control--overlaid,
    .hero-landing-video-sec__video-block .plyr__control--overlaid svg {
        width: 74px;
        height: 93px
    }

    .landing_hero+.landing_info-sec-3 {
        padding-top: 50px
    }

    .logo-slider__slide:not(:last-child) {
        height: 30px
    }

    .logo-slider__logo {
        height: 65px
    }

    .content-block table td,
    .content-block table th {
        padding: 6px
    }
}

.content-block table td:not(:last-child),
.content-block table th:not(:last-child) {
    border-right: 1px solid #282c30
}

.table-container {
    display: flex;
    padding-right: 10px;
    overflow-x: auto
}

.table-container table {
    min-width: 900px !important
}

.update-first.pb-type .update-first__wrap.items-end .update-first__buttons,
.update-first__text,
.update-first__title {
    max-width: min(380px + 270 * ((100vw - 375px) / 1545), 650px)
}


.find-section {
    padding-top: min(50px + 50 * ((100vw - 375px) / 1545), 100px);
    padding-bottom: min(40px + 20 * ((100vw - 375px) / 1545), 60px)
}

.find-section__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.find-section__list {
    width: calc(100% + min(20px + 23 * ((100vw - 375px)/ 1545), 43px));
    column-count: 2
}

.find-section__item {
    margin-bottom: min(7px + 5 * ((100vw - 375px) / 1545), 12px);
    width: 100%;
    padding-right: min(20px + 23 * ((100vw - 375px) / 1545), 43px)
}

.find-section__item-container {
    width: 100%;
    padding-bottom: min(7px + 5 * ((100vw - 375px) / 1545), 12px);
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column-gap: min(14px + 4 * ((100vw - 375px) / 1545), 18px)
}

.find-section__item-container:hover .find-section__item-icon {
    transform: rotate(90deg)
}

.find-section__item-container:hover .find-section__item-text {
    color: #97d700 !important
}

.find-section__item-icon {
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    color: #97d700;
    transition: transform .3s
}

.find-section__item-text {
    transition: color .3s;
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 300
}

@media only screen and (max-width:1280px) {
    .find-section__item-text {
        line-height: 30px
    }
}

.find-section.pb-type .find-section__item-icon {
    color: var(--list-color-main)
}

.find-section.pb-type .find-section__item-text {
    color: var(--color-text, #000)
}

.update-first {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

.btn-update,
.update-first.pb-type .update-first__wrap.items-center .update-first__buttons {
    justify-content: center
}

.update-first.pb-type .update-first__title {
    color: #fff
}

.update-second__title {
    font-weight: 700;
    font-size: 50px !important;
}


.update-first.pb-type .update-first__wrap.items-center .update-first__text,
.update-first.pb-type .update-first__wrap.items-center .update-first__title {
    width: 100%;
    text-align: center
}

.update-first.pb-type .update-first__wrap.items-end .update-first__buttons {
    width: 100%
}

.update-first.pb-type .update-first__wrap.items-end-right {
    align-items: flex-end
}

.update-first.pb-type .update-first__wrap.items-end-right .update-first__text,
.update-first.pb-type .update-first__wrap.items-end-right .update-first__title {
    width: 100%;
    text-align: right
}

.update-first.pb-type .update-first__wrap.items-end-right .update-first__buttons {
    width: 100%;
    max-width: min(380px + 270 * ((100vw - 375px) / 1545), 650px);
    justify-content: flex-end
}

.update-first__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.update-first__bg img,
.update-first__bg video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.update-first__bg:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
    z-index: 1;
    content: ""
}

.update-first__wrap {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: min(180px + 20 * ((100vw - 375px) / 1545), 200px);
    padding-bottom: min(60px + 60 * ((100vw - 375px) / 1545), 120px);
    min-height: 660px
}

@media(min-width:1025px) {
    .update-first__wrap {
        min-height: calc(100vh - 100px)
    }

    .update-first__text,
    .update-first__text li,
    .update-first__text p {
        font-size: 20px;
        line-height: 180%
    }
}

@media(min-height:1050px) {
    .update-first__wrap {
        min-height: 900px
    }
}
@media only screen and (max-width: 1280px) {
    .update-second__title{
        font-size: 40px !important;
        line-height: 56px;
    }
}

@media only screen and (max-width: 1150px) {
    .update-second__title {
        font-size: 38px !important;
        line-height: 50px;
    }
}

@media only screen and (max-width: 1024px) {
    .update-second__title {
        font-family: Merriweather, serif;
        font-size: 36px !important;
        line-height:48px;
    }
}

@media only screen and (max-width: 768px) {
    .update-second__title {
        font-family: Merriweather, serif;
        font-size: 28px !important;
        line-height: 46px;
    }
}
.update-first__title {
    font-size: min(40px + 10 * ((100vw - 375px) / 1545), 50px) ;
    line-height: 120%;
    width: 100%;
    font-weight: 700 !important
}


.update-first__title:not(:last-child) {
    margin-bottom: min(30px + 10 * ((100vw - 375px) / 1545), 40px)
}

.update-first__text {
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-top: max(-10px + -14 * ((100vw - 375px) / 1545), -24px) !important;
    color: #fff
}

.update-first__text:not(:last-child) {
    margin-bottom: min(30px + 18 * ((100vw - 375px) / 1545), 48px) !important
}

.update-first__buttons {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px
}

@media only screen and (max-width:425px) {
    .menu__list-item a {
        width: auto
    }

    .hero-about__bg .plyr__control--overlaid,
    .hero-about__bg .plyr__control--overlaid svg {
        width: 61px;
        height: 77.5px
    }

    .update-first__buttons {
        flex-direction: column;
        align-items: center
    }

    .update-first__buttons .btn {
        width: 100%;
        max-width: 218px
    }
}

.force-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.force-sticky:after,
.force-sticky:before {
    content: "";
    display: table
}

.buttons-update {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    grid-column-gap: min(12px + 2 * ((100vw - 375px) / 1545), 14px);
    grid-row-gap: 20px
}

.btn-update {
    --color: #282C30;
    --background-color: #FFFFFF;
    --border-color: #ffffff;
    font-family: Merriweather, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: var(--color);
    border: 1px solid var(--border-color);
    border-radius: 2px;
    height: 48px;
    transition: .3s;
    align-items: center;
    min-width: min(150px + 15 * ((100vw - 375px) / 1545), 165px)
}

.btn-update:hover {
    color: #fff;
    background-color: #282c30
}

.slider-btn-update {
    --background-color: #5D6770;
    --color: #fff;
    justify-content: center;
    align-items: center;
    --size: adaptive-calc(56px, 46px);
    width: min(46px + 10 * ((100vw - 375px) / 1545), 56px);
    height: min(46px + 10 * ((100vw - 375px) / 1545), 56px);
    transition: .3s;
    border-radius: 50%
}

.slider-btn-update i {
    color: var(--color);
    font-size: min(16px + 1 * ((100vw - 375px) / 1545), 17px)
}

.slider-btn-update.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .5
}

.slider-buttons-update {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: max(14px + -4 * ((100vw - 375px) / 1545), 10px)
}

.sector-content-section {
    background-color: #868d94;
    padding-top: min(80px + 60 * ((100vw - 375px) / 1545), 140px);
    padding-bottom: min(80px + 60 * ((100vw - 375px) / 1545), 140px)
}

.sector-content-section__wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.sector-content-section__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 50.97%
}

.sector-content-section__image-container {
    width: 45.65%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

.sector-content-section__image {
    aspect-ratio: 658/599;
    width: calc(100% + 98px);
    position: sticky;
    top: 50px
}

.sector-content-section__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width:425px) {
    .sector-content-section__image {
        aspect-ratio: 1/1
    }
}

.sector-content-section__title-block:not(:last-child) {
    margin-bottom: min(40px + 10 * ((100vw - 375px) / 1545), 50px)
}

.sector-content-section__title-block.colored-box {
    padding: min(20px + 20 * ((100vw - 375px) / 1545), 40px) min(20px + 41 * ((100vw - 375px) / 1545), 61px)
}

.sector-content-section__title {
    color: #fff;
    text-align: left
}

.sector-content-section__text {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #fff
}

.say-section__item-subtitle,
.say-section__item-title,
.testimonials-section__item-more {
    margin-top: auto;
    font-family: Merriweather, serif
}

.sector-content-section.clients-type .sector-content-section__text,
.sector-content-section.clients-type .sector-content-section__title,
.sector-content-section.decor-type .sector-content-section__text,
.sector-content-section.decor-type .sector-content-section__title,
.testimonials-section__slider-title {
    color: #5d6770
}

.sector-content-section__text:not(:last-child) {
    margin-bottom: min(30px + 12 * ((100vw - 375px) / 1545), 42px)
}

.sector-content-section__text.content-block.not-arrows ol li,
.sector-content-section__text.content-block.not-arrows ul li,
.sector-content-section__text.content-block.not-arrows-check ol li,
.sector-content-section__text.content-block.not-arrows-check ul li,
.sector-content-section__text.content-block.not-arrows-star ol li,
.sector-content-section__text.content-block.not-arrows-star ul li {
    padding-left: 27px
}

.sector-content-section__text.content-block.not-arrows ul li:before {
    width: 3px;
    height: 3px;
    background: var(--not-arrows-color-main);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-25%);
    margin-left: 0;
    left: 12px;
    content: ""
}

.sector-content-section__text.content-block h2 {
    font-size: 56px;
    line-height: 72px;
    font-weight: 300
}

@media(max-width:1820px) {
    .sector-content-section__text.content-block h2 {
        font-size: 50px;
        line-height: 64px
    }
}

@media(max-width:1620px) {
    .sector-content-section__text.content-block h2 {
        font-size: 48px;
        line-height: 56px
    }
}

@media(max-width:1450px) {
    .sector-content-section__text.content-block h2 {
        font-size: 45px;
        line-height: 55px
    }
}

@media(max-width:1280px) {
    .sector-content-section__text.content-block h2 {
        font-size: 38px;
        line-height: 50px
    }
}

@media(max-width:1150px) {
    .sector-content-section__text.content-block h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media(max-width:1024px) {
    .sector-content-section__text.content-block h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media(min-width:1280px) {
    .sector-content-section.first-type .sector-content-section__text {
        width: 91.77%
    }
}

.sector-content-section.clients-type {
    background-color: #f8f9f9;
    padding-top: min(60px + 60 * ((100vw - 375px) / 1545), 120px);
    padding-bottom: min(60px + 60 * ((100vw - 375px) / 1545), 120px)
}

.sector-content-section.clients-type .sector-content-section__image {
    aspect-ratio: 650/433;
    border-radius: 12px;
    width: 100%
}

.sector-content-section.clients-type .sector-content-section__image img {
    border-radius: 12px
}

.sector-content-section.clients-type .sector-content-section__image-decor {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: max(-15px + -50 * ((100vw - 375px) / 1545), -65px);
    left: max(-20px + -54 * ((100vw - 375px) / 1545), -74px);
    right: max(-15px + -16 * ((100vw - 375px) / 1545), -31px);
    bottom: max(-18px + -18 * ((100vw - 375px) / 1545), -36px)
}

.sector-content-section.clients-type .sector-content-section__image-decor img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.sector-content-section.second-type .sector-content-section__title,
.sector-content-section.third-type .sector-content-section__title {
    color: #97d701
}

.sector-content-section.second-type .sector-content-section__image {
    aspect-ratio: 509/749;
    width: 100%
}

.sector-content-section.second-type .sector-content-section__image-decor {
    aspect-ratio: 222/219;
    position: absolute;
    width: 43.61%;
    max-width: 222px;
    right: max(-20px + -13 * ((100vw - 375px) / 1545), -33px);
    bottom: max(-40px + -40 * ((100vw - 375px) / 1545), -80px)
}

.sector-content-section.second-type .sector-content-section__image-decor img {
    object-fit: contain
}

.sector-content-section.decor-type {
    background-color: #fff;
    padding-bottom: 140px
}

.sector-content-section.decor-type .sector-content-section__wrap {
    position: relative;
    align-items: center
}

.sector-content-section.decor-type .sector-content-section__decor {
    aspect-ratio: 346/366;
    width: 27.9%;
    max-width: 346px;
    margin-right: min(0px + 216 * ((100vw - 375px) / 1545), 216px);
    transform: rotate(-111.11deg);
    min-width: 173px
}

@media(max-width:451px) {
    .sector-content-section.decor-type .sector-content-section__title-block {
        width: 100%
    }
}

@media(max-width:451px)and (min-width:374px) {
    .sector-content-section.decor-type .sector-content-section__wrap {
        padding-bottom: 90px;
        position: relative
    }

    .sector-content-section.decor-type .sector-content-section__decor {
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.sector-content-section.third-type {
    z-index: 10;
    position: relative
}

.sector-content-section.third-type .sector-content-section__image-container {
    z-index: 10
}

.sector-content-section.third-type .sector-content-section__image {
    aspect-ratio: 509/749;
    width: 100%
}

.sector-content-section.third-type .sector-content-section__text h2 {
    color: #97d700
}

.testimonials-section {
    background-color: #e7e8ea;
    padding-top: min(40px + 30 * ((100vw - 375px) / 1545), 70px);
    padding-bottom: min(80px + 60 * ((100vw - 375px) / 1545), 140px)
}

.testimonials-section__title-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.sectors-case-section .title:after,
.testimonials-section__title-block .title:after {
    right: 0 !important;
    transform: translateX(100%) !important
}

.testimonials-section__title-block:not(:last-child) {
    margin-bottom: min(50px + 10 * ((100vw - 375px) / 1545), 60px)
}

.testimonials-section__sliders {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.sector-teams-section .mtt-list-slider,
.testimonials-section__slider {
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.sector-teams-section .mtt-list-slider .slider-buttons-update .slider-btn-update,
.testimonials-section__slider .slider-buttons-update .slider-btn-update {
    margin-top: 40px
}

.say-section__slider .slider-buttons-update .slider-btn-update,
.values-section__slider .slider-buttons-update .slider-btn-update {
    margin-top: min(30px + 10 * ((100vw - 375px) / 1545), 40px)
}

.testimonials-section__slider-title-block.colored-box {
    padding: min(20px + 10 * ((100vw - 375px) / 1545), 30px) min(20px + 21 * ((100vw - 375px) / 1545), 41px)
}

.testimonials-section__slider-title-block:not(:last-child) {
    margin-bottom: min(30px + 30 * ((100vw - 375px) / 1545), 60px)
}

.testimonials-section__item-rating:not(:last-child),
.testimonials-section__item-top:not(:last-child) {
    margin-bottom: min(10px + 10 * ((100vw - 375px) / 1545), 20px)
}

@media(max-width:650px) {
    .testimonials-section__sliders {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }

    .testimonials-section__slider-container {
        width: 100%;
        align-items: center
    }

    .testimonials-section__slider-container:not(:last-child) {
        margin-bottom: 60px
    }

    .testimonials-section__slider .slider-buttons-update {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .testimonials-section__slider-title {
        text-align: center
    }
}

.testimonials-section__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto
}

.testimonials-section__item-block {
    background-color: #868d94;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: max(30px + -10 * ((100vw - 375px) / 1545), 20px) 20px
}

.testimonials-section__item-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column-gap: 24px
}

.testimonials-section__item-name,
.testimonials-section__item-time {
    color: #97d700;
    font-size: 16px;
    font-family: Merriweather, serif;
    line-height: normal;
    font-weight: 300
}

.testimonials-section__item-name {
    min-width: 130px
}

.testimonials-section__item-rating {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    --rating-color: #FFCD00;
    --not-rating-color: #DADADA;
    gap: 3px
}

.testimonials-section__item-text,
.testimonials-section__item-text.active {
    padding: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.testimonials-section__item-rating li {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--rating-color);
    font-size: 14px
}

.testimonials-section__item-rating li:not(.active) {
    color: var(--not-rating-color)
}

.testimonials-section__item-text {
    color: #fff;
    font-size: 16px;
    font-family: Merriweather, serif;
    line-height: 197%;
    font-weight: 400;
    -webkit-line-clamp: 3;
    max-height: 96px
}

.sector-jobs-section,
.sectors-case-section {
    padding-bottom: min(40px + 30 * ((100vw - 375px) / 1545), 70px) !important
}

.say-section__item,
.values-section__item {
    padding-left: min(10px + 14 * ((100vw - 375px) / 1545), 24px);
    padding-right: min(10px + 14 * ((100vw - 375px) / 1545), 24px)
}

.testimonials-section__item-text.active {
    -webkit-line-clamp: 1000;
    max-height: none
}

.say-section__title-block.colored-box,
.values-section__title-block.colored-box {
    padding-left: min(20px + 15 * ((100vw - 375px) / 1545), 35px);
    padding-right: min(20px + 15 * ((100vw - 375px) / 1545), 35px)
}

.testimonials-section__item-text:not(:last-child) {
    margin-bottom: min(20px + 30 * ((100vw - 375px) / 1545), 50px)
}

.testimonials-section__item-more {
    --color: #fff;
    cursor: pointer;
    color: var(--color);
    font-size: min(14px + 2 * ((100vw - 375px) / 1545), 16px);
    line-height: 190%;
    font-weight: 400;
    text-decoration: underline;
    transition: .3s
}

.testimonials-section__item-more:hover {
    color: var(--link-color-main)
}

.sectors-case-section {
    padding-top: min(40px + 30 * ((100vw - 375px) / 1545), 70px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%
}

.sector-jobs-section,
.sector-teams-section {
    padding-top: min(80px + 60 * ((100vw - 375px) / 1545), 140px) !important
}

.sectors-case-section .case-st-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0 !important
}

.sectors-case-section .case-st-info:not(:last-child) {
    margin-bottom: min(40px + 20 * ((100vw - 375px) / 1545), 60px)
}

@media(min-width:551px) {
    .sectors-case-section .cl-hub-slider {
        overflow: visible
    }
}

@media(max-width:550px) {
    .sectors-case-section .cl-hub-slider {
        width: 100%
    }
}

.sectors-case-section .sub-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width:1500px)and (min-width:1400px) {
    .sectors-case-section .swiper-controllers {
        width: 100%;
        max-width: 1185px
    }
}

.sector-teams-section {
    padding-bottom: min(80px + 60 * ((100vw - 375px) / 1545), 140px) !important;
    background: #e7e8ea;
    margin-bottom: 0 !important
}

.sector-teams-section .title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.sector-teams-section .title:not(:last-child) {
    margin-bottom: min(40px + 36 * ((100vw - 375px) / 1545), 76px) !important
}

.sector-teams-section .mtt-list {
    grid-column-gap: min(30px + 5 * ((100vw - 375px) / 1545), 35px);
    grid-row-gap: 30px
}

@media(max-width:768px) {
    .sector-content-section__wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .sector-content-section__content,
    .sector-content-section__image-container {
        width: 100%
    }

    .sector-content-section__content:not(:last-child) {
        margin-bottom: 30px
    }

    .sector-content-section__image-container div:first-child:not(.force-sticky),
    .sector-teams-section .mtt-list:not(.mtt-list-slider-container) {
        display: none
    }

    .sector-content-section__image {
        top: initial;
        position: relative !important
    }

    .sector-content-section__text.content-block h2 {
        font-size: 28px;
        line-height: 38px
    }

    .sector-content-section.reverse-type {
        flex-direction: column-reverse
    }

    .sector-content-section.decor-type .sector-content-section__decor {
        transform: rotate(-75deg)
    }
}

.sector-teams-section .mtt-list-slider-container {
    width: 100%;
    display: block
}

@media(min-width:769px) {

    .sector-content-section.clients-type .sector-content-section__wrap,
    .sector-content-section.reverse-type .sector-content-section__wrap {
        flex-direction: row-reverse
    }

    .sector-content-section.clients-type .sector-content-section__content {
        justify-content: center;
        width: 40.83%
    }

    .sector-content-section.clients-type .sector-content-section__image-container {
        width: 54.17%
    }

    .sector-content-section.second-type .sector-content-section__content,
    .sector-content-section.third-type .sector-content-section__content {
        width: 52.66%
    }

    .sector-content-section.decor-type .sector-content-section__image-container,
    .sector-content-section.second-type .sector-content-section__image-container {
        width: 41.05%
    }

    .sector-content-section.decor-type .sector-content-section__content {
        width: 44.68%
    }

    .sector-content-section.third-type .sector-content-section__image-container {
        width: 41.05%;
        margin-top: max(-160px + -40 * ((100vw - 375px) / 1545), -200px)
    }

    .sector-teams-section .mtt-list-slider-container {
        display: none
    }
}

.sector-teams-section .mtt-list-slider .slider-buttons-update {
    width: 100%;
    justify-content: center
}

.values-section {
    padding-top: min(40px + 33 * ((100vw - 375px) / 1545), 73px);
    padding-bottom: min(40px + 91 * ((100vw - 375px) / 1545), 131px);
    background: #fff
}

.values-section__title-block.colored-box {
    padding-top: min(20px + 27 * ((100vw - 375px) / 1545), 47px);
    padding-bottom: min(20px + 14 * ((100vw - 375px) / 1545), 34px);
    text-align: center
}

.values-section__title-block:not(:last-child) {
    margin-bottom: min(40px + 30 * ((100vw - 375px) / 1545), 70px)
}

.values-section__slider {
    overflow: hidden;
    width: 100%;
    max-width: 1096px
}

.values-section__slider .slider-buttons-update {
    width: 100%;
    justify-content: center
}

.values-section__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.values-section__item-icon {
    aspect-ratio: 1/1
}

.values-section__item-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.values-section__item-icon:not(:last-child) {
    margin-bottom: 16px
}

.values-section__item-title {
    color: #282c30;
    width: 100%;
    text-align: center;
    font-family: Merriweather, serif;
    font-size: min(22px + 4 * ((100vw - 375px) / 1545), 26px);
    font-weight: 700;
    line-height: normal
}

.say-section__item-text,
.say-section__item-title,
.values-section__item-text {
    color: #5d6770;
    width: 100%;
    text-align: center
}

.values-section__item-title:not(:last-child) {
    margin-bottom: 12px
}

.say-section {
    padding-top: min(40px + 50 * ((100vw - 375px) / 1545), 90px);
    padding-bottom: min(40px + 20 * ((100vw - 375px) / 1545), 60px);
    background: #fff
}

.say-section__title-block {
    max-width: min(300px + 242 * ((100vw - 375px) / 1545), 542px)
}

.say-section__title-block.colored-box {
    padding-top: min(20px + 10 * ((100vw - 375px) / 1545), 30px);
    padding-bottom: min(20px + 10 * ((100vw - 375px) / 1545), 30px);
    text-align: center
}

.say-section__title-block:not(:last-child) {
    margin-bottom: min(40px + 7 * ((100vw - 375px) / 1545), 47px)
}

.say-section__slider {
    overflow: hidden;
    width: 100%;
    max-width: 1320px
}

.say-section__buttons,
.say-section__slider .slider-buttons-update {
    width: 100%;
    justify-content: center
}

.say-section__slider:not(:last-child) {
    margin-bottom: min(35px + 29 * ((100vw - 375px) / 1545), 64px)
}

.say-section__item {
    --border-color: #E7E8EA;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto
}

.say-section__item-logo {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 6px 20px;
    width: 100%
}

.say-section__item-logo img {
    width: 100%;
    height: 150px;
    object-fit: contain
}

.say-section__item-logo:not(:last-child) {
    margin-bottom: min(16px + 8 * ((100vw - 375px) / 1545), 24px)
}

.say-section__item-text:not(:last-child) {
    margin-bottom: min(24px + 8 * ((100vw - 375px) / 1545), 32px)
}

.say-section__item-subtitle:not(:last-child),
.say-section__item-title:not(:last-child) {
    margin-bottom: 12px
}

.say-section__item-title {
    font-size: min(20px + 2 * ((100vw - 375px) / 1545), 22px);
    font-weight: 700;
    line-height: normal
}

.say-section__item-subtitle {
    color: #97d700;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

.clients-form-section {
    --background-color: #43B079;
    background-color: var(--background-color);
    padding-top: min(60px + 92 * ((100vw - 375px) / 1545), 152px);
    padding-bottom: min(60px + 92 * ((100vw - 375px) / 1545), 152px)
}

@media(max-width:1450px)and (min-width:1400px) {

    .clients-form-section .container,
    .say-section .container {
        max-width: 1320px
    }
}

.clients-form-section__form {
    padding: 0;
    width: 100%;
    max-width: 100%;
    border: none;
    overflow: visible;
    border-radius: 0
}

.clients-form-section .form-iframe__form {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    overflow: visible;

}

.clients-form-section .form-iframe__form-content {
    width: 49.24%;
    position: relative
}

.clients-form-section .form-iframe__form-decor {
    aspect-ratio: 109.61/115.95;
    width: min(60px + 49 * ((100vw - 375px) / 1545), 109px);
    top: max(-35px + -45 * ((100vw - 375px) / 1545), -80px);
    right: max(-24px + -8 * ((100vw - 375px) / 1545), -32px);
    transform: rotate(-23deg);
    position: absolute
}

.clients-form-section .form-iframe__form-decor {
    top: unset;
    position: absolute;
    transform: rotate(105deg);
    bottom: -40%;
    right: 100px;
}

.clients-form-section .form-iframe__form-title {
    color: #fff;
    padding-bottom: 24px
}


 
}
@media(min-width:1400px) {
    .sector-content-section.clients-type .sector-content-section__wrap {
        padding-left: 20px;
        padding-right: 20px
    }

    .clients-form-section .form-iframe__form-title.title.inline-title-styles h2 {
        font-size: 60px !important;
        line-height: 80px !important
    }
}

.clients-form-section .form-iframe__form-text {
    color: #fff
}

@media(min-width:1025px) {

    .say-section__item-text,
    .say-section__item-text li,
    .say-section__item-text p {
        font-size: 20px;
        line-height: 30px
    }

    .clients-form-section .form-iframe__form-text,
    .clients-form-section .form-iframe__form-text li,
    .clients-form-section .form-iframe__form-text p {
        font-size: 20px;
        line-height: 180%
    }
}

.clients-form-section .form-iframe__slider {
    width: 40.76%;
    overflow: hidden;
    padding-right: 1px;
    padding-top: 50px;
}

.clients-form-section .form-iframe__decor{
    display: none;
}

.clients-form-section .form-iframe__slider .swiper-wrapper {
    min-height: auto
}

.clients-form-section .form-iframe__form-step {
    display: none
}

.clients-form-section .form-iframe__input label {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
    padding-left: 18px
}

.clients-form-section .form-iframe__input input {
    height: 56px;
    padding: 10px 17px;
    border: 1px solid #fff;
    caret-color: #fff
}

.clients-form-section .form-iframe__input input::placeholder {
    color: #fff
}

.clients-form-section .form-iframe__input textarea {
    height: 90px;
    padding: 10px 17px;
    border: 1px solid #fff;
    caret-color: #fff;
    resize: vertical;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    color: var(--white)
}

.clients-form-section .form-iframe__input textarea::placeholder {
    color: #fff
}

.clients-form-section .form-iframe__checkbox-list {
    grid-column-gap: 16px
}

.clients-form-section .form-iframe__checkbox-list .meta-checkbox__box {
    border-color: #fff
}

.clients-form-section .form-iframe__checkbox-list .meta-checkbox__text {
    font-size: 16px
}

.clients-form-section .form-iframe__nav {
    padding-top: 20px;
    justify-content: flex-end;
    grid-column-gap: 14px
}

.clients-form-section .form-iframe__nav .btn {
    height: 46px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 112px;
    gap: 7px
}

.clients-form-section .form-iframe__nav .btn i {
    font-size: 12px
}

@media only screen and (max-width:1400px) {
    .form-iframe__form-title {
        font-size: 28px
    }

    .clients-form-section.gap-top-small,
    .find-section.gap-top-small,
    .sector-content-section.gap-top-small,
    .sector-jobs-section.gap-top-small,
    .sector-news-section.gap-top-small,
    .sector-teams-section.gap-top-small,
    .sectors-case-section.gap-top-small,
    .testimonials-section.gap-top-small {
        padding-top: 55px !important
    }

    .clients-form-section.gap-top-medium,
    .find-section.gap-top-medium,
    .sector-content-section.gap-top-medium,
    .sector-jobs-section.gap-top-medium,
    .sector-news-section.gap-top-medium,
    .sector-teams-section.gap-top-medium,
    .sectors-case-section.gap-top-medium,
    .testimonials-section.gap-top-medium {
        padding-top: 120px !important
    }

    .clients-form-section.gap-top-big,
    .find-section.gap-top-big,
    .sector-content-section.gap-top-big,
    .sector-jobs-section.gap-top-big,
    .sector-news-section.gap-top-big,
    .sector-teams-section.gap-top-big,
    .sectors-case-section.gap-top-big,
    .testimonials-section.gap-top-big {
        padding-top: 190px !important
    }

    .clients-form-section.gap-bottom-small,
    .find-section.gap-bottom-small,
    .sector-content-section.gap-bottom-small,
    .sector-jobs-section.gap-bottom-small,
    .sector-news-section.gap-bottom-small,
    .sector-teams-section.gap-bottom-small,
    .sectors-case-section.gap-bottom-small,
    .testimonials-section.gap-bottom-small {
        padding-bottom: 55px !important
    }

    .clients-form-section.gap-bottom-medium,
    .find-section.gap-bottom-medium,
    .sector-content-section.gap-bottom-medium,
    .sector-jobs-section.gap-bottom-medium,
    .sector-news-section.gap-bottom-medium,
    .sector-teams-section.gap-bottom-medium,
    .sectors-case-section.gap-bottom-medium,
    .testimonials-section.gap-bottom-medium {
        padding-bottom: 120px !important
    }

    .clients-form-section.gap-bottom-big,
    .find-section.gap-bottom-big,
    .sector-content-section.gap-bottom-big,
    .sector-jobs-section.gap-bottom-big,
    .sector-news-section.gap-bottom-big,
    .sector-teams-section.gap-bottom-big,
    .sectors-case-section.gap-bottom-big,
    .testimonials-section.gap-bottom-big {
        padding-bottom: 190px !important
    }
}

@media only screen and (max-width:2560px) {

    .article-page-start .photo,
    .section-job .photo {
        width: 37%
    }
}

@media only screen and (min-width:2020px) {

    .about-team.fixed-container,
    .blogs-jobs.fixed-container,
    .cs-main.fixed-container,
    .es-jobs.fixed-container,
    .team-works.fixed-container,
    .who-we.fixed-container {
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto
    }

    .ch-section.fixed-container,
    .cl-hub-camp.fixed-container,
    .client.fixed-container,
    .hero-join.fixed-container,
    .hero.fixed-container,
    .landing_hero.fixed-container {
        position: relative;
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto
    }

    .ch-section.fixed-container:after,
    .ch-section.fixed-container:before,
    .cl-hub-camp.fixed-container:after,
    .cl-hub-camp.fixed-container:before,
    .client.fixed-container:after,
    .client.fixed-container:before,
    .hero-join.fixed-container:after,
    .hero-join.fixed-container:before,
    .hero.fixed-container:after,
    .hero.fixed-container:before,
    .landing_hero.fixed-container:after,
    .landing_hero.fixed-container:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        background: inherit
    }

    .ch-section.fixed-container:after,
    .cl-hub-camp.fixed-container:after,
    .client.fixed-container:after,
    .hero-join.fixed-container:after,
    .hero.fixed-container:after,
    .landing_hero.fixed-container:after {
        transform: translateX(-50%)
    }

    .ch-section.fixed-container:before,
    .cl-hub-camp.fixed-container:before,
    .client.fixed-container:before,
    .hero-join.fixed-container:before,
    .hero.fixed-container:before,
    .landing_hero.fixed-container:before {
        transform: translateX(50%)
    }

    .ch-section.fixed-container>*,
    .cl-hub-camp.fixed-container>*,
    .client.fixed-container>*,
    .hero-join.fixed-container>*,
    .hero.fixed-container>*,
    .landing_hero.fixed-container>* {
        position: relative;
        z-index: 5
    }
}

@media only screen and (min-width:1921px) {

    .article-main,
    .article-page-start,
    .container.article-header {
        max-width: 1920px;
        margin: 0 auto
    }

    .container.article-header {
        width: 100%
    }
}

@media only screen and (max-width:1620px) {

    .title,
    .title-block h1,
    .title-block h2,
    .title-block h3 {
        font-family: Merriweather, serif
    }

    .container {
        max-width: 1400px
    }

    .container_2 {
        max-width: 1220px
    }

    .logo {
        width: 230px
    }

    .menu__content {
        padding-top: 50px
    }

    .title,
    .title-block h1 {
        font-size: 56px;
        line-height: 66px
    }

    .title.inline-title-styles h1 {
        font-size: 60px !important;
        line-height: 80px !important
    }

    .title.inline-title-styles h2 {
        font-size: 50px !important;
        line-height: 60px !important
    }

    .title.inline-title-styles h3 {
        font-size: 38px !important;
        line-height: 46px !important
    }

    .title-block h2 {
        font-size: 48px;
        line-height: 56px
    }

    .title-block h3 {
        font-size: 38px;
        line-height: 46px
    }

    .header,
    .hero__form {
        margin-top: 50px
    }

    .hero {
        width: 100%;
        height: 900px
    }

    .hero__container {
        width: 645px
    }

    .hero__bg {
        width: 47%
    }

    .hero__colored-box {
        margin-top: 60px;
        padding: 25px 30px
    }

    .who-we__container {
        margin-left: 130px;
        width: 35%
    }

    .who-we__bg>img {
        max-width: 700px
    }

    .who-we__bg-small {
        bottom: -210px
    }

    .who-we__bg-small img {
        max-width: 330px
    }

    .who-we__bg-small.talent-var {
        bottom: -250px
    }

    .who-we__bg-small.talent-var img {
        max-width: 480px
    }

    .client__bg {
        margin-left: 175px
    }

    .client__bg img {
        max-width: 530px
    }

    .join-team .circle:before {
        width: 145px;
        height: 135px
    }

    .news__container {
        max-width: 1330px
    }

    .news__row {
        max-width: 1230px
    }

    .news__slider {
        width: 1620px
    }

    .news__slide img {
        height: 220px;
        object-fit: cover;
        width: 100%
    }

    .news__colored-box {
        padding: 30px 40px
    }

    .footer__location-item:not(:last-child) {
        margin-right: 100px
    }

    .footer__privacy-list {
        margin-top: 100px
    }

    .article-page-start .photo,
    .section-job .photo {
        width: 40%
    }

    .article-page-start .container.article-header,
    .section-job .container.article-header {
        margin-left: 3%;
        width: 58%
    }

    .article-main .container.article {
        width: 94%;
        margin: 0 auto
    }

    .article-main .container.article .similar {
        width: 25%
    }

    .container.crop {
        width: 94%
    }

    .case-study-list {
        grid-column-gap: 50px
    }

    .job-list .job {
        padding: 33px
    }

    .job-list .job .job-name {
        font-size: 25px
    }

    .job-list .job .buttons {
        margin-top: 27px
    }

    .job-list .job .description {
        font-size: 14px
    }

    .job-list .job .information li {
        font-size: 20px
    }

    .join-team.j-t-job .circle.specific::before {
        width: 177px
    }

    .attributes__title,
    .cc-grid .cc-elem-wrap .title {
        font-size: 40px
    }

    .timeline {
        height: 800px
    }

    .timeline__dates {
        padding-left: 50px;
        width: 155px;
        margin-right: 70px
    }

    .timeline__dates:before {
        width: 2px
    }

    .timeline__dates .swiper-slide:before {
        width: 12px;
        height: 12px;
        left: -35px
    }

    .timeline__dates .swiper-slide-active {
        margin: 10px 0 70px !important
    }

    .timeline__dates .swiper-slide-active:before {
        width: 30px;
        height: 30px;
        left: -42px
    }

    .timeline__content .swiper-button-next {
        bottom: 70px
    }

    .timeline__content .swiper-button-prev {
        top: 70px
    }

    .timeline__content-item {
        width: 380px
    }

    .timeline__ci-media img {
        width: 100px
    }

    .timeline__ci-text {
        margin-top: 20px
    }

    .timeline__left-side {
        width: 43%;
        margin-top: 0;
        margin-right: 70px;
        align-self: center
    }

    .timeline__arrows {
        width: 10vw;
        top: -30%;
        left: -30%
    }

    .timeline__ls-descr {
        max-width: 100%
    }

    .tes-bg__bg img {
        height: 70vh;
        max-height: 800px
    }

    .about-team__bg {
        margin-bottom: 0;
        align-self: flex-end;
        margin-top: -50px
    }

    .about-team__arrow {
        left: 0
    }

    .pop-title {
        font-size: 38px
    }

    .pop-sub-title {
        margin-top: 18px;
        font-size: 27px
    }

    .cs-popup-top {
        margin-bottom: 55px
    }

    .cs-popup-bottom-left,
    .cs-popup-bottom-right {
        width: 44.7%
    }

    .contact__privacy-list {
        margin-top: 60px
    }

    .ch-container {
        width: 89%
    }

    .ch__colored-box,
    .com-hub {
        width: 51%
    }

    .ch__colored-box {
        padding: 15px 0
    }

    .ch-title {
        font-size: 56px
    }

    .ch-handwrite {
        font-size: 44px;
        margin-top: 20px
    }

    .cc-grid {
        grid-gap: 60px
    }

    .cc-grid .cc-elem-wrap {
        height: 440px
    }

    .tm-info {
        width: 276px
    }

    .tm-color-box {
        margin-bottom: 26px
    }

    .tm-social-media {
        margin-bottom: 29px
    }

    .tm-phones li:first-child {
        margin-bottom: 15px
    }

    .tm-swiper-title {
        font-size: 47px;
        line-height: 64px
    }

    .tm-slide {
        width: 360px
    }

    .title.tm-star::after {
        width: 86px;
        height: 86px
    }

    .hero-join__star {
        right: 2.5vw
    }

    .stats__item {
        padding: 70px 100px
    }

    .stats__stat {
        font-size: 100px;
        line-height: 120%
    }

    .cl-hub-section .cc-sub-title {
        padding-bottom: 131px
    }


    .cl-hub-photo,
    .cl-hub-section>img {
        margin-top: -115px
    }

    .cl-hub-right-side {
        display: flex;
        justify-content: flex-end
    }

    .cl-hub-right-side img {
        width: 90%
    }

    .cl-hub-flex .cc-elem-wrap {
        width: 32%
    }

    .cl-hub-camp_jobs .cl-hub-flex {
        grid-column-gap: 2%
    }

    .quote-sec__title {
        font-size: 46px
    }

    .member-sec__quotes {
        font-size: 100px;
        margin-top: 15px;
        margin-bottom: -30px
    }

    .member-sec__star {
        bottom: -12%;
        left: -15%
    }

    .vision__list {
        margin-right: -60px
    }

    .vision__item {
        width: calc(33.33334% - 60px);
        margin-right: 60px
    }

    .vision__list--var2 {
        flex-wrap: nowrap;
        margin-right: 0
    }

    .vision__list--var2 .vision__item {
        margin-right: 30px;
        width: calc(25% - 20px)
    }

    .main-title.star::before {
        width: 124px;
        height: 124px;
        left: -75px;
        top: -95px
    }

    .cb__row input {
        width: 350px
    }

    .cb__left-text {
        margin-right: 70px
    }

    .cb__grid-inner {
        margin-bottom: 60px
    }

    .cb__grid-row {
        grid-template-columns: 1fr 1fr
    }

    .quote-sec_logo .title {
        font-size: 22px
    }

    .quote-sec_logo__bottom p {
        font-size: 34px
    }

    .quote-sec_logo .slick-list.draggable {
        padding-top: 70px;
        margin-top: -70px
    }
}

@media only screen and (max-width:1450px)and (min-width:1150px) {
    .tm-section.second.es-jobs-2 {
        margin-bottom: -180px
    }
}

@media only screen and (max-width:1450px) {

    .title,
    .title-block h1,
    .title-block h2,
    .title-block h3 {
        font-family: Merriweather, serif
    }

    .container {
        max-width: 1240px
    }

    .container_2 {
        max-width: 1100px
    }

    .title,
    .title-block h1 {
        font-size: 50px;
        line-height: 60px
    }

    .title.inline-title-styles h1 {
        font-size: 60px !important;
        line-height: 80px !important
    }

    .title.inline-title-styles h2 {
        font-size: 50px !important;
        line-height: 60px !important
    }

    .title.inline-title-styles h3 {
        font-size: 36px !important;
        line-height: 44px !important
    }

    .title-block h2 {
        font-size: 45px;
        line-height: 55px
    }

    .title-block h3 {
        font-size: 36px;
        line-height: 44px
    }

    .subtitle_2 {
        font-size: 42px;
        line-height: 48px
    }

    .btn {
        height: 46px
    }

    .client__description,
    .descr,
    .header,
    .hero__form,
    .join-team__text,
    .who-we__btn {
        margin-top: 40px
    }

    .content-block h1,
    .content-block h2,
    .content-block h3,
    .content-block ol,
    .content-block ul {
        margin-bottom: 25px !important
    }

    .content-block p:not(:last-child) {
        margin-bottom: 40px !important
    }

    .article-main .container.article .left .main-part p:not(:last-child),
    .tm-section.second.es-jobs-2.gap-bottom-big,
    .tm-section.second.es-jobs-2.gap-bottom-medium,
    .tm-section.second.es-jobs-2.gap-bottom-none,
    .tm-section.second.es-jobs-2.gap-bottom-small {
        margin-bottom: 0 !important
    }

    .logo {
        width: 210px
    }

    .menu__icon {
        height: 54px;
        width: 54px;
        padding: 17px 0
    }

    .menu__content {
        padding-top: 40px;
        width: 750px
    }

    .menu__main {
        padding: 0 50px
    }

    .menu__footer {
        padding: 70px 50px
    }

    .info-sec-3__container+.info-sec-3__container-second,
    .info-sec__container-second,
    .menu__list {
        margin-top: 80px
    }

    .footer__location-item:not(:last-child),
    .header__btn_2 {
        margin-right: 50px
    }

    .hero {
        height: 810px
    }

    .hero__container {
        width: 580px;
        margin: 190px auto 0
    }

    .hero__field {
        padding: 20px
    }

    .hero__colored-box {
        margin-top: 50px;
        width: 100%
    }

    .hero__logo {
        width: 35%
    }

    .hero__text {
        width: 62%
    }

    .hero__arrows {
        right: -145px;
        bottom: 8px
    }

    .hero__arrows img {
        max-width: 150px
    }

    .who-we {
        padding-top: 180px;
        padding-bottom: 50px
    }

    .who-we__container {
        margin-left: 100px;
        width: 43%
    }

    .who-we__bg>img {
        max-width: 600px
    }

    .who-we__bg-small {
        left: -50px
    }

    .who-we__bg-small img {
        max-width: 300px
    }

    .who-we__bg-small.talent-var {
        bottom: -190px
    }

    .who-we__bg-small.talent-var img {
        max-width: 400px
    }

    .who-we__arrows {
        right: -20px;
        bottom: -50px
    }

    .who-we__arrows img {
        max-width: 150px
    }

    .who-we__colored-box {
        padding: 30px 35px
    }

    .who-we__description {
        margin-top: 40px;
        padding-left: 30px;
        padding-right: 20px
    }

    .bg-sec__bg,
    .cb__job-type,
    .client__container,
    .es-jobs__slider,
    .landing_img-big+*,
    .landing_img-large+*,
    .landing_img-small+*,
    .video-block_landing+* {
        margin-top: 50px
    }

    .client__bg {
        margin-left: 130px;
        bottom: auto
    }

    .client__bg-text,
    .quote-close {
        bottom: -50px
    }

    .client__text {
        margin-bottom: 40px
    }

    .client__star img {
        max-width: 180px
    }

    .join-team {
        padding-top: 200px;
        padding-bottom: 120px
    }

    .join-team__container {
        width: 850px
    }

    .job .buttons,
    .join-team__btn,
    .popup-b__btn,
    .quote-sec__name-position {
        margin-top: 30px
    }

    .join-team .circle:before {
        width: 135px;
        height: 123px
    }

    .news {
        padding: 120px 0
    }

    .news__container {
        max-width: 1200px
    }

    .news__row {
        max-width: 100%
    }

    .news__slider {
        width: 1430px;
        margin-top: 60px
    }

    .news__description,
    .timeline__ci-text {
        margin-top: 20px
    }

    .news__text {
        margin-top: 15px
    }

    .news__scrollbar {
        width: 930px !important
    }

    .footer {
        padding: 140px 0
    }

    .footer__arrows img {
        max-width: 170px
    }

    .footer__description {
        margin-top: 160px
    }

    .footer__loc-address {
        margin-bottom: 10px
    }

    .article-page-start br,
    .section-job br {
        display: none
    }

    .article-page-start .photo,
    .section-job .photo {
        width: 42%
    }

    .article-page-start .photo img,
    .article-page-start .photo video,
    .section-job .photo img,
    .section-job .photo video {
        height: 110%
    }

    .article-page-start .container.article-header,
    .member-sec__left-side,
    .section-job .container.article-header {
        width: 50%
    }

    .article-main .container.article {
        padding-bottom: 100px
    }

    .article-main .container.article .similar {
        margin-top: 10%;
        width: 30%
    }

    .job-main .right {
        width: 445px;
        margin-top: 57px
    }

    .job-main .right .point-of-contact .info .point-title {
        font-size: 28px;
        padding-bottom: 20px
    }

    .job-main .right .point-of-contact .info .name {
        font-size: 23px;
        padding-bottom: 15px
    }

    .job-main .right .point-of-contact .info .add-info {
        font-size: 14px;
        line-height: 24px
    }

    .job-main .right .similar-jobs {
        margin-top: 85px
    }

    .job {
        padding: 32px 35px 25px
    }

    .job .job-name {
        font-size: 28px
    }

    .job .information li {
        font-size: 21px
    }

    .padding-reset {
        padding-bottom: 50px !important
    }

    .mtt-arrow {
        width: 124px;
        height: 124px;
        margin-top: 0;
        align-self: center
    }

    .mtt-list {
        grid-column-gap: 35px;
        grid-row-gap: 30px
    }

    .mtt-list li {
        padding-bottom: 94px
    }

    .mtt-list .member-title-card,
    .mtt-list h1 {
        font-size: 32px;
        line-height: 74px
    }

    .mtt-list h2,
    .mtt-list h4 {
        font-size: 22px
    }

    .mtt-main {
        padding-bottom: 124px;
        padding-top: 80px
    }

    .hero-about__start {
        padding-top: 185px
    }

    .hero-about__title-block {
        padding: 30px 45px
    }

    .hero-about__inner {
        margin-top: 45px
    }

    .hero-about__bg {
        min-height: 400px
    }

    .icon-play {
        width: 7vw
    }

    .about-us,
    .case-st-sectors,
    .contact-sectors,
    .es-jobs,
    .es-jobs-sectors,
    .info-sec,
    .member-sec,
    .testimonial,
    .text-sec {
        padding: 100px 0
    }

    .about-us__left-side,
    .member-sec__right-side {
        width: 40%
    }

    .about-us__right-side img,
    .about-us__right-side video,
    .tm-cont-wrapper {
        width: 100%
    }

    .timeline {
        height: 800px
    }

    .timeline__dates {
        padding-left: 50px;
        width: 145px;
        margin-right: 70px
    }

    .timeline__dates:before {
        width: 2px
    }

    .timeline__dates .swiper-slide {
        font-size: 26px
    }

    .timeline__dates .swiper-slide:before {
        width: 12px;
        height: 12px;
        left: -35px
    }

    .timeline__dates .swiper-slide-active {
        font-size: 36px;
        margin: 20px 0 50px !important
    }

    .timeline__dates .swiper-slide-active:before {
        width: 30px;
        height: 30px;
        left: -42px
    }

    .timeline__content .swiper-button-next {
        bottom: 70px
    }

    .timeline__content .swiper-button-prev {
        top: 70px
    }

    .timeline__content-item {
        width: 380px
    }

    .timeline__ci-media img {
        width: 100px
    }

    .timeline__left-side {
        width: 43%;
        margin-right: 70px
    }

    .timeline__arrows {
        top: -30%;
        left: -30%
    }

    .attributes {
        padding: 100px 0 50px
    }

    .attributes__list,
    .location__list,
    .stats__list {
        margin-right: -30px;
        margin-bottom: -30px
    }

    .attributes__item {
        width: calc(33.33334% - 30px);
        margin-right: 30px;
        margin-bottom: 30px;
        padding: 45px
    }

    .attributes__title {
        font-size: 40px;
        line-height: 150% !important
    }

    .gray-star {
        top: -10%
    }

    .ch-title,
    .quote,
    .quote-sec.photo-quotes .quote-sec__title,
    .values__title {
        font-size: 50px
    }

    .quote-open {
        left: -60px;
        top: -40px
    }

    .quote-close {
        right: -60px
    }

    .tes-bg {
        padding-top: 50px
    }

    .job-list {
        grid-row-gap: 30px;
        grid-column-gap: 30px
    }

    .job-list .job {
        padding: 27px;
        min-height: 250px
    }

    .job-list .job .job-name {
        font-size: 23px;
        padding-bottom: 20px
    }

    .job-list .job .description {
        font-size: 13px;
        line-height: 30px;
        max-height: 120px
    }

    .job-list .job .buttons {
        margin-top: 17px
    }

    .job-list .job .buttons a {
        padding: 14px 0;
        font-size: 14px
    }

    .job-list .job .information li {
        font-size: 19px
    }

    .job-list .job .information li:not(:last-child),
    .popup-b__form p.text_medium {
        margin-bottom: 15px
    }

    .job-search input,
    .job-search select,
    .quote-sec_logo .title {
        font-size: 20px
    }

    .join-team.j-t-job .circle.specific::before {
        width: 151px
    }

    .pop-title {
        font-size: 29px
    }

    .pop-sub-title {
        margin-top: 14px;
        font-size: 22px
    }

    .cs-popup-top {
        margin-bottom: 35px
    }

    .cs-popup-top-left {
        margin-left: -67px;
        padding: 27px 67px 27px 31px
    }

    .cs-popup-bottom-left,
    .cs-popup-bottom-right {
        width: 44.7%
    }

    .cs-text {
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 29px
    }

    .pop-contact {
        font-size: 17px;
        line-height: 31px
    }

    .buttons.pop button {
        width: 180px
    }

    .contact-hero,
    .skills {
        padding-top: 200px;
        padding-bottom: 100px
    }

    .social__item {
        font-size: 35px
    }

    .social__item:not(:last-child) {
        margin-right: 40px
    }

    .location__item {
        width: calc(33.33334% - 30px);
        margin-right: 30px;
        margin-bottom: 30px
    }

    .location__item img {
        height: 400px
    }

    .location__descr {
        padding: 30px
    }

    .contact__title {
        margin-bottom: 80px
    }

    .contact__form {
        width: 85%
    }

    .contact__form form {
        grid-gap: 20px
    }

    .contact__input {
        padding: 15px 25px
    }

    .contact__textarea {
        height: 180px
    }

    .ch-grid {
        grid-column-gap: 40px
    }

    .ch__colored-box,
    .com-hub {
        width: 47%
    }

    .ch-handwrite {
        font-size: 37px;
        margin-top: 10px
    }

    .ch-news-block .info {
        margin-top: 24px
    }

    .ch-news-block .info .description {
        padding: 19px 0;
        font-size: 21px;
        line-height: 36px
    }

    .ch-news-block .info .sub-desc {
        font-size: 14px;
        line-height: 34px
    }

    .ch-news-block img,
    .office-loc__item img {
        height: 250px
    }

    .cc-title {
        font-size: 58px;
        margin-bottom: 22px
    }

    .cc-sub-title {
        font-size: 42px;
        line-height: 52px
    }

    .cc-grid,
    .img-sec__list-x2 {
        grid-gap: 30px
    }

    .cc-grid .cc-elem-wrap {
        height: 380px
    }

    .cc-grid .cc-elem-wrap .title {
        padding: 25px 37px 25px 25px;
        font-size: 36px;
        max-width: 90%
    }

    .cc-grid .cc-elem-wrap:after {
        right: 25px;
        width: 45px;
        height: 45px
    }

    .cc-elem-wrap {
        height: 422px
    }

    .tm-container {
        width: 89%
    }

    .tm-inner {
        width: 38%
    }

    .tm-photo {
        width: 600px
    }

    .tm-section {
        padding-top: 180px
    }

    .tm-section.second {
        margin-bottom: -150px
    }

    .tm-section.third {
        padding-top: 255px
    }

    .tm-swiper-title {
        font-size: 38px;
        line-height: 57px
    }

    .tm-slide {
        width: 315px;
        margin-right: 40px
    }

    .tm-info {
        width: 260px;
        right: 38%;
        padding: 23px 20px 34px
    }

    .hero-join__star {
        top: -12vw
    }

    .team-works {
        padding: 200px 0
    }

    .portal-popup_big,
    .values {
        padding-bottom: 50px
    }

    .values__list {
        margin-bottom: -45px;
        margin-right: -70px
    }

    .values__item {
        width: calc(50% - 70px);
        margin-right: 70px;
        margin-bottom: 45px
    }

    .values__item>img,
    .values__item>video {
        height: 500px
    }

    .values__title {
        line-height: 130%;
        bottom: -30px
    }

    .office-loc {
        padding: 100px 0 0
    }

    .office-loc__title:before {
        left: -150px
    }

    .office-loc__list {
        margin-bottom: -80px
    }

    .instagram-sec {
        padding-top: 200px;
        padding-bottom: 70px
    }

    .instagram-sec__slider-wrapper {
        margin-left: -28vw
    }

    .instagram-sec__slide {
        width: 38.4615384615vw;
        margin-right: 30px
    }

    .instagram-sec__slide img {
        width: 38.4615384615vw;
        height: 445px
    }

    .instagram-sec__slide.swiper-slide-active,
    .instagram-sec__slide.swiper-slide-duplicate-prev {
        opacity: 1
    }

    .stats {
        padding-top: 70px;
        padding-bottom: 100px
    }

    .stats__item {
        width: calc(50% - 30px);
        margin-right: 30px;
        margin-bottom: 30px
    }

    .stats__stat {
        font-size: 90px;
        line-height: 120%
    }

    .es-jobs-slide {
        width: 408px
    }

    .bg-sec__bg {
        margin-bottom: -220px
    }

    .bg-sec__bg iframe,
    .bg-sec__bg img,
    .bg-sec__bg video,
    .info-sec__right-side img,
    .info-sec__right-side video {
        height: 500px
    }

    .bg-sec__second-color {
        height: 350px
    }

    .info-sec-2__container {
        margin-bottom: -50px
    }

    .info-sec-2__container-second .info-sec-2__left-side {
        margin-left: 0;
        margin-right: 30px
    }

    .info-sec-2__container-second .info-sec-2__right-side {
        margin-right: 0;
        margin-left: 30px
    }

    .info-sec-2__left-side {
        margin-left: 30px;
        width: 40%
    }

    .info-sec-2__left-side>img,
    .info-sec-2__left-side>video {
        height: 620px
    }

    .info-sec-2__right-side {
        margin-right: 30px;
        width: 42%
    }

    .info-sec-2__second-color {
        height: 100px
    }

    .info-sec-2__star {
        right: -14%
    }

    .info-sec-2__star.right {
        left: -14%
    }

    .skills__left-side {
        margin-right: 9%;
        width: 46%
    }

    .es-jobs-2 {
        padding-top: 100px !important
    }

    .es-jobs-2__second-color {
        height: 200px
    }

    .es-jobs-2__list {
        margin-bottom: -100px
    }

    .about-bus__container,
    .landing_a-and-v+.landing_img-big,
    .landing_a-and-v+.landing_img-large,
    .landing_a-and-v+.landing_img-medium,
    .landing_a-and-v+.landing_img-small,
    .landing_a-and-v+.landing_info-sec,
    .landing_a-and-v+.landing_info-sec-3,
    .landing_a-and-v+.landing_jobs,
    .landing_a-and-v+.landing_member-big .team-test,
    .landing_member+.landing_img-big,
    .landing_member+.landing_img-large,
    .landing_member+.landing_img-medium,
    .landing_member+.landing_img-small,
    .landing_member+.landing_info-sec,
    .landing_member+.landing_info-sec-3,
    .landing_member+.landing_jobs,
    .landing_member-big+.landing_img-big,
    .landing_member-big+.landing_img-large,
    .landing_member-big+.landing_img-medium,
    .landing_member-big+.landing_img-small,
    .landing_member-big+.landing_info-sec,
    .landing_member-big+.landing_info-sec-3,
    .landing_member-big+.landing_jobs,
    .landing_skills+.landing_img-big,
    .landing_skills+.landing_img-large,
    .landing_skills+.landing_img-medium,
    .landing_skills+.landing_img-small,
    .landing_skills+.landing_info-sec,
    .landing_skills+.landing_info-sec-3,
    .landing_skills+.landing_jobs,
    .landing_skills+.landing_member-big .team-test,
    .landing_text-green+.landing_img-big,
    .landing_text-green+.landing_img-large,
    .landing_text-green+.landing_img-medium,
    .landing_text-green+.landing_img-small,
    .landing_text-green+.landing_info-sec,
    .landing_text-green+.landing_info-sec-3,
    .landing_text-green+.landing_jobs,
    .landing_text-green+.landing_member-big .team-test,
    .quote-sec,
    .team-test {
        padding-top: 100px
    }

    .quote-sec__container {
        width: 80%
    }

    .quote-sec__title {
        font-size: 46px
    }

    .member-sec__quotes {
        font-size: 100px;
        margin-top: 15px;
        margin-bottom: -30px
    }

    .member-sec__right-side>img {
        height: 500px
    }

    .member-sec__star {
        bottom: -11%;
        left: -13%
    }

    .team-test__list {
        margin-bottom: -70px;
        margin-right: -20px
    }

    .team-test__item {
        width: calc(20% - 20px);
        margin-right: 20px;
        margin-bottom: 20px
    }

    .team-test__item img {
        height: 270px
    }

    .about-bus__main {
        padding-bottom: 100px;
        margin-bottom: -140px
    }

    .about-bus__inner,
    .quote-sec_logo__bottom p {
        width: 70%
    }

    .about-bus_margin {
        margin-bottom: 300px
    }

    .about-bus__star:before {
        left: 16%;
        top: -80%
    }

    .vision {
        padding-top: 220px
    }

    .vision__list {
        margin-right: -45px;
        margin-bottom: -45px
    }

    .vision__item {
        width: calc(33.33334% - 45px);
        margin-right: 45px;
        margin-bottom: 45px;
        padding: 45px 30px 30px
    }

    .vision__list--var2 {
        margin-right: 0
    }

    .vision__list--var2 .vision__item {
        margin-right: 20px;
        width: calc(25% - 10px);
        padding: 40px 20px 20px
    }

    .img-sec__list-x3 {
        grid-grid-column-gap: 15px
    }

    .img-sec__item-x3 img,
    .img-sec__item-x3 video {
        height: 29vw
    }

    .img-sec__item-x2 img,
    .img-sec__item-x2 video {
        height: calc(50vw - 15px)
    }

    .img-sec_big,
    .img-sec_large,
    .img-sec_medium,
    .img-sec_small {
        padding: 50px 0
    }

    .landing_info-sec+*,
    .landing_info-sec-3+*,
    .landing_jobs+*,
    .landing_jobs-2+*,
    .landing_member-big+.landing_member {
        margin-top: 0
    }

    .landing_about-bus+* {
        margin-top: -60px
    }

    .cl-hub-section {
        padding-top: 275px
    }

    .hero-sector__right-side {
        margin-left: auto
    }

    .hero-sector__arrows {
        bottom: -16%;
        left: 48%
    }

    .btns-list .btn {
        width: max-content
    }

    .btns-list .btn:not(:last-child) {
        margin-right: 30px
    }

    .sector-info-sec {
        padding-top: 150px
    }

    .popup-steps-list {
        padding: 50px 10vw
    }

    .popup-steps-list .popup-step {
        width: 80px;
        height: 80px
    }

    .popup-steps-list .popup-step:before,
    .popup-steps-list .popup-step:last-child:after {
        height: 3px
    }

    .popup-steps-list .popup-step p {
        font-size: 60px
    }

    #amount,
    .popup-steps-list .popup-step span {
        font-size: 14px
    }

    .popup-b__block {
        width: 80vw;
        margin-top: 30px;
        padding: 70px 8vw
    }

    .popup-b__block .green-star:before {
        width: 80px;
        height: 80px;
        left: -6.5vw;
        top: -3vw
    }

    .popup-b__form .btn {
        width: auto
    }

    .popup-b__file-block {
        padding: 20px 30px;
        margin-top: 30px
    }

    .cb__grid-inner,
    .cb__row_input {
        margin-bottom: 50px
    }

    .blogs-jobs {
        padding-top: 100px !important;
        padding-bottom: 100px !important
    }

    .es-jobs-mix+.case-st-sectors:before {
        top: -30px
    }

    .quote-sec_logo__bottom img {
        height: 100px;
        width: 27%
    }

    .quote-sec_logo.slider-btns .slick-next {
        right: 10%
    }

    .quote-sec_logo.slider-btns .slick-prev {
        left: auto;
        right: calc(10% + 66px)
    }

    #doubleRange {
        width: 87%
    }
}

@media only screen and (max-width:1280px) {

    .text_big,
    .title,
    .title-block h1,
    .title-block h2,
    .title-block h3 {
        font-family: Merriweather, serif
    }

    .who-we__bg-small,
    .who-we__bg-small.talent-var {
        bottom: -170px
    }

    .container {
        max-width: 1120px
    }

    .container_2 {
        max-width: 1000px
    }

    .title,
    .title-block h1 {
        font-size: 46px;
        line-height: 56px
    }

    .title.inline-title-styles h1 {
        font-size: 46px !important;
        line-height: 56px !important
    }

    .title.inline-title-styles h2 {
        font-size: 38px !important;
        line-height: 50px !important
    }

    .title.inline-title-styles h3 {
        font-size: 32px !important;
        line-height: 44px !important
    }

    .title-block h2 {
        font-size: 38px;
        line-height: 50px
    }

    .title-block h3 {
        font-size: 32px;
        line-height: 46px
    }

    .info-sec-3__title-block,
    .subtitle {
        font-family: Merriweather, serif;
        font-size: 32px;
        line-height: 42px
    }

    .subtitle_2 {
        font-size: 36px;
        line-height: 44px
    }

    .content-block li,
    .content-block p,
    .content-block span,
    .text {
        line-height: 30px
    }

    .text_big {
        font-size: 22px;
        line-height: 34px
    }

    .content-block h1,
    .content-block h2,
    .content-block h3,
    .content-block ol,
    .content-block ul,
    .project-popup__content .content-block {
        margin-bottom: 20px !important
    }

    .content-block p:not(:last-child) {
        margin-bottom: 30px !important
    }

    .content-block.remove-inline li,
    .content-block.remove-inline p,
    .content-block.remove-inline span {
        line-height: 30px !important
    }

    .hero {
        padding-bottom: 40px;
        height: auto
    }

    .hero__container {
        width: 540px
    }

    .hero__search-input {
        width: calc(100% - 25px);
        font-size: 22px
    }

    .hero__search-icon {
        width: 25px;
        height: 25px
    }

    .who-we {
        padding-top: 150px
    }

    .who-we__container {
        margin-left: 70px
    }

    .who-we__bg>img {
        max-width: 530px
    }

    .who-we__bg-small img {
        max-width: 260px
    }

    .who-we__bg-small.talent-var img {
        max-width: 320px
    }

    .client__bg {
        margin-left: 100px
    }

    .client__bg img {
        max-width: 490px
    }

    .client__star img {
        max-width: 160px
    }

    .join-team {
        padding-top: 180px
    }

    .join-team__container {
        width: 810px
    }

    .join-team .circle:before {
        width: 127px;
        height: 115px
    }

    .news__container {
        max-width: 1090px
    }

    .news__slider {
        width: 1280px
    }

    .news__scrollbar {
        width: 815px !important
    }

    .article-page-start .photo,
    .section-job .photo {
        width: 47%;
        height: 100%
    }

    .article-page-start .photo img,
    .article-page-start .photo video,
    .section-job .photo img,
    .section-job .photo video {
        height: 100%;
        width: 100%
    }

    .article-page-start .container.article-header,
    .section-job .container.article-header {
        width: 47%
    }

    .article-main .container.article .similar {
        width: 30%
    }

    .job-main .right {
        width: 387px
    }

    .job-main .right .point-of-contact {
        justify-content: flex-start
    }

    .job-main .right .point-of-contact::before {
        right: -35px
    }

    .contact__checkbox .custom-checkbox+label::before,
    .job-main .right .point-of-contact .photo {
        margin-right: 15px
    }

    .job-main .right .point-of-contact .photo::before {
        width: 100%
    }

    .job-main .right .similar-jobs {
        margin-top: 64px
    }

    .job-main .right .similar-jobs h1,
    .job-main .right .similar-jobs h3 {
        padding-bottom: 22px
    }

    .job {
        padding: 30px 20px 26px
    }

    .job .job-name {
        font-size: 25px;
        padding-bottom: 18px
    }

    .job .information li {
        font-size: 19px
    }

    .job .information li:not(:last-child) {
        margin-bottom: 14px
    }

    .job .buttons {
        margin-top: 25px
    }

    .mtt-page-start {
        padding-top: 165px
    }

    .mtt-header .main-title {
        font-size: 55px;
        line-height: 75px;
        margin-bottom: 37px
    }

    .mtt-header .second-title {
        font-size: 42px;
        padding-bottom: 20px
    }

    .search-info-container::before {
        top: -180px;
        left: 330px
    }

    .cs-arrow {
        width: 43px;
        height: 43px
    }

    .cs-sec-title {
        padding-bottom: 40px !important
    }

    .case-study-list {
        margin-bottom: 125px;
        grid-column-gap: 42px;
        grid-row-gap: 90px
    }

    .job-list {
        grid-row-gap: 25px;
        grid-column-gap: 25px
    }

    .job-list .job {
        padding: 20px;
        min-height: 200px
    }

    .job-list .job .job-name {
        font-size: 20px;
        line-height: 32px;
        padding-bottom: 15px
    }

    .job-list .job .description {
        font-size: 12px;
        line-height: 26px;
        max-height: 104px
    }

    .job-list .job .buttons {
        margin-top: 14px
    }

    .job-list .job .buttons a {
        padding: 11px 0;
        font-size: 14px
    }

    .job-list .job .information {
        margin-bottom: 17px
    }

    .job-list .job .information li {
        font-size: 17px
    }

    .main-title.arrows::before {
        width: 112px;
        height: 112px;
        top: -99px;
        left: -54px
    }

    .join-team.j-t-job .circle.specific::before {
        left: 18px;
        width: 142px
    }

    .timeline__dates {
        margin-right: 50px
    }

    .timeline__dates:before {
        width: 2px
    }

    .timeline__dates .swiper-slide {
        font-size: 22px
    }

    .timeline__dates .swiper-slide-active {
        font-size: 32px
    }

    .timeline__content .swiper-button-next,
    .timeline__content .swiper-button-prev {
        width: 45px;
        height: 45px
    }

    .timeline__content .swiper-button-next {
        bottom: 50px
    }

    .timeline__content .swiper-button-prev {
        top: 50px
    }

    .timeline__content-item {
        width: 330px
    }

    .timeline__ci-media img {
        width: 80px
    }

    .timeline__left-side {
        width: 43%;
        margin-right: 50px
    }

    .timeline__arrows {
        top: -25%;
        left: -25%
    }

    .about-us__right-side,
    .team-works__bg {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .attributes__list {
        margin-right: -30px
    }

    .attributes__item {
        width: calc(33.33334% - 30px);
        margin-right: 30px;
        padding: 50px 30px 30px
    }

    .attributes__title {
        font-size: 38px
    }

    .attributes .content-block li,
    .attributes .content-block p,
    .attributes .content-block span {
        font-size: 18px !important
    }

    .hero.spark {
        align-items: center
    }

    .sp-content {
        width: 61%;
        padding-top: 112px
    }

    .talent-mt {
        padding-top: 122px;
        margin-bottom: 36px
    }

    .talent-mt::before {
        width: 93px;
        height: 93px;
        top: 36px;
        left: -35px
    }

    .talent-team {
        margin-bottom: -147px
    }

    .spark-news-wrapper {
        padding-top: 147px
    }

    .colored-box__border img {
        width: 40px
    }

    .sp-jobs-text {
        margin-bottom: 50px
    }

    .spark-search {
        padding-top: 140px
    }

    .cs-popup-top-left {
        width: 55%
    }

    .cs-popup-bottom-left,
    .cs-popup-bottom-right {
        width: 46.7%
    }

    .ch-container {
        padding-top: 184px;
        padding-bottom: 79px
    }

    .ch-container.second {
        padding-top: 57px;
        padding-bottom: 110px
    }

    .ch-bg {
        height: 880px
    }

    .cc-bg {
        height: 640px !important
    }

    .cc-title {
        font-size: 52px;
        margin-bottom: 20px;
        line-height: 140%
    }

    .cc-sub-title {
        font-size: 37px;
        line-height: 46px
    }

    .cc-elem-wrap {
        height: 325px
    }

    .cc-elem-wrap .title {
        font-size: 36px;
        line-height: 48px
    }

    .cc-elem-wrap::after {
        width: 44px;
        height: 44px
    }

    .tm-photo {
        width: 570px
    }

    .tm-inner {
        width: 40%
    }

    .tm-info {
        right: 36%
    }

    .tm-text {
        font-size: 16px;
        line-height: 33px
    }

    .tm-section.second {
        padding-top: 115px
    }

    .tm-slide {
        width: 290px
    }

    .btn-swiper-scrollbar {
        width: 80%
    }

    .hero-join__bg img,
    .hero-join__bg video {
        max-height: 750px;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .hero-join__right-side,
    .hero-sector__right-side {
        margin-top: 190px
    }

    .hero-join__star {
        top: -130px;
        right: 0
    }

    .values__descr {
        top: 30px;
        height: calc(100% - 60px);
        padding: 0 20px
    }

    .values__title {
        font-size: 40px;
        line-height: 130%;
        bottom: -25px
    }

    .office-loc {
        padding: 100px 0 0
    }

    .stats__stat {
        font-size: 80px;
        line-height: 120%
    }

    .camp-info {
        width: 89%;
        padding-bottom: 60px
    }

    .cl-hub-camp {
        margin-bottom: 125px
    }

    .cl-hub-camp+.case-st {
        padding-top: 155px
    }

    .cl-hub-camp_jobs {
        margin-bottom: 0
    }

    .case-st {
        padding-top: 250px
    }

    .cl-hub-slide {
        width: 324px;
        margin-right: 90px
    }

    .mix-job-slide {
        width: 345px;
        margin-right: 39px
    }

    .quote-sec__title {
        font-size: 40px
    }

    .hero-sector__bg img,
    .hero-sector__bg video {
        max-height: 750px;
        height: 100%
    }

    .sector-info-sec {
        padding-top: 100px
    }

    .case-st-sectors,
    .es-jobs-sectors {
        padding: 100px 0
    }

    .es-jobs__container {
        width: 89%
    }

    .es-jobs__slider {
        width: 94.5%;
        margin-left: 5.5%
    }

    .es-jobs-slide {
        width: 360px
    }

    .page404 .wrap {
        width: 60vw
    }

    .fes-ch-slider .cc-elem-wrap .title {
        max-width: 88%
    }

    #doubleRange {
        width: 86%
    }

    #amount,
    .contact__checkbox span {
        font-size: 14px
    }

    .image-text__content {
        min-height: 350px;
        width: 90%
    }
}

@media only screen and (max-width:1150px) {

    .title,
    .title-block h1,
    .title-block h2,
    .title-block h3 {
        font-family: Merriweather, serif
    }

    .who-we__bg-small,
    .who-we__bg-small.talent-var {
        bottom: -130px
    }

    .container {
        max-width: 992px
    }

    .container_2 {
        max-width: 880px
    }

    .title,
    .title-block h1 {
        font-size: 40px;
        line-height: 50px
    }

    .title.inline-title-styles h1 {
        font-size: 40px !important;
        line-height: 50px !important
    }

    .title.inline-title-styles h2 {
        font-size: 36px !important;
        line-height: 46px !important
    }

    .title.inline-title-styles h3 {
        font-size: 30px !important;
        line-height: 40px !important
    }

    .title-block h2 {
        font-size: 36px;
        line-height: 46px
    }

    .title-block h3 {
        font-size: 30px;
        line-height: 40px
    }

    .info-sec-3__title-block,
    .subtitle {
        font-size: 32px;
        line-height: 40px
    }

    .client__btn,
    .footer__btn,
    .join-team__btn,
    .logo,
    .who-we__btn {
        width: 180px
    }

    .btn {
        padding: 15px 10px;
        font-size: 14px;
        min-width: 140px;
        height: 40px
    }

    .btn-meet-the-team-grid {
        padding: 0;
        line-height: 40px
    }

    .menu__icon {
        width: 44px;
        height: 44px;
        padding: 13px 0
    }

    .menu__line {
        width: 25px
    }

    .menu__content {
        width: 650px
    }

    .menu__s-item {
        font-size: 20px;
        line-height: 40px
    }

    .menu .subitem.active .menu__sublist_sectors {
        max-height: 205px !important
    }

    .hero__container {
        width: 480px;
        margin-top: 160px
    }

    .who-we__container {
        margin-left: 50px
    }

    .who-we__bg>img {
        max-width: 480px
    }

    .who-we__bg-small img,
    .who-we__bg-small.talent-var img {
        max-width: 220px
    }

    .who-we__arrows img {
        max-width: 130px
    }

    .client__bg {
        margin-left: 80px
    }

    .client__bg img {
        max-width: 430px
    }

    .client__container {
        margin-left: 70px
    }

    .client__star img,
    .footer__arrows img {
        max-width: 150px
    }

    .join-team {
        padding-top: 150px;
        padding-bottom: 100px
    }

    .join-team__container {
        width: 715px
    }

    .join-team .circle:before {
        width: 110px;
        height: 100px
    }

    .news__slider {
        width: 1150px
    }

    .news__container {
        max-width: 970px
    }

    .news__scrollbar {
        width: 700px !important
    }

    .footer__location-list {
        flex-wrap: wrap
    }

    .footer__location-item {
        margin-bottom: 30px
    }

    .footer__location-item:not(:last-child) {
        margin-right: 40px
    }

    .footer__privacy-list {
        margin-top: 70px
    }

    .left-title {
        padding-top: 54px
    }

    .mtt-arrow {
        width: 118px;
        height: 118px;
        margin-top: 38px
    }

    .mtt-main {
        padding-bottom: 90px
    }

    .mtt-list .photo {
        height: 290px;
        object-position: center -25px
    }

    .hero-about__start {
        padding-top: 160px
    }

    .attributes__title {
        font-size: 38px
    }

    .job-list {
        margin-bottom: 75px
    }

    .job-list .job .job-name {
        font-size: 18px;
        line-height: 29px;
        padding-bottom: 11px
    }

    .job-list .job .description {
        font-size: 10px;
        line-height: 22px;
        max-height: 88px
    }

    .job-list .job .buttons a {
        font-size: 12px
    }

    .job-list .job .information {
        margin-bottom: 14px
    }

    .job-list .job .information li {
        font-size: 15px
    }

    .cs-main {
        padding-top: 61px
    }

    .join-team.j-t-job .circle.specific::before {
        width: 123px
    }

    .mtt-list .member-title-card,
    .mtt-list h1 {
        font-size: 30px;
        line-height: 66px
    }

    .mtt-list h2,
    .mtt-list h4 {
        font-size: 21px
    }

    .spark-title::before {
        width: 60px;
        height: 158px
    }

    .cs-popup-top-left {
        margin-left: -67px;
        padding: 22px 0 22px 24px;
        width: 69%
    }

    .pop-title {
        font-size: 28px
    }

    .job-search input:not([type=submit]),
    .job-search select,
    .pop-sub-title {
        font-size: 20px
    }

    .pop-sub-title {
        margin-top: 3px
    }

    #amount,
    .ch-news-block .info .date,
    .pop-contact {
        font-size: 14px
    }

    .buttons.pop button {
        width: 154px
    }

    .location__item img {
        height: 320px
    }

    .ch-container.second {
        padding-bottom: 25px
    }

    .ch-title {
        font-size: 42px
    }

    .ch-handwrite {
        font-size: 29px;
        margin-top: -5px
    }

    .ch-grid {
        grid-column-gap: 30px
    }

    .ch-news-block .info {
        margin-top: 18px
    }

    .ch-news-block .info .description {
        padding: 12px 0;
        font-size: 18px;
        line-height: 33px
    }

    .ch-news-block .info .sub-desc {
        font-size: 12px;
        line-height: 29px;
        padding-bottom: 12px
    }

    .ch-news-block .info .link {
        font-size: 17px
    }

    .sec-ch-grid {
        padding-bottom: 100px
    }

    .com-hub-load-more {
        margin: 100px auto 0
    }

    .ch-bg {
        height: 820px
    }

    .hero-join__right-side,
    .hero-sector__right-side {
        margin-top: 160px
    }

    .values__item>img,
    .values__item>video {
        height: 400px
    }

    .office-loc {
        padding: 100px 0 0
    }

    .office-loc__title:before {
        left: -120px;
        top: -70px
    }

    .es-jobs-2__second-color,
    .office-loc__item img {
        height: 200px
    }

    .stats__stat {
        font-size: 70px;
        line-height: 120%
    }

    .tm-photo {
        width: 520px
    }

    .tm-inner {
        width: 41%
    }

    .tm-info {
        right: 32%
    }

    .tm-section.second {
        margin-bottom: -215px
    }

    .tm-cont-wrapper {
        padding-bottom: 45px
    }

    .tm-slide {
        width: 250px
    }

    .tm-swiper-title {
        font-size: 32px;
        line-height: 23px
    }

    .cl-hub-section .title:after {
        top: -130%;
        width: 105px;
        height: 105px
    }

    .cl-hub-section .cc-sub-title {
        padding-bottom: 44px
    }

    .cl-hub-photo,
    .cl-hub-section>img {
        margin-top: -79px
    }

    .cl-hub-camp {
        padding-top: 110px
    }

    .cl-hub-flex .cc-elem-wrap .title {
        font-size: 29px;
        line-height: 39px
    }

    .cl-hub-left-side {
        width: 66%
    }

    .es-jobs-2__list {
        margin-bottom: -100px
    }

    .team-test__item img {
        height: 220px
    }

    .vision__list {
        margin-right: -30px;
        margin-bottom: -30px
    }

    .vision__item,
    .vision__list--var2 .vision__item {
        width: calc(50% - 30px);
        margin-right: 30px;
        padding: 30px
    }

    .vision__item {
        margin-bottom: 30px
    }

    .vision__list--var2 {
        margin-right: -30px;
        margin-bottom: -30px;
        flex-wrap: wrap
    }

    .hero-sector__bg img {
        max-height: 750px
    }

    .article-page-start .container.article-header .title {
        padding-top: 46px
    }

    .portal-popup__block {
        max-height: 95vh;
        padding: 70px 50px;
        width: 605px
    }

    .portal-popup__colored-box {
        margin: 20px 0
    }

    .portal-popup__form.login {
        margin-bottom: 40px
    }

    #doubleRange {
        width: 84%;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:1024px) {
    .find-section__item-text {
        font-size: 16px;
        line-height: 32px
    }

    .clients-form-section.gap-top-small,
    .find-section.gap-top-small,
    .sector-content-section.gap-top-small,
    .sector-jobs-section.gap-top-small,
    .sector-news-section.gap-top-small,
    .sector-teams-section.gap-top-small,
    .sectors-case-section.gap-top-small,
    .testimonials-section.gap-top-small {
        padding-top: 45px !important
    }

    .clients-form-section.gap-top-medium,
    .find-section.gap-top-medium,
    .sector-content-section.gap-top-medium,
    .sector-jobs-section.gap-top-medium,
    .sector-news-section.gap-top-medium,
    .sector-teams-section.gap-top-medium,
    .sectors-case-section.gap-top-medium,
    .testimonials-section.gap-top-medium {
        padding-top: 100px !important
    }

    .clients-form-section.gap-top-big,
    .find-section.gap-top-big,
    .sector-content-section.gap-top-big,
    .sector-jobs-section.gap-top-big,
    .sector-news-section.gap-top-big,
    .sector-teams-section.gap-top-big,
    .sectors-case-section.gap-top-big,
    .testimonials-section.gap-top-big {
        padding-top: 140px !important
    }

    .clients-form-section.gap-bottom-small,
    .find-section.gap-bottom-small,
    .sector-content-section.gap-bottom-small,
    .sector-jobs-section.gap-bottom-small,
    .sector-news-section.gap-bottom-small,
    .sector-teams-section.gap-bottom-small,
    .sectors-case-section.gap-bottom-small,
    .testimonials-section.gap-bottom-small {
        padding-bottom: 45px !important
    }

    .clients-form-section.gap-bottom-medium,
    .find-section.gap-bottom-medium,
    .sector-content-section.gap-bottom-medium,
    .sector-jobs-section.gap-bottom-medium,
    .sector-news-section.gap-bottom-medium,
    .sector-teams-section.gap-bottom-medium,
    .sectors-case-section.gap-bottom-medium,
    .testimonials-section.gap-bottom-medium {
        padding-bottom: 100px !important
    }

    .clients-form-section.gap-bottom-big,
    .find-section.gap-bottom-big,
    .sector-content-section.gap-bottom-big,
    .sector-jobs-section.gap-bottom-big,
    .sector-news-section.gap-bottom-big,
    .sector-teams-section.gap-bottom-big,
    .sectors-case-section.gap-bottom-big,
    .testimonials-section.gap-bottom-big {
        padding-bottom: 140px !important
    }

    .title,
    .title-block h1,
    .title-block h2 {
        font-family: Merriweather, serif;
        font-size: 36px
    }

    .client__description,
    .descr,
    .footer__privacy-list,
    .hero__colored-box,
    .hero__form,
    .join-team__text,
    .news__slider,
    .who-we__btn {
        margin-top: 35px
    }

    .container {
        max-width: 870px
    }

    .container_2 {
        max-width: 800px
    }

    .title,
    .title-block h1 {
        line-height: 48px
    }

    .title.inline-title-styles h1 {
        font-size: 36px !important;
        line-height: 48px !important
    }

    .title.inline-title-styles h2 {
        font-size: 36px !important;
        line-height: 46px !important
    }

    .title.inline-title-styles h3 {
        font-size: 30px !important;
        line-height: 40px !important
    }

    .title-block h2 {
        line-height: 46px
    }

    .info-sec-3__title-block,
    .subtitle,
    .title-block h3 {
        font-size: 30px;
        font-family: Merriweather, serif
    }

    .title-block h3 {
        line-height: 40px
    }

    .content-block li,
    .content-block p,
    .content-block span,
    .text {
        font-family: Merriweather, serif;
        font-size: 16px;
        line-height: 32px
    }

    .text_medium {
        font-family: Merriweather, serif;
        font-size: 16px;
        line-height: 34px
    }

    .text_big {
        font-family: Merriweather, serif;
        font-size: 20px;
        line-height: 32px
    }

    .descr {
        padding-bottom: 50px
    }

    .content-block h1,
    .content-block h2,
    .content-block h3,
    .content-block ol,
    .content-block ul {
        margin-bottom: 20px !important
    }

    .content-block h1 {
        font-size: 26px
    }

    .content-block h2 {
        font-size: 24px
    }

    .article-main .container.article .similar .news-block .description,
    .content-block h3,
    .hero__search-input {
        font-size: 20px
    }

    .content-block p:not(:last-child) {
        margin-bottom: 35px !important
    }

    .content-block.remove-inline li,
    .content-block.remove-inline p,
    .content-block.remove-inline span {
        font-size: 16px !important;
        line-height: 32px !important
    }

    .contact__btn,
    .logo {
        width: 160px
    }

    .hero__field {
        padding: 15px
    }

    .hero__bg {
        width: 42%
    }

    .hero__container,
    .tm-photo {
        width: 450px
    }

    .hero__colored-box,
    .who-we__colored-box {
        padding: 20px 25px
    }

    .hero__arrows {
        right: -120px
    }

    .client__star img,
    .hero__arrows img {
        max-width: 130px
    }

    .mtt-page-start,
    .who-we {
        padding-top: 130px
    }

    .who-we__container {
        margin-left: 30px
    }

    .who-we__bg>img {
        max-width: 430px
    }

    .who-we__bg-small img,
    .who-we__bg-small.talent-var img {
        max-width: 200px
    }

    .who-we__bg-small {
        bottom: -130px;
        left: -30px
    }

    .who-we__bg-small.talent-var {
        bottom: -130px
    }

    .who-we__arrows img {
        max-width: 110px
    }

    .who-we__description {
        margin-top: 35px;
        padding-left: 25px;
        padding-right: 15px
    }

    .client__bg {
        margin-left: 55px
    }

    .client__bg img {
        max-width: 390px
    }

    .client__text {
        margin-bottom: 35px
    }

    .join-team__container {
        width: 640px
    }

    .join-team .circle:before {
        width: 90px;
        height: 83px;
        left: -5px
    }

    .news__slider {
        width: auto;
        padding-bottom: 100px
    }

    .news__scrollbar {
        height: 3px !important;
        bottom: 18px !important;
        width: 650px !important
    }

    .news__slide-btn {
        width: 40px;
        height: 40px
    }

    .news__next-el,
    .news__prev-el {
        background-size: 15px
    }

    .news__prev-el {
        right: 50px
    }

    .fes-ch-slider__btn-container .news__slide-btn {
        bottom: -99px
    }

    .article-page-start .container.article-header .title,
    .section-job .container .info .title,
    .section-job .container.article-header .title {
        font-size: 45px;
        line-height: 55px
    }

    .cc-grid,
    .img-sec__list-x3,
    .img-sec__list-x4 {
        grid-template-columns: 1fr 1fr
    }

    .footer {
        padding: 120px 0
    }

    .footer__arrows {
        bottom: -60px
    }

    .footer__arrows img {
        max-width: 130px
    }

    .article-page-start .container.article-header .date,
    .footer__loc-city,
    .section-job .container.article-header .date {
        margin-bottom: 20px
    }

    .article-main .container.article .left .main-part ul li,
    .footer__social-list {
        margin-bottom: 0
    }

    .footer__privacy-item p {
        font-size: 14px;
        line-height: 24px
    }

    .article-page-start,
    .section-job {
        position: relative;
        overflow: hidden;
        padding-top: 150px;
        padding-bottom: 80px
    }

    .article-page-start .container.article-header,
    .section-job .container.article-header {
        margin-left: 2.5%;
        width: 45%
    }

    .article-page-start .container.article-header .buttons,
    .section-job .container.article-header .buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .article-page-start .container.article-header .buttons .download,
    .section-job .container.article-header .buttons .download {
        margin-left: 0;
        margin-top: 50px
    }

    .article-main .container.article .left {
        width: 58%
    }

    .article-main .container.article .left .link-block {
        overflow: auto;
        margin-top: 39px
    }

    .article-main .container.article .left .link-block a,
    .article-main .container.article .left .link-block p,
    .job .information li {
        font-size: 16px
    }

    .article-main .container.article .left .main-part h1 {
        margin-top: 42px
    }

    .article-main .container.article .left .main-part p:not(:last-child) {
        margin-bottom: 0 !important
    }

    .article-main .container.article .left .main-part ul {
        padding-top: 23px
    }

    .article-main .container.article .similar {
        margin-top: 57px;
        width: 33%
    }

    .article-main .container.article .similar .news-block img,
    .article-main .container.article .similar .news-block video {
        margin: 20px 0;
        height: 240px
    }

    .article-main .container.article .similar .news-block .link {
        margin-bottom: 32px
    }

    .section-job .job-header .buttons {
        display: flex;
        justify-content: space-evenly
    }

    .section-job .job-header .information {
        margin: 47px 0 70px;
        justify-content: space-around;
        font-size: 24px
    }

    .section-job .job-header .information li:not(:first-child) {
        margin: 0
    }

    .job-main .right {
        width: 330px
    }

    .job-main .right .point-of-contact {
        justify-content: flex-start
    }

    .job-main .right .point-of-contact .info .social-media a:first-child,
    .job-main .right .point-of-contact .photo {
        margin-right: 10px
    }

    .job-main .right .point-of-contact .info .point-title {
        font-size: 22px;
        padding-bottom: 10px
    }

    .job-main .right .point-of-contact .info .name {
        font-size: 19px;
        padding-bottom: 7px
    }

    .job-main .right .point-of-contact .info .add-info {
        font-size: 13px;
        line-height: 21px;
        padding-bottom: 8px
    }

    .job-main .right .point-of-contact .info .social-media,
    .job-search input,
    .job-search select {
        font-size: 18px
    }

    .job-main .right .similar-jobs {
        margin-top: 46px
    }

    .job-main .right .similar-jobs h1,
    .job-main .right .similar-jobs h3 {
        padding-bottom: 15px
    }

    .job {
        padding: 20px 23px 16px
    }

    .job:not(:last-child) {
        margin-bottom: 26px
    }

    .job .job-name {
        font-size: 21px;
        padding-bottom: 13px
    }

    .job .information li i {
        width: 14px
    }

    .job .buttons {
        margin-top: 16px
    }

    .job .buttons a {
        padding: 11px 0;
        font-size: 14px
    }

    .mtt-main-img {
        width: 46%
    }

    .mtt-header .main-title {
        font-size: 44px;
        line-height: 63px;
        margin-bottom: 15px
    }

    .mtt-header .second-title {
        font-size: 29px
    }

    .underline::before {
        width: 112px;
        height: 112px;
        bottom: -60px
    }

    .mtt-list .member-title-card,
    .mtt-list h1 {
        font-size: 24px;
        line-height: 56px
    }

    .ch-news-block .info .link,
    .mtt-list h2,
    .mtt-list h4 {
        font-size: 15px
    }

    .mtt-list .photo {
        height: 250px
    }

    .mtt-main {
        padding-top: 96px
    }

    .cs-arrow {
        width: 32px;
        height: 32px
    }

    .case-study-list {
        grid-column-gap: 36px;
        grid-row-gap: 77px;
        margin-bottom: 89px
    }

    .job-list {
        grid-row-gap: 20px;
        grid-column-gap: 20px
    }

    .job-list .job {
        min-height: 150px
    }

    .job-list .job .job-name {
        font-size: 16px;
        line-height: 26px
    }

    .job-list .job .description {
        font-size: 9px
    }

    .job-list .job .buttons a {
        padding: 9px 0;
        font-size: 11px
    }

    .job-list .job .information li {
        font-size: 13px
    }

    .job-list .job .information li:not(:last-child) {
        margin-bottom: 11px
    }

    .cs-main {
        padding-top: 61px
    }

    .main-title.arrows::before {
        width: 82px;
        height: 82px;
        top: -70px;
        left: -33px
    }

    .join-team.j-t-job {
        padding-top: 149px
    }

    .join-team.j-t-job .circle.specific::before {
        width: 107px
    }

    .timeline {
        padding: 100px 0;
        height: auto
    }

    .timeline__container {
        flex-wrap: wrap
    }

    .timeline__dates {
        margin-top: 50px;
        margin-right: 0;
        width: 100%;
        padding-left: 0;
        padding-bottom: 50px
    }

    .timeline__dates:before {
        width: 100%;
        height: 2px;
        left: 0;
        top: auto;
        bottom: 20px
    }

    .timeline__dates .swiper-slide {
        font-size: 22px;
        width: auto !important;
        justify-content: center
    }

    .timeline__dates .swiper-slide:last-child {
        margin-right: 0 !important
    }

    .timeline__dates .swiper-slide:before {
        left: auto;
        bottom: -35px
    }

    .timeline__dates .swiper-slide-active {
        font-size: 22px;
        margin: 0 70px 0 0 !important
    }

    .timeline__dates .swiper-slide-active:before {
        bottom: -44px
    }

    .timeline__content {
        margin-top: 50px;
        padding-bottom: 55px
    }

    .timeline__content .swiper-slide {
        justify-content: center
    }

    .timeline__content .swiper-button-next,
    .timeline__content .swiper-button-prev {
        width: 57px;
        height: 57px;
        background: url("../images/designer/green/Arrows_3.png") center/contain no-repeat;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0
    }

    .timeline__content .swiper-button-next:after,
    .timeline__content .swiper-button-prev:after {
        content: ""
    }

    .timeline__content .swiper-button-next {
        transform: rotate(0);
        top: auto;
        bottom: 0;
        left: auto
    }

    .timeline__content .swiper-button-prev {
        transform: rotate(-180deg);
        top: auto;
        right: auto;
        bottom: 0
    }

    .timeline__content-item {
        width: 330px
    }

    .timeline__ci-media img {
        width: 80px
    }

    .timeline__left-side {
        width: 100%;
        margin-right: 0
    }

    .attributes__list {
        flex-wrap: wrap;
        margin-right: -45px;
        margin-bottom: -45px
    }

    .attributes__item {
        width: calc(50% - 45px);
        margin-right: 45px;
        margin-bottom: 45px
    }

    .testimonial .slick-slider {
        margin: 0 -70px
    }

    .cs-popup,
    .testimonial .slick-track {
        padding-bottom: 30px
    }

    .testimonial .slick-slide .testimonial__block {
        padding: 0 70px
    }

    .spark-title::before {
        top: -137%;
        width: 48px;
        height: 126px
    }

    .spark-box {
        width: 410px;
        padding: 33px 10px
    }

    .title-sp {
        font-size: 30px
    }

    .sp-content {
        width: 72%;
        padding-top: 64px;
        padding-bottom: 83px
    }

    .spark-news-wrapper {
        padding-top: 98px
    }

    .job-search input:not([type=submit]) {
        margin-bottom: 15px
    }

    .job-search input:not([type=submit]),
    .job-search select {
        font-size: 18px;
        padding: 16px 40px 16px 18px
    }

    .job-search .select-div::after {
        width: 16px;
        height: 16px;
        right: 13px
    }

    .spark-submit {
        margin-top: 19px;
        text-align: center
    }

    .spark-search {
        padding-top: 100px
    }

    .cs-text {
        margin-bottom: -3px
    }

    .pop-contact {
        flex-direction: column
    }

    .buttons.pop button {
        width: 138px
    }

    .contact-hero__arrows {
        margin: 0 60px
    }

    .social__item {
        font-size: 22px
    }

    .location__list {
        flex-wrap: wrap;
        justify-content: center
    }

    .location__item {
        width: calc(50% - 30px)
    }

    .location__descr {
        padding: 20px
    }

    .contact__title {
        margin-bottom: 60px
    }

    .contact__form,
    .quote-sec__container {
        width: 100%
    }

    .contact__form form,
    .img-sec__list-x4 {
        grid-gap: 15px
    }

    .contact__select {
        background-size: 16px;
        background-position: right 13px center
    }

    .contact__input {
        padding: 10px 15px
    }

    .ch__colored-box,
    .com-hub {
        width: 54%
    }

    .ch-container {
        padding-top: 146px;
        padding-bottom: 64px
    }

    .ch-container.second {
        padding-top: 6px;
        padding-bottom: 0
    }

    .ch-news-block img {
        height: 200px
    }

    .ch-news-block .info {
        margin-top: 13px
    }

    .ch-news-block .info .description {
        font-size: 15px;
        line-height: 26px
    }

    .ch-news-block .info .sub-desc {
        font-size: 11px;
        line-height: 25px
    }

    .ch-bg {
        height: 660px
    }

    .cc-title {
        font-size: 39px;
        margin-bottom: 10px
    }

    .cc-sub-title {
        font-size: 29px;
        line-height: 36px;
        margin-top: 20px
    }

    .cc-bg {
        height: 520px !important
    }

    .cc-grid {
        grid-column-gap: 50px
    }

    .cc-grid .cc-elem-wrap {
        height: 280px
    }

    .cc-elem-wrap {
        height: 275px
    }

    .values__list {
        margin-right: -30px
    }

    .values__item {
        width: calc(50% - 30px);
        margin-right: 30px
    }

    .info-sec-2__container-second .info-sec-2__left-side,
    .info-sec-2__container-second .info-sec-2__right-side {
        margin-right: 0;
        margin-left: 0
    }

    .instagram-sec__slide img,
    .member-sec__right-side>img,
    .values__item>img,
    .values__item>video {
        height: 350px
    }

    .values__title {
        font-size: 36px
    }

    .instagram-sec {
        padding-top: 150px;
        padding-bottom: 50px
    }

    .instagram-sec__slider-wrapper {
        margin-left: -28vw
    }

    .instagram-sec__btns {
        margin-top: 30px
    }

    .instagram-sec__btns .news__slide-btn {
        margin-left: 10px
    }

    .stats {
        padding-top: 90px
    }

    .stats__item {
        padding: 30px 50px
    }

    .stats__stat {
        font-size: 60px;
        line-height: 120%
    }

    .es-jobs-slide {
        width: 320px
    }

    .about-bus_margin,
    .hero-mix {
        margin-bottom: 150px
    }

    .bg-sec__bg {
        margin-bottom: -170px
    }

    .bg-sec__bg iframe,
    .bg-sec__bg img,
    .bg-sec__bg video,
    .info-sec__right-side img {
        height: 400px
    }

    .bg-sec__second-color {
        height: 270px
    }

    .info-sec-2__container {
        margin-bottom: 0;
        padding-bottom: 100px
    }

    .info-sec-2__left-side {
        margin-left: 0;
        width: 46%
    }

    .info-sec-2__left-side>img,
    .info-sec-2__left-side>video {
        height: 500px
    }

    .info-sec-2__right-side {
        margin-right: 0;
        width: 43%;
        padding-bottom: 0
    }

    .info-sec-2__second-color {
        height: 100px
    }

    .info-sec-2__star {
        right: -11%
    }

    .info-sec-2__star .right {
        left: -11%
    }

    .member-sec__quotes {
        font-size: 80px;
        margin-top: 10px
    }

    .team-test__item {
        width: calc(33.33334% - 20px)
    }

    .team-test__item img {
        height: 240px
    }

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

    .about-bus__inner {
        width: 90%
    }

    .about-bus__star:before {
        left: 23%;
        top: -80%
    }

    .vision {
        padding-top: 170px
    }

    .img-sec__item-x3 img,
    .img-sec__item-x3 video {
        height: 40vw
    }

    .landing_about-bus+* {
        margin-top: 200px
    }

    .tm-inner {
        width: 44%
    }

    .tm-info {
        right: 25%
    }

    .tm-text {
        font-size: 13px;
        line-height: 26px;
        width: 48%
    }

    .tm-section.second {
        padding-top: 90px;
        margin-bottom: -190px
    }
}

@media only screen and (max-width:1024px)and (max-width:768px) {
    .fes-ch-slider__btn-container .news__slide-btn {
        bottom: -69px
    }
}

@media only screen and (max-width:1024px)and (max-width:551px) {
    .fes-ch-slider__btn-container .news__slide-btn {
        bottom: -49px
    }

    .tm-section.second.es-jobs-2 {
        padding-top: 50px;
        margin-bottom: -120px
    }

    .tm-section.second.es-jobs-2 .tm-container-2 {
        padding-left: 0
    }

    .tm-section.second.es-jobs-2.gap-bottom-big,
    .tm-section.second.es-jobs-2.gap-bottom-medium,
    .tm-section.second.es-jobs-2.gap-bottom-none,
    .tm-section.second.es-jobs-2.gap-bottom-small {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width:1024px) {

    .popup-b__block .green-star:before,
    .title.tm-star::after {
        width: 60px;
        height: 60px
    }

    .tm-section.third {
        padding-top: 220px
    }

    .tm-slide {
        width: 230px;
        margin-right: 25px
    }

    .tm-swiper-title {
        padding: 39px 0;
        font-size: 28px
    }

    .btn-swiper-button {
        width: 46px;
        height: 46px
    }

    .btn-swiper-scrollbar {
        height: 2px
    }

    .colored-box__border img {
        width: 30px
    }

    .title.tm-star::after {
        top: -88%;
        right: -22%
    }

    .cl-hub-flex {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .cl-hub-flex .cc-elem-wrap {
        margin-bottom: 0;
        width: 48%;
        height: 250px
    }

    .cl-hub-flex .cc-elem-wrap:last-child {
        margin-top: 10px
    }

    .cl-hub-camp {
        margin-bottom: 100px
    }

    .cl-hub-camp+.case-st {
        padding-top: 100px
    }

    .case-st {
        padding-top: 210px;
        padding-bottom: 105px
    }

    .cl-hub-slide {
        width: 268px;
        margin-right: 75px
    }

    .cl-hub-slide .info {
        width: 210px;
        padding: 18px 15px
    }

    .cl-hub-slide .info .sli-title {
        font-size: 18px;
        padding-bottom: 8px
    }

    #amount,
    .cl-hub-slide .info .sub-title {
        font-size: 14px
    }

    .cl-hub-camp_jobs {
        margin-bottom: 0;
        padding-bottom: 50px
    }

    .cl-hub-camp_jobs .cl-hub-flex {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2%;
        grid-row-gap: 10px
    }

    .cl-hub-camp_jobs .cl-hub-flex .cc-elem-wrap:last-child {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 49%;
        justify-self: center;
        grid-column: 1/span 2
    }

    .case-st-sectors,
    .contact-sectors,
    .es-jobs-sectors {
        padding: 100px 0
    }

    .popup-steps-list {
        padding: 50px 7vw
    }

    .popup-b__block {
        margin-top: 30px;
        padding: 70px 8vw
    }

    .popup-b__title {
        font-size: 36px
    }

    .popup-b__form .custom-checkbox-block .custom-checkbox+label:before {
        width: 25px;
        height: 25px
    }

    .popup-b__form .custom-checkbox-block .custom-checkbox:checked+label:before {
        background-size: 20px 16px
    }

    .route-descr {
        margin-top: 50px;
        margin-bottom: 0
    }

    .route__title {
        font-size: 26px
    }

    .route .small {
        line-height: 26px
    }

    .quote-sec_logo .title,
    .quote-sec_logo__bottom p,
    .route .text_big {
        font-size: 18px
    }

    .route__value input,
    .route__value select {
        font-size: 16px
    }

    .candidate-block .cb__left-side img {
        width: 180px;
        height: 180px
    }

    .candidate-block .cb__right-side form input {
        width: 200px
    }

    .candidate-block .cb__name,
    .candidate-block .cb__text:not(:last-child) {
        margin-bottom: 10px
    }

    .cb__grid-inner,
    .cb__row_input {
        margin-bottom: 45px
    }

    .cb__job-type {
        margin-top: 45px
    }

    .page404-logo {
        margin-bottom: 30px
    }

    .page404 .title {
        font-size: 32px;
        margin-bottom: 25px
    }

    .page404 .text {
        max-width: 80%;
        font-size: 20px;
        margin-bottom: 20px
    }

    .quote-sec_logo.slider-btns .slick-next {
        right: 7%
    }

    .quote-sec_logo.slider-btns .slick-prev {
        left: auto;
        right: calc(7% + 66px)
    }

    .quote-sec_logo .slick-list.draggable {
        padding-top: 40px;
        margin-top: -40px
    }

    .quote-sec_logo .quote-open {
        left: 5px;
        top: -30px
    }

    .quote-sec_logo .quote-close {
        right: 5px;
        bottom: -50px
    }

    .featured-employers-slider.fes-ch-hub,
    .fes-ch-slider.fes-ch-hub {
        top: 100px;
        margin-top: -100px
    }

    #doubleRange {
        width: 82%
    }

    .image-text__content {
        width: 100%
    }

    .image-text {
        padding-top: 100px;
        padding-bottom: 80px
    }

    .image-text .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width:900px) {
    .talent-mt.with-mask-decor .title-decor-star {
        width: 72px;
        height: 72px;
        left: 212px;
        bottom: 14px
    }

    .ch-section.blogs-type .ch-bg {
        height: 386px
    }

    .container {
        max-width: 750px
    }

    .container_2 {
        max-width: 700px
    }

    .content-block ol li,
    .content-block ul li,
    .cs-text.ul li {
        padding-left: 30px
    }

    .content-block ol li:before,
    .content-block ul li:before {
        font-size: 23px;
        margin-left: 0
    }

    .content-block.not-arrows ul li:before {
        height: 12px;
        width: 12px;
        margin-left: 0;
        transform: translateY(-50%) translateX(-50%);
        left: 14px
    }

    .hero__bg {
        width: 37%
    }

    .who-we__bg>img {
        max-width: 390px
    }

    .who-we__bg-small img,
    .who-we__bg-small.talent-var img {
        max-width: 180px
    }

    .who-we__arrows img {
        max-width: 120px
    }

    .client__bg img {
        max-width: 340px
    }

    .client__star img {
        max-width: 140px
    }

    .client__bg-text {
        max-width: 300px
    }

    .client__container {
        margin-left: 50px;
        width: 36%
    }

    .news__scrollbar {
        width: 570px !important
    }

    .footer__location-item:not(:last-child) {
        margin-right: 60px
    }

    .header.article .btn {
        color: #fff;
        border-color: #fff
    }

    .article-page-start .container.article-header,
    .section-job .container.article-header {
        margin-left: 3%;
        width: 47%
    }

    .article-page-start .photo,
    .section-job .photo {
        height: 100%;
        width: 47%
    }

    .article-page-start .photo img,
    .article-page-start .photo video,
    .section-job .photo img,
    .section-job .photo video {
        max-width: 100%;
        width: 100%
    }

    .article-main .buttons {
        margin: 50px 0
    }

    .article-main .container.article {
        flex-direction: column
    }

    .article-main .container.article .left,
    .article-main .container.article .similar,
    .job .buttons a,
    .job-main .right,
    .job-main .right .similar-jobs h1,
    .job-main .right .similar-jobs h3 {
        width: 100%
    }

    .article-main .container.article .left .link-block a,
    .article-main .container.article .left .link-block p {
        font-size: 20px
    }

    .article-main .container.article .left .link-block p {
        margin-top: 20px
    }

    .article-main .container.article .left .link-block p:last-child,
    .news__container.spark {
        margin-bottom: 50px
    }

    .article-main .container.article .left .share-block h1,
    .article-main .container.article .left .share-block h3,
    .cs-popup-bottom-right .buttons.pop button:first-child {
        margin-bottom: 20px
    }

    .article-main .container.article .left .share-block .socials,
    .job:not(:last-child) {
        margin-bottom: 0
    }

    .article-main .container.article .similar .news-wrapper {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 50px
    }

    .article-main .container.article .similar .news-wrapper .news-block,
    .job {
        width: 32%
    }

    .article-main .container.article .similar .news-wrapper .news-block .description {
        font-size: 14px;
        line-height: 31px
    }

    .article-main .container.article .left .main-part h1 {
        font-family: Merriweather, serif;
        font-size: 26px;
        font-weight: 300;
        margin-top: 20px
    }

    .article-main .container.article .left .main-part h2 {
        font-family: Merriweather, serif;
        font-size: 22px;
        font-weight: 300;
        margin-top: 20px
    }

    .article-main .container.article .left .main-part h3 {
        font-family: Merriweather, serif;
        font-size: 20px;
        font-weight: 300;
        margin-top: 20px
    }

    .join-team.j-t-job {
        padding-top: 100px;
        padding-bottom: 83px
    }

    .join-team.j-t-job .circle::before {
        width: 99px;
        height: 92px
    }

    .job-main .right .point-of-contact,
    .tm-photo {
        width: 50%
    }

    .job-main .right .similar-jobs {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px
    }

    .flex-break {
        display: block;
        flex-basis: 100%;
        height: 0;
        margin-bottom: 10px
    }

    .job .job-name {
        font-size: 20px;
        padding-bottom: 20px
    }

    .job .information li,
    .pop-sub-title {
        font-size: 18px
    }

    .job .information li i {
        width: 17px
    }

    .job .buttons {
        margin-top: 21px;
        flex-direction: column
    }

    .job .buttons a:first-child {
        margin-bottom: 14px
    }

    .mtt-header .main-title {
        font-size: 38px;
        line-height: 52px
    }

    .mtt-header .second-title,
    .pop-title {
        font-size: 26px
    }

    .underline::before {
        width: 98px;
        height: 98px;
        bottom: -52px
    }

    .mtt-arrow {
        width: 85px;
        height: 85px;
        margin-top: 30px
    }

    .left-title {
        padding-top: 40px
    }

    .mtt-main {
        padding-top: 90px
    }

    .mtt-list li {
        padding-bottom: 84px
    }

    .mtt-list .member-title-card,
    .mtt-list h1 {
        font-size: 20px;
        line-height: 47px
    }

    .mtt-list h2,
    .mtt-list h4 {
        font-size: 13px
    }

    .mtt-list .photo {
        height: 220px
    }

    .cs-arrow {
        width: 24px;
        height: 24px
    }

    .case-study-list {
        grid-column-gap: 29px;
        grid-row-gap: 71px
    }

    .job-list .job .job-name {
        font-size: 14px;
        line-height: 24px
    }

    .job-list .job .information,
    .tm-phones li:first-child {
        margin-bottom: 5px
    }

    .job-list .job .information li {
        font-size: 12px;
        margin-bottom: 8px
    }

    .attributes__item {
        padding: 25px
    }

    .attributes .content-block li,
    .attributes .content-block p,
    .attributes .content-block span {
        font-size: 16px !important
    }

    .spark-title::before {
        top: -72%;
        width: 31px;
        height: 88px
    }

    .sp-content {
        width: 83%
    }

    .spark-box {
        margin-bottom: 40px
    }

    .talent-mt {
        padding-top: 72px
    }

    .talent-mt::before {
        width: 72px;
        height: 72px;
        left: 212px;
        top: 10px
    }

    .talent-team {
        margin-bottom: -90px
    }

    .spark-news-wrapper {
        padding-top: 10px
    }

    .text_big {
        font-size: 17px
    }

    .cs-text {
        font-size: 14px;
        line-height: 29px;
        padding-right: 10px;
        height: 232px
    }

    .cs-text.ul {
        line-height: 38px
    }

    .cs-text.ul li::before {
        height: 23px;
        width: 23px;
        margin-left: -30px
    }

    .cs-popup {
        padding-bottom: 30px
    }

    .cs-popup-top-left {
        width: 100%;
        margin-left: -37px
    }

    .cs-popup-bottom-right .buttons.pop {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-top: 40px
    }

    .cs-popup-bottom-right .buttons.pop button {
        width: 185px;
        padding: 13px 0;
        font-size: 14px
    }

    .cs-popup-bottom-right .buttons.pop .close,
    .es-jobs-slide:first-child,
    .es-jobs__btn {
        margin-left: 0
    }

    .cs-popup-bottom-right .buttons.pop .download::after {
        width: 115px;
        height: 115px;
        z-index: -1
    }

    .buttons.pop button {
        width: 138px
    }

    .ch__colored-box,
    .com-hub {
        width: 59%
    }

    .ch-title {
        font-size: 40px;
        line-height: 60px
    }

    .ch-handwrite {
        font-size: 27px
    }

    .ch-container {
        padding-top: 114px;
        padding-bottom: 40px
    }

    .ch-container.second {
        padding: 0
    }

    .com-hub {
        margin-top: 40px
    }

    .job-search input:not([type=submit]),
    .job-search select {
        font-size: 16px;
        padding: 13px 35px 13px 15px
    }

    .job-search input[type=submit] {
        width: 160px;
        font-size: 14px;
        padding: 13px 0
    }

    .spark-submit::before {
        left: -49px
    }

    .ch-grid {
        padding-top: 55px
    }

    .ch-bg {
        height: 505px
    }

    .cc-bg {
        width: 42% !important;
        height: 446px !important
    }

    .cc-grid {
        padding-top: 195px;
        grid-gap: 40px
    }

    .cc-grid .cc-elem-wrap .title {
        font-size: 28px
    }

    .cc-grid_padding {
        padding-bottom: 195px
    }

    .cc-elem-wrap .title {
        font-size: 28px;
        line-height: 39px;
        padding: 25px
    }

    .cc-elem-wrap::after {
        width: 32px;
        height: 32px;
        bottom: 13px;
        right: 25px
    }

    .es-jobs .job {
        width: auto
    }

    .tm-inner {
        width: calc(100% - 240px)
    }

    .tm-info {
        top: -55%;
        right: 5.5%;
        width: 228px
    }

    .tm-phones,
    .tm-subtitle {
        font-size: 16px
    }

    .tm-color-box {
        padding: 19px 0;
        margin-bottom: 15px
    }

    .tm-social-media {
        margin-bottom: 16px
    }

    .tm-social-media li:first-child {
        margin-right: 27px
    }

    .tm-text {
        font-size: 14px;
        line-height: 29px;
        width: 46%
    }

    .tm-swiper-title {
        padding: 35px 0;
        font-size: 23px
    }

    .tm-slide {
        width: 260px;
        margin-right: 35px
    }

    .cl-hub-section {
        padding-top: 236px
    }

    .cl-hub-section .title {
        padding-bottom: 5px
    }

    .cl-hub-section .title:after {
        top: -150%;
        width: 84px;
        height: 85px
    }

    .cl-hub-photo,
    .cl-hub-section>img {
        margin-top: -69px
    }

    .cl-hub-second {
        padding-top: 104px
    }

    .camp-view-more {
        margin-top: 21px
    }

    .cl-hub-slide {
        width: 261px;
        margin-right: 57px
    }

    .es-jobs__container {
        width: 96%
    }

    .es-jobs__row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .es-jobs__title-block {
        margin-bottom: 30px
    }

    .es-jobs__slider {
        margin: 50px auto 0
    }

    .es-jobs-slide {
        width: 49%;
        margin: 0 1%
    }

    .es-jobs-slide:last-child {
        margin-right: 0
    }

    .custom-double-range {
        margin-top: 10px
    }

    #doubleRange {
        width: 82%
    }

    #doubleRange .ui-slider-handle {
        width: 22px;
        height: 22px;
        top: -8px
    }

    #amount,
    .contact__checkbox span {
        font-size: 12px
    }

    .search-info-container:before {
        top: -130px;
        height: 132px;
        width: 120px;
        left: 250px
    }

    .contact__checkbox .custom-checkbox+label::before {
        margin-right: 15px
    }
}

@media only screen and (max-width:768px) {

    .clients-form-section.gap-top-small,
    .find-section.gap-top-small,
    .google-reviews.gap-top-small,
    .image-text.gap-top-small,
    .landing_a-and-v.gap-top-small .about-bus__container,
    .sector-content-section.gap-top-small,
    .sector-jobs-section.gap-top-small,
    .sector-news-section.gap-top-small,
    .sector-teams-section.gap-top-small,
    .sectors-case-section.gap-top-small,
    .testimonials-section.gap-top-small {
        padding-top: 40px !important
    }

    .clients-form-section.gap-top-medium,
    .find-section.gap-top-medium,
    .google-reviews.gap-top-medium,
    .image-text.gap-top-medium,
    .landing_a-and-v.gap-top-medium .about-bus__container,
    .sector-content-section.gap-top-medium,
    .sector-jobs-section.gap-top-medium,
    .sector-news-section.gap-top-medium,
    .sector-teams-section.gap-top-medium,
    .sectors-case-section.gap-top-medium,
    .testimonials-section.gap-top-medium {
        padding-top: 80px !important
    }

    .clients-form-section.gap-top-big,
    .find-section.gap-top-big,
    .google-reviews.gap-top-big,
    .image-text.gap-top-big,
    .landing_a-and-v.gap-top-big .about-bus__container,
    .sector-content-section.gap-top-big,
    .sector-jobs-section.gap-top-big,
    .sector-news-section.gap-top-big,
    .sector-teams-section.gap-top-big,
    .sectors-case-section.gap-top-big,
    .testimonials-section.gap-top-big {
        padding-top: 100px !important
    }

    .clients-form-section.gap-bottom-small,
    .find-section.gap-bottom-small,
    .google-reviews.gap-bottom-small,
    .image-text.gap-bottom-small,
    .landing_a-and-v.gap-bottom-small .vision,
    .sector-content-section.gap-bottom-small,
    .sector-jobs-section.gap-bottom-small,
    .sector-news-section.gap-bottom-small,
    .sector-teams-section.gap-bottom-small,
    .sectors-case-section.gap-bottom-small,
    .testimonials-section.gap-bottom-small {
        padding-bottom: 40px !important
    }

    .clients-form-section.gap-bottom-medium,
    .find-section.gap-bottom-medium,
    .google-reviews.gap-bottom-medium,
    .image-text.gap-bottom-medium,
    .landing_a-and-v.gap-bottom-medium .vision,
    .sector-content-section.gap-bottom-medium,
    .sector-jobs-section.gap-bottom-medium,
    .sector-news-section.gap-bottom-medium,
    .sector-teams-section.gap-bottom-medium,
    .sectors-case-section.gap-bottom-medium,
    .testimonials-section.gap-bottom-medium {
        padding-bottom: 80px !important
    }

    .clients-form-section.gap-bottom-big,
    .find-section.gap-bottom-big,
    .google-reviews.gap-bottom-big,
    .image-text.gap-bottom-big,
    .landing_a-and-v.gap-bottom-big .vision,
    .sector-content-section.gap-bottom-big,
    .sector-jobs-section.gap-bottom-big,
    .sector-news-section.gap-bottom-big,
    .sector-teams-section.gap-bottom-big,
    .sectors-case-section.gap-bottom-big,
    .testimonials-section.gap-bottom-big {
        padding-bottom: 100px !important
    }

    .hero-about__title-block,
    .testimonial-case-study {
        padding: 30px
    }

    .quote-sec.photo-quotes .quote-sec__name-position,
    .testimonial-case-study__content:after,
    .testimonial-case-study__content:before {
        font-size: 20px
    }

    .talent-image-container {
        width: 100%;
        max-width: 100%
    }

    .talent-image-container .who-we__bg {
        width: auto
    }

    .talent-image-container .talent-text-image-content {
        padding-top: 120px
    }

    .container,
    .container_2 {
        max-width: 630px;
        padding: 0 15px
    }

    .title,
    .title-block h1 {
        font-family: Merriweather, serif;
        font-size: 34px;
        line-height: 46px
    }

    .title.inline-title-styles h1 {
        font-size: 34px !important;
        line-height: 44px !important
    }

    .title.inline-title-styles h2 {
        font-size: 28px !important;
        line-height: 38px !important
    }

    .title.inline-title-styles h3 {
        font-size: 26px !important;
        line-height: 36px !important
    }

    .title-block h2 {
        font-family: Merriweather, serif;
        font-size: 28px;
        line-height: 42px
    }

    .subtitle,
    .title-block h3 {
        font-family: Merriweather, serif;
        line-height: 40px
    }

    .title-block h3 {
        font-size: 26px
    }

    .quote-sec__subtitle,
    .subtitle {
        font-size: 28px
    }

    .subtitle_2 {
        font-size: 34px;
        line-height: 36px
    }

    .info-sec-3__title-block {
        font-family: Merriweather, serif;
        font-size: 28px;
        line-height: 40px
    }

    .btn {
        height: 54px;
        min-width: 160px;
        font-size: 16px
    }

    .article-main .container.article .left .main-part h1,
    .descr,
    .footer__privacy-list {
        margin-top: 40px
    }

    .menu__top .header__btn {
        min-width: 140px;
        font-size: 14px;
        height: 48px
    }

    .about-us__left-side,
    .camp-info .right,
    .ch__colored-box,
    .com-hub,
    .info-sec-2__right-side,
    .info-sec__left-side,
    .instagram-sec__slide,
    .member-sec__left-side,
    .menu__content,
    .skills__left-side,
    .team-works__container,
    .testimonial__container,
    .vision__item {
        width: 100%
    }

    .header__btn_2,
    .tm-swiper-info {
        margin-right: 30px
    }

    .about-team__title br,
    .article-page-start .photo,
    .header__btn_3,
    .hero-sector__arrows,
    .hero__bg,
    .mam-jobs-scroll,
    .news__scrollbar,
    .popup-steps-list .popup-step,
    .popup-steps-list .popup-step:after,
    .popup-steps-list .popup-step:before,
    .section-job .photo {
        display: none
    }

    .popup-steps-list .popup-step.active,
    .tm-grid {
        display: flex
    }

    .hero__title {
        font-size: 42px !important;
        line-height: 54px !important
    }

    .article-main .container.article .left .main-part,
    .article-main .container.article .left .main-part p,
    .article-main .container.article .left .main-part_blogs a,
    .news__date {
        font-size: 14px
    }

    .footer__privacy-item p,
    .news__date,
    .news__download {
        line-height: 100%
    }

    .hero__container {
        width: 70%;
        margin-top: 200px
    }

    .client__description,
    .hero-about__inner,
    .hero__form {
        margin-top: 30px
    }

    .hero__search-icon {
        width: 26px;
        height: 26px
    }

    .hero__field {
        padding: 20px
    }

    .hero__colored-box {
        margin-top: 60px
    }

    .who-we {
        padding-top: 100px;
        flex-direction: column
    }

    .who-we__bg {
        align-self: flex-end;
        margin-top: 80px
    }

    .who-we__container {
        width: 70%;
        margin: 0 auto
    }

    .who-we__colored-box {
        padding: 40px 40px 30px 35px
    }

    .who-we__description {
        margin-top: 40px;
        padding-left: 34px;
        padding-right: 37px
    }

    .client__btn,
    .footer__btn,
    .join-team__btn,
    .who-we__btn {
        width: 200px
    }

    .client {
        padding-top: 132px;
        flex-direction: column-reverse
    }

    .client__container {
        margin: 0 auto;
        width: 70%
    }

    .client__bg {
        bottom: -148px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -70px
    }

    .case-st-info,
    .case-st-info .btn,
    .instagram-sec__slider-wrapper {
        margin-left: 0
    }

    .client__bg-text {
        bottom: -35px
    }

    .join-team {
        padding-top: 185px;
        padding-bottom: 85px
    }

    .join-team__container {
        width: 90%
    }

    .join-team__text {
        margin-top: 50px
    }

    .news {
        padding: 80px 0
    }

    .news__date {
        margin-top: 25px
    }

    .news__text {
        margin-top: 15px
    }

    .footer {
        padding-top: 75px;
        padding-bottom: 135px
    }

    .footer__location-item {
        width: 40%;
        position: relative;
        margin-bottom: 20px
    }

    .footer__loc-city {
        line-height: 100%;
        margin-bottom: 17px
    }

    .article-main .container.article .similar .news-wrapper .news-block:first-child,
    .footer__loc-phone,
    .job-search .select-div:first-child,
    .job-search .select-div:nth-child(2) {
        margin-bottom: 20px
    }

    .footer__city-title:after {
        content: url("../images/icon-arrow-down.svg");
        transition: .3s ease-in-out;
        position: absolute;
        right: 0;
        width: 10px;
        height: 14px
    }

    .footer__city-title.active:after {
        transform: rotate(180deg)
    }

    .footer__loc-description {
        border-bottom: 1px solid #868d94;
        max-height: 0;
        overflow: hidden;
        transition: .3s ease-in-out
    }

    .footer__loc-description.active {
        padding-bottom: 20px
    }

    .article-page-start,
    .section-job {
        padding-bottom: 60px
    }

    .article-page-start .container.article-header,
    .section-job .container.article-header {
        margin: 0 auto;
        width: 85%
    }

    .article-page-start .container.article-header .post-info,
    .camp-info,
    .member-sec__container,
    .news__row.spark,
    .section-job .container.article-header .post-info,
    .skills__container {
        flex-direction: column
    }

    .article-page-start .container.article-header .writer-picture,
    .section-job .container.article-header .writer-picture {
        margin-right: 0;
        height: 140px;
        width: 140px
    }

    .article-page-start .container.article-header .writer,
    .section-job .container.article-header .writer,
    .skills__left-side,
    .stats__item,
    .stats__list,
    .vision__item,
    .vision__list,
    .vision__list--var2,
    .vision__list--var2 .vision__item:last-child {
        margin-right: 0
    }

    .article-page-start .container.article-header .buttons,
    .section-job .container.article-header .buttons {
        flex-direction: row;
        justify-content: space-evenly;
        margin-top: 50px
    }

    .article-page-start .container.article-header .buttons .download,
    .job-list .job:last-child,
    .section-job .container.article-header .buttons .download,
    .spark-submit.green {
        margin-top: 0
    }

    .article-main .container.article .left .main-part.remove-inline li,
    .article-main .container.article .left .main-part.remove-inline p,
    .article-main .container.article .left .main-part.remove-inline span {
        font-size: 14px !important
    }

    .article-main .container.article .left .main-part p:not(:last-child) {
        margin-bottom: 0 !important
    }

    .article-main .container.article .left .main-part a,
    .job:last-child {
        margin-top: 20px
    }

    .article-main .container.article .left .main-part a::before {
        width: 20px;
        height: 20px
    }

    .article-main .container.article .left .link-block a,
    .article-main .container.article .left .link-block p,
    .job-list .job .job-name {
        font-size: 17px
    }

    .article-main .container.article .similar .news-wrapper {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around
    }

    .article-main .container.article .similar .news-wrapper .news-block,
    .job {
        width: 47%
    }

    .article-main .container.article .similar .news-wrapper .news-block .link,
    .job-list .job .buttons a:first-child {
        margin-bottom: 0
    }

    .article-main .container.article .left .main-part ul li,
    .job-search input,
    .job-search select,
    .mtt-list h2,
    .mtt-list h4,
    .quote-sec_logo .title {
        font-size: 16px
    }

    .join-team.j-t-job .circle::before {
        left: -6px
    }

    .job-main .right .point-of-contact {
        width: 60%
    }

    .job-main .right .similar-jobs {
        justify-content: space-around
    }

    .mtt-header .main-title {
        font-size: 32px;
        line-height: 43px
    }

    .mtt-header .second-title {
        font-size: 22px;
        padding-bottom: 12px
    }

    .underline::before {
        width: 81px;
        height: 81px;
        bottom: -42px
    }

    .mtt-arrow {
        width: 72px;
        height: 72px;
        margin-top: 5px
    }

    .left-title {
        padding-top: 27px
    }

    .mtt-list li {
        padding-bottom: 90px
    }

    .mtt-list .btn {
        height: 42px;
        min-width: 160px;
        font-size: 14px
    }

    .main-title.star::before {
        width: 86px;
        height: 87px;
        left: -52px;
        top: -65px;
        z-index: 10
    }

    .cs-arrow {
        width: 32px;
        height: 32px
    }

    .case-study-list {
        grid-column-gap: 42px;
        grid-row-gap: 82px
    }

    .hero-about__start {
        padding-top: 200px
    }

    .hero-about__bg {
        min-height: 300px
    }

    .video-js .vjs-big-play-button {
        width: 74px;
        height: inherit
    }

    .icon-play {
        width: 10vw
    }

    .about-us__container {
        flex-direction: column;
        justify-content: normal;
        align-items: center
    }

    .about-us__right-side {
        margin-top: 50px;
        width: 100%
    }

    .about-us__right-side img,
    .about-us__right-side video {
        width: 100%;
        height: 300px
    }

    .attributes__list {
        flex-wrap: wrap;
        margin-bottom: -30px;
        margin-right: -30px
    }

    .attributes__item {
        padding: 25px;
        width: calc(50% - 30px);
        margin-bottom: 30px;
        margin-right: 30px
    }

    .attributes .content-block li,
    .attributes .content-block p,
    .attributes .content-block span {
        font-size: 16px !important
    }

    .quote {
        font-size: 48px
    }

    .quote-open {
        left: -10px;
        top: -13%
    }

    .quote-close {
        right: -10px;
        bottom: -13%
    }

    .about-team {
        flex-direction: column;
        justify-content: normal
    }

    .about-team__container {
        width: 100%;
        padding-top: 70px;
        margin-top: 0
    }

    .about-team__bg {
        margin-top: 50px;
        margin-bottom: 50px;
        width: 500px;
        align-self: center
    }

    .about-team__bg>img {
        max-height: 400px;
        object-position: top center
    }

    .about-team__title .gray-line:after {
        height: 23px;
        bottom: -10px
    }

    .about-team__arrow {
        top: 60%
    }

    .job-list .job .description {
        font-size: 11px
    }

    .job-list .job .buttons {
        flex-direction: row;
        justify-content: space-between
    }

    .job-list .job .buttons a {
        width: 47%;
        font-size: 12px;
        padding: 10px 0
    }

    .job-search .dropdown,
    .tm-grid {
        flex-wrap: wrap
    }

    .job-search .select-div {
        width: 48.3544303797%
    }

    .main-title.arrows {
        font-size: 38px
    }

    .main-title.arrows::before {
        width: 82px;
        height: 82px;
        top: -70px;
        left: -33px
    }

    .join-team.j-t-job .circle.specific::before {
        width: 99px
    }

    .hero.spark {
        padding-top: 119px;
        padding-bottom: 65px
    }

    .spark-news-wrapper {
        padding-top: 61px
    }

    .job-search.spark {
        width: 88%
    }

    .job-board {
        padding-top: 105px
    }

    .cs-popup-top-right {
        width: 617px
    }

    .contact-hero__container {
        flex-wrap: wrap;
        position: relative
    }

    .contact-hero__arrows {
        position: absolute;
        margin: 0;
        right: 7%;
        top: -20%
    }

    .contact-hero__arrows img,
    .info-sec-2__star img,
    .member-sec__star img {
        width: 12vw
    }

    .social {
        margin-top: 50px;
        width: 100%;
        justify-content: center
    }

    .ch-container {
        padding-top: 130px;
        padding-bottom: 40px
    }

    .sec-ch-grid {
        padding-top: 50px
    }

    .cc-container {
        justify-content: center
    }

    .cc-wrapper,
    .hero-mix .cc-wrapper {
        width: 80%
    }

    .cc-elem-wrap:nth-of-type(odd) {
        top: 0
    }

    .cc-grid {
        padding-top: 57px;
        grid-gap: 30px
    }

    .cc-grid .cc-elem-wrap {
        height: 180px
    }

    .cc-grid .cc-elem-wrap .title {
        font-size: 24px;
        padding: 25px
    }

    .cc-grid .cc-elem-wrap:after {
        width: 30px;
        height: 30px
    }

    .cc-grid_padding {
        padding-bottom: 57px
    }

    .cc-elem-wrap {
        height: 185px
    }

    .cc-elem-wrap .title {
        font-size: 23px;
        line-height: 30px
    }

    .cc-load-more {
        margin-bottom: 65px
    }

    .hero-join__right-side {
        margin-top: 200px;
        max-width: 630px;
        width: 100%;
        padding: 0 15px
    }

    .hero-join__star {
        top: -110px
    }

    .team-works {
        padding: 100px 0;
        flex-direction: column;
        justify-content: normal
    }

    .team-works__bg {
        margin-top: 50px;
        width: 500px;
        align-self: center
    }

    .values__item>img,
    .values__item>video {
        height: 300px
    }

    .values .content-block li,
    .values .content-block p,
    .values .content-block span {
        font-size: 14px;
        line-height: 170%
    }

    .values__title {
        left: 20px;
        bottom: -20px
    }

    .office-loc {
        padding: 100px 0 0
    }

    .office-loc__title:before {
        left: -85px;
        top: -30px
    }

    .instagram-sec {
        padding-left: 3vw;
        padding-right: 3vw
    }

    .instagram-sec__slide img {
        width: 100%;
        height: 350px
    }

    .instagram-sec__title {
        margin-bottom: 30px
    }

    .instagram-sec__btn {
        width: max-content
    }

    .instagram-sec__container-top {
        flex-direction: column;
        align-items: normal;
        justify-content: normal
    }

    .instagram-sec__btns,
    .skills__right-side {
        margin-top: 30px
    }

    .instagram-sec__btns .news__slide-btn {
        margin-left: 10px
    }

    .stats__list {
        flex-direction: column
    }

    .stats__item {
        padding: 40px 60px;
        width: 100%
    }

    .stats__stat {
        font-size: 50px;
        line-height: 120%
    }

    .quote-sec.photo-quotes .quote-sec__title,
    .quote-sec__title {
        font-size: 30px
    }

    .stats__star {
        left: -7%;
        width: 14vw
    }

    .stats__arrow {
        right: -6%;
        width: 14vw
    }

    .hero-mix {
        margin-bottom: 100px
    }

    #doubleRange,
    .hero-mix .cc-container {
        width: 89%
    }

    .bg-sec__bg {
        margin-bottom: -140px
    }

    .bg-sec__bg iframe,
    .bg-sec__bg img,
    .bg-sec__bg video {
        width: 100%;
        height: 350px
    }

    .bg-sec__second-color {
        height: 220px
    }

    .info-sec__container {
        flex-direction: column;
        align-items: normal
    }

    .info-sec__right-side {
        width: 100%;
        margin-top: 30px
    }

    .info-sec__right-side img,
    .info-sec__right-side video {
        height: auto
    }

    .info-sec-2__container {
        padding-bottom: 0;
        flex-direction: column-reverse;
        align-items: normal
    }

    .info-sec-2__left-side {
        width: 100%;
        margin-top: 50px;
        margin-bottom: -30px
    }

    .info-sec-2__left-side>img,
    .info-sec-2__left-side>video {
        height: 350px
    }

    .info-sec-2__star {
        right: -7%
    }

    .info-sec-2__star.right,
    .member-sec__star {
        left: -7%
    }

    .es-jobs-2__second-color {
        height: 150px
    }

    .es-jobs-2__list {
        margin-bottom: -50px
    }

    .member-sec__quotes {
        font-size: 80px;
        margin-top: 10px
    }

    #amount,
    .tm-text {
        font-size: 12px
    }

    .member-sec__right-side {
        width: 100%;
        margin-top: 50px
    }

    .team-test__item {
        width: calc(50% - 30px)
    }

    .about-bus__container {
        padding-top: 100px
    }

    .about-bus__star:before {
        left: 16%;
        top: -40%
    }

    .vision__list--var2 .vision__item {
        width: 100%;
        margin-right: 0;
        padding: 30px
    }

    .tm-inner {
        width: calc(100% - 220px)
    }

    .tm-text {
        line-height: 26px;
        width: 46%
    }

    .tm-grid li {
        width: 48%
    }

    .tm-section.third {
        padding-top: 196px
    }

    .tm-swiper-title {
        padding: 28px 0;
        font-size: 20px
    }

    .tm-swiper-btn {
        width: 100%;
        margin-top: 35px;
        height: 45px
    }

    .tm-slide .description {
        padding-bottom: 12px !important
    }

    .tm-title {
        padding-bottom: 17px
    }

    .btn-swiper-scrollbar {
        width: 75%
    }

    .cl-hub-right-side {
        width: 100%;
        margin-top: 20px
    }

    .cl-hub-right-side img {
        width: 100%;
        height: 400px
    }

    .case-st-info {
        justify-content: space-between;
        margin-right: 6.40625%
    }

    .cl-hub-photo,
    .cl-hub-section>img {
        height: 300px;
        object-fit: cover
    }

    .recaptcha-block .g-recaptcha {
        zoom: 1.42;
        transform: scale(.8);
        transform-origin: left
    }

    .hero-sector__right-side {
        width: 100%;
        margin-top: 200px;
        max-width: 630px;
        padding: 0 15px
    }

    .contact-sectors {
        padding: 100px 0
    }

    .es-jobs__row .es-jobs__title-block {
        width: auto;
        text-align: center
    }

    .mam-controllers {
        width: 89% !important;
        margin: 40px auto 0 !important
    }

    .mam-controllers .swiper-buttons {
        width: 100%;
        justify-content: space-between
    }

    .portal-popup_big {
        overflow: hidden;
        padding-bottom: 0
    }

    .popup-steps-list {
        position: fixed;
        padding: 30px 0 35px;
        left: 0;
        right: 0;
        justify-content: center;
        background-color: #868d94;
        z-index: 30;
        width: 30%;
        margin: 0 auto
    }

    .popup-b__block {
        height: 100%;
        width: 100%;
        margin-top: 0;
        padding: 150px 15px 50px
    }

    .popup-b__block .green-star:before {
        width: 50px;
        height: 50px;
        left: -9vw
    }

    .popup-b__title {
        font-size: 32px
    }

    .popup-b__file-block {
        padding: 15px
    }

    .route__row {
        align-items: flex-start
    }

    .route .cb__left-text {
        margin-bottom: 20px !important
    }

    .cb__row input {
        width: 450px
    }

    .cb__row_input {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px
    }

    .cb__left-text {
        margin-right: 0;
        margin-bottom: 20px
    }

    .cb__grid-inner {
        margin-bottom: 45px
    }

    .article-main .buttons a:last-child,
    .cb__job-type,
    .section-job .job-header .buttons a:last-child {
        margin-top: 45px
    }

    .popup-form {
        overflow: auto
    }

    .recaptcha-block .g-recaptcha,
    .recaptcha-block iframe {
        height: 110px !important
    }

    .page404-logo {
        width: 100%;
        max-width: initial
    }

    .page404 .title {
        font-size: 42px
    }

    .page404 .text {
        max-width: initial;
        font-size: 18px
    }

    .section-job .job-header {
        width: 94%
    }

    .article-main .buttons,
    .section-job .job-header .buttons {
        width: 99.5%;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: space-around
    }

    .article-main .buttons a,
    .section-job .job-header .buttons a {
        margin: 0
    }

    .quote-sec_logo__bottom {
        flex-direction: column-reverse;
        align-items: flex-end;
        justify-content: normal
    }

    .quote-sec_logo__bottom img {
        height: 100px;
        width: auto;
        margin-top: 15px
    }

    .quote-sec_logo__bottom p {
        width: auto;
        text-align: left;
        font-size: 16px
    }

    .quote-sec_logo.slider-btns .slick-next {
        right: 5%
    }

    .quote-sec_logo.slider-btns .slick-prev {
        left: auto;
        right: calc(5% + 66px)
    }

    .quote-sec_logo .quote-open {
        top: -30px
    }

    .quote-sec_logo .quote-close {
        bottom: -40px
    }

    .custom-double-range {
        margin-top: 10px
    }

    .image-text {
        padding-top: 80px;
        padding-bottom: 70px
    }

    .contact__checkbox span {
        font-size: 10px
    }

    .contact__checkbox .custom-checkbox+label::before {
        margin-right: 12px;
        width: 21px;
        height: 21px;
        grid-column: 1
    }
}

@media only screen and (max-width:768px)and (max-width:360px) {
    .subtitle_2 {
        font-size: 32px
    }

    .subtitle {
        font-size: 24px
    }
}

@media only screen and (max-width:650px) {

    .header.update-header .btn.footer__btn,
    .header.update-header .btn.menu__btn {
        display: flex !important
    }

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 19px
    }

    #amount,
    .case-study-list li .info h1,
    .cs-text {
        font-size: 12px
    }

    .case-study-list li .info h2,
    .job-list .job .description {
        font-size: 10px
    }

    .container,
    .container_2,
    .hero-join__right-side,
    .hero-sector__right-side {
        max-width: 520px
    }

    .attributes__list,
    .header__btn:not(:last-child),
    .location__list {
        margin-right: 0
    }

    .logo {
        width: 192px
    }

    .logo a img {
        max-height: 80px;
        object-fit: contain
    }

    .menu__icon {
        background-color: #5d6770;
        height: 100%;
        width: 100%;
        z-index: 201;
        padding: 16px 0
    }

    .menu__line {
        background-color: #fff;
        width: 30px
    }

    .header__btn,
    .header__right-side,
    .menu__content,
    .menu__main {
        background-color: #5d6770
    }

    .attributes__item br,
    .footer__arrows,
    .hero__arrows,
    .menu__top,
    .mtt-arrow,
    .st-jobs-scroll,
    .tm-swiper-scrollbar {
        display: none
    }

    .menu__footer .footer__title,
    .menu__logo {
        display: block
    }

    .menu__logo {
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .menu__list {
        margin-top: 100px
    }

    .menu__btn {
        display: flex;
        align-self: flex-start;
        margin-top: 30px
    }

    .menu__main {
        padding: 0 30px 90px;
        display: flex;
        flex-direction: column
    }

    .menu__footer {
        padding: 75px 30px 135px
    }

    .menu__footer .footer__btn {
        display: flex
    }

    .menu__footer .footer__location-item {
        width: 100%;
        padding-top: 0;
        margin-top: 50px
    }

    .menu__footer .footer__location-item i {
        font-size: 19px
    }

    .menu__footer .footer__loc-city {
        margin-right: 30px
    }

    .menu__sublist {
        position: relative;
        left: auto;
        top: auto;
        margin-left: 30px
    }

    .menu__list-item a:hover,
    .menu__list-item.active a {
        color: #fff !important
    }

    .header__row {
        justify-content: center;
        grid-column-gap: 20px
    }

    .header__row .logo.header__logo {
        margin: 0 !important
    }

    .header__right-side {
        position: fixed;
        z-index: 110;
        left: 0;
        right: 0;
        width: 100%;
        height: 54px;
        bottom: 0;
        justify-content: center
    }

    .header__btn,
    .news {
        position: relative
    }

    .header__btn {
        order: 1;
        width: calc(50% - 50px);
        border: none;
        font-size: 14px;
        padding: 0;
        z-index: 201;
        display: none !important
    }

    .header__btn:first-child {
        margin-right: 0;
        border-right: 1px solid #868d94
    }

    .header__btn.btn-mob-visible-first,
    .header__btn.btn-mob-visible-first:first-child {
        border-right: 1px solid #fff !important;
        background: #5d6770 !important;
        color: #fff !important
    }

    .header__btn_2 {
        order: 3;
        border-left: 1px solid #868d94;
        margin-right: 0
    }

    .header__btn.btn-mob-visible-first {
        display: flex !important;
        order: 1;
        margin: 0 !important;
        height: 54px !important
    }

    .header__btn.btn-mob-visible-second {
        display: flex !important;
        order: 3;
        border-left: 1px solid #fff !important;
        background: #5d6770 !important;
        color: #fff !important;
        margin: 0 !important;
        height: 54px !important
    }

    .header__btn.btn-mob-visible-second:last-child,
    .header__btn.btn-mob-visible-second:last-of-type {
        margin-right: 0 !important;
        border-left: 1px solid #fff !important;
        background: #5d6770 !important;
        color: #fff !important
    }

    .header__menu {
        order: 2;
        height: 54px;
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer__row,
    .hero__colored-box,
    .section-job .job-header .information,
    .tm-cont-wrapper,
    .tm-flex-wrap {
        flex-direction: column
    }

    .hero {
        padding-bottom: 80px
    }

    .client__container,
    .hero__container,
    .who-we__container {
        width: 90%
    }

    .hero__colored-box {
        padding: 38px 35px
    }

    .hero__logo {
        width: 225px
    }

    .hero__text {
        width: 100%;
        margin-top: 30px
    }

    .who-we {
        padding-top: 80px;
        padding-bottom: 60px
    }

    .news__slider {
        padding-bottom: 104px
    }

    .news__btn {
        position: absolute;
        z-index: 3;
        bottom: 80px;
        width: 160px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .article-main .container.article .similar,
    .footer__btn {
        margin-top: 30px
    }

    .news__colored-box {
        padding: 40px 27px 35px 25px
    }

    .news__slide-btn {
        width: 46px;
        height: 46px;
        bottom: 3px
    }

    .news__next-el,
    .news__prev-el {
        background-size: 17px 12px
    }

    .news__prev-el {
        right: auto;
        left: 0
    }

    .footer__btn {
        align-self: normal
    }

    .footer__description {
        margin-top: 80px
    }

    .footer__location-item {
        padding-top: 20px;
        margin-bottom: 0
    }

    .footer__location-item:not(:last-child) {
        margin-right: 30px
    }

    .footer__privacy-list {
        margin-top: 55px
    }

    .article-main .container.article .left .main-part p,
    .article-main .container.article .left .main-part_blogs a {
        line-height: 32px
    }

    .article-main .container.article .left .link-block p:last-child {
        margin-bottom: 30px
    }

    .article-main .container.article .similar .news-wrapper {
        margin-top: 10px;
        margin-bottom: 30px;
        flex-direction: column;
        align-content: center
    }

    .article-main .container.article .similar .news-wrapper .news-block {
        width: 65%
    }

    .article-main .container.article .similar .news-wrapper .news-block:first-child,
    .job-list .job .information {
        margin-bottom: 0
    }

    .article-main .buttons {
        display: flex;
        justify-content: space-around;
        margin: 30px 0
    }

    .section-job .container .info .title {
        text-align: center
    }

    .section-job .job-header .information li:not(:last-child),
    .tm-star {
        margin-bottom: 20px
    }

    .job-main .right .point-of-contact {
        width: 69%
    }

    .mtt-page-start {
        padding-top: 146px
    }

    .mtt-main-img {
        width: 49%
    }

    .left-title {
        padding-top: 16px
    }

    .mtt-main {
        padding-top: 70px;
        padding-bottom: 60px
    }

    .mtt-list {
        grid-column-gap: 20px;
        grid-row-gap: 23px
    }

    .about-us {
        padding: 80px 0
    }

    .attributes__item,
    .location__item,
    .values__item {
        width: 100%;
        margin-right: 0
    }

    .attributes__title {
        line-height: 190% !important
    }

    .gray-star {
        top: -7%
    }

    .about-team__bg,
    .team-works__bg {
        width: 490px
    }

    .cs-arrow {
        width: 24px;
        height: 24px
    }

    .case-study-start {
        padding-top: 175px !important
    }

    .case-study-list {
        grid-column-gap: 35px;
        grid-row-gap: 65px
    }

    .job-list .job .job-name {
        font-size: 14px;
        line-height: 21px
    }

    .job-list .job .buttons {
        margin-top: 5px;
        flex-direction: column;
        justify-content: stretch
    }

    .job-list .job .buttons a {
        width: 100%
    }

    .job-list .job .buttons a:first-child {
        margin-bottom: 14px
    }

    .spark-news-wrapper {
        padding-top: 100px
    }

    .news.spark {
        padding-top: 40px
    }

    .cs-popup-top {
        margin-bottom: 18px
    }

    .cs-popup-bottom {
        width: 93%
    }

    .pop-title {
        font-size: 22px;
        line-height: 34px
    }

    .pop-sub-title {
        font-size: 16px;
        line-height: 34px
    }

    .cs-text.ul {
        line-height: 30px
    }

    .ch-grid {
        width: 89%;
        padding: 0
    }

    .hero-join__star {
        top: -110px
    }

    .values__list {
        margin-right: 0;
        flex-direction: column
    }

    .instagram-sec__btns {
        justify-content: space-between
    }

    .es-jobs__btn,
    .instagram-sec__btns .news__slide-btn {
        margin-left: 0
    }

    .es-jobs__slider {
        width: 65%;
        margin: 50px auto 0
    }

    .es-jobs-slide {
        width: 100%;
        margin: 0
    }

    .tm-grid li {
        width: 47.8%
    }

    .tm-swiper-info {
        width: 230px;
        margin: 0 auto 40px
    }

    .quote-sec_logo .title,
    .quote-sec_logo__bottom p,
    .tm-swiper-title {
        font-size: 24px
    }

    .tm-swiper-btn {
        width: 200px
    }

    .tm-slider {
        width: 89%
    }

    .tm-slide {
        width: 205px;
        margin-right: 20px
    }

    .cl-hub-second {
        padding-top: 71px
    }

    .cl-hub-flex .cc-elem-wrap {
        width: 100%;
        margin-bottom: 30px
    }

    .cl-hub-flex .cc-elem-wrap:last-child {
        margin-top: 0
    }

    .cl-hub-camp_jobs .cl-hub-flex {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-row-gap: 30px
    }

    .cl-hub-camp_jobs .cl-hub-flex .cc-elem-wrap:last-child {
        margin-top: 0;
        max-width: 100%;
        justify-self: normal;
        grid-column: 1
    }

    .swiper-controllers {
        width: 89%;
        margin: 40px 0 0
    }

    .st-jobs-controllers,
    .swiper-controllers.tm-controllers {
        width: 89%;
        margin: 40px auto 0
    }

    .st-jobs-controllers .swiper-buttons {
        width: 100%;
        justify-content: space-between
    }

    .portal-popup__block {
        max-height: initial;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: initial;
        width: 100%;
        height: 100%;
        padding: 0 20px;
        overflow-x: hidden
    }

    .portal-popup__sign-login {
        height: initial;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .portal-popup__colored-box {
        padding: 20px 50px
    }

    .portal-popup__form.login {
        margin-top: 15px;
        margin-bottom: 0
    }

    .portal-popup .approved-message {
        padding: 0;
        margin-top: 15%
    }

    .page404-logo {
        width: 100%;
        max-width: initial
    }

    .page404 .text {
        max-width: initial;
        font-size: 18px
    }

    .page404 .wrap {
        width: 80vw
    }

    .page404 .title {
        font-size: 32px
    }

    .fes-ch-slider .cc-elem-wrap .title {
        max-width: 95%;
        padding-right: 55px
    }

    .custom-double-range {
        margin-top: 10px
    }

    #doubleRange {
        width: 86%
    }

    .contact__checkbox span {
        font-size: 9px
    }

    .contact__checkbox .custom-checkbox+label::before {
        grid-column: 1
    }
}

@media only screen and (max-width:550px) {

    .case-study-list,
    .ch-grid,
    .job-list,
    .mtt-list,
    .sec-ch-grid__wrap .ch-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .case-study-list li .info {
        width: 61.31%
    }

    .case-study-list li .info h1,
    .case-study-list li .info h2 {
        line-height: 27px
    }

    .case-study-list li .info h1 {
        font-size: 17px
    }

    .case-study-list li .info h2 {
        font-size: 13px
    }

    .job-list>li {
        max-width: 100vw
    }

    .contact__select.full-width {
        grid-column: initial
    }

    .contact__select.full-width.meet-the-team {
        max-width: 100%
    }

    .es-jobs-2.not-vacancies .title {
        transform: translateY(40px)
    }

    .portal-popup .close-popup-btn {
        height: 12vw;
        width: 12vw;
        top: 15px;
        right: 15px
    }

    .client__bg,
    .container,
    .container_2,
    .hero-join__right-side,
    .hero-sector__right-side {
        max-width: 400px
    }

    .hero-about__bg {
        min-height: 228px
    }

    .header__btn {
        min-width: auto
    }

    .article-main .container.article .similar .news-wrapper .news-block,
    .candidate-block .cb__right-side form input,
    .cb__row input,
    .cl-hub-slide>img,
    .client__container,
    .contact__form,
    .cs-popup-bottom-right .buttons.pop,
    .cs-popup-bottom-right .buttons.pop button,
    .footer__location-item,
    .hero__container,
    .job,
    .job-main .right .point-of-contact,
    .join-team__container,
    .timeline__content-item,
    .tm-grid li,
    .tm-inner,
    .tm-position,
    .tm-title,
    .who-we__container {
        width: 100%
    }

    .who-we__arrows {
        right: -170px;
        top: 15px;
        bottom: auto
    }

    .who-we__arrows img {
        max-width: 110px
    }

    .client__bg {
        padding: 0 15px
    }

    .client__bg img {
        max-width: 100%
    }

    .client__bg-text {
        bottom: -25px
    }

    .client__star {
        right: -30px
    }

    .client__star img {
        max-width: 134px
    }

    .news__row {
        justify-content: center
    }

    .article-page-start .container.article-header .buttons,
    .btns-list,
    .candidate-block,
    .footer__location-list,
    .job-main .right .similar-jobs,
    .mtt-header,
    .popup-b__form .row,
    .section-job .container.article-header .buttons {
        flex-direction: column
    }

    .footer__location-item:first-child {
        border-top: 1px solid #868d94
    }

    .footer__location-item:not(:last-child),
    .team-test__list {
        margin-right: 0
    }

    .footer__location-item:last-child {
        margin-top: 60px;
        display: flex;
        align-items: center
    }

    .footer__social-title {
        margin-right: 30px;
        margin-bottom: 0
    }

    .footer__privacy-list,
    .job-search .dropdown {
        flex-wrap: wrap
    }

    .footer__privacy-item {
        margin-right: 40px;
        margin-bottom: 10px
    }

    .article-page-start,
    .section-job {
        padding-top: 80px
    }

    .article-page-start .container.article-header .title,
    .section-job .container.article-header .title {
        padding-top: 0;
        font-size: 35px
    }

    .article-page-start .container.article-header .buttons .download,
    .section-job .container.article-header .buttons .download {
        margin-top: 50px
    }

    .section-job {
        padding-top: 142px
    }

    .section-job .container .info .title {
        font-size: 35px
    }

    .section-job .job-header .information {
        margin-top: 23px;
        margin-bottom: 40px
    }

    .section-job .job-header .information li:not(:last-child) {
        margin-bottom: 13px
    }

    .section-job .job-header .buttons {
        flex-direction: column;
        align-items: center
    }

    .article-main .container.article .left .main-part ul li {
        text-align: justify;
        font-size: 14px;
        line-height: 33px;
        padding-left: 25px
    }

    .article-main .container.article .left .main-part ul li::before {
        width: 23px;
        height: 23px;
        margin-left: -5px;
        margin-top: 2px
    }

    .job-main .right .point-of-contact::before {
        right: -20px
    }

    .btn-swiper-scrollbar,
    .cs-popup-top-right,
    .disabled:last-child,
    .flex-break,
    .pop-contact {
        display: none
    }

    .job:not(:last-child) {
        margin-bottom: 20px
    }

    .article-main .buttons a:last-child,
    .job-search.spark .select-div,
    .job:last-child,
    .section-job .job-header .buttons a:last-child {
        margin: 0
    }

    .job .buttons a {
        padding: 16px 0
    }

    .mtt-page-start {
        padding-top: 133px
    }

    .left-title {
        padding-top: 0
    }

    .mtt-main-img {
        width: 100%;
        margin-bottom: -35px
    }

    .mtt-main {
        padding-top: 95px
    }

    .mtt-list .member-title-card,
    .mtt-list h1 {
        line-height: 55px
    }

    .mtt-list li {
        width: 85%;
        margin: 0 auto;
        padding-bottom: 98px
    }

    .mtt-list .btn {
        width: 80%;
        height: 48px
    }

    .case-study-list {
        grid-row-gap: 87px
    }

    .cs-arrow {
        width: 37px;
        height: 37px
    }

    .job-list .job .job-name {
        font-size: 20px;
        line-height: 32px
    }

    #amount,
    .contact__checkbox span,
    .job-list .job .description,
    .popup-steps-list .popup-step span {
        font-size: 12px
    }

    .job-list .job .buttons {
        margin-top: 15px;
        flex-direction: row;
        justify-content: space-between
    }

    .job-list .job .buttons a {
        width: 47%
    }

    .job-list .job .buttons a:first-child {
        margin-bottom: 0
    }

    .job-list .job .information {
        margin-bottom: 10px
    }

    .job-list .job .information li {
        font-size: 14px
    }

    .job-search .select-div {
        width: 100%;
        margin-bottom: 20px
    }

    .ch-news-block .info,
    .cs-text.ul,
    .job-search .select-div:first-child {
        margin-top: 20px
    }

    .main-title.arrows {
        font-size: 28px
    }

    .main-title.arrows::before {
        left: 0
    }

    .join-team.j-t-job .circle.specific::before {
        top: -57%
    }

    .gray-star {
        width: 14vw;
        top: -9%
    }

    .gray-arrow {
        width: 15vw;
        right: -5%;
        top: 21%
    }

    .quote-open {
        top: -30px
    }

    .quote-close {
        bottom: -40px
    }

    .about-team__bg,
    .team-works__bg {
        width: 370px
    }

    .spark-title {
        width: 88%;
        margin: 0 auto
    }

    .spark-title::before {
        right: 2px;
        top: -52%
    }

    .title-sp {
        font-size: 26px
    }

    .spark-box {
        width: 100%;
        padding: 30px 10px
    }

    .mtt-list h2,
    .mtt-list h4 {
        line-height: 24px
    }

    .job-board {
        padding-top: 160px
    }

    .cs-popup-top-left {
        margin-left: 0;
        padding: 14px 24px
    }

    .cs-popup-bottom {
        width: 88%;
        flex-direction: column
    }

    .cs-popup-bottom-left,
    .cs-popup-bottom-right {
        width: 95%
    }

    .cs-text {
        height: 145px;
        text-align: justify
    }

    .contact__title {
        margin-bottom: 60px
    }

    .contact__form form,
    .img-sec__list-x3 {
        grid-template-columns: 1fr
    }

    .contact__btn,
    .contact__checkbox .custom-checkbox+label::before,
    .contact__form .recaptcha-block {
        grid-column: 1
    }

    .contact__input {
        padding: 10px 15px
    }

    .contact__textarea {
        grid-column: 1;
        height: 150px
    }

    .ch-title,
    .popup-b__title,
    .popup-steps-list .popup-step p {
        font-size: 32px
    }

    .ch-handwrite {
        font-size: 21px;
        line-height: 44px
    }

    .ch-first-select {
        margin-top: 0 !important
    }

    .ch-news-block .info .description {
        font-size: 18px;
        line-height: 31px
    }

    .ch-news-block .info .sub-desc {
        font-size: 13px;
        line-height: 27px
    }

    .ch-news-block .info .link {
        font-size: 18px
    }

    .cc-wrapper,
    .hero-mix .cc-wrapper {
        width: 96%
    }

    .cc-title {
        font-size: 31px;
        margin-bottom: 0
    }

    .cc-sub-title {
        font-size: 25px;
        line-height: 31px
    }

    .cc-grid {
        padding-top: 44px;
        grid-row-gap: 33px;
        grid-template-columns: repeat(1, 1fr);
        -moz-grid-column-gap: 35px;
        grid-column-gap: 35px
    }

    .cc-grid_padding {
        padding-bottom: 44px
    }

    .cc-elem-wrap .title {
        font-size: 27px;
        line-height: 37px
    }

    .cc-elem-wrap::after {
        width: 44px;
        height: 44px;
        bottom: 18px
    }

    .hero-join__star {
        width: 22vw;
        top: -170px
    }

    .office-loc__title:before {
        left: -30px;
        top: -60px;
        width: 65px;
        height: 65px
    }

    .instagram-sec {
        padding-left: 0;
        padding-right: 0
    }

    .instagram-sec__slider {
        padding-left: 15px;
        padding-right: 15px
    }

    .instagram-sec__slider-wrapper {
        margin-left: 0;
        width: 100%
    }

    .instagram-sec__slide img {
        height: 300px
    }

    .stats__item {
        padding: 30px 45px
    }

    .stats__star {
        left: -30px;
        width: 65px
    }

    .stats__arrow {
        top: 40%;
        right: -30px;
        width: 80px
    }

    .cl-hub-slider,
    .es-jobs__slider,
    .hero-mix .cc-container {
        width: 89%
    }

    .info-sec-2__star img,
    .member-sec__star img {
        width: 55px
    }

    .info-sec-2__star {
        right: -7%
    }

    .info-sec-2__star .right {
        left: -7%
    }

    .info-sec-2__subtitle {
        padding: 0 10px;
        bottom: -10%
    }

    .skills .cs-text {
        margin-top: 0
    }

    .quote-sec__title {
        font-size: 26px;
        line-height: 150%
    }

    .quote-sec__subtitle {
        font-size: 22px
    }

    .member-sec__star {
        bottom: -7%
    }

    .team-test__item {
        width: 100%;
        margin-right: 0
    }

    .team-test__item img {
        height: 270px
    }

    .about-bus__star:before {
        width: 55px;
        height: 55px;
        left: -5%;
        top: -40%
    }

    .img-sec__item-x2 img,
    .img-sec__item-x2 video,
    .img-sec__item-x3 img,
    .img-sec__item-x3 video {
        height: 250px
    }

    .img-sec__list-x2 {
        grid-template-columns: 1fr;
        grid-gap: 15px
    }

    .tm-text {
        width: 100%;
        max-height: 300px;
        margin-bottom: 40px
    }

    .tm-info {
        position: relative;
        width: 50%;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 23px 6px
    }

    .tm-photo {
        position: relative;
        object-fit: cover;
        min-height: 300px;
        height: 50vh
    }

    .tm-position {
        padding-bottom: 47px
    }

    .tm-phone-wrapper {
        display: flex;
        justify-content: center;
        align-items: stretch
    }

    .tm-section-2 {
        padding-bottom: 80px
    }

    .cl-hub-slide,
    .tm-slide {
        width: 100%;
        margin-right: auto
    }

    .swiper-controllers {
        flex-direction: column;
        width: 89%;
        margin: 40px auto 0
    }

    .swiper-buttons {
        width: 100%;
        justify-content: space-between
    }

    .back-to-mtm {
        margin-bottom: 42px
    }

    .cl-hub-camp {
        padding-top: 64px
    }

    .cl-hub-slide .info {
        right: 0;
        left: 0
    }

    .case-st {
        margin-left: 0
    }

    .case-st-info {
        flex-direction: column;
        margin-right: 0
    }

    .btns-list .btn:not(:last-child),
    .popup-b__form .row .custom-checkbox-block:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px
    }

    .popup-steps-list .popup-step {
        width: 45px;
        height: 45px
    }

    .popup-b__block {
        padding-top: 115px
    }

    .popup-b__block .green-star:before {
        left: -11vw
    }

    .popup-b__file-block {
        padding: 15px
    }

    .candidate-block .cb__left-side {
        margin-right: 0;
        margin-bottom: 15px
    }

    .cb__row_box {
        margin-right: 0;
        margin-bottom: -30px
    }

    .cb__row_box .cb__block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .cb__row_box .cb__block input {
        width: 100%
    }

    .article-main .buttons a:not(:last-child),
    .section-job .job-header .buttons a:not(:last-child) {
        margin-bottom: 50px
    }

    .quote-sec_logo .title,
    .quote-sec_logo__bottom p {
        font-size: 20px
    }

    .quote-sec_logo.slider-btns .slick-next {
        right: 15px
    }

    .quote-sec_logo.slider-btns .slick-prev {
        left: 15px;
        right: auto
    }

    .custom-double-range {
        margin-top: 12px;
        margin-bottom: 5px
    }

    #doubleRange {
        width: calc(100% - 33px)
    }

    .search-info-container:before {
        left: 60%
    }
}

a.btn.black,
a.btn.white {
    width: 200px;
    margin-left: 10px;
    float: left;
    display: flex !important
}

@media only screen and (max-width:410px) {
    .who-we.talent:nth-child(odd) .who-we__bg-small {
        right: -25px
    }

    .container,
    .container_2,
    .hero-join__right-side,
    .hero-sector__right-side,
    .who-we__bg>img {
        max-width: 100%
    }

    .menu__footer,
    .menu__main {
        padding-left: 15px;
        padding-right: 15px
    }

    .who-we__bg {
        padding-left: 25px
    }

    .who-we__bg-small {
        left: -25px;
        bottom: -114px
    }

    .who-we__bg-small img {
        max-width: 165px
    }

    .who-we__arrows img {
        max-width: 109px
    }

    .news__btn-container {
        position: relative
    }

    .article-page-start .container.article-header .title,
    .content-block blockquote>:first-child:after,
    .content-block blockquote>:first-child:before,
    .section-job .container.article-header .title {
        font-size: 30px
    }

    .mtt-main {
        padding-top: 82px
    }

    .about-bus__inner,
    .case-st-sectors .cl-hub-slider,
    .mtt-list li {
        width: 100%
    }

    .gray-star {
        width: 55px;
        top: -20px
    }

    .gray-arrow {
        width: 60px;
        top: 55px
    }

    .about-team__bg,
    .team-works__bg {
        width: 100%;
        padding: 0 15px
    }

    .title.job_board {
        font-size: 31px
    }

    .join-team.j-t-job .circle.specific::before {
        top: -65%;
        width: 80px
    }

    .ch-title {
        font-size: 28px
    }

    .ch-handwrite {
        font-size: 18px;
        line-height: 35px
    }

    .hero-join__star {
        top: -110px
    }

    .stats__item {
        padding: 20px 30px
    }

    .stats__star {
        left: -30px;
        width: 65px
    }

    .stats__arrow {
        top: 40%;
        right: -30px;
        width: 80px
    }

    .case-st-sectors {
        padding: 100px 15px
    }

    .content-block blockquote>:first-child:before {
        top: -10px;
        left: -10px
    }

    .content-block blockquote>:first-child:after {
        right: -10px;
        bottom: -25px
    }
}

@media only screen and (max-width:360px) {

    .who-we__colored-box,
    .who-we__description {
        padding-left: 30px;
        padding-right: 30px
    }

    .news__colored-box {
        padding-left: 20px;
        padding-right: 20px
    }

    .article-main .buttons {
        margin: 48px 0
    }

    .job-main .right .point-of-contact::before {
        width: 47px;
        height: 47px;
        right: -27px;
        top: -27px
    }

    .job-list .job .job-name {
        font-size: 18px;
        line-height: 29px
    }

    .job-list .job .description {
        font-size: 11px
    }

    .job-list .job .buttons {
        flex-direction: column
    }

    .job-list .job .buttons a {
        width: 100%
    }

    .job-list .job .buttons a:first-child {
        margin-bottom: 14px
    }

    .job-list .job .information li {
        font-size: 13px
    }

    .main-title.arrows {
        font-size: 24px
    }

    .job-search {
        margin-top: 26px
    }

    .job-board {
        padding-top: 74px
    }

    .cc-title {
        font-size: 26px
    }

    .cc-sub-title {
        font-size: 21px;
        line-height: 27px
    }

    .contact__checkbox span {
        font-size: 10px
    }
}

@media only screen and (max-width:320px) {
    .title {
        font-family: Merriweather, serif;
        font-size: 31px
    }

    .title.inline-title-styles h1 {
        font-size: 31px !important;
        line-height: 41px !important
    }

    .title.inline-title-styles h2 {
        font-size: 26px !important;
        line-height: 36px !important
    }

    .title.inline-title-styles h3 {
        font-size: 24px !important;
        line-height: 32px !important
    }

    .hero__title {
        font-size: 40px !important
    }
}

.project-popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8999;
    display: none
}

.project-popup__close-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .65);
    z-index: -1;
    transition: .5s;
    animation-duration: .3s;
    animation-name: opacityPopupBg
}

.project-popup__block {
    padding: 0;
    max-width: 760px;
    width: 100%;
    max-height: 92vh;
    overflow: hidden;
    background: #868d94;
    --popup-default-translate-x-from: -50%;
    --popup-default-translate-x-to: -50%;
    --popup-default-translate-y-from: -50%;
    --popup-default-translate-y-to: -50%;
    --popup-opacity-from: 0;
    --popup-opacity-to: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(var(--popup-default-translate-y-to)) translateX(var(--popup-default-translate-x-to));
    transition: .3s ease-out;
    animation-duration: .6s
}

.project-popup__block.without-opacity {
    --popup-opacity-from: 1
}

@media only screen and (max-width:768px) {
    .project-popup__block {
        width: 100%;
        max-width: 91vw
    }
}

@media only screen and (max-width:551px) {
    .footer__bottom-content {
        align-items: flex-start
    }

    .footer__logos img {
        height: auto;
        width: 30%
    }

    .blogs-types__item {
        margin-left: 5px;
        margin-right: 5px
    }

    .blogs-types {
        padding-left: 4px;
        padding-right: 4px;
        justify-content: flex-start;
        align-items: center
    }

    .page-404 .colored-box__border img {
        width: 50px
    }

    .page-404 .subtitle {
        font-size: 20px;
        line-height: normal
    }

    .content-block table td,
    .content-block table th {
        padding: 4px
    }

    .logo-slider {
        min-width: 190px !important;
        width: 190px !important;
        max-width: 190px !important
    }

    .logo-slider .swiper-slide {
        padding-left: 5px;
        padding-right: 5px
    }

    .logo-slider .news__prev-el {
        left: 40px
    }

    .logo-slider .news__next-el {
        right: 40px
    }

    .logo-slider .logo-slider__logo {
        width: 100%
    }

    .logo-slider .logo-slider__logo img {
        width: 100%;
        object-fit: contain
    }

    .project-popup__block {
        width: 100%;
        max-width: 92%
    }

    .project-popup__block .project-popup__title {
        padding-left: 12px
    }

    .project-popup__block .project-popup__content {
        padding-left: 12px;
        padding-right: 12px
    }
}

.project-popup__block:after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 6px;
    height: 20px;
    content: "";
    z-index: 2;
    background: linear-gradient(0deg, #868d94 0, #868d94 25%, transparent 100%);
    pointer-events: none
}

.project-popup__title {
    font-weight: 700;
    font-family: Merriweather, serif;
    font-size: min(max(24px, 5vw), 30px);
    line-height: normal;
    padding-right: min(max(62px, 5vw), 98px);
    padding-bottom: min(max(20px, 5vw), 24px);
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    padding-top: min(max(20px, 5vw), 24px);
    padding-left: min(max(24px, 5vw), 40px);
    color: #97d700;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #fff
}

.project-popup__title:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 6px;
    height: 10px;
    transform: translateY(100%);
    content: "";
    z-index: 2;
    background: linear-gradient(180deg, #868d94 0, transparent 100%);
    pointer-events: none
}

.project-popup__btn-close {
    position: absolute;
    right: min(max(15px, 2.5vw), 20px);
    top: min(max(14px, 5vw), 18px);
    transition: .3s ease-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(max(38px, 5vw), 48px);
    height: min(max(38px, 5vw), 48px);
    z-index: 10;
    border: 1px solid #fff
}

.project-popup__btn-close i {
    font-size: min(max(20px, 5vw), 28px);
    color: #e7e8ea;
    transition: .3s
}

.project-popup__btn-close:hover {
    border-color: #97d700
}

.project-popup__btn-close:hover i {
    color: #97d700
}

@media only screen and (max-width:651px) {
    html {
        font-size: 10px
    }

    .info-sec.fix-padding {
        padding-bottom: 50px !important
    }

    .find-section__list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        column-count: 1;
        width: 100%
    }

    .find-section__item {
        padding-right: 0
    }

    .project-popup__btn-close {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px
    }
}

.project-popup__content {
    width: 100%;
    padding: 32px 40px 40px;
    max-height: 66vh;
    max-height: calc(var(--vh, 1vh)*66);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

.project-popup__content .simplebar-track.simplebar-vertical {
    width: 6px;
    background: #e7e8ea;
    border-radius: 0;
    right: 0
}

.project-popup__content .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    background: #97d700;
    border-radius: 0
}

.project-popup__content .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    content: none
}

.project-popup__content .content-block h1,
.project-popup__content .content-block h2,
.project-popup__content .content-block h3,
.project-popup__content .content-block h4,
.project-popup__content .content-block li,
.project-popup__content .content-block p {
    color: #fff
}

.project-popup__content .content-block h1 a,
.project-popup__content .content-block h2 a,
.project-popup__content .content-block h3 a,
.project-popup__content .content-block h4 a,
.project-popup__content .content-block li a,
.project-popup__content .content-block p a {
    display: inline-block;
    color: #97d700;
    transition: .3s;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0)
}

.project-popup__content .content-block h1 a:hover,
.project-popup__content .content-block h2 a:hover,
.project-popup__content .content-block h3 a:hover,
.project-popup__content .content-block h4 a:hover,
.project-popup__content .content-block li a:hover,
.project-popup__content .content-block p a:hover {
    text-decoration-color: #97d700;
    opacity: .8
}

.project-popup__content .content-block p:not(:last-child) {
    margin-bottom: 30px !important
}

.project-popup__content .content-block ol li:before {
    font-size: inherit !important
}

.project-popup__content-bottom {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.project-popup__content-bottom .portal-popup__btn {
    margin-top: 0
}

@keyframes popupSlide {
    from {
        transform: translateY(var(--popup-default-translate-y-from)) translateX(var(--popup-default-translate-x-from));
        opacity: var(--popup-opacity-from)
    }

    to {
        transform: translateY(var(--popup-default-translate-y-to)) translateX(var(--popup-default-translate-x-to));
        opacity: var(--popup-opacity-to)
    }
}

@keyframes opacityPopupBg {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gradientPopupBtn {
    0% {
        transform: translateX(-100%) skew(45deg)
    }

    100% {
        transform: translateX(100%) skew(45deg)
    }
}

a.btn.black {
    color: #5d6770 !important;
    border: 1px solid #868d94
}

a.btn.white {
    background-color: #fff;
    border: 1px solid #fff
}

.remove-vacancy-background.tm-section {
    background: 0 0 !important;
    padding-top: 0 !important
}

.remove-vacancy-background.tm-section h2 {
    font-family: Merriweather, serif;
    font-size: 56px;
    line-height: 66px;
    color: #97d700;
    margin-bottom: 40px
}

.swiper.jobs-swiper .swiper-wrapper {
    display: flex !important
}

.swiper.jobs-swiper .swiper-slide {
    min-height: 100%;
    height: auto !important
}

.swiper.jobs-swiper .swiper-slide .job {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important
}

.swiper.jobs-swiper .swiper-slide .job .buttons {
    margin-top: auto !important;
    padding-top: 25px !important
}

.btn-update.white,
.info-sec .content-block p .btn-update.white {
    color: #282c30 !important;
    display: flex !important;
    max-width: 170px;
    text-decoration: none !important
}

.btn-update.transparent,
.info-sec .content-block p .btn-update.transparent {
    color: #282c30 !important;
    display: flex !important;
    max-width: 170px;
    text-decoration: none !important;
    background-color: transparent !important;
    border-color: #282c30 !important
}

.btn-update.transparent:hover,
.info-sec .content-block p .btn-update.transparent:hover {
    color: #fff !important;
    border-color: #fff !important
}

.btn-update.green,
.info-sec .content-block p .btn-update.green {
    border-color: #97d700 !important;
    background: #97d700 !important;
    color: #fff !important;
    display: flex !important;
    max-width: 170px;
    text-decoration: none !important
}

.logo.header__logo,
.logo.header__logo.header__logo--second {
    max-width: min(140px + 52*((100vw - 375px) / 1545), 192px);
    transition: .3s
}

.btn-update.green:hover,
.info-sec .content-block p .btn-update.green:hover {
    color: #282c30 !important;
    border-color: #97d700 !important;
    background: #fff !important
}

.descr.content-block.update-first__text p a {
    margin: auto
}

.google-reviews-slider.less_than_two .swiper-wrapper,
.say-section__slider.less_than_two .swiper-wrapper,
.values-section__slider.less_than_two .swiper-wrapper {
    justify-content: center
}

h1.title.text_green.main_heading {
    max-width: 850px;
    line-height: 120%;
    width: 100%;
    font-weight: 700 !important;
    margin-bottom: min(30px + 10 * ((100vw - 375px) / 1545), 40px) !important
}

.logo.header__logo.header__logo--second {
    margin-right: auto;
    margin-left: min(20px + 10*((100vw - 375px) / 1545), 30px)
}

.header.update-talent-spark .header__logo:hover {
    transform: scale(1.03);
    transition: .3s
}

.values-section .values-section__wrap {
    text-align: center
}

@media(max-width:640px) {
    .buttons-update {
        flex-direction: column;
        width: 100%
    }

    .buttons-update .btn-update {
        width: 100%
    }

    .btn-update {
        height: 52px
    }

    .testimonials-section__item-top {
        justify-content: space-between
    }

    .testimonials-section__item-name,
    .testimonials-section__item-time {
        font-weight: 400
    }

    .testimonials-section__item-text {
        padding: 0 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
        max-height: 188px
    }

    .google-reviews-slider.less_than_two .swiper-wrapper,
    .say-section__slider.less_than_two .swiper-wrapper,
    .values-section__slider.less_than_two .swiper-wrapper {
        justify-content: unset
    }
}
@media(max-width:768px){
    .clients-form-section .form-iframe__form {
    display: block !important;

    }
    .clients-form-section .form-iframe__slider{
        width: 100% !important;

 }
 .clients-form-section .form-iframe__form-content {
    width: 100% !important; 

}

section.section.spark-search span.main-title.arrows.yellow{
color: #ffcd00 !important;
}

}

.title.attributes__title.vision__title img {
  display: inline-block;
}
.article-page-start .container.article-header .title {
    max-width: 95%;
}
/*@media(min-width:768px){*/
/*.subtitle.info-sec__subtitle.inline-title-styles {*/
/*        font-size: 56px;*/
/*        line-height: 66px;*/
/*}*/
/*.container .right-object-center .object-contain {*/
/*    width: 100%;*/
/*    height: 695px;*/
/*    object-fit: cover;*/
/*    object-position: right;*/

/*}*/
/*}*/