@import url(fonts.css?v2);
@import url(normolize.css);

.league_content,
.s_hero {
    background-repeat: no-repeat;
    background-size: cover
}

.h2,
.s_league,
.ul,
p {
    margin: 0
}

.btn.accent,
.contact_form input[type=submit] {
    background-color: var(--accent-color);
    font-weight: 800;
    color: var(--title-color)
}

.btn.accent,
.h2 {
    font-weight: 800
}

.accordion,
.btn.accent {
    color: var(--title-color)
}

.accordion,
.btn.accent,
.link {
    text-decoration: none
}

.btn.accent,
.h1.mobile_title,
.h2,
.position_title {
    font-family: var(--title-font);
    text-transform: uppercase
}

.position_subtitle,
body,
html {
    font-family: var(--main-font)
}

body,
html {
    overflow-x: hidden;
}

.g_txt,
.h1.mobile_title,
.h2,
.thanks__text {
    font-style: italic
}

:root {
    --title-font: 'Montserrat', sans-serif;
    --accent-color: #ffb51d;
    --second-color: #ffc10c;
    --title-color: #000000;
    --text-color: #000000;
    --main-font: 'Poppins', sans-serif
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.6
}

.ul {
    padding: 0
}

.ol {
    padding-left: 1rem
}

.ol .li::marker {
    font-family: var(--title-font);
    color: var(--second-color)
}

.h2 {
    line-height: 1.2
}

.h3 {
    font-size: 20px;
    margin: 0 0 1rem
}

.pl100 {
    padding-left: 100px
}

.footer,
.header,
section {
    padding: 0 20px
}

.header {
    padding: 1rem 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%
}


.header_container,
.section_container {
    margin: auto;
    max-width: 1450px
}

.header_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

.header_logo_wrap {
    width: 248px
}

.header__right-side {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header__nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* justify-content: center; */
    gap: 40px;
}

.nav__item {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s ease-out;
}

.nav__item:hover {
    /* color: #000; */
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px var(--accent-color);
}

.header__gallery-icon {
    width: 35px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__gallery-link {
    text-decoration: none;
    color: var(--text-color);
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    /*flex-direction: column;*/
    font-size: 14px;
    gap: 10px;
}

.header__gallery-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gallery-white-icon {
    display: none;
}

.black_header .gallery-black-icon {
    display: none;
}

.black_header .gallery-white-icon {
    display: block;
}

.black_header .header__gallery-link {
    color: #ffffff;
}

.hamburger {
    display: none;
}

.s_content {
    max-width: 1440px;
    margin: auto;
    padding: 40px 30px 30px;
}

.row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.col-6 {
    /* background-color: #0b0b0b; */
    background-size: cover;
    border-radius: .25rem;
    padding: 0 80px;
}

.col-12 {
    grid-column: 1/-1;
    padding: 0 80px;
    border-radius: 0.25rem;
}

.positions {
    background-color: #ffcd0c;
}

.col-12 .col__content {
    margin: 0;
    max-width: unset;
}

.colored {
    position: relative;
    background-color: #f9f9f5;
    border-radius: 0.25rem;
}

.colored .col__content {
    align-items: center;
    justify-content: center;
}

.colored-none .col__content {
    align-items: center;
    justify-content: center;
}

.colored-none {
    position: relative;
    border-radius: 0.25rem;
}

.positions .col__content {
    max-width: 580px;
}

.positions .col__title {
    margin-top: 15px;
}

.bullets {
    background-color: #f9f9f5;
}

.contact {
    /* background-color: #3e3e3e; */
    padding: 80px 80px 65px;
}

.contact .form_wrapper {
    margin: 0;

}

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

    .col-6,
    .col-12 {
        padding: 15px 15px 20px;
    }
}

.col-6.accent {
    background-color: #ffc20c;
    background-image: url(../img/square_accent.svg);
}

.col-6.black {
    color: #fff;
    background-image: url(../img/square_black.svg);
}

.col-6.black .col__title {
    color: #ffcd0c;
}

.col__content {
    max-width: 502px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    margin: auto;

    height: 100%;
}

.black .col__content,
.accent .col__content {
    min-height: 600px;
    justify-content: space-between;
}

.graffiti,
.guarantee,
.traffic {
    display: block;
    width: 100%;
}

.guarantee {
    max-width: 260px;
}

.col__title {
    font-family: var(--title-font);
    font-size: 22px;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    margin: 20px 0 40px;
}

/* .mt80 {
    margin-top: 80px;
} */

.accent .col__title,
.black .col__title {
    font-size: 32px;
}

.col__subtitle {
    display: block;
    /* font-size: 12px; */
    margin-bottom: 12px;
    font-size: 0.7em;
}

.col__txt {
    font-size: 16px;
    color: #665f5f;
}

