@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;

}

h1.title.text_green.sector_header {

    font-size: 60px!important;
}

}

.sector-content-section__image-container img {
 height: 100%;
object-fit: cover;
    
}

h1.title.text_green.sector_header {
    max-width: 100%;
    text-align: center;
    font-size: 80px;
}

.update-first__buttons.sector_button  {

    justify-content: center!important;
    

}

.update-first__buttons.sector_button a {

    border-radius:50px!important;
    font-size: 17px;
    height: 60px;
}

.title.attributes__title.vision__title img {
  display: inline-block;
}
.article-page-start .container.article-header .title {
    max-width: 95%;
}
/*22-07-2025*/
.sub_markets > label {
    display: block;
}
 
.sub_markets {
    padding-left: 20px;
}

/*23-07-2025*/


.faq-title {
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}

.faq-title .icon {
  color: #72C02C; /* green */
  position: absolute;
  left: 0;
  font-size: 24px;
}

.faq-item {
  border-top: 1px solid #ccc;
}

.faq-question {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 15px 10px;
  font-size: 18px;
  cursor: pointer;
  position: relative;
}

.faq-question::before {
  content: "+";
  position: absolute;
  left: 0;
  font-size: 20px;
  color: #999;
}

.faq-item.active .faq-question::before {
  content: "-"; 
  color: #72C02C;
}

.faq-answer {
  display: none;
  padding: 0 10px 30px 30px;
  color: #666;
  font-size: 14px;
}

.faq-item.active .faq-answer {
  display: block;
}





/*23-07-2025*/

/* 24-7-25*/

.faq-question {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 30px 0px 30px 55px;
    font-size: clamp(24px, calc(1.5rem + ((1vw - 7.68px) * 1.7857)), 36px);
    cursor: pointer;
    position: relative;
    font-weight: 300 !important;
}
section.section.faq-sec {
    padding: 120px 0 120px 0;
}

.faq-item.active .faq-answer {
    padding-left: 55px;
}
.faq-answer p {
    font-size: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.8929)), 24px);
}

/* .faq-item.active button.faq-question {
    padding-bottom: 15px;
} */


section.section.faq-sec .title.text_green.inline-title-styles {
    margin-bottom: 70px;
    padding: 30px;
    text-align: center;
}
section.section.faq-sec .title.text_green.inline-title-styles span.circle-big::before {
    content: "";
    position: absolute;
    background: url("../images/designer/green/Circle_2-cuted.png") 0 0/contain no-repeat;
    width: 180%;
    height: 210%;
    z-index: 0;
    top: -50%;
    left: -37%;
}
.faq-question::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    /* border: 3px solid #fff; */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300 !important;
}
section.section.faq-sec  .faq-question::before{
      border: 3px solid #fff;
}

/* home page faq */

 .faq-section {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 120px 120px;
    background-color: #868d94;
}

.faq-section .colored-box.who-we__colored-box h2.subtitle.who-we__subtitle.faq-title {
    font-size: clamp(30px, calc(1.875rem + ((1vw - 7.68px) * 2.9762)), 50px);
    margin: 0px;
    color: #fff;
    padding: 0 30px;
}
.faq-section .colored-box.who-we__colored-box {
    display: inline-block;
    font-size: 40px !important;
    color: #fff;
    margin-bottom: 70px;
}


.faq-section button.faq-question ,.faq-section .faq-answer p{
    color: #fff;
}

.faq-section .faq-question::before {
    border: 3px solid #fff;
    color: #fff;
}
.faq-section .faq-item {
    border-top: 1px solid #ccc;
}
.faq-section .faq-item.active .faq-question::before {
    color: #fff;
} 


@media(max-width:991px){
.faq-section {
    padding: 120px 43px;
}
}

@media(max-width:768px){
.faq-section {
    padding: 80px 15px;
}
.faq-question {
    padding: 20px 0px 20px 45px;
}
.faq-item.active .faq-answer {
    padding-left: 0px;
}
.faq-section .colored-box.who-we__colored-box {
    font-size: 40px !important;
    margin-bottom: 50px;
    padding: 20px;
}
}


/*29-007-2025*/
.input-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.input-row .contact__input {
    flex: 1;
    min-width: 200px;
}