*, ::after, ::before {
    box-sizing: inherit;
}
html {
    height: auto;
    min-height: 100%;
    box-sizing: border-box;
}
body {
    font-size: 16px;
    line-height: 27px;
    font-family: Montserrat, sans-serif;
    height: auto;
    min-height: 100%;
    color: #000;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, ol, p, ul {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #202020;
}
li, ul {
    list-style: none;
}
.text-block ol,.text-block ul{padding:5px 0 10px 15px;counter-reset:index}
.text-block ul li{position:relative;padding-left:20px;margin-bottom:5px}
.text-block ul li:before{content:'';width: 8px;height: 8px;background:#0077ce;display:block;border-radius:50%;position:absolute;left:0;top: 8px;}
.text-block ol li{position:relative;counter-increment:index;padding-left:20px;margin-bottom: 5px;}
.text-block ol li:before{content:counter(index) '.';width:10px;color:#0077ce;display:block;position:absolute;left:0;top: 6px;font-size: 16px;line-height:1}
.text-block table {
    width:100%;
border: 1px solid #efefef;}
.text-block table td {
    border: 1px solid #efefef;
    padding:5px;
}
.title_popup{text-align:center;margin-bottom:10px;font-weight:500;font-size:25px;line-height:1.3}
.sub_title_popup{text-align:center;margin-bottom:10px;line-height:1.3;font-size:18px;font-weight:500}
.pop_up_box .product_title{text-align:center;margin-bottom:10px;font-weight:700;font-size:18px;letter-spacing:.03em;font-family:Adelle Cyrillic}
.pop_up_box{width: 1080px;max-width:100%;font-size:18px}
.pop_up_box#call{width:500px}
.pop_up_box#live_view_form{width:500px}
.pop_up_box .button{width:100%}
.pop_up_box#login{width:400px}

img {
    max-width: 100%;
    height: auto;
}
.container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
.header {
    padding: 7px 0 12px;
}
.header__container {
    display: flex;
    align-items: center;
}
.logo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 0;
    flex-shrink: 0;
}
.logo__photo img {
    display: block;
    width: 60px;
    height: 60px;
}
.logo__desc {
    margin-left: 18px;
    padding-top: 15px;
}
.logo__desc-name {
    font-weight: 800;
    font-size: 25px;
    line-height: 15px;
    color: #000;
    margin-bottom: 9px;
    letter-spacing: .02664em;
}
.logo__desc-name span {
    color: #0077ce;
    letter-spacing: .001em;
}
.logo__desc-sub {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 15px;
    color: #737679;
}
.header__contacts {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 39px;
}
.header__contacts-bl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
}
.contacts-ico {
    width: 40px;
    height: 40px;
    border: 1px solid #b2bdcf;
    border-radius: 50%;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 6px;
}
.header__contacts-wrap {
    margin-left: 10px;
    padding-top: 0;
}
.header__contacts-email-name, .header__contacts-tel-number {
    font-weight: 700;
    font-size: 18px;
    line-height: 15px;
    color: #737679;
    letter-spacing: .01em;
    display: block;
    margin-bottom: 1px;
}
.header__contacts-tel {
    margin-right: 40px;
}
.header__contacts-tel-desc {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #737679;
    display: block;
    letter-spacing: .01em;
}
.header__contacts-email {
    position: relative;
    top: -4px;
    margin-right: 40px;
}
.header__contacts-email-name {
    font-size: 14px;
    letter-spacing: .01em;
    display: block;
    margin-top: 6px;
    margin-bottom: 0;
}
.header__contacts-email-other {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #737679;
    display: block;
}
.header__contacts-callme {
    display: flex;
    margin-left: 0;
    margin-right: 38px;
}
.header__contacts-callme-btn {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #737679;
    display: block;
    margin-top: -3px;
    margin-bottom: 0;
    letter-spacing: .001em;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.header__contacts-callme-sch {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #737679;
    display: block;
    letter-spacing: .02em;
}
.telegram-contacts-ico {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    flex-shrink: 0;
}
.nav {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
.nav__container {
    position: relative;
}
.menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -28px;
}
.menu a {
    display: block;
    padding: 17px 28px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #737679;
    transition-duration: .3s;
    text-transform: uppercase;
    letter-spacing: .004em;
}
.menu a:hover {
    background-color: #0077ce;
    color: #fff;
}
.hero {
    padding: 98px 0 50px;
}
.hero__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.hero__content {
    max-width: 653px;
    width: 100%;
    padding-top: 103px;
    position: relative;
}
.hero__content-inner {
    position: relative;
}
.hero__content-inner::before {
    content: '';
    display: block;
    width: 849px;
    height: 685px;
    background-image: url(../img/bg-hero.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: auto;
    left: -223px;
    bottom: 57px;
    z-index: -1;
}
.hero__content::after, .hero__content::before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(../img/icons/ico-element-circle.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -89px;
    top: -19px;
}
.hero__content::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../img/icons/ico-element-circle.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: auto;
    left: -139px;
    bottom: 140px;
}
.hero__container::before {
    content: '';
    content: '';
    display: block;
    width: 63px;
    height: 54px;
    background-image: url(../img/icons/ico-element-cross.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 340px;
    top: -10px;
}
.hero__container::after {
    content: '';
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(../img/icons/ico-element-circle.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 535px;
    bottom: 99px;
}
.hero__photo::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../img/icons/ico-element-triangle.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -104px;
    top: 278px;
}
.hero__photo::after {
    content: '';
    display: block;
    width: 176px;
    height: 171px;
    background-image: url(../img/icons/ico-elemen-lines.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -74px;
    right: 168px;
}
.hero__content-title {
    font-weight: 900;
    font-size: 90px;
    line-height: 94px;
    letter-spacing: -.06em;
    text-transform: uppercase;
    color: #222a36;
    margin-bottom: 144px;
}
.hero__content-title span {
    color: #b2bdcf;
}
.hero__content-title-sub {
    position: absolute;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    align-items: center;
    letter-spacing: .082em;
    text-transform: uppercase;
    color: #aebed0;
    right: 147px;
    top: 119px;
}
.hero__content-title-sub span {
    display: block;
    position: relative;
}
.hero__content-title-sub span:nth-child(1)::before, .hero__content-title-sub span:nth-child(2)::before {
    content: '';
    display: block;
    width: 56px;
    height: 19px;
    background-image: url(../img/icons/ico-plus.png);
    background-size: 56px;
    background-position: left;
    background-repeat: no-repeat;
    position: absolute;
    left: -69px;
    top: 3px;
}
.hero__content-title-sub span:nth-child(2)::before {
    width: 38px;
    left: -49px;
}
.btn {
    border: none;
    background: #0077ce;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 25px 43px;
    letter-spacing: .035em;
    text-align: left;
    transition-duration: .3s;
    cursor: pointer;
}
.btn:hover:not(.btn_white,.services__item-btn) {
    background-color:#005a9d;
}
.hero__btn {
    width: 326px;
}
.hero__btn-mob {
    display: none;
}
.btn__ico {
    display: inline-block;
    position: relative;
    left: 3px;
    top: 1px;
}
.hero__btn .btn__ico {
    margin-left: 13px;
}
.hero__photo {
    border: 18px solid #b2bdcf;
    border-radius: 20px;
    position: relative;
}
.hero__photo img {
    display: block;
    max-width: 406px;
    height: 560px;
    width: 100%;
}
.benefits {
    padding: 45px 0 85px;
}
.title {
    font-weight: 900;
    font-size: 50px;
    line-height: 56px;
    letter-spacing: -3px;
    text-transform: uppercase;
    color: #222a36;
}
.title span {
    color: #b2bdcf;
}
.benefits__title {
    margin-bottom: 34px;
}
.benefits__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.benefits__item {
    max-width: 366px;
    width: 100%;
    height: 179px;
    background-color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    border-radius: 20px;
    padding: 28px 33px;
}
.benefits__item-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}
.benefits__item-ico {
    margin-right: 24px;
}
.benefits__item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    align-items: center;
    color: #222a36;
    margin-top: 3px;
}
.benefits__item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #979797;
}
.benefits__desc {
    margin-top: 46px;
}
.benefits__desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #181818;
    letter-spacing: .02em;
    margin-bottom: 16px;
}
.benefits__desc strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #181818;
}
.order-seo {
    background-color: #4ca5db;
    padding: 127px 0 126px;
    position: relative;
}
.order-seo::before {
    content: '';
    display: block;
    width: 530px;
    height: 511px;
    background-image: url(../img/bg-order-seo-l.svg);
    background-size: 530px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 133px;
}
.order-seo::after {
    content: '';
    display: block;
    width: 458px;
    height: 511px;
    background-image: url(../img/bg-order-seo-r.svg);
    background-size: 458px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 129px;
}
.order-seo__container {
    position: relative;
}
.order-seo__title {
    color: #fff;
    text-align: center;
    margin-bottom: 31px;
}
.order-seo__title span {
    color: #0f699f;
}
.order-seo__form {
    padding: 40px 53px;
    background-color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    border-radius: 20px;
    max-width: 810px;
    width: 100%;
    margin: 0 auto 45px;
}
.order-seo__form-info {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #54575a;
    letter-spacing: .030em;
    margin-bottom: 35px;
}
.order-seo__form-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.order-seo__form-btn {
    display: block;
    max-width: 372px;
    padding: 23px 28px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 12px;
}
.order-seo__form-btn .btn__ico {
    position: relative;
    left: 3px;
    top: 1px;
}
.order-seo__form input {
    background-color: #f2f7f9;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .13);
    border-radius: 10px;
    height: 64px;
    border: none;
    padding: 15px 30px;
    max-width: 321px;
    width: 100%;
    flex-shrink: 0;
}
.input-row__input--error {
    
border: 1px solid red !important;
}
.order-seo__contact-info {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.order-seo__contact-info p {
    letter-spacing: .030em;
    margin-bottom: 7px;
}
.order-seo__contact-info a {
    text-decoration: none;
    color: #0f699f;
}
a.order-seo__contact-info-tel {
    font-weight: 900;
    font-size: 50px;
    line-height: 56px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    letter-spacing: .01em;
}
.order-seo__photo {
    display: none;
}
.client-keys {
    padding: 106px 0 50px;
}
.client-keys__title {
    margin-bottom: 39px;
}
.client-keys__wrap {
    display: block;
}
.client-keys__head {
    background-color: #0077ce;
    border-radius: 20px;
    height: 86px;
    color: #fff;
    padding: 14px 27px 14px 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.client-keys__project-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.client-keys__project-name span {
    position: relative;
    top: 4px;
}
.client-keys__project-name strong {
    margin-left: 20px;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
}
.client-keys__project-logo {
    width: 116px;
    height: 56px;
    margin-left: 23px;
    display: block;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: contain;
}
.btn_white {
    background-color: #fff;
    color: #0077ce;
}
.client-keys__next {
    display: block;
    width: 264px;
    padding: 22px 26px;
    border-radius: 12px;
    margin-left: auto;
}
.client-keys__slides {
    display: block;
}
.client-keys__slides-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 31px;
}
.client-keys__slides-item.slick-slide {
    display: flex;
}
.client-keys__slides-item-info {
    max-width: 308px;
    width: 100%;
}
.client-keys__slides-item-info h3 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 29px;
    line-height: 36px;
    margin-bottom: 22px;
}
.client-keys__slides-item-info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .36px;
    color: rgba(0, 0, 0, .63);
}
.client-keys__slides-item-photo {
    max-width: 787px;
    width: 100%;
    padding-top: 10px;
}
.client-keys__bottom {
    margin-top: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.client-keys__progress {
    display: block;
    max-width: 689px;
    width: 100%;
    padding: 4px 6px;
    height: 20px;
    border-radius: 13px;
    background: #f2f7f9;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .21);
}
.client-keys__progress-bar {
    width: 0;
    transition-timing-function: ease-out;
    height: 12px;
    transition-duration: .3s;
    background: #0077ce;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .21);
    border-radius: 13px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .21);
}
.client-keys__nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 18px;
}
.client-keys__nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid #b2bdcf;
    border-radius: 50%;
    flex-shrink: 0;
    transition-duration: .3s;
    cursor: pointer;
}
.client-keys__nav-item:hover {
    border: 1px solid #0077ce;
    background-color: #0077ce;
}
.client-keys__nav-item svg {
    width: 15px;
}
.client-keys__nav-item rect {
    transition-duration: .3s;
}
.client-keys__nav-item:hover rect {
    fill: #fff;
}
.client-keys__nav-prev {
    margin: 0 5px;
    transform: rotate(180deg);
}
.client-keys__nav-next {
    margin: 0 0 0 10px;
}
.about {
    padding: 51px 0 50px;
    position: relative;
}
.about::after {
    content: '';
    display: block;
    width: 424px;
    height: 511px;
    background-image: url(../img/bg-about.svg);
    background-size: 424px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 262px;
}
.about__title {
    margin-bottom: 34px;
}
.about__wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.about__wrap::before {
    content: '';
    display: block;
    width: 458px;
    height: 511px;
    background-image: url(../img/bg-order-seo-r.svg);
    background-size: 458px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -423px;
    top: 123px;
    transform: scaleX(-1);
    z-index: 1;
}
.about__left {
    background-color: #4ca5db;
    position: relative;
    border-radius: 0 32px 0 0;
    width: 498px;
}
.about__left::before {
    content: '';
    display: block;
    width: 4000px;
    height: 100%;
    position: absolute;
    left: -4000px;
    top: 0;
    background-color: #4ca5db;
}
.about__info {
    background-color: #fff;
    padding: 20px 20px 93px 60px;
    border-radius: 20px 20px 0 0;
    position: relative;
    margin-top: 54px;
    margin-right: 46px;
}
.about__info::after {
    content: '';
    display: block;
    width: 63px;
    height: 63px;
    background-image: url(../img/icons/ico-clip.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: 1;
}
.about__info-photo {
    display: block;
    margin-bottom: 28px;
    position: relative;
    top: -39px;
    left: 0;
}
.about__info-label {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #4ca5db;
    margin-bottom: 2px;
    display: block;
    letter-spacing: .015em;
}
.about__info-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    letter-spacing: .015em;
}
.about__info-text_name {
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .015em;
}
.about__info-line {
    margin-bottom: 23px;
}
.about__features {
    padding-left: 34px;
}
.about__features-block {
    margin-bottom: 38px;
    position: relative;
    top: 4px;
}
.about__features-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    letter-spacing: .016em;
    margin-bottom: 5px;
}
.about__features-title-ico {
    margin-right: 28px;
    position: relative;
    top: 4px;
}
.about__features-text {
    display: block;
    padding-left: 98px;
}
.about__features-text p {
    color: #181818;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .023em;
}
.services {
    padding: 51px 0 50px;
}
.services__title {
    margin-bottom: 35px;
}
.services__wrap {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
    flex-wrap: wrap;
}
.services__item {
    max-width: 363px;
    width: 100%;
    background-color: #fff;
    border: 2px solid #0076cd;
    border-radius: 20px;
    padding: 40px 48px 170px 41px;
    position: relative;
    /* height: 584px; */
    overflow: hidden;
}
.services__item-num {
    font-weight: 800;
    font-size: 178px;
    line-height: 185px;
    color: #e5eef1;
    position: absolute;
    bottom: 91px;
    right: -7px;
}
.services__item-ico {
    display: block;
    margin-bottom: 19px;
}
.services__item-title {
    font-weight: 700;
    font-size: 38px;
    line-height: 38px;
    text-transform: uppercase;
    color: #314160;
    letter-spacing: .015em;
    margin-bottom: 22px;
}
.services__item-title span {
    font-weight: 700;
    font-size: 43px;
    line-height: 51px;
    color: #0076cd;
}
.services__item-desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #181818;
    /* padding-left: 16px; */
    letter-spacing: .023em;
    /* margin-bottom: 30px; */
    position: relative;
    z-index: 1;
}
.services__item-bottom {
    background-color: #0076cd;
    padding: 14px 19px;
    height: 131px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.services__item-price {
    font-weight: 400;
    font-size: 18.547px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 29px;
}
.services__item-price strong {
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: .023em;
}
.services__item-price span {
    font-weight: 800;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    letter-spacing: .053em;
}
.services__item-btn {
    margin-top: 20px;
    padding: 0;
    font-size: 14px;
}
.services__item-btn .btn__ico {
    left: 11px;
}
.steps {
    padding: 52px 0 35px;
}
.steps__title {
    margin-bottom: 62px;
}
.steps__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.steps__item {
    display: block;
    width: 181px;
    margin-bottom: 42px;
}
.steps__item-num {
    width: 61px;
    height: 61px;
    border: 2px solid #0076cd;
    border-radius: 50%;
    margin: 0 auto 5px;
    font-size: 38px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0076cd;
    z-index: 1;
    background-color: #fff;
}
.steps__item-name {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #181818;
    text-align: center;
    position: relative;
}
.steps__item-dot {
    width: 6px;
    height: 5px;
    border-radius: 50%;
    outline: #242424 solid 1px;
    background-color: #0076cd;
    background-clip: padding-box;
    border: 4px solid #fff;
    padding: 4px;
    position: relative;
    top: 20px;
    display: block;
    justify-content: space-between;
}
.steps__item-dot::after, .steps__item-dot::before {
    align-items: flex-start;
    content: '';
    display: block;
    justify-content: flex-start;
    width: 78px;
    height: 1px;
    border-top: 1px dashed #c4c4c4;
    position: absolute;
    top: 3px;
    right: 14px;
}
.steps__item-dot::before {
    left: 14px;
}
.steps__item-dot::after {
    right: 14px;
    margin-right: auto;
}
.steps__item-dot:nth-child(10), .steps__item-dot:nth-child(20) {
    display: none;
}
.advantages {
    padding: 23px 0 50px;
}
.advantages__title {
    margin-bottom: 37px;
}
.advantages__block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 2px solid #0076ce;
    border-radius: 20px;
}
.advantages__item {
    max-width: 378px;
    width: 100%;
    height: 289px;
    padding: 28px 23px;
}
.advantages__item:nth-child(1), .advantages__item:nth-child(2) {
    border-right: 2px solid #0076ce;
    border-bottom: 2px solid #0076ce;
}
.advantages__item:nth-child(3) {
    border-bottom: 2px solid #0076ce;
}
.advantages__item:nth-child(4), .advantages__item:nth-child(5) {
    border-right: 2px solid #0076ce;
}
.advantages__item-ico {
    margin-bottom: 20px;
    height: 78px;
}
.advantages__item-name {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 23px;
    letter-spacing: .00492em;
}
.advantages__item-desc {
    font-size: 15px;
    line-height: 21px;
    color: rgba(0, 0, 0, .75);
    letter-spacing: .016em;
}
.order-job {
    padding: 50px 0 66px;
}
.order-job__title {
    margin-bottom: 62px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.order-job__container {
    max-width: 1240px;
    width: 100%;
}
.order-job__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.order-job__step {
    width: 403px;
    margin-bottom: 19px;
}
.order-job__step_three {
    position: relative;
    top: -13px;
}
.order-job__step-num {
    display: flex;
    margin-bottom: 0;
    justify-content: flex-start;
    align-items: flex-start;
}
.order-job__step-num span {
    font-weight: 800;
    font-size: 200px;
    line-height: 200px;
    letter-spacing: 4px;
    color: #e5eef1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: -5px;
    margin-left: 1px;
}
.order-job__step-ico {
    display: block;
    margin-left: 45px;
}
.order-job__step-name {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #314160;
    letter-spacing: .016em;
    position: relative;
    top: -14px;
    margin-left: 51px;
}
.nots {
    background-color: #4ca5db;
    padding: 29px 0 6px;
    color: #fff;
}
.nots__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.nots__content {
    padding-top: 23px;
}
.nots__content p {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}
.nots__content strong {
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    color: #fff;
}
.nots__content-line {
    margin: 0 0 32px;
}
strong.nots__content-line_strong-last {
    font-size: 24px;
}
.nots__photo {
    display: block;
    margin-right: 64px;
}
.what-seo {
    padding: 102px 0 50px;
}
.what-seo__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.what-seo__title {
    font-weight: 900;
    font-size: 50px;
    line-height: 56px;
    letter-spacing: -3px;
    text-transform: uppercase;
    color: #222a36;
}
.what-seo__title-two {
    font-weight: 900;
    font-size: 110px;
    line-height: 120px;
    text-align: right;
    letter-spacing: -7px;
    text-transform: uppercase;
    color: #b2bdcf;
    opacity: .25;
    margin-top: -49px;
}
.what-seo__content {
    display: block;
}
.what-seo__content-inner {
    padding-left: 40px;
    padding-top: 44px;
}
.what-seo__content img {
    display: block;
}
.what-seo__content p {
    font-weight: 300;
    font-size: 13px;
    line-height: 21px;
    color: #222a36;
    letter-spacing: .006em;
    margin: 13px 0;
}
.what-seo__content h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #222a36;
    margin: 20px 0 31px;
    letter-spacing: .016em;
}
.quote {
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    border-radius: 20px;
    padding: 36px 40px 28px;
    margin: 32px 0 25px -39px;
}
.quote strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #222a36;
    margin-bottom: 19px;
    display: block;
}
.quote blockquote {
    background-color: #fcfcfc;
    border-left: 2.4px solid #0077ce;
    border-radius: 0 10px 10px 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #222a36;
    padding: 21px 44px 25px 59px;
    margin-left: 0;
    margin-bottom: 18px;
    letter-spacing: .03em;
}
.qa {
    padding: 27px 0 69px;
}
.qa__title {
    margin-bottom: 33px;
}
.qa__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.qa__item {
    background-color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    border-radius: 20px;
    max-width: 360px;
    width: 100%;
    padding: 38px 34px 35px 41px;
    margin-bottom: 30px;
}
.qa__item-toggle {
    background-color: #0077ce;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .15);
    border-radius: 50%;
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}
.qa__item-toggle::after, .qa__item-toggle::before {
    content: '';
    display: block;
    width: 18px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    top: 27px;
    left: 22px;
}
.qa__item-toggle::after {
    transform: rotate(90deg);
    left: 22px;
}
.qa__item-q {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #222a36;
}
.qa__item-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.qa__item-body {
    display: block;
    max-height: 0;
    visibility: hidden;
    transition-duration: .3s;
}
.qa__item-head.active+.qa__item-body {
    max-height: 500px;
    visibility: visible;
}
.footer {
    background-color: #272727;
    color: #fff;
    padding: 38px 0 0;
}
.footer a {
    color: #fff;
}
.footer__top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 38px;
}
.footer__logo-name {
    font-weight: 800;
    font-size: 25px;
    line-height: 15px;
    color: #fff;
    letter-spacing: .002664em;
    margin-bottom: 5px;
    display: block;
    margin-right: 85px;
    margin-top: 9px;
}
.footer__logo-name-desc {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #737679;
    margin-top: 8px;
}
.footer__top-contact {
    display: block;
    margin-right: 183px;
}
.footer__top-contact-item {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: block;
    margin-bottom: 7px;
    color: #fff;
    letter-spacing: .009em;
}
.footer__top-contact-item-desc {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #b2bdcf;
}
.footer__top-contact-item-other, a.footer__top-contact-item-other {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    letter-spacing: .1665px;
    color: #b2bdcf;
    text-decoration: none;
}
.footer__top-callme {
    display: block;
    margin-left: auto;
    margin-top: 3px;
    text-align: right;
}
a.footer__top-callme-btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #169cfd;
    display: block;
    margin-bottom: 4px;
    transition-duration: .3s;
    margin-right: 13px;
}
a.footer__top-callme-btn:hover {
    color: #fff;
}
a.footer__top-callme-btn:hover rect {
    fill: #fff;
}
.footer__top-callme-btn svg {
    position: relative;
    top: 2px;
    left: 13px;
}
.footer__top-callme-btn rect {
    transition-duration: .3s;
}
.footer__top-callme-sch {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #b2bdcf;
    text-align: right;
    display: block;
}
.footer__top-callme-sch-time {
    display: block;
}
.footer__middle {
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, .05);
    padding: 25px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #b2bdcf;
    opacity: .4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    letter-spacing: .021em;
}
.footer__middle-contscts {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer__middle-soc_tel svg {
    width: 19px;
    height: 35px;
}
.footer__middle-soc_tg svg {
    width: 35px;
    height: 35px;
    position: relative;
    top: 1px;
    left: 8px;
}
a.footer__middle-tel {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #5b6573;
    margin-right: 34px;
}
.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #b2bdcf;
    opacity: .4;
    padding: 31px 0;
}
.adres {
    text-decoration: underline;
}
.footer__bottom-info {
    display: block;
}
.policy {
    text-decoration: underline;
    color: #b2bdcf;
}
.hamburger, .mob-menu-info {
    display: none;
}
.popup .order-seo::before, .popup .order-seo::after,.popup .order-seo__photo {
    content: none;
    display: none;
}
.popup__close {
    width: 58px;
    height: 58px;
    background-color: #fff;
    border-radius: 50%;
}
.popup__close {
    width: 58px;
    height: 58px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: .3s;
    cursor: pointer;
}