.col__txt_color {
    color: #000;
}

.careers .col__txt {
    color: #000;
}

.col__txt b {
    display: block;
    color: #000;
    margin-bottom: 12px;
}

.accent .col__txt,
.black .col__txt {
    font-size: 19px;
}

.accent .col__txt {
    color: #000;
}

.black .col__txt {
    color: #fff;
}

.s_content {
    background-color: #fff;
    border-radius: .25rem;
    margin-top: -250px;
    margin-bottom: 40px;
}

.content_wrap {
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .header__gallery-link {
        color: #ffffff;
    }

    .gallery-white-icon {
        display: block;
    }

    .gallery-black-icon {
        display: none;
    }
}

@media screen and (max-width: 525px) {
    .header__right-side {
        /*flex-direction: column;*/
        gap: 10px;
    }

    .header__gallery-link span {
        display: none;
    }

}

@media screen and (max-width: 425px) {
    .header__right-side {
        gap: 30px;
    }

    .header__gallery-icon {
        width: 30px;
    }
}

.logo_img,
.target_icon {
    display: block;
    width: 100%;
    height: auto
}

.img_wrap {
    max-width: 76px;
    margin: auto
}

.s_hero {
    background-image: url(../img/shapka_img.png?v2);
    background-position: bottom;
    padding-top: 200px
}

.s_hero.new {
    background-image: url(../img/shapka_img.png?v2);
    background-color: #000;
    background-position: bottom;
    padding-top: 300px
}

.s_hero.careers {
    background-image: none;
}

.s_hero.careers .section_container {
    min-height: 390px;
}

.s_hero>.section_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 522px
}

.black_header .header .link,
.btn.accent {
    display: inline-block
}

.hero_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto 0 75px;
    width: 100%;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.hero_content.hero_content-en {
    margin: auto 0 50px;
}

.league_content.league_content-en {
    margin-top: -40px;
}

.hero_content.hero_content-nl {
    margin: auto 0 50px;
}

.accordion,
.accordion:before,
.bullets_wrapper,
.social_list {
    display: -webkit-box;
    display: -ms-flexbox
}

.social_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    gap: 0 20px
}

.social_item {
    background-color: #000;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: auto
}

.social_item:hover .social_icon {
    -webkit-filter: grayscale(100%) contrast(200%);
    filter: grayscale(100%) contrast(200%)
}

.social_icon {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.bullets_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.img_wrapper,
.league_content {
    display: -webkit-box;
    display: -ms-flexbox
}

.bullets_title,
.careers_title {
    margin-bottom: 1rem
}

.careers_title {
    margin-bottom: 2rem;
}

.careers_title {
    text-align: center;
}

.bullet_txt {
    position: relative;
    max-width: 793px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.bullet_txt span {
    display: block;
}

.bullet_txt span:not(:last-child) {
    margin-bottom: 0.5rem;
}

.bullet_txt:first-child::after {
    height: 90%;
    width: 1.4px;
    background-color: #000;
    position: absolute;
    right: -.5rem;
    top: 0;
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg)
}

.league_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-image: url(../img/league.svg?v1);
    background-color: #fff;
    background-position: -82px center;
    margin-top: -60px;
}

.league_content-nl.league_content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-image: url(../img/league.svg?v1);
    background-color: #fff;
    background-position: -82px center;
    margin-top: -40px;
}



@media screen and (max-width: 1303px) {
    .league_content {
        background-position-x: calc(-217px + 137 * ((100vw - 1024px) / (1303 - 1024)));
    }

    .league_content-nl.league_content-nl {
        background-position-x: calc(-217px + 137 * ((100vw - 1024px) / (1303 - 1024)));
    }
}

@media screen and (min-width: 1832px) {
    .league_content {
        background-position-x: calc(-82px - 15 * ((100vw - 1832px) / (1920 - 1832)));
    }

    .league_content-nl.league_content-nl {
        background-position-x: calc(-84px - 15 * ((100vw - 1832px) / (1920 - 1832)));
    }
}

@media screen and (min-width: 1920px) {
    .league_content {
        background-position-x: -98px;
    }

    .league_content-nl.league_content-nl {
        background-position-x: -98px;
    }
}

@media screen and (max-width: 1024px) {
    .league_content {
        background-image: none;
    }

    .league_content-nl.league_content-nl {
        background-image: none;
    }
}

.league_title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.leagues_txt-wrapper {
    padding: 40px 10px;
}

.leagues_txt-wrapper .league_txt {
    font-size: 16px;
    max-width: 700px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
}

.league_txt {
    font-size: 16px;
    max-width: 700px;
    padding: 40px 10px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}

.league_txt:not(:last-child) {
    margin-bottom: 0.5rem;
}

