.services-marketing h3 {
    font-family: 'Proxima Nova Rg', sans-serif
}

.services-marketing .services-top__marketing {
    background: url("/wp-content/themes/emailsoldiers/core/assets/img/uslugi/marketing/messenger-marketing.jpg") no-repeat 30% 50% / cover !important;
    margin-bottom: 60px;
    margin-top: 30px
}

@media screen and (max-width:768px) {
    .services-marketing .services-top__marketing {
        background: none !important
    }

    .services-marketing .services-top__marketing:after {
        content: '';
        width: 100%;
        height: 300px;
        top: 0;
        left: 0;
        background: url('/wp-content/themes/emailsoldiers/core/assets/img/uslugi/marketing/messenger-marketing.jpg') no-repeat 70% 50%;
        background-size: cover;
        position: absolute
    }
}

@media screen and (max-width:800px) {
    .services-marketing .services-top__marketing button {
        width: 100%
    }
}

.services-marketing .services-top__marketing h1 {
    max-width: 900px;
    margin-bottom: 10px;
    line-height: 1.3
}

@media screen and (max-width:1442px) {
    .services-marketing .services-top__marketing h1 {
        max-width: 680px
    }
}

.services-marketing .services-top__marketing p {
    max-width: 800px
}

.services-marketing .services-section-title {
    margin-bottom: 55px
}

.services-marketing .list__marker--big {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px 40px
}

@media screen and (max-width:768px) {
    .services-marketing .list__marker--big {
        grid-template-columns: 100%
    }
}

.services-marketing .list__marker--big li {
    padding-left: 45px
}

.services-marketing .list__marker--big li h3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.services-marketing .list__marker--big li h3::before {
    content: '';
    position: absolute;
    top: 17px;
    left: -45px;
    width: 30px;
    height: 4px;
    background: #FFC000
}

.services-marketing .line-bottom {
    padding-bottom: 60px;
    margin-bottom: 70px;
    border-bottom: 2px solid #FFC000
}

.services-marketing #tasks .container {
    padding-left: 24px;
    padding-right: 24px
}

.services-marketing__example {
    padding-top: 50px
}

.services-marketing__example h3 {
    margin-bottom: 15px
}

.services-marketing__example__block:not(:last-child) {
    margin-bottom: 40px
}

.services-marketing__example__block__title {
    margin-bottom: 20px
}

.services-marketing__example__block .block-img {
    width: 100%
}

.services-marketing__example__block .block-img a img {
    width: 100%
}

.services-marketing .example-desc {
    max-width: 770px
}

.services-marketing .partners {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    grid-gap: 60px
}

@media screen and (max-width:992px) {
    .services-marketing .partners {
        grid-template-columns: repeat(auto-fill, minmax(100px, 150px))
    }
}

.services-marketing .partners-icon {
    width: 100%
}

.services-marketing .partners-icon:not(:last-child) {
    margin-right: 60px
}

.services-marketing .consultation__title {
    margin-bottom: 55px
}

.services-marketing .consultation__subtitle {
    margin-bottom: 25px
}

.services-marketing .consultation__text-after {
    padding-top: 25px
}

.services-marketing .list--circles li {
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative
}

.services-marketing .list--circles li:before {
    content: '';
    width: 15px;
    height: 15px;
    border: 2px solid #465FE9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px
}

.services-marketing .u-form-services_yellow {
    color: #fff;
    padding: 90px 120px;
    background: #ffc000 url("/wp-content/themes/emailsoldiers/core/assets/img/uslugi/marketing/form-bg-img.svg") no-repeat 50% 0/100%
}

@media screen and (max-width:1200px) {
    .services-marketing .u-form-services_yellow {
        padding: 30px 50px
    }
}

@media screen and (max-width:992px) {
    .services-marketing .u-form-services_yellow {
        padding: 60px 50px
    }
}

.services-marketing .u-form-services_yellow .is-btn-color-blue {
    background: #465FE9;
    color: #fff;
    max-width: 350px;
    margin-right: 20px
}

@media screen and (max-width:992px) {
    .services-marketing .u-form-services_yellow .is-btn-color-blue {
        max-width: 100%;
        margin: 0 0 30px 0
    }
}

.services-marketing .u-form-services_yellow .is-btn-color-blue:hover {
    background: #2E3FA2;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.services-marketing .u-form-services_yellow .is-btn-ws {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #36B549;
    color: #fff;
    max-width: 350px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

@media screen and (max-width:992px) {
    .services-marketing .u-form-services_yellow .is-btn-ws {
        max-width: 100%
    }
}

.services-marketing .u-form-services_yellow .is-btn-ws::before {
    content: '';
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url("/wp-content/themes/emailsoldiers/core/assets/img/uslugi/marketing/icon-whatsApp.svg") no-repeat 50% 50%/100%
}

.services-marketing .u-form-services_yellow .is-btn-ws:hover {
    background: #2b9f3c;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.services-marketing .u-form-services_yellow .is-btn-ws span {
    margin-left: 0
}

.services-marketing .u-form {
    margin-top: 125px
}

@media screen and (max-width:1200px) {
    .services-marketing .u-form {
        margin-top: 90px
    }
}

.services-marketing .u-form .warning-message {
    margin: 0 0 45px !important
}

.services-marketing .u-form-services-title {
    margin-bottom: 20px;
    font-size: 32px
}

.services-marketing .u-form .u-input-style {
    border-radius: 4px
}

.services-marketing .u-form__fileds {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 10px;
    margin-bottom: 30px;
    border-radius: 3px
}

@media screen and (max-width:992px) {
    .services-marketing .u-form__fileds {
        grid-template-columns: 100%;
        grid-gap: 20px
    }
}

.services-marketing .overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 120px
}

@media screen and (max-width:680px) {
    .services-marketing .overview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.services-marketing .overview__video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30vw;
    max-width: 410px;
    min-width: 300px;
    height: 50vw;
    max-height: 815px;
    min-height: 600px;
    padding: 20px;
    margin-left: 185px;
    margin-right: 80px;
    border-radius: 60px;
    overflow: hidden;
    background: url("/wp-content/themes/emailsoldiers/core/assets/img/uslugi/marketing/form-video.svg") no-repeat 50% 50% / contain
}

@media screen and (max-width:1200px) {
    .services-marketing .overview__video {
        margin-left: 90px
    }
}

@media screen and (max-width:992px) {
    .services-marketing .overview__video {
        margin-left: 0;
        margin-right: 40px
    }
}

.services-marketing .overview__video video {
    width: 100%;
    height: 100%;
    max-height: inherit;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 40px
}

@media screen and (max-width:680px) {
    .services-marketing .overview__text {
        margin-bottom: 30px
    }
}

.services-marketing .overview__text h2 {
    font-size: 40px !important;
    max-width: 550px
}

@media screen and (max-width:992px) {
    .services-marketing .overview__text h2 {
        font-size: 26px !important
    }
}

/*# sourceMappingURL=services_marketing.css.map */