.popup__close:hover {
background-color: #eee;
}

.popup__close::before, .popup__close::after {
    content: '';
    display: block;
    width: 33px;
    height: 3px;
    border-radius: 50px;
    background-color: #4CA5DB;
    position: absolute;
}
.popup__close::after {
    left: 13px;
    top: 28px;
    transform: rotate(-133deg);
}
.popup__close::before {
    left: 13px;
    top: 28px;
    transform: rotate(133deg);
}

.mfp-container {
    padding: 0 0px;
    
}

@media only screen and (max-width:1919px) {
    .order-seo::before {
        left: 0;
        width: 420px;
        background-size: 420px;
    }
    .order-seo::after {
        right: 0;
        width: 377px;
        background-size: 377px;
    }
    .about::after {
        width: 330px;
        background-size: 330px;
    }
}
@media only screen and (max-width:1600px) {
    .about, .order-seo {
        overflow: hidden;
    }
    .order-seo::before {
        left: -115px;
    }
    .order-seo::after {
        right: -115px;
    }
    .about::after {
        width: 280px;
        background-size: 280px;
        right: -58px;
        top: 334px;
    }
}
@media only screen and (max-width:1440px) {
    .order-seo::before {
        left: -180px;
    }
    .order-seo::after {
        right: -180px;
    }
    .hero__photo::before {
        right: -72px;
    }
}
@media only screen and (max-width:1280px) {
    .about::after, .hero__photo::before, .order-seo::after, .order-seo::before {
        content: none;
    }
    .header__container {
        justify-content: space-between;
    }
    .header__contacts-callme, .header__contacts-email, .header__contacts-tel, .telegram-contacts-ico {
        display: none;
    }
    .header {
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
    }
    .header__contacts {
        display: none;
    }
    .mob-menu-info {
        display: block;
        text-align: right;
    }
    .mob-menu-info__tel {
        display: block;
        font-weight: 900;
        font-size: 17px;
        line-height: 22px;
        text-align: right;
        color: #fff;
    }
    .mob-menu-info__contacts {
        background-color: #2a2d32;
        padding: 20px 25px;
    }
    .mob-menu-info__email {
        display: block;
        font-weight: 400;
        font-size: 17px;
        line-height: 22px;
        text-align: right;
        color: #f9faf7;
    }
    .mob-menu-info__tg {
        display: inline-block;
        margin-top: 23px;
        margin-bottom: 23px;
        margin-right: 20px;
    }
    .mob-menu-info__tg svg {
        position: relative;
        top: 4px;
        left: -3px;
    }
    a.btn-menu-mob {
        font-style: normal;
        padding: 21px 20px;
        border-radius: 0;
        display: block;
        width: 100%;
        text-align: revert;
        font-size: 17px;
        font-weight: 600;
        text-transform: none;
    }
    .btn-menu-mob .btn__ico {
        margin-left: 0;
        margin-right: 25px;
        top: 3px;
    }
    .hamburger {
        display: block;
        width: 60px;
        height: 84px;
        padding: 31px 15px;
        background-color: #0077ce;
    }
    .hamburger span {
        display: block;
        background-color: #fff;
        height: 3px;
        width: 100%;
        margin-bottom: 6px;
    }
    .hamburger span:nth-child(2) {
        width: 80%;
    }
    .hamburger span:nth-child(3) {
        width: 60%;
    }
    .active.hamburger {
        padding: 37px 15px;
    }
    .active.hamburger span:nth-child(2) {
        display: none;
    }
    .active.hamburger span:nth-child(1) {
        width: 100%;
        transform: rotate(133deg);
        position: relative;
        top: 4px;
    }
    .active.hamburger span:nth-child(3) {
        width: 100%;
        transform: rotate(-133deg);
        position: relative;
        top: -5px;
    }
    .header__logo {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .nav__container {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 999;
        right: 0;
        top: 84px;
        background-color: #202327;
        transform: translate(-100%, 0);
        transition-duration: .3s;
    }
    .menu {
        display: block;
    }
    .menu a {
        color: #f9faf7;
        text-align: right;
        padding: 17px 25px;
    }
    .menu-overlay {
        background-color: rgb(0 0 0 / 70%);
        width: 100%;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: -999;
        visibility: hidden;
        opacity: 0;
        transition-duration: .3s;
    }
    .active.menu-overlay {
        visibility: visible;
        opacity: 1;
        z-index: 998;
    }
    .nav__container.active {
        transform: translate(0, 0);
    }
    .nav {
        border: none;
    }
}
@media only screen and (max-width:1180px) {
    .about__container, .advantages__container, .benefits__container, .client-keys__container, .footer__container, .header__container, .hero__container, .nots__container, .order-job__container, .qa__container, .services__container, .steps__container, .what-seo__container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hero__content-title {
        font-size: 76px;
    }
    .hero__photo {
        margin-top: 20px;
    }
    .hero__photo img {
        height: auto;
    }
    .hero__content {
        max-width: 584px;
    }
    .what-seo__title-two {
        font-size: 90px;
    }
    .benefits__item {
        max-width: 307px;
        padding: 28px 20px;
    }
    .about__wrap::before {
        content: none;
    }
    .services__item {
        max-width: 308px;
        padding: 40px 17px 170px;
    }
    .steps__item {
        width: 175px;
    }
    .steps__item-dot::after, .steps__item-dot::before {
        width: 57px;
    }
    .advantages__item:nth-child(1), .advantages__item:nth-child(2), .advantages__item:nth-child(3), .advantages__item:nth-child(4), .advantages__item:nth-child(5), .advantages__item:nth-child(6) {
        border: none;
    }
    .qa__item {
        max-width: 307px;
    }
    .footer__top {
        justify-content: space-between;
    }
    .footer__logo-name, .footer__top-contact {
        margin-right: 0;
    }
    .footer__top-callme {
        margin-left: 0;
    }
}
@media only screen and (max-width:992px) {
    .hero__content-title {
        font-size: 56px;
        line-height: 64px;
    }
    .hero__content-title-sub {
        left: 202px;
        top: 74px;
        right: auto;
        font-size: 14px;
    }
    .benefits__title {
        text-align: center;
    }
    .benefits__wrap {
        justify-content: center;
    }
    .benefits__item {
        max-width: 466px;
        margin-bottom: 35px;
    }
    .what-seo__title-two {
        font-size: 60px;
        margin-top: 0;
    }
    h2.title {
        font-size: 34px;
        line-height: 48px;
    }
    .about__container {
        padding-left: 0;
        padding-right: 0;
    }
    .about__title {
        padding-left: 20px;
    }
    .about__wrap {
        flex-wrap: wrap;
    }
    .about__left {
        width: 100%;
        border-radius: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .about__left::before {
        content: none;
    }
    .about__info {
        width: 768px;
        margin: 54px auto 0;
    }
    .about__features {
        padding-top: 40px;
    }
    .client-keys__head {
        padding: 14px 27px 14px 20px;
    }
    .steps__wrap {
        width: 768px;
        margin: 0 auto;
    }
    .steps__item {
        width: 300px;
    }
    .steps__item-dot {
        top: 22px;
    }
    .steps__item-dot:nth-child(12), .steps__item-dot:nth-child(16), .steps__item-dot:nth-child(20), .steps__item-dot:nth-child(4), .steps__item-dot:nth-child(8) {
        display: none;
    }
    .steps__item-dot:nth-child(10) {
        display: block;
    }
    .steps__item-num {
        position: relative;
    }
    .steps__item-dot::after, .steps__item-dot::before {
        width: 1000px;
    }
    .steps {
        position: relative;
        overflow: hidden;
    }
    .advantages__block {
        border: none;
    }
    .advantages .advantages__item {
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 25px 15px 20px;
        border: 2px solid #0076ce;
        margin-top: -1px;
    }
    .advantages__container {
        padding-left: 0;
        padding-right: 0;
    }
    .advantages__title {
        padding-left: 20px;
    }
    .order-job__wrap, .services__wrap {
        justify-content: center;
    }
    .services__title {
        text-align: center;
    }
    .services__item {
        max-width: 363px;
        padding: 40px 48px 170px 41px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 35px;
    }
    .order-job__step {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 35px;
    }
    .nots__content strong {
        font-size: 26px;
        line-height: 34px;
    }
    .nots__content p {
        font-size: 20px;
        line-height: 27px;
    }
    .qa__item {
        width: 100%;
        max-width: 100%;
    }
    .order-seo {
        padding: 60px 0;
    }
    a.order-seo__contact-info-tel {
        font-size: 36px;
        line-height: 44px;
    }
    .order-seo__container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .order-seo__form-wrap {
        flex-wrap: wrap;
    }
    .order-seo__form input, .order-seo__form-btn {
        max-width: 100%;
        margin-bottom: 15px;
        width: 100%;
    }
    .footer__bottom, .footer__middle, .footer__top, .footer__top-contact {
        flex-wrap: wrap;
    }
    .footer__top {
        padding-bottom: 20px;
    }
    .footer__bottom-info, .footer__logo-name, .footer__middle p, .footer__middle-contscts, .footer__top-contact {
        width: 100%;
    }
    .footer__middle {
        padding: 14px 0;
    }
    .footer__middle p {
        margin-bottom: 17px;
    }
    .footer__top-callme {
        text-align: left;
    }
    .footer__top-callme-sch {
        text-align: left;
    }
    .footer__logo-name {
        margin-bottom: 30px;
    }
    .footer__top-contact {
        margin-bottom: 20px;
    }
    .footer__bottom-info {
        margin-bottom: 13px;
    }
    .footer__bottom {
        padding: 23px 0;
    }
    .popup__close {
    width: 30px;
    height: 30px;
      right: 9px;
    top: -51px;
 
}
.popup__close::before, .popup__close::after {
  
    width: 18px;
    height: 3px;

 
}

.popup__close::after {
    left: 6px;
    top: 14px;
}
.popup__close::before {
    left: 6px;
    top: 14px;
}


}
@media only screen and (max-width:768px) {
    .hero {
        padding: 0 0 00px;
    }
    .hero__container {
        display: block;
    }
    .hero__content-inner::before {
        content: none;
    }
    .hero__content {
        padding-top: 30px;
    }
    .hero__content-title {
        font-size: 35px;
        line-height: 36px;
        margin-bottom: 25px;
    }
    .hero__content-title-sub {
        left: 131px;
        top: 36px;
        line-height: 18px;
        font-size: 12px;
    }
    .hero__content-title-sub span:nth-child(1)::before, .hero__content-title-sub span:nth-child(2)::before {
        width: 41px;
        height: 19px;
        background-size: 40px;
        left: -50px;
        top: 0;
    }
    .hero__photo {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }
    .hero__photo img {
        max-width: unset;
        margin: 0 auto;
    }
    .hero__btn {
        display: none;
    }
    .hero__btn-mob {
        display: block;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        width: 293px;
        padding: 21px 38px;
    }
    .hero__photo::after {
        width: 94px;
        height: 96px;
        bottom: -6px;
        right: auto;
        left: -54px;
    }
    .hero__container::after {
        display: block;
        width: 22px;
        height: 22px;
        right: 172px;
        bottom: 132px;
        top: auto;
    }
    .hero__content::after {
        display: block;
        width: 23px;
        height: 23px;
        top: auto;
        left: 53px;
        bottom: -160px;
        z-index: 1;
    }
    .hero__container::before {
        width: 29px;
        height: 29px;
        left: 145px;
        top: 169px;
        z-index: 1;
    }
    .hero__photo::before {
        content: '';
        display: block;
        width: 35px;
        height: 35px;
        background-image: url(../img/icons/ico-element-triangle.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: 49px;
        top: 167px;
    }
    h2.title {
        font-size: 26px;
        line-height: 38px;
    }
    .what-seo__title-two {
        display: none;
    }
    .nots__container {
        display: block;
        max-width: 501px;
        width: 100%;
        margin: 0 auto;
    }
    .nots__photo {
        max-width: 277px;
        width: 100%;
        margin: 0 auto;
    }
    .nots__content {
        padding-top: 0;
    }
    .nots {
        padding: 50px 0;
    }
    .client-keys__container {
        padding-left: 0;
        padding-right: 0;
    }
    .client-keys__title {
        padding-left: 20px;
    }
    .client-keys__head {
        padding: 25px 20px;
        border-radius: 0;
        display: block;
        height: auto;
    }
    .client-keys__next {
        padding: 17px 39px;
        font-size: 14px;
        margin-top: 12px;
    }
    .client-keys__project-name strong {
        font-size: 18px;
        line-height: 20px;
        margin-left: 10px;
    }
    .client-keys__project-name span {
        top: 2px;
        font-size: 12px;
    }
    .client-keys__bottom, .client-keys__slides {
        padding-left: 20px;
        padding-right: 20px;
    }
    .client-keys__bottom {
        display: block;
    }
    .client-keys__nav {
        margin-left: 0;
        margin-top: 20px;
    }
    .client-keys__slides-item-info h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .client-keys__slides-item-info p {
        font-size: 14px;
    }
    .client-keys__slides-item.slick-slide {
        display: block;
    }
    .client-keys__slides-item-info {
        max-width: 100%;
        width: 100%;
        margin-bottom: 25px;
    }
    .about__info {
        width: 100%;
    }
    .about__features-title {
        font-size: 20px;
        line-height: 28px;
        display: block;
        margin-bottom: 12px;
    }
    .about__features-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .about__features-title-ico {
        position: static;
        display: block;
        margin-bottom: 15px;
    }
    .about__features-text {
        padding-left: 0;
    }
    .services__item-title {
        font-size: 29px;
        line-height: 38px;
    }
    .services__item-title span {
        font-size: 34px;
        line-height: 43px;
    }
    .services__item {
        max-width: 363px;
        padding: 32px 32px 170px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 35px;
    }
    .steps__wrap {
        max-width: 575px;
        width: 100%;
        margin: 0 auto;
    }
    .steps__item {
        width: 245px;
    }
    .what-seo {
        position: relative;
        overflow: hidden;
    }
    .quote blockquote {
        padding: 21px 20px 25px;
        position: relative;
    }
    .quote {
        box-shadow: none;
        padding: 0;
    }
    .quote blockquote::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fcfcfc;
        position: absolute;
        right: -100%;
        top: 0;
    }
    .services__item-price {
        font-size: 14px;
    }
    .services__item-price strong {
        font-size: 23px;
        line-height: 30px;
    }
    a.order-seo__contact-info-tel {
        font-size: 28px;
        line-height: 38px;
    }
    .qa__item-q {
        font-size: 14px;
        line-height: 20px;
    }
    .qa__item {
        padding: 30px;
    }
    .qa__item-toggle {
        margin-left: 20px;
    }
    .qa__item-head.active+.qa__item-body {
        font-size: 14px;
    }
    .order-seo__photo {
        display: block;
        max-width: 480px;
        width: 100%;
        margin: 30px auto 0;
    }
}
@media only screen and (max-width:575px) {
    .steps__item {
        width: 140px;
    }
    .steps__wrap {
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .order-job__step-num span {
        font-size: 142px;
        line-height: 140px;
        bottom: 16px;
        top: auto;
    }
    .order-job__step-num {
        margin-bottom: 0;
    }
    .order-job__step-name {
        font-size: 14px;
        line-height: 18px;
        margin-left: 37px;
        margin-top: 0;
    }
    .order-job__step-ico {
        margin-left: 30px;
        width: 135px;
    }
    .order-job__step:nth-child(6) .order-job__step-name {
        margin-top: 20px;
    }
    .order-seo__form-info {
        font-size: 14px;
        line-height: 18px;
    }
    .order-seo__form-btn {
        padding: 17px 12px;
        font-size: 12px;
    }
    .order-seo__form-btn .btn__ico {
        top: 2px;
    }
    .order-seo__form input {
        height: 54px;
    }
    .what-seo__content-inner {
        padding-left: 0;
    }
}
@media only screen and (max-width:480px) {
    .logo__desc-name {
        font-size: 16px;
        margin-bottom: 2px;
    }
    .hamburger {
        height: 70px;
        padding: 26px 20px;
        flex-shrink: 0;
    }
    .hamburger span {
        height: 2px;
    }
    .header__logo {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .active.hamburger {
        padding: 33px 15px;
    }
    .active.hamburger span:nth-child(1) {
        top: 3px;
    }
    .header__logo img {
        width: 38px;
    }
    .logo__desc {
        margin-left: 8px;
        padding-top: 4px;
    }
    .hero__content-title-sub {
        line-height: 17px;
        font-size: 9px;
    }
    .benefits__title {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
    }
    .benefits__container {
        padding-left: 0;
        padding-right: 0;
    }
    .benefits__item {
        margin-bottom: 15px;
    }
    .benefits__desc {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 10px;
    }
    .benefits__desc p {
        font-size: 14px;
    }
    .benefits {
        padding: 45px 0 25px;
    }
    .order-seo__form {
        padding: 40px 20px;
    }
    .client-keys {
        padding: 35px 0;
    }
    .client-keys__title {
        margin-bottom: 20px;
    }
    .client-keys__project-logo {
        width: 96px;
        height: 36px;
    }
    .about {
        padding: 0;
    }
    .about__info {
        padding: 20px 20px 30px 30px;
    }
    .about__info-photo {
        margin-bottom: 0;
        border-radius: 12px;
        width: 136px;
    }
    .about__info-text_name {
        font-size: 18px;
        line-height: 24px;
    }
    .about__info-label {
        font-size: 14px;
        line-height: 21px;
    }
    .about__info-line {
        margin-bottom: 15px;
    }
    .about__info-text {
        font-size: 14px;
        line-height: 20px;
    }
    .about__info::after {
        width: 33px;
        height: 33px;
        right: 20px;
        top: -11px;
    }
    .about__features {
        padding-left: 20px;
        padding-right: 20px;
    }
    .services {
        padding: 0 0 50px;
    }
    .services__item-desc {
        font-size: 12px;
        line-height: 21px;
        padding-left: 7px;
    }
    .steps__item {
        width: 130px;
        margin-bottom: 26px;
    }
    .steps__item-name {
        font-size: 12px;
        line-height: 17px;
    }
    .order-job {
        padding: 0;
    }
    .nots__content strong {
        font-size: 20px;
        line-height: 24px;
    }
    .nots__content p {
        font-size: 14px;
        line-height: 21px;
    }
    .what-seo {
        padding: 40px 0 0;
    }
    .quote {
        margin-left: 0;
    }
    .qa {
        padding: 27px 0 20px;
    }
    .nav__container {
        top: 70px;
    }
}