.s_signup {
    padding: 3rem 20px 3rem;
    background-color: #f9f8f4;
}

.cta_wrapper {
    margin: 2rem 0 4rem;
    text-align: center
}

.btn.accent {
    font-size: 22px;
    padding: 30px 120px;
    border-radius: 5px;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.btn.accent:hover,
.contact_form input[type=submit]:hover,
.s_faq,
.video-js .vjs-play-progress {
    background-color: var(--second-color)
}

.targets_wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4% 1fr 4% 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 4%;
    text-align: center;
    margin-bottom: 50px;
}

.target_card {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 24px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, .08)
}

.target_icon_wrapper {
    border-radius: 5px 5px 0 0;
    min-height: 120px;
    padding: 1rem 0 1.5rem;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1
}

.target_icon_wrapper.clicks {
    background-image: url(../img/shape1_bg.webp)
}

.target_icon_wrapper.conversions {
    background-image: url(../img/shape2_bg.webp)
}

.target_icon_wrapper.countries {
    background-image: url(../img/shape3_bg.webp)
}

.target_icon_wrapper::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    opacity: .1;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2
}

.target_icon_wrapper.clicks::after {
    background-image: url(../img/shape1.webp)
}

.target_icon_wrapper.conversions::after {
    background-image: url(../img/shape2.webp)
}

.target_icon_wrapper.countries::after {
    background-image: url(../img/shape3.webp)
}

.target_icon {
    z-index: 3
}

.target_title {
    padding: 2rem 0 1rem;
    font-size: 22px;
    font-weight: 600
}

.industries_title {
    margin: 0 0 2rem;
    text-align: center;
}

.buy__traffic-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px auto;
    grid-template-columns: auto 1fr;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.buy__traffic-img {
    width: 300px;
    height: auto;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
}

.buy__traffic-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 1024px) {
    .buy__traffic-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .buy__traffic-img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1 / 2;
        -ms-grid-column-align: center;
        justify-self: center;
        margin-top: 20px;
    }

    .buy__traffic-content {
        gap: 0;
    }

    .buy__traffic-img {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2 / 3;
    }
}

.buy__traffic-title {
    margin: 0 0 2rem;
    text-align: center;
}

.s_industries {
    padding: 3rem 20px 3rem;
    text-align: center
}

.industries_wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.accordion,
.img_wrapper {
    -webkit-box-align: center
}

.industrie_card {
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 2rem
}

.industrie_title {
    font-size: 20px;
    font-weight: 600
}

.img_wrapper {
    max-width: 68px;
    max-height: 68px;
    margin: 0 auto 1rem;
    min-height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s_careers {
    background-color: #f9f8f4;
    /*padding: 3rem 20px 4rem;*/
    margin-top: -70px;
    padding: calc(100px + 2rem) 20px 3rem;
}

.accordion,
.panel,
.s_industries {
    background-color: #fff
}

.careers_content {
    margin: 0 0 0 2rem;
    width: 150%
}

.faq_wrapper {
    width: 100%;
    /*max-width: 730px;*/
    margin-left: 2rem;
    padding-right: 20px
}

.contact_content,
.s_careers>.section_container,
.s_faq>.section_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*padding: 0 20px;*/
}

.careers_sub {
    margin-top: 0;
    margin-bottom: .5rem
}

.p_txt,
.w100 .careers_sub {
    margin-top: 1rem
}

.accordion {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    border: none;
    outline: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    margin: 10px 0 5px;
    font-size: 16px;
    font-weight: 600
}

.accordion_acc {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    border: none;
    outline: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    margin: 10px 0 5px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    cursor: auto;
}

.form-message,
.label[for=submit],
.position_title,
.subtitle {
    text-align: center
}

.panel {
    border-radius: 3px;
    padding: 0 2rem;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-out;
    -o-transition: max-height .2s ease-out;
    transition: max-height .2s ease-out
}

.s_contact {
    padding: 3rem 0 4rem;
    background-image: url("../img/contacts_bg.svg?v2");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.s_faq {
    padding: 2rem 0 2rem;
    margin: 1.5rem 0 1.5rem;
    border-radius: 5px;
}

.accordion:before {
    position: absolute;
    top: 4px;
    right: .5rem;
    content: url(../img/arrow-right.svg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    height: 100%;
    margin-right: .5rem
}

.footer .social_item,
.s_contact {
    background-color: #272727
}

.footer.new {
    padding: 33px 20px 40px;
    display: flex;
}

.footer.new .footer_container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}

.contact_title {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

.contact_subtitle {
    /*max-width: 400px;*/
    font-size: 20px;
    padding-right: .5rem;
    color: #fff;
    margin-bottom: 30px;
}

.form_wrapper {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    color: #afafaf;
    border: 2px solid #404040;
    border-radius: 7px;
    padding: 45px;
    background-color: #272727;
}

.link:hover,
.second_c {
    color: var(--second-color)
}

.contact_form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem
}

.contact_form input,
.contact_form select,
.contact_form textarea {
    margin: 0;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #545454;
    background-color: #404040;
    min-height: 60px;
    display: block;
    padding: .2rem .5rem;
    width: 100%
}

.black_header .header,
.footer,
.thanks__container main {
    background-color: #0a0a0a
}

.contact_form select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    padding: 20px 8px;
}

.contact_form textarea {
    resize: none
}

.contact_form input[type=submit] {
    max-width: 340px;
    padding: 25px 0;
    display: inline-block;
    font-size: 22px;
    font-family: var(--title-font);
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.contact_form input[type=submit]:active {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.label[for=email],
.label[for=message],
.label[for=reason],
.label[for=submit] {
    grid-column: 1/-1
}

.subtitle {
    max-width: 580px;
    margin: .5rem auto;
    font-size: 14px;
    color: #9b9b9b
}

.link {
    color: var(--accent-color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer {
    /* min-height: 140px; */
    padding: 2rem 20px
}

.s_position {
    background-color: #f0f0ec
}

.footer_logo_wrapper {
    width: 125px
}

.g_img,
.img_footer_logo {
    display: block;
    width: 100%
}

/*.footer_row:first-child {*/
/*    padding-bottom: 1rem;*/
/*    border-bottom: 1px solid #2a2a2a*/
/*}*/

.copyright_txt {
    color: #9b9b9b
}

.footer_row.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 1rem
}

.footer .social_list {
    margin: 1rem 0
}

.svg {
    max-height: 70vw;
    width: 100%
}

.svg text {
    text-shadow: none;
    font-weight: 400;
    alignment-baseline: top;
    font-style: normal
}

.h1.mobile_title {
    display: none;
    font-size: 32px;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: right;
    color: #fff;
    z-index: 2;
    text-shadow: 3px 1px 0 #ffab0c
}

button[disabled=disabled],
input[disabled=disabled],
textarea[disabled=disabled] {
    opacity: .6;
    cursor: not-allowed
}

.form-message {
    border-radius: 5px;
    display: none;
    border: 2px solid green !important;
    margin: 10px 0;
    padding: 10px !important
}

.form-message.show {
    display: block
}

.location-maps {
    position: relative;
    padding: 20px;
    z-index: 999;
}

.location-wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 10px;
    top: 135px;
}

.location-office {
    background-color: #fff;
    max-width: 300px;
    width: 100%;
    /* height: 220px; */
}

.loc-mark {
    object-fit: cover;
    max-width: 300px;
    width: 100%;
    max-height: 150px;
    object-fit: cover;
}

.loc-title {
    color: #000;
    font-weight: 700;
    display: block;
    font-size: 22px;
}

.loc-text {
    padding: 1rem .5rem;
    font-size: 16px;
    color: gray;
}

@media screen and (max-width: 1024px) {
    .loc-mark {
        width: 140px;
        height: 70px;
    }

    .location-office {
        width: 140px;
        height: 160px;
    }

    .loc-title {
        font-size: 14px;
    }

    .loc-text {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .location-wrapper {
        left: auto;
        right: 10px;
        top: 100px;
    }

    .loc-mark {
        width: 140px;
        height: 70px;
    }

    .location-office {
        width: 140px;
        height: 160px;
    }

    .loc-title {
        font-size: 14px;
    }

    .loc-text {
        font-size: 12px;
    }
}

.location-maps__title {
    text-align: center;
    font-size: 24px;
}

@media screen and (max-width: 1024px) {
    .location-maps__title {
        font-size: 16px;
    }
}

.s_position {
    padding-top: 100px
}

.s_position .section_container {
    text-align: justify;
    max-width: 888px;
    padding: 3rem 20px 2rem
}

.s_position .ul {
    padding-left: 1rem;
    margin-bottom: 2rem
}

.s_position .ul .li::marker {
    color: var(--second-color)
}

.position_title {
    margin-top: 2rem;
    margin-bottom: .5rem
}

.position_subtitle {
    text-transform: none;
    margin-bottom: 2rem;
    font-size: 1.12rem;
    font-style: italic;
    font-weight: 600;
    text-align: center
}

.contact_form input:focus-visible,
.contact_form select:focus-visible,
.contact_form textarea:focus-visible {
    outline-style: solid;
    outline-color: var(--accent-color);
    border-radius: 3px
}

.m_show {
    display: none
}

.target_count {
    padding: 0 0 2rem;
    font-size: 20px
}

.careers_txt {
    text-align: justify;
    margin-bottom: .5rem
}

img.industrie_img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 50px;
}

.guarantee_section>.section_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.g_img_wrap {
    width: 100%;
    max-width: 200px
}

.g_title {
    font-size: 1.2rem;
    margin-bottom: .5rem
}

body {
    background: #f0f0ec
}

main {
    max-width: 1920px;
    position: relative;
    margin: auto
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--second-color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    opacity: .7;
    background: var(--second-color);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.video-js .vjs-tech,
.video_wrap,
.vjs-poster,
div#my-video {
    border-radius: 3px
}

#my-video {
    max-width: 487px;
    max-height: 240px
}

.carerr_wrap {
    margin-top: 8px;
    /*max-width: 740px;*/
    max-width: 382px;
    width: 100%
}

.referal {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px auto;
    grid-template-columns: 1fr auto;
    gap: 0 40px;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.careers__referal {
    /*margin-left: 100px;*/
    display: flex;
    margin-right: 0px;
    align-items: center;
    /*margin-top: 75px;*/
    /*background: #1d1d1d url("../img/guarantee_bg.svg") center / cover no-repeat;*/
    border-radius: 3px;
}

.s_faq.non-active {
    display: none;
}

@media screen and (max-width: 1105px) {
    .careers__referal {
        /* margin-left: 50px; */
    }
}

@media screen and (max-width: 1024px) {
    .s_faq.non-active {
        display: block;
        margin: 30px auto 0 auto;
    }

    .s_faq {
        display: none;
    }
}

.referal__title {
    grid-column: 1 / -1;
}

.referal__text {
    text-align: justify;
}

.referal__text:not(:last-child) {
    margin-bottom: 10px;
}

.referal__image {
    width: 100%;
    height: 216px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    /*align-self: start;*/
    /*margin-top: -35px;*/
}

.referal__image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    min-width: 200px;
    height: 100%
}

.referal__image.referal__image-80k {
    height: 250px;
    margin-bottom: -30px;
    margin-top: 35px;
}

.referal__image.referal__image-80k-join.referal__image-80k {
    margin-bottom: 0;
    margin-top: 0px;
    align-self: center;
}

.referal__image.referal__image-80k-join-text.referal__image-80k {
    display: none;
    margin-bottom: 0;
    margin-top: -25px;
    align-self: center;
}

@media screen and (max-width: 768px) {
    .referal {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .accordion {
        padding: 15px 10px;
    }

    .accordion:before {
        right: 0;
    }

    .traffic {
        max-width: 300px;
    }

    .guarantee {
        max-width: 130px;
    }
}

.w100 {
    margin: 0;
    max-width: unset
}

@media screen and (min-width: 2060px) {
    .s_hero.new {
        padding-top: 500px;
    }
}

@media screen and (max-width: 1440px) {
    .s_hero.new {
        padding-top: 200px;
    }
}

@media only screen and (max-width: 1212px) {
    .bullet_txt {
        max-width: 700px;
    }
}

@media only screen and (max-width: 1105px) {
    .pl100 {
        padding-left: 50px
    }
}

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

    .header,
    .league_title {
        background-color: #0a0a0a
    }

    .bullets_wrapper,
    .league_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .referal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .referal__title {
        margin-bottom: 2rem;
    }

    .faq_wrapper {
        margin: 0;
        padding: 0 20px
    }

    .careers_sub {
        margin-top: 2rem
    }

    #my-video,
    .carerr_wrap {
        margin: auto
    }

    #my-video {
        max-width: unset
    }

    .s_hero>.section_container {
        padding: 1rem;
        min-height: 68vw
    }

    .s_hero.new>.section_container {
        padding: 1rem;
        min-height: 30vh;
    }

    .faq_title {
        margin-bottom: 1rem
    }

    .bullet_txt {
        max-width: 580px;
        margin-top: 0px;
    }

    .hero_bullets {
        text-align: justify;
        margin-bottom: 1rem;
    }

    .careers_title,
    .league_title {
        text-align: center;
        width: 100%
    }

    .h1.mobile_title {
        display: inherit;
        margin: 0rem 0 1.3rem auto
    }

    /* .logo_img {
        width: 68%;
    } */

    .header {
        padding: 5px 20px;
    }

    .s_hero {
        background-image: url(../img/hero_c_m.png);
        background-position: center;
    }

    .s_hero.new {
        background-image: url(../img/contacts_bg.svg);
        background-position: right 25px;
        padding-top: 95px;
    }

    .s_hero.new::after {
        /* content: ''; */
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 68%);
        z-index: 1;
    }

    .s_content {
        margin-top: 0;
    }

    .svg-text1 {
        y: 0;
    }

    .bullet_txt:first-child::after,
    .m_hide {
        display: none
    }

    .bullets_wrapper {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 0.5rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .pl100 {
        padding-left: 0
    }

    .league_title {
        padding: 2rem 0;
        border-radius: 5px;
        color: #fff;
        z-index: 1
    }

    .league_content {
        position: relative;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    .industries_wrapper {
        -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .careers_title {
        margin-bottom: 2rem
    }

    .s_careers>.section_container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .careers_content {
        max-width: 740px;
        margin: auto
    }

    .contact_subtitle,
    .contact_title {
        text-align: center;
        margin-bottom: 1rem;
        padding: 0 15px;
    }

    .contact_content,
    .s_faq>.section_container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .careers__referal {
        flex-direction: column;
    }

    .header_logo_wrap {
        width: 170px;
    }

    .header__nav {
        gap: 20px !important;
    }
}

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


    .referal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .guarantee_section>.section_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2rem
    }

    .m_show {
        display: inherit
    }

    .position_title {
        font-size: 1.5rem;
        line-height: 1.2
    }

    .m_hide {
        display: none
    }

    .s_hero {
        background-position: right;
        padding-top: 80px
    }

    .s_hero.new {
        background-position: right 25px;
        padding-top: 110px
    }

    .s_hero.new>.section_container {
        padding: 0;
    }

    .header_logo_wrap {
        width: 200px
    }

    .logo_img {
        display: block;
        width: 68%;
        height: auto
    }

    .h1.mobile_title {
        font-size: 36px
    }

    .hero_content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 1rem
    }

    .hero_content .social_list {
        margin-top: 1rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .btn.accent {
        padding: 15px 60px
    }

    .targets_wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2rem
    }

    .target_card {
        max-width: 360px;
        width: 100%;
        margin: auto
    }

    .industries_wrapper {
        -ms-grid-columns: 1fr 1rem 1fr;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .faq_title {
        margin-bottom: 2rem
    }

    .contact_form {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr)
    }

    .footer_row.flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hamburger {
        padding: 0;
        display: block;
        margin-top: 0.6rem;
        order: 1;
        z-index: 99;
    }

    .header__nav {
        display: none;
        opacity: 0;
        position: absolute;
        min-height: 99.99vh;
        background-color: #000;
        padding: 100px 1rem 0;
        top: 0;
        right: -100%;
        width: 88%;
        flex-direction: column;
        z-index: 98;
        align-items: end;
        transition: all .3s ease-out;
        box-shadow: -3px 0px 5px 2px rgba(0, 0, 0, .5);
    }

    .header__nav.is-active {
        display: flex;
        right: 0;
        opacity: 1;

    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner:after,
    .hamburger.is-active .hamburger-inner:before,
    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        background-color: #fff;
    }

    body.is-active,
    html.is-active {
        overflow: hidden;
    }

    .nav__item:hover {
        color: var(--accent-color)
    }

    .row {
        grid-template-columns: repeat(1, 1fr);
    }

    .col__content {
        min-height: unset !important;
        padding: 0;
    }

    .col__title {
        font-size: 24px !important;
        margin: 0 0 20px;

    }

    .col__txt {
        font-size: 16px !important;
    }

    .s_content {
        padding: 20px 15px;
    }

    .mb-order-2 {
        order: 2;
    }

    .col__content {
        max-width: 100%;
    }
}

@media only screen and (max-width: 512px) {
    .form_wrapper {
        padding: 25px
    }

    .industrie_card {
        max-width: 200px;
        padding: 1rem
    }

    .industrie_title {
        font-size: 14px
    }

    .img_wrapper {
        margin: auto;
        width: 40px;
        height: auto
    }

    .contact_subtitle,
    .contact_title {
        line-height: 1;

    }

    .contact_title {
        margin-top: 25px;
    }

    .contact_subtitle {
        font-size: 16px;
    }

    .contact {
        padding: 0;
        background-color: #272727;

    }

    .form_wrapper {
        border: 0;
    }

    .label {
        font-size: 14px;
    }

    .contact_form input,
    .contact_form select,
    .contact_form textarea {
        font-size: 16px;
        min-height: 45px;
    }

    .contact_form select {
        padding: .2rem .5rem;
    }

    .contact_form input[type=submit] {
        padding: 15px 0;
    }

    .copyright_txt {
        font-size: 14px;
    }
}

@media (max-width: 425px) {
    .svg-text1 {
        /* fill: #fff */
    }
}

.thanks__text-container {
    max-width: 2560px;
    background-color: #0a0a0a;
    margin: 0 auto;
}

.thanks__text {
    color: var(--accent-color);
    text-align: center;
    font-size: calc(20px + 15 * ((100vw - 320px) / (1160 - 320)));
    font-weight: 700;
    line-height: calc(25px + 15 * ((100vw - 320px) / (1160 - 320)));
    margin: 0 auto;
    max-width: 900px;
    padding: 20px 40px;
}

@media screen and (min-width: 1227px) {
    .thanks__text {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1700px) {
    .thanks__text {
        max-width: 1500px;
    }
}

@media screen and (min-width: 1900px) {
    .thanks__text {
        max-width: 1700px;
    }
}

@media screen and (min-width: 2100px) {
    .thanks__text {
        max-width: 1900px;
    }
}

.footer_grid {
    padding: 0 10px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'logoFooter logoFooter'
        'textFooter contactFooter'
        'navFooter copyrightFooter';
}

.footer_left_start {
    grid-area: logoFooter;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.footer_left_start_logo {
    max-width: 102px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

.footer_left_start_social {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_left_start_logo img,
.footer_left_start_social img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_left_middle {
    grid-area: textFooter;
    margin-bottom: 80px;
}

.footer_left_middle p {
    font-family: var(--title-font);
    font-size: 42px;
    line-height: 42px;
    font-weight: 900;
    font-style: italic;
    color: #ffcd0c;
}

.footer_left_bottom {
    grid-area: navFooter;
}

.footer_left_bottom_nav {
    display: flex;
}

.footer_left_bottom_nav a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #5f5f5f;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.footer_left_bottom_nav a:hover {
    color: #ffcd0c;
}

.footer_left_bottom_nav a:not(:last-child) {
    margin-right: 30px;
}

.footer_right_contact {
    grid-area: contactFooter;
    /*margin-bottom: 92px;*/
    /*margin-top: 100px;*/
}

.footer_right_contact_item {
    display: flex;
    align-items: center;
}

.footer_right_contact_item:not(:last-child) {
    margin-bottom: 5px;
}

.footer_right_contact_item p,
.footer_right_contact_item a {
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    color: #5f5f5f;
}

.footer_right_contact_item.footer_email a {
    color: #ffcd0c;
    text-decoration: none;
}

.footer_contact_icon {
    margin-right: 15px;
    width: 13px;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_contact_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_right_copyright {
    grid-area: copyrightFooter;
}

.footer_right_copyright p {
    font-family: var(--main-font);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #5f5f5f;
    margin-left: 27px;
}

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

    .footer_grid {
        padding: 0 10px;
    }

    .footer_left_middle p {
        font-size: 32px;
        line-height: 38px;
    }

}

@media screen and (max-width: 768px) {
    .footer_grid {
        padding: 0 0;
        grid-template-areas: 'logoFooter logoFooter'
            'navFooter navFooter'
            'contactFooter contactFooter'
            'copyrightFooter copyrightFooter';
    }

    .footer_left_start {
        margin-bottom: 30px;
    }

    .footer_left_middle {
        display: none;
    }

    .footer_right_contact {
        justify-self: center;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .footer_right_contact_item:not(:last-child) {
        margin-bottom: 5px;
    }

    .footer_right_contact_item p {
        text-align: center;
        line-height: 18px;
    }

    .footer_left_bottom {
        justify-self: center;
        margin-bottom: 30px;
    }

    .footer_right_copyright {
        justify-self: center;
    }

    .footer_right_copyright p {
        margin-left: 0;
        text-align: center;
    }
}

@media screen and (max-width: 375px) {
    .footer_right_contact_item:first-child p {
        max-width: 199px;
    }

    .footer_right_contact_item:first-child .footer_contact_icon {
        align-self: flex-start;
        margin-top: 3px;
    }
}

@media screen and (max-width: 1024px) {
    .referal__image {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
    }

    .referal__image.referal__image-80k {
        margin-top: 0;
    }

    .referal__image.referal__image-80k-join-text.referal__image-80k {
        display: block;
    }

    .referal__image.referal__image-80k-join.referal__image-80k {
        display: none;
    }
}

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

.page_title {
    color: #ffcd0c;
    text-align: center;
    font-size: 62px;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 0;
}

.page_subtitle {
    font-family: var(--title-font);
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: #fff;
    max-width: 800px;
    margin: .5rem auto 0;
}

@media(max-width:1024px) {
    .page_subtitle {
        font-size: 15px;
        font-weight: normal;
    }
}

.hero {
    background-image: url(../img/careers_bg.svg);
    background-size: cover;
    background-position: center;
    min-height: 380px;
}

.hero .col__content {
    align-items: center;
    justify-content: center;
}

main.careers .s_content {
    margin-top: -420px;
    margin-bottom: 40px;
}

.col__txt.accent {
    color: #000;
    font-size: 19px;

}

main.careers .positions .col__content {
    max-width: 100%;
}

main.careers .positions .accordion {
    color: #b1adad;
    padding-right: 13%;
    justify-content: flex-end;
    gap: 10%;
    box-shadow: 0px 4px 15.68px 0.32px rgba(0, 0, 0, 0.1);
}

.career__name {
    margin-right: auto;
    color: #000;
}

.career_type {
    font-weight: bold;
    color: #000;
    margin: 1.5rem 0 .5rem;
}

.career_spec {
    display: flex;
}

@media only screen and (max-width: 1024px) {
    .s_hero.careers {
        background-image: none;
    }

    .s_hero.careers::after {
        content: none;

    }
}

@media only screen and (max-width: 768px) {
    .page_title {
        font-size: 32px !important;
    }

    .career__name {
        width: 100%;
    }

    main.careers .positions .accordion {
        line-height: 1.3;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: .5rem;
    }

    .career_time {
        padding-right: 15px;
    }

    .career_place {
        position: relative;
        padding-left: 5px;
    }

    /* .career_place::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -5px;
        transform: translate(0, -50%);
        display: block;
        width: 5px;
        height: 5px;
        background-color: #b1adad;
        border-radius: 50%;

    } */
}

.marketing {
    order: 2;
}

.marketing-img {
    padding: 0;
    order: 1;
}

.marketing-img>.col__content {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
}

.buy-traffic {
    order: 6;
}

.buy-traffic-img {
    order: 7;
}

.bullets-s {
    order: 5;
}

.industries {
    order: 13;
}

.join-team {
    order: 14;
}

.referral-s-img {
    order: 15;
}

.referral-s {
    order: 16;
}

.join-team {
    background: url('../img/background-join-team.svg') center / cover no-repeat;
}

.join-team__content {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'joinTeamTitle joinTeamText'
        '. joinTeamText'
        ' joinTeamButton joinTeamGuarantee';
}

.join-team__title {
    grid-area: joinTeamTitle;

    font-family: var(--title-font);
    font-size: 32px;
    line-height: 38px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    color: #000000;
    max-width: 332px;
}

.join-team__guarantee {
    grid-area: joinTeamGuarantee;

    display: flex;
    align-items: center;
    gap: 18px;
}

.join-team__guarantee p {
    font-family: var(--main-font);
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: #2d2929;
    text-transform: unset;
    font-style: normal;
}

.join-team__image {
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.join-team__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.join-team__text {
    grid-area: joinTeamText;

    font-family: var(--main-font);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #2d2929;
    margin-bottom: 60px;
}

.join-team__button {
    grid-area: joinTeamButton;
    max-height: 74px;
    max-width: 293px;
    display: block;
    font-family: var(--main-font);
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: #2d2929;
    text-decoration: none;
    padding: 26px 62px 24px;
    background-color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.join-team__button:hover {
    color: #ffcd0c;
}

@media screen and (max-width: 1024px) {
    .join-team__content {
        grid-template-columns: 1fr;
        justify-items: center;
        grid-template-areas: 'joinTeamTitle'
            'joinTeamText'
            'joinTeamButton'
            'joinTeamGuarantee';
    }

    .join-team__title {
        line-height: 1;
        max-width: unset;
        margin-bottom: 30px;
    }

    .join-team__text {
        margin-bottom: 40px;
    }

    .join-team__button {
        margin-bottom: 5px;
    }

    .join-team__guarantee {
        margin-top: 1rem;
        /* justify-self: start; */
    }
}

@media screen and (max-width: 768px) {
    .join-team__content {
        padding: 20px 0;
    }

    .join-team__title {
        margin-bottom: 15px;
        text-align: center;
    }

    .join-team__text {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 525px) {
    .join-team__title {
        max-width: 358px;
    }

    .join-team__button {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        max-width: unset;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .careers-s {
        order: 3;
    }

    .careers-img {
        order: 4;

    }

    .referral-s-img {
        order: 9;
    }

    .referral-s {
        order: 8;
    }
}

.career_place,
.career_time {
    position: relative;
    padding-left: 30px;
}

.career_place {
    padding-left: 15px;
}

.career_place::before,
.career_time::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    left: -3px;
    top: 1px;

}

.career_time::before {
    content: url(../img/icons/time.svg);
}

.career_place::before {
    content: url(../img/icons/palce.svg);
    left: -15px;
    top: 0px;
}

@media(max-width:768px) {

    .career_place::before,
    .career_time::before {
        left: 0px;
        top: -1px;
    }

    .career_place::before {
        left: -10px;
        top: -1px;
    }
}

.buy-traffic-img.full,
.buy-traffic-img.full .col__content {
    max-width: 100%;
    padding: 0;
}

.buy-traffic-img.full .traffic {
    height: 100%;
    object-fit: cover;
}

@media(max-width:475px) {

    .footer_left_bottom_nav a:not(:last-child) {
        margin-right: 0;
    }

    .footer_left_bottom_nav {
        flex-direction: column;
        align-items: center;
    }

    .h1.mobile_title {
        margin: 0rem 0 4rem auto
    }
}