ol{
    letter-spacing: .5px;
    margin: 0;
    font-size: 16px;
    padding-left: 0;
}


ol li {
    padding: 12px 0 13px 36px;
    position: relative;
}

ol li:first-child {
    padding-top: 0;
}
ol {
	    list-style: none;
}
ol > li:first-child::before {
    top: 2px;
}
ol > li::before {
    content: counter(li, decimal) ".";
    counter-increment: li;
    position: absolute;
    top: 14px;
    left: 0;
    display: inline-block;
    width: 15px;
    font-family:Muller, sans-serif;
    font-weight:bold;
    color:#5e78ff;
}/*------ typography start ------*/
body {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #414141;
}

a {
    color: #5E78FF;
}


.text-fs-18 {
    font-size: 18px;
}

.text-lh-30 {
    line-height: 30px;
}

[class*="heading-"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    transition: all 0.5s;
    will-change: transform, opacity;
    font-family: Muller, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #5E78FF;
    line-height: 135%;
    margin: 0;
    width: 100%;
}

[class*="subheading-"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    transition: all 0.5s;
    will-change: transform, opacity;
    font-family: Muller, sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #414141;
    line-height: 135%;
    margin: 0;
}

.subheading-price {
    font-weight: 500;
    font-size: 42px;
    padding-bottom: 13px;
}

@media (max-width: 340px) {
    .subheading-price {
        font-size: 39px;
    }
}

.fw-500 {
    font-weight: 500;
}

.text-white {
    color: #fff;
}

.text + .text {
    margin-top: 24px
}

.text-blue {
    color: #5E78FF;
}

h1, .heading-1 {
    font-size: 36px;
    margin-bottom: 17px;
}

h2, .heading-2 {
    font-size: 35px;
    margin-left: -3px;
}

h3, .heading-3 {
    font-size: 24px;
    padding-bottom: 15px;
}

h4, .heading-4 {
    font-size: 24px;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 21px;
}

.heading-3_5 {
    font-size: 34px;
    padding-bottom: 15px;
}

.heading-small {
    font-size: 29px;
}

.blue-bold {
    font-weight: 700;
    color: #5E78FF;
}

.heading-number {
    font-size: 34px;
    font-weight: 500;
    padding-top: 33px;
    padding-bottom: 5px;
}

ul.list-dotted, ul.list-check {
    letter-spacing: .5px;
    margin: 0;
    font-size: 16px;
    padding-left: 0;
}

.main-banner ul.list-dotted {
    font-weight: 500;
    font-family: 'Muller';
    color: #5E78FF;
    font-size: 18px;
}

ul.list-dotted li {
    padding: 12px 0 4px 28px;
    position: relative;
}

ul.list-check li {
    padding: 12px 0 13px 36px;
    position: relative;
}

ul.list-dotted li:first-child, ul.list-check li:first-child {
    padding-top: 0;
}

ul.list-dotted li:before {
    width: 8px;
    height: 8px;
    position: absolute;
    content: "";
    background-color: #2CE2C7;
    border-radius: 10px;
    left: 0;
    top: 17px;
}

ul.list-dotted li:first-child:before {
    top: 7px;
}

ul.list-check li:before {
    content: "";
    width: 12px;
    height: 18px;
    border: solid #5E78FF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: "";
    left: 5px;
    top: 13px;
}

ul.list-check li:first-child:before {
    top: 1px;
}

.text-center {
    text-align: center;
    justify-content: center;
}

@media (min-width: 768px) {
    body {
        font-size: 18px;
    }

    h1, .heading-1 {
        font-size: 60px;
        margin-left: -4px;
    }

    h2, .heading-2 {
        font-size: 42px;
        margin-left: -2px;
        padding-bottom: 0;
    }

    h3, .heading-3 {
        font-size: 34px;
        padding-bottom: 35px;
    }

    .subheading-price {
        padding-bottom: 33px;
    }

    ul.list-dotted, ul.list-check {
        letter-spacing: 1px;
    }
}

@media (min-width: 992px) {
    .subheading-price {
        padding-bottom: 25px;
    }

    h3, .heading-3 {
        padding-bottom: 25px;
    }

    .heading-number {
        padding-top: 33px;
        padding-bottom: 5px;
    }

    h1, .heading-1 {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here h1, .scroll-here .heading-1 {
        transform: translateY(0);
        opacity: 1;
    }

    h2, .heading-2 {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here h2, .scroll-here .heading-2 {
        transform: translateY(0);
        opacity: 1;
    }

    h3, .heading-3 {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here h3, .scroll-here .heading-3 {
        transform: translateY(0);
        opacity: 1;
    }

    h4, .heading-4 {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here h4, .scroll-here .heading-4 {
        transform: translateY(0);
        opacity: 1;
    }

    .subheading-price {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here .subheading-price {
        transform: translateY(0);
        opacity: 1;
    }

    .text {
        transform: translateY(55px);
        opacity: 0;
        transition-duration: 0.5s;
    }

    .scroll-here .text {
        transform: translateY(0);
        opacity: 1;
    }

    .heading-3_5 {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here .heading-3_5 {
        transform: translateY(0);
        opacity: 1;
    }

    ul.list-dotted, ul.list-check {
        transform: translateY(55px);
        opacity: 0;
        transition-duration: 0.5s;
        will-change: transform, opacity;
    }

    .scroll-here ul.list-dotted, .scroll-here ul.list-check {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    h2, .heading-2 {
        font-size: 52px;
    }
}

.heading-underline {
    margin-bottom: 55px;
    padding-bottom: 0;
}

.heading-underline:before {
    content: " ";
    width: 41px;
    height: 0px;
    border: 1px solid #2ce2c7;
    position: absolute;
    left: 3px;
    top: auto;
    bottom: -30px;
    transition: all 1s;
}

@media (min-width: 992px) {
    .heading-underline:before {
        width: 0px;
    }

    .scroll-here .heading-underline:before {
        width: 41px;
    }
}

@media (min-width: 1200px) {
    .heading-underline + .text {
        padding-top: 15px
    }

    h4, .heading-4 {
        padding-top: 22px;
        padding-bottom: 21px;
    }
}

/*------ typography end ------*/
/*------ elements start ------*/
.button-blue {
    font-family: Muller;
    font-size: 18px;
    line-height: 142%;
    color: #ffffff;
    background-color: #5e78ff;
    width: 350px;
    margin: 0 auto;
    max-width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    font-weight: 500;
    transition: all 0.2s, transform 0.4s;
    letter-spacing: .5px;
    will-change: transform, opacity;
}

.button-outline {
    font-family: Muller;
    font-size: 19px;
    line-height: 142%;
    color: #5e78ff;
    border: solid 2px #5e78ff;
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 19px;
    border-radius: 99px;
    font-weight: 700;
    transition: all 0.2s, transform 0.4s;
    letter-spacing: .5px;
    will-change: transform, opacity;
}

.button-blue:hover, .button-outline:hover {
    background: #294bff;
    color: #fff;
    border-color: #294bff;
}

.arrow-button {
    font-family: Muller;
    font-size: 18px;
    line-height: 142%;
    color: #5e78ff;
    font-weight: 500;
    transition: background-color 0.2s, transform 0.4s;
    letter-spacing: .5px;
    white-space: nowrap;
    will-change: transform, opacity;
}

.arrow-button:hover {
    color: #294bff;
}

.arrow-button:after {
    content: "\e939";
    font-family: 'inetsys-ico' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    margin-left: 14px;
    transition: all 0.2s, transform 0.4s;
}

.arrow-button:hover:after, .arrow-button.hover:after {
    margin-left: 18px;
}

.arrow-button svg {
    width: 8px;
    height: 14px;
    transform: translateX(14px);
    margin-bottom: -2px;
    transition: all 0.2s;
}

.arrow-button:hover svg {
    transform: translateX(18px);
}

.accordion-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5e78ff;
    font-family: Muller;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.5px;
    padding-top: 35px;
    cursor: pointer;
    padding-bottom: 25px;
    transition: all 0.2s;
    will-change: transform, opacity;
}

.popup-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5e78ff;
    font-family: Muller;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.5px;
    padding-top: 35px;
    cursor: pointer;
    padding-bottom: 25px;
    transition: all 0.2s;
    will-change: transform, opacity;
}

.button-circle {
    width: 48px;
    height: 48px;
    border: solid 2px #5e78ff;
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 20px;
    margin-top: -5px;
    transition: all 0.5s;
    will-change: transform, opacity;
}

.slider-circle-button {
    width: 48px;
    height: 48px;
    border: solid 2px #5e78ff !important;
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.5s;
    will-change: transform, opacity;
    position: absolute;
    top: calc(50% - 24px);
    background-color: #fff;
    color: #5e78ff;
}

.slider-circle-button:hover {
    background-color: #5e78ff;
    color: #fff;
}

.slider-circle-button.ico-arrow-left {
    left: -48px;
}

.slider-circle-button.ico-arrow-right {
    right: -48px;
}

.slider-circle-button:before {
    font-size: 20px
}

.active>.button-circle {
    transform: rotate(45deg) !important;
}

.accordion-button:hover .button-circle {
    transform: rotate(90deg);
    border-color: #294bff;
}

.accordion-button.active:hover .button-circle {
    transform: rotate(135deg);
}

.accordion-button:hover {
    color: #294bff
}

.popup-button:hover .button-circle {
    transform: rotate(90deg);
    border-color: #294bff;
}

.popup-button.active:hover .button-circle {
    transform: rotate(135deg);
}

.popup-button:hover {
    color: #294bff
}

.button-small {
    width: 267px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .arrow-button {
        opacity: 0;
        transform: translateY(55px);
    }

    .scroll-here .arrow-button {
        opacity: 1;
        transform: translateY(0);
    }

    .accordion-button {
        justify-content: left;
    }

    .popup-button {
        justify-content: left;
    }
}

.list_dropdown .menu-link:after {
    content: "\e939";
    font-family: 'inetsys-ico' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    font-size: 11px;
    transition: 0.2s transform;
}

.list_dropdown:hover .menu-link:after {
    transform: rotate(270deg);
}

.header-tel-box__select-selected span {
    display: flex;
    align-items: center;
}

.header-tel-box__select-selected span:after {
    content: "\e925";
    font-family: 'inetsys-ico' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 7px;
    transition: 0.2s transform;
}

.header-tel-box__select.active .header-tel-box__select-selected span:after {
    transform: rotate(180deg);
}

.button-circle.ico-plus:before {
    font-size: 16px;
}

.header-color-js {
    background-color: rgb(241 248 254);
}

[class*="project-page"] .header-color-js, .clients-page .header-color-js, .work-page .header-color-js, .contacts-page .header-color-js {
    background-color: rgb(255 255 255);
}

/*------ elements end ------*/
/*------ accorrdion start ------*/
.accordion-block {
    display: none;
    /* margin-top: 25px; */
    margin-bottom: 25px;
}

.accordion-block.active {
    display: flex;
}

.accordion-block .subwrap {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 25px;
    border-radius: 10px;
    padding-bottom: 25px;
}

.accordion-block .heading-3 {
    padding-top: 20px;
    padding-bottom: 7px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .accordion-block .subwrap {
        padding-top: 15px;
    }

    .accordion-block .heading-3 {
        padding-top: 20px;
        padding-bottom: 0;
        font-weight: 500;
        margin-bottom: 25px
    }
}

@media (min-width: 992px) {
    .accordion-block {
        margin-top: 35px !important;
    }

    .accordion-block .subwrap {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 20px;
        padding-bottom: 25px;
    }
}

@media (min-width: 1200px) {
    .accordion-block {
        margin-top: 50px !important;
    }

    .accordion-block .subwrap {
        padding-left: 85px;
        padding-top: 48px;
        padding-right: 85px;
        padding-bottom: 25px;
    }

    .accordion-block .heading-3 {
        margin-bottom: 32px;
    }
}

/*------ accorrdion end ------*/
/*------ accorrdion start ------*/
.popup_scroll {
    position: relative;
}

.popup_scroll:after {
    position: absolute;
    top: 0;
    width: 100%;
    content: "";
    height: 100%;
    pointer-events: none;
    box-shadow: inset 0 50px 20px -30px #ebeeff, inset 0 -50px 20px -30px #ebeeff;
}

.popup-block {
    display: none;
    margin-bottom: 25px;
}

.mCSB_container>*:first-child {
    padding-top: 20px
}

.popup-block [class*="popup-img-"] {
    width: 100%;
    height: 30px;
    background-repeat: no-repeat !important;
    background-size: contain;
    display: block;
}

.popup-block.active {
    display: flex;
    position: fixed;
    padding-top: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1384px;
    margin: auto;
    z-index: 1002;
    max-height: 92vh;
    overflow: hidden;
}

.popup-block .subwrap {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 7px;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-content: baseline;
}

.popup-block .popup_header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    padding-right: 10px;
    /*padding-bottom: 15px;*/
}

.popup-block .mCustomScrollBox {
    width: 100%
}

.popup-block #mCSB_2_container {
    display: flex;
    flex-wrap: wrap;
}

.popup-block .heading-3 {
    padding-top: 14px;
    max-width: calc(100% - 50px);
    padding-bottom: 7px;
    font-weight: 500;
}

.popup_scroll {
    max-height: calc(100% - 52px);
    width: 100%
}

.popup-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 50px;
    height: 50px;
    margin-top: 7px;
}

.popup-close .button-circle {
    margin-right: 0px;
    color: #5e78ff;
    background-color: #fff;
}

.popup-close .button-circle:before {
    transform: rotate(45deg);
}

.popup-close .button-text {
    margin-top: -5px;
    display: none;
}

.popup-block .mCSB_scrollTools {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .popup-block .heading-3 {
        padding-top: 0;
        padding-bottom: 0;
        font-weight: 500;
        max-width: calc(100% - 135px);
        line-height: 100%;
        margin-top: -2px;
    }

    .popup-block.active {
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 1384px;
        margin: auto;
        z-index: 1002;
        max-height: 92vh;
        overflow: hidden;
    }

    .popup-close {
        width: 135px;
        height: 48px;
        margin-top: 0px;
    }

    .popup-close .button-text {
        margin-top: -5px;
        display: block;
    }

    .popup-close .button-circle {
        margin-left: 8px;
    }

    .popup-block .popup_header {
        padding-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .popup-block {
    }

    .popup-block .subwrap {
        padding-left: 50px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .popup-close {
        margin-top: -2px;
    }

    .popup-close .button-circle:before {
        transition: all .3s
    }

    .popup-close .button-circle:hover:before {
        transform: rotate(135deg)
    }
}

@media (min-width: 1200px) {
    .popup-block .subwrap {
        padding-left: 85px;
        padding-top: 48px;
        padding-right: 25px;
        padding-bottom: 25px;
    }
}

/*------ accorrdion end ------*/
/*-------------------- boofer start ------*/
section {
    overflow: hidden;
}

[class^="row"] {
    position: relative;
}

.header__topline {
    padding-bottom: 20px;
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.project-page .breadcrumbs+.heading-1 {
    padding-bottom: 43px;
}

.w-100 {
    width: 100%;
}

header {
    overflow: visible;
}

nav .menu-link {
    font-size: 14px;
}

@media (min-width: 1400px) {
    nav .menu-link {
        font-size: 16px;
    }
}

.widewrap, .thickwrap {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .widewrap, .thickwrap {
        padding-left: 40px;
        padding-right: 40px;
    }

    ul.list-col-2 {
        display: flex;
        flex-wrap: wrap;
    }

    ul.list-check.list-col-2 li {
        padding: 0 0 25px 36px;
        width: 45%
    }

    ul.list-check.list-col-2 li:before {
        top: 1px
    }
}

@media (min-width: 992px) {
    .widewrap, .thickwrap {
        padding-left: 46px;
        padding-right: 46px;
    }

    .row .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .widewrap, .thickwrap {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 1180px
    }
}

@media (min-width: 1450px) {
    .widewrap {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 1380px
    }

    .thickwrap {
        padding-left: 100px;
        padding-right: 10px;
        max-width: 1380px
    }

    .block-custom .thickwrap {
        padding-left: 80px;
    }
}

.background-purple {
    background-color: #EBEEFF;
}
.background-purple header.header-color-js {
    background-color: #EBEEFF;
}

.background-blue {
    background-color: #5E78FF;
}
.background-blue header.header-color-js {
    background-color: #5E78FF;
}

/*-------------------- boofer end ------*/
/*------ header + breadcrumbs start ------*/
.breadcrumbs {
    margin: 0;
    padding-bottom: 7px;
    padding-top: 10px;
}

.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1px;
}

.breadcrumbs li a {
    color: #414141;
}

.breadcrumbs li a:hover {
    color: #294bff;
}

.breadcrumbs li:last-child {
    color: #6780ff;
}

.breadcrumbs li:after {
    display: inline-block;
    content: "/";
    padding-left: 9px;
    padding-right: 5px;
}

.breadcrumbs li:last-child:after {
    display: none;
}

@media (min-width: 768px) {
    .breadcrumbs {
        padding-bottom: 29px;
        padding-top: 17px;
    }
}

@media (min-width: 992px) {
    .breadcrumbs {
        padding-bottom: 41px;
        padding-top: 17px;
        transform: translateY(55px);
        will-change: transform, opacity;
        -webkit-animation: jump-title-in 0.5s ease-in-out both;
        animation: jump-title-in 0.5s ease-in-out both;
    }
}

@media (min-width: 1200px) {
    .breadcrumbs {
        padding-bottom: 59px;
        padding-top: 34px;
    }
}

@media (min-width: 1450px) {
    .heading .wrap {
        max-width: 1380px
    }
}

/*------ header + breadcrumbs end ------*/
/*------ icons blocks start ------*/
.block-icoblock-text + .icoblock-single {
    margin-top: 60px
}

.icoblock-single {
    display: flex;
}

[class*="col-"]>[class*="col-"].icoblock-single {
    display: flex;
    padding-left: 0;
    padding-right: 0;
}

.icoblock-single-ico {
    flex: 0 0 75px;
    color: #fff;
    font-size: 29px;
}

.icoblock-single-ico + .icoblock-single-text {
    flex-basis: calc(100% - 75px);
    max-width: calc(100% - 75px);
}

.icoblock-single-ico span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 99%;
    background: #5e78ff;
}

.icoblock-single+.icoblock-single {
    padding-top: 17px
}

.icoblock-single-text [class*="button"] {
    margin-top: 33px
}

.icoblock-single .heading-3 {
    padding-top: 14px;
    padding-bottom: 10px;
    font-weight: 500;
}

.block-icoblock .icoblock-single+.icoblock-single {
    padding-top: 36px;
}

@media (min-width: 768px) {
    .icoblock-single-ico {
        flex: 0 0 90px;
    }

    .icoblock-single-ico + .icoblock-single-text {
        flex-basis: calc(100% - 90px);
        max-width: calc(100% - 90px);
    }

    .block-icoblock-text + .icoblock-single {
        margin-top: 33px;
    }

    .block-icoblock .icoblock-single+.icoblock-single {
        padding-top: 31px;
    }

    .block-icoblock .icoblock-single .heading-3 {
        padding-bottom: 5px;
    }

    .icoblock-single-text>.text.blue-bold {
        padding-left: 90px;
    }

    .icoblock-single .heading-3 {
        font-size: 28px
    }

    .icoblock-single-text [class*="button"] {
        margin-left: 90px;
    }
}

@media (min-width: 992px) {
    .icoblock-single+.icoblock-single {
        padding-top: 20px;
    }

    .icoblock-single {
        padding-top: 20px;
        padding-bottom: 35px;
    }

    .block-icoblock-text+.icoblock-single, .block-icoblock .icoblock-single+.icoblock-single {
        margin-top: 0px;
        padding-top: 30px
    }

    .block-icoblock-text {
        padding-bottom: 20px;
    }

    .icoblock-single-text>.text.blue-bold {
        padding-top: 19px;
    }

    .icoblock-single-text [class*="button"] {
        margin-top: 43px;
    }

    .block-icoblock .icoblock-single .heading-3 {
        padding-bottom: 15px;
    }

    .icoblock-single {
        transform: translateY(55px);
        transition-duration: .5s;
        opacity: 0;
        will-change: transform, opacity;
    }

    .scroll-here .icoblock-single {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .block-icoblock-text+.icoblock-single, .block-icoblock .icoblock-single+.icoblock-single {
        padding-top: 15px;
    }

    .block-icoblock-text {
        padding-bottom: 36px;
        max-width: 810px;
    }

    .icoblock-single-ico + .icoblock-single-text [class*="button"] {
        margin-left: 90px;
    }

    .block-icoblock {
        margin-top: 80px
    }
}

/*------ icons blocks end ------*/
/*------ animation start ------*/
@media (min-width: 992px) {
    .transform-y-55 {
        transform: translateY(55px);
        opacity: 0;
        will-change: transform, opacity;
    }

    .scroll-here [class*="transform-y-"] {
        transform: translateY(0px);
        opacity: 1;
    }

    [class*="button"]:not([class*="bx"]) {
        transform: translateY(55px);
        opacity: 0;
    }

    .scroll-here [class*="button"] {
        transform: translateY(0);
        opacity: 1;
    }

    .anim_jump-title-in {
        -webkit-animation: jump-title-in 0.5s ease-in-out both;
        animation: jump-title-in 0.5s ease-in-out both;
    }

    .an_dr_05 {
        animation-duration: 0.5s;
        -webkit-animation-duration: 0.5s;
    }

    .an_dr_10 {
        animation-duration: 1s;
        -webkit-animation-duration: 1s;
    }

    .tn_dr_05 {
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
    }

    .tn_dr_10 {
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

    .tn_dl_02 {
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
    }

    .tn_dl_03 {
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
    }

    .tn_dl_04 {
        transition-delay: 0.4s;
        -webkit-transition-delay: 0.4s;
    }

    .tn_dl_05 {
        transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
    }

    .tn_dl_06 {
        transition-delay: 0.6s;
        -webkit-transition-delay: 0.6s;
    }

    .tn_dl_07 {
        transition-delay: 0.7s;
        -webkit-transition-delay: 0.7s;
    }

    .tn_dl_08 {
        transition-delay: 0.8s;
        -webkit-transition-delay: 0.8s;
    }

    .tn_dl_09 {
        transition-delay: 0.9s;
        -webkit-transition-delay: 0.9s;
    }

    .tn_dl_10 {
        transition-delay: 1.0s;
        -webkit-transition-delay: 1.0s;
    }

    .tn_dl_11 {
        transition-delay: 1.1s;
        -webkit-transition-delay: 1.1s;
    }

    .tn_dl_12 {
        transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
    }

    .an_dl_02 {
        animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
    }

    .an_dl_03 {
        animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
    }

    .an_dl_04 {
        animation-delay: 0.4s;
        -webkit-animation-delay: 0.4s;
    }

    .an_dl_05 {
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
    }

    .an_dl_06 {
        animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
    }

    .an_dl_08 {
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
    }

    .an_dl_10 {
        animation-delay: 1.0s;
        -webkit-animation-delay: 1.0s;
    }

    @keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-o-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes scale {
        from {
            width: 0;
            height: 0;
        }

        to {
            width: auto;
            height: auto;
        }
    }

    @-moz-keyframes scale {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes scale {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-ms-keyframes scale {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-o-keyframes scale {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}

/*------ animation end ------*/
/*------ advantages-block start ------*/
.advantages-block {
    margin-top: 62px;
    padding-top: 26px;
    padding-bottom: 50px;
    color: #fff;
}

.advantages-block .heading-3 {
    font-weight: 400;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 7px;
}

.advantages-block .icoblock-single-ico span {
    background: #2CE2C7;
}

@media (min-width: 768px) {
    .advantages-block {
        padding-top: 43px;
        padding-bottom: 86px;
        color: #fff;
    }

    .advantages-block .heading-3 {
        padding-top: 25px;
        font-size: 34px;
        margin-bottom: 0px;
    }

    .advantages-block .icoblock-single-ico {
        margin-top: 14px
    }

    .advantages-block {
        margin-top: 90px;
    }
}

@media (min-width: 992px) {
    .advantages-block {
        padding-top: 63px;
        padding-bottom: 53px;
        color: #fff;
    }

    .advantages-block .icoblock-single:nth-child(3), .advantages-block .icoblock-single:nth-child(5) {
        /*padding-left: 80px;*/
    }

    .advantages-block {
        margin-top: 35px;
    }
}

@media (min-width: 1200px) {
    .advantages-block {
        padding-top: 58px;
        padding-bottom: 58px;
        color: #fff;
    }

    .advantages-block .icoblock-single:nth-child(3), .advantages-block .icoblock-single:nth-child(5) {
        padding-left: 20px;
    }

    .advantages-block .icoblock-single, .advantages-block .icoblock-single+.icoblock-single {
        padding-top: 13px;
        padding-bottom: 93px;
    }

    .advantages-block {
        margin-top: 153px;
    }
}

/*------ advantages-block end ------*/
/*------ about-block start ------*/
.about-block {
    margin-top: 50px;
    padding-top: 24px;
    padding-bottom: 60px;
}

.about-block .row .row {
    margin-left: 0;
    margin-right: 0;
}

.about-block .image-block-before:before {
    background-color: #FF4971;
}

.scroll-here.about-block .image-block-before:before {
    width: 243px;
    height: 243px;
}

.about-block .image-block-before {
    margin-top: 32px;
    margin-bottom: 30px;
    overflow: hidden;
}

.about-block .image-block-before img {
    margin-right: -13%;
    margin-top: -8px;
}

.about-block .heading-2+.text+.icoblock-single {
    margin-top: 12px;
}

.about-block .icoblock-single-ico {
    margin-top: 20px;
    flex: 0 0 90px;
}

@media (min-width: 768px) {
    .about-block {
        padding-top: 44px;
        padding-bottom: 80px;
    }

    .about-block .heading-underline {
        margin-bottom: 60px
    }

    .about-block .heading-2+.text+.icoblock-single, .about-block .icoblock-single {
        margin-top: 40px;
        padding-top: 0;
        padding-left: 0;
    }

    .about-block .row .icoblock-single:nth-child(5), .about-block .row .icoblock-single:nth-child(6) {
        margin-top: 15px;
    }

    .about-block .row .icoblock-single:nth-child(4), .about-block .row .icoblock-single:nth-child(6) {
        padding-left: 12px
    }

    .about-block.scroll-here .image-block-before:before {
        width: 376px;
        height: 376px;
    }

    .about-block .image-block-before img {
        margin-right: -8%;
        margin-top: -15px;
        max-width: 492px;
    }

    .about-block .image-block-before {
        margin-bottom: 47px;
    }

    .about-block {
        margin-top: 80px;
    }
}

@media (min-width: 992px) {
    .about-block {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .about-block .heading-2 {
        font-size: 52px;
    }

    .about-block .heading-2+.text+.icoblock-single, .about-block .icoblock-single {
        margin-top: 30px;
        padding-bottom: 0;
        padding-left: 0;
    }

    .about-block .row .icoblock-single:nth-child(4), .about-block .row .icoblock-single:nth-child(6) {
        padding-left: 0px;
    }

    .about-block .icoblock-single+.icoblock-single {
        margin-bottom: 28px;
        margin-top: 12px;
        padding-top: 0;
    }

    .about-block .row .icoblock-single:nth-child(6) {
        margin-top: -10px;
    }

    .about-block .image-block-before {
        overflow: visible;
        margin-top: 56px;
        transform: translateX(21px);
    }

    .about-block.scroll-here .image-block-before:before {
        width: 470px;
        height: 470px;
    }

    .about-block .image-block-before img {
        margin-right: -14%;
        max-width: 716px;
    }

    .about-block .button-outline {
        margin-left: 0;
        margin-top: 20px;
    }

    .about-block {
        margin-top: 95px;
    }
}

@media (min-width: 1200px) {
    .about-block {
        padding-top: 77px;
        padding-bottom: 94px;
    }

    .about-block .heading-underline {
        margin-bottom: 50px;
    }

    .about-block .heading-2+.text+.icoblock-single, .about-block .icoblock-single {
        margin-top: 12px;
        padding-bottom: 0;
        padding-left: 0;
    }

    .about-block .text {
        max-width: 500px;
        padding-bottom: 10px;
    }

    .about-block .row .icoblock-single:nth-child(5), .about-block .row .icoblock-single:nth-child(6) {
        margin-top: -10px;
    }

    .about-block .row .icoblock-single:nth-child(4), .about-block .row .icoblock-single:nth-child(6) {
        padding-left: 20px;
    }

    .about-block .image-block-before {
        transform: translateX(-30px)
    }

    .about-block .image-block-before img {
        margin-right: -13%;
        margin-top: -2px;
    }

    .about-block {
        margin-top: 220px;
    }

    .about-block .button-outline {
        margin-top: -50px;
    }
}

/*------ about-block end ------*/
/*------ our-projects-block start ------*/
.our-projects-block {
    padding-top: 48px;
}

.our-projects-block .our-projects-slider .row {
    justify-content: space-between
}

.our-projects-block .our-projects-slider {
    padding-top: 40px;
    margin-left: 0;
}

.our-projects-block .our-projects-slider .row [class*="our-project-logo-"] {
    padding-bottom: 36px;
    display: flex;
    padding-left: 0;
    width: 50%;
}

.our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even) {
    padding-left: 20px;
}

.our-projects-block .button-blue {
    margin-top: 33px
}

.our-projects-block .slick-dots {
    margin-left: -10px
}

.our-projects-block .our-project-logo-vbrr img {
    max-height: 30px;
}

.our-projects-block .our-project-logo-moskonditer img {
    max-height: 25px;
}

.our-projects-block .our-project-logo-gchpinfo img {
    max-height: 27px;
}

.our-projects-block .our-project-logo-vseinstrumenti img {
    max-height: 35px;
}

.our-projects-block .our-project-logo-ruspetrol img {
    max-height: 25px;
}

.our-projects-block .our-project-logo-osram img {
    max-height: 20px;
}

.our-projects-block .our-project-logo-kalibr img {
    max-height: 30px;
}

.our-projects-block .our-project-logo-peresvet img {
    max-height: 25px;
}

.our-projects-block .our-project-logo-clavel img {
    max-height: 25px;
}

.our-projects-block .our-project-logo-met img {
    max-height: 30px;
}

.our-projects-block .our-project-logo-mirdetstva img {
    max-height: 48px;
}

.our-projects-block .our-project-logo-mirdereva img {
    max-height: 30px;
}

@media (min-width: 768px) {
    .our-projects-block .heading-underline {
        margin-bottom: 70px;
    }

    .our-projects-block .our-projects-slider .row [class*="our-project-logo-"], .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even) {
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 0;
        display: flex;
        max-width: 25%;
        flex: auto;
    }

    .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(3) {
        padding-left: 40px;
    }

    .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(4) {
        padding-left: 40px;
    }

    .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    .our-projects-block .button-blue {
        margin-top: 7px;
        max-width: 222px;
    }
}

@media (min-width: 982px) {
    .our-projects-block {
        padding-top: 88px;
        padding-bottom: 17px;
    }

    .our-projects-block .our-projects-slider {
        padding-top: 7px;
        padding-left: 17px;
    }

    .our-projects-block .our-projects-slider .col-12:nth-child(2) {
        padding-left: 35px;
    }

    .our-projects-block .our-projects-slider .col-12:nth-child(3) {
        padding-left: 65px;
    }

    .our-projects-block .our-projects-slider .row [class*="our-project-logo-"], .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even), .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(3) {
        padding-bottom: 40px;
        padding-left: 0px;
        max-width: 100%;
        width: 100%;
        height: 90px;
        align-items: center
    }

    .our-projects-block .button-blue {
        margin-top: -5px;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .our-projects-block {
        padding-top: 248px;
        padding-bottom: 17px;
    }

    .our-projects-block .wrap {
        padding-left: 60px;
    }

    .our-projects-block .button-blue {
        margin-top: -120px;
    }

    .our-projects-block .our-project-logo-vbrr img {
        max-height: 37px;
    }

    .our-projects-block .our-project-logo-moskonditer img {
        max-height: 31px;
    }

    .our-projects-block .our-project-logo-gchpinfo img {
        max-height: 34px;
    }

    .our-projects-block .our-project-logo-vseinstrumenti img {
        max-height: 44px;
    }

    .our-projects-block .our-project-logo-ruspetrol img {
        max-height: 31px;
    }

    .our-projects-block .our-project-logo-osram img {
        max-height: 25px;
    }

    .our-projects-block .our-project-logo-kalibr img {
        max-height: 37px;
    }

    .our-projects-block .our-project-logo-peresvet img {
        max-height: 34px;
        margin-top: 7px;
    }

    .our-projects-block .our-project-logo-clavel img {
        max-height: 30px;
    }

    .our-projects-block .our-project-logo-met img {
        max-height: 37px;
    }

    .our-projects-block .our-project-logo-mirdetstva img {
        max-height: 60px;
        margin-top: -22px;
    }

    .our-projects-block .our-project-logo-mirdereva img {
        max-height: 37px;
        margin-top: 4px;
    }

    .our-projects-block .our-projects-slider {
        padding-top: 28px;
    }

    .our-projects-block .our-projects-slider .row [class*="our-project-logo-"], .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even), .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(3) {
        padding-bottom: 66px;
        width: 100%;
        height: 106px;
        align-items: baseline;
    }
}

/*------ our-projects-block end ------*/
/*------ base blocks start ------*/
[class*="-page"]:not(.project-page) section:not(.heading)+section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) {
    padding-top: 37px;
}

.main-banner {
    min-height: 780px;
    padding-bottom: 60px;
}

.banner-image {
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

[class*="banner-float-"] {
    width: calc(100% + 25px);
}

.image-block-before {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
}

.image-block-before img {
    z-index: 1;
}

.image-block-before:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    margin: auto;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    transition: all .5s;
    opacity: 1;
    background-color: #F2F4FF;
    will-change: transform, opacity;
}

.scroll-here .image-block-before:before {
    width: 260px;
    height: 260px;
}

.block-image-right .image-block-before {
    order: -1;
}

.block-image-right.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

@media (min-width: 768px) {
    [class*="-page"]:not(.project-page) section:not(.heading)+section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) {
        padding-top: 65px;
    }

    .main-banner {
        min-height: 1020px;
    }

    [class*="banner-float-"] {
        width: calc(100% + 80px);
    }

    .scroll-here .image-block-before:before {
        width: 366px;
        height: 366px;
    }

    .image-block-before:not(.footer-form-block-img) {
        min-height: 366px;
    }

    .subpadding {
        padding-left: 40px
    }
}

@media (min-width: 992px) {
    [class*="-page"]:not(.project-page) section:not(.heading)+section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) {
        padding-top: 75px;
    }

    .main-banner ul.list-dotted {
        max-width: 320px;
        letter-spacing: .5px;
    }

    .main-banner .button-blue {
        margin-left: 0;
        margin-top: 32px;
        margin-bottom: 52px;
    }

    .main-banner {
        min-height: 640px;
    }

    .banner-image {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    [class*="banner-float-"] {
        position: absolute;
    }

    .block-image-right .image-block-before {
        order: 0;
    }

    .image-block-before img {
        opacity: 0;
        transform: translateY(55px);
        will-change: transform, opacity;
    }

    .scroll-here .image-block-before img {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        transform: translateY(0);
        transition-duration: 0.7s;
        transition-delay: 0.4s;
    }

    .block-image-right {
        -ms-flex-align: start!important;
        align-items: flex-start!important;
    }

    .subpadding {
        padding-left: 60px;
    }

    .subblock {
        margin-top: 60px
    }

    .subblock .subpadding {
        padding-right: 100px;
    }
}

@media (min-width: 1200px) {
    [class*="-page"]:not(.project-page) section:not(.heading)+section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) {
        padding-top: 115px;
    }

    .main-banner .heading-1 {
        max-width: 700px
    }

    .main-banner ul.list-dotted {
        max-width: 100%;
    }

    .main-banner .button-blue {
        margin-top: 52px;
    }

    .main-banner {
        min-height: 860px;
    }

    .subpadding {
        padding-left: 95px;
    }

    .subblock {
        margin-top: 100px;
    }

    .image-block-before:not(.footer-form-block-img) {
        min-height: 470px;
    }

    .scroll-here .image-block-before:before {
        width: 470px;
        height: 470px;
    }

    .image-block-before:not(.footer-form-block-img) {
        min-height: 470px;
    }
}

/*------ base blocks end ------*/
/*------ footer-form start ------*/
*+.footer-form {
    margin-top: 78px;
}

.footer-form {
    background-color: #282e47;
    display: flex;
    padding-top: 34px;
    padding-bottom: 75px;
    position: relative;
}

.footer-form .footer-form-block-text [class*="heading-"] {
    color: #fff
}

.footer-form .footer-form-block-text [class*="heading-"]:before {
    border-color: #fff
}

.base-form .input-wrap {
    margin-top: 8px;
}

.base-form input {
    font-size: 16px;
    height: 53px;
    margin-bottom: 10px;
}

.base-form .text-consent {
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    font-family: 'Muller';
}

.footer-form input[type="checkbox"].styled-checkbox+label::before {
    right: auto;
    width: 24px;
    height: 24px;
}

.footer-form input[type="checkbox"].styled-checkbox+label:after {
    left: 9px;
}

.footer-form .footer-have-project .text-consent>span {
    margin-top: 2px;
    padding-left: 12px;
    line-height: 20px;
    font-family: Muller;
}

.footer-form .footer-have-project .text-consent>span a {
    margin-left: 0;
    color: #fff;
}

.footer-form .footer-form-block-img {
    text-align: center;
    padding-top: 14px;
    padding-bottom: 53px;
}

.base-form button {
    margin-top: 50px;
    max-width: 100%;
    margin-bottom: 40px;
}

.footer-form .footer-form-block-img img {
    max-width: 235px;
    margin-left: 10px;
    z-index: 1;
    margin-top: 35px
}

.footer-form .footer-form-block-img:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    margin: auto;
    text-align: center;
    top: 25px;
    left: 0;
    right: 0;
    border-radius: 100%;
}

.footer-form.scroll-here .footer-form-block-img:before {
    width: 175px;
    height: 175px;
    background-color: #AFB9F6;
}

.footer-form+footer {
    border-top: solid 1px #fff;
}

.base-form {
    /*margin-top: -15px;*/
}

.base-form .input-wrap {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
}

.base-form input {
    width: 100%;
}

@media (min-width: 768px) {
    .footer-form {
        padding-top: 20px;
        padding-bottom: 27px;
    }

    .footer-form .heading-2 {
        margin-bottom: 60px
    }

    .footer-form .heading-2 br {
        display: none;
    }

    .footer-form .heading-2:before {
        left: 4px;
        bottom: -36px
    }

    .footer-form .row .footer-form-block-img {
        margin-left: -46px;
        padding-bottom: 40px;
        margin-top: -19px;
    }

    .base-form {
        padding-top: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .base-form .input-wrap {
        max-width: 48%;
        width: 48%;
    }

    .base-form .input-wrap-wide {
        max-width: 100%;
        width: 100%;
    }

    .base-form .input-wrap+.input-wrap {
        padding-top: 0;
    }

    .base-form input {
        margin-bottom: 0
    }

    .base-form .text-consent {
        padding-top: 35px;
        display: flex;
        justify-content: center;
    }

    .footer-form .text-consent input[type="checkbox"].styled-checkbox+label {
        margin-right: 5px;
    }

    .base-form button {
        margin-left: auto;
        margin-right: auto;
        max-width: 194px;
        margin-top: 40px;
        margin-bottom: 64px;
    }
}

@media (min-width: 992px) {
    *+.footer-form {
        margin-top: 100px;
    }

    .footer-form {
        padding-top: 54px;
        padding-bottom: 20px;
    }

    .footer-form .heading-2:before {
        bottom: -33px;
    }

    .footer-form .row .footer-form-block-img {
        padding-bottom: 32px
    }

    .footer-form.scroll-here .footer-form-block-img:before {
        left: -25px;
        top: 33px;
    }

    .footer-form.scroll-here .footer-form-block-img img {
        padding-top: 11px;
        margin-left: -16px;
        transition: transform;
    }

    .footer-form .heading-2 {
        margin-bottom: 60px;
    }

    .footer-form .heading-2 {
        font-size: 52px;
        margin-bottom: 50px;
    }

    .base-form input {
        font-size: 16px;
        height: 58px;
    }

    .base-form select, .base-form .nice-select {
        font-size: 16px;
        height: 58px;
        margin-bottom: 0;
    }

    .base-form .text-consent {
        padding-top: 20px;
    }
}

@media (min-width: 1200px) {
    .footer-form.scroll-here .footer-form-block-img:before {
        width: 288px;
        height: 288px;
        left: 29px;
        top: 76px;
    }

    .footer-form.scroll-here .footer-form-block-img img {
        padding-top: 55px;
        max-width: 375px;
        margin-left: 49px;
    }

    .footer-form .footer-form-block-text {
        padding-top: 37px;
        padding-left: 65px;
    }

    .footer-form .heading-2 br {
        display: block;
    }

    .base-form .text-consent {
        justify-content: left;
    }

    .base-form button {
        margin-left: 0;
    }

    .footer-form {
        padding-bottom: 45px;
    }
}

/*------ footer-form end ------*/
/*----------- office-team ------------*/
.office-team-block-grid {
    justify-content: center;
    background-color: #ebeeff;
    border-radius: 400px;
    padding-top: 75px;
    margin-top: 30px;
    padding-bottom: 100px;
}

.office-team-block-grid [class*="office-team-"]+[class*="office-team-"] {
    padding-top: 54px;
}

.office-team-block-grid .office-team-design img {
    margin-left: 29px;
    margin-top: 9px;
}

.office-team-block-grid .office-team-layer img {
    margin-top: -10px;
}

.office-team-block-grid .office-team-progr img {
    margin-left: -6px;
    margin-top: 9px;
}

.office-team-block-grid .office-team-seo img {
    margin-top: 8px;
    margin-bottom: -8px;
    margin-left: -5px;
}

.office-team-block-grid .office-team-cwriter img {
    margin-top: 6px;
    margin-left: -5px;
}

.office-team-block-grid .office-team-sysadmin img {
}

.office-team-block-grid [class*="office-team-"] div {
    text-align: center;
    height: 140px;
    position: relative;
}

.office-team-block-grid [class*="office-team-"] p {
    text-align: center;
    margin-top: 23px;
    font-size: 18px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.office-team-block-grid [class*="office-team-"] div:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    margin: auto;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    transition: all .5s;
    opacity: 1;
    background-color: #FFF;
    will-change: transform, opacity;
}

.scroll-here .office-team-block-grid [class*="office-team-"] div:before {
    width: 140px;
    height: 140px;
}

.office-team-block-after {
    margin-top: -75px
}

.office-team-block-after .col-12 {
    text-align: center;
}

.office-team-block-after .text {
    font-size: 18px;
    max-width: 295px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .office-team-block-grid {
        padding-top: 80px;
        margin-top: 50px;
        padding-bottom: 100px;
        border-radius: 197px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .office-team-block-grid [class*="office-team-"] {
        /* padding-left: 36px; */
    }

    .office-team-block-grid [class*="office-team-"]+[class*="office-team-"]+[class*="office-team-"] {
        padding-top: 85px;
    }

    .office-team-block-grid [class*="office-team-"]+[class*="office-team-"] {
        padding-top: 0;
    }

    .office-team-block-grid [class*="office-team-"] p {
        margin-top: 27px;
    }

    .office-team-block-after {
        margin-top: -87px;
    }

    .office-team-block-after img {
        margin-right: -17px;
        text-align: left;
    }

    .office-team-block-after .text {
        max-width: 495px;
    }
}

@media (min-width: 992px) {
    .office-team-block {
        margin-top: 20px
    }

    .office-team-block .text {
        max-width: 700px
    }

    .office-team-block-grid [class*="office-team-"]:nth-child(3) {
        padding-top: 0px !important;
    }

    .office-team-block-grid [class*="office-team-"]+[class*="office-team-"]+[class*="office-team-"] {
        padding-top: 80px;
    }

    .office-team-block-grid {
        padding-bottom: 70px;
        margin-top: 82px;
    }

    .office-team-block-after {
        margin-top: -47px;
    }

    .office-team-block-after .col-12 {
        display: flex;
        padding-left: calc(50% - 118px);
    }

    .office-team-block-after .text {
        max-width: 293px;
        display: flex;
        text-align: left;
        margin-top: 96px;
        margin-right: 0;
        line-height: 28px;
    }
}

@media (min-width: 1200px) {
    .office-team-block {
        margin-top: 55px;
    }

    .office-team-block .heading-2 {
        max-width: 1200px;
    }

    .office-team-block .widewrap2 {
        max-width: 1580px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .office-team-block-grid {
        padding-bottom: 64px;
        padding-left: 64px;
        padding-right: 64px;
    }

    .office-team-block-grid [class*="office-team-"]+[class*="office-team-"]+[class*="office-team-"] {
        padding-top: 0px;
    }

    .office-team-block-after {
        margin-top: -67px;
        margin-left: 10px
    }

    .office-team-block-after .text {
        max-width: 393px;
        margin-right: auto;
        margin-left: 82px;
        margin-top: 132px;
    }
}

/*----------- office-team end ------------*/
/*---------------- price block ----------------*/
.price-block {
    padding-bottom: 55px;
    background-image: url(../img/elements/bform-boll2.png), url(../img/elements/bform-circle2.png), url(../img/elements/bform-circle.png), url(../img/elements/bform-circle1.png);
    background-position: 85% 0%, -110px 0%, 100% 5%, 70vw 100%;
    background-size: 66px, 200px,90px, 290px;
    background-repeat: no-repeat;
}

.price-block .text + .text {
    margin-top: 0;
}

.row.price-block-slider {
    margin-left: 0;
    margin-right: 0;
    padding-top: 17px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 38px;
}

.row.price-block-slider .col-12 {
    padding-left: 0;
    padding-right: 0;
}

[class*="price-table-"] {
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 41px;
}

.price-block-slider .heading-3_5 {
    font-weight: 500;
    justify-content: center;
}

.price-block-table-list span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #949494;
}

.price-block-table-list {
    text-align: center;
    margin-bottom: 14px;
    font-family: Muller, sans-serif;
    display: block;
    font-weight: 500;
    font-size: 17px;
    color: #5e78ff;
    margin-top: -1px;
}

.price-block-table-list.price-block-table-price {
    margin-bottom: 29px;
    font-size: 24px;
}

.price-block-table-list.price-block-table-price span {
    font-size: 22px;
    margin-top: 7px;
}

.price-block-table-list:not(.price-block-table-price):after {
    content: "";
    border-bottom: solid 1px #edf0fa;
    width: 228px;
    display: block;
    margin: auto;
    padding-top: 4px;
}

.price-block-slider .button-blue {
    max-width: 210px
}

.price-block-slider .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}

.price-block-slider .slick-dots li.slick-active button:before {
    color: #2CE2C7;
}

.price-block-slider .slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.price-block-bottom-text {
    padding-top: 20px;
}

@media (min-width: 768px) {
    .price-block-text>p {
        height: 66px;
        align-items: center;
        display: flex;
        line-height: 30px;
    }

    .price-block-text>p:last-child {
        margin-top: 10px
    }

    .row.price-block-slider {
        max-width: 380px;
        margin-top: -90px;
        padding-left: 5px;
        padding-bottom: 19px;
    }

    .price-block-table-list span {
        display: none
    }

    .price-block-table-list {
        height: 66px;
        padding-top: 10px;
        margin-bottom: 0;
        font-size: 18px;
    }

    .price-block-table-list:not(.price-block-table-price):after {
        padding-top: 16px;
    }

    .price-block-bottom-text {
        padding-top: 30px;
    }

    .price-block-table-list.price-block-table-price {
        margin-top: 12px;
        margin-bottom: 14px;
    }

    .price-block-table-list:not(.price-block-table-price) {
        color: #414141;
    }

    .price-block .heading-2 {
        font-size: 52px
    }

    .price-block {
        background-image: url(../img/elements/bform-boll2.png), url(../img/elements/bform-circle2.png), url(../img/elements/bform-circle.png), url(../img/elements/bform-circle1.png);
        background-position: 85% -2px, -50px 0%, 100% 15%, 75vw 100%;
        background-size: 87px, 250px,90px, 400px;
        background-repeat: no-repeat;
    }
}

@media (min-width: 992px) {
    .price-block {
        padding-top: 60px !important;
        padding-bottom: 78px;
    }

    .row.price-block-slider {
        max-width: 66.666667%;
        margin-top: -101px;
        padding-left: 54px;
        padding-right: 52px;
        padding-bottom: 25px;
    }

    .price-block .slick-dots {
        width: calc(100% - 106px);
    }

    .price-block-bottom-text {
        padding-top: 40px;
        margin-top: -129px;
        flex: 0 0 38.333333%;
        max-width: 38.333333%;
        margin-left: -10px;
    }

    .price-block-text {
        margin-top: -10px
    }

    .price-block {
        background-image: url(../img/elements/bform-boll2.png), url(../img/elements/bform-circle2.png), url(../img/elements/bform-circle.png), url(../img/elements/bform-circle1.png);
        background-position: 85% -2px, -20px 0%, 102% 15%, 75vw 100%;
        background-size: 87px, 250px,90px, 400px;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1200px) {
    .row.price-block-slider {
        max-width: 75%;
        margin-top: -101px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 25px;
        justify-content: space-between;
    }

    .row.price-block-slider .col-12 {
        padding-left: 10px;
        padding-right: 10px;
        max-width: 32.333333%;
    }

    .support-bittrix-block-price .widewrap {
        max-width: 1420px;
        padding-left: 30px
    }

    .support-bittrix-block-price .heading-3_5 {
        padding-bottom: 23px;
    }

    .price-block-text>p {
        max-width: 90%
    }

    .price-block-bottom-text {
        padding-top: 0px;
        margin-top: 20px;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 25.7%;
    }

    .price-block {
        background-image: url(../img/elements/bform-boll2.png), url(../img/elements/bform-circle2.png), url(../img/elements/bform-circle.png), url(../img/elements/bform-circle1.png), url(../img/elements/bform-boll1.png);
        background-position: 90% -2px, -10px 0%, 100% 15%, 100% 100%, 10% 101%;
        background-size: 286px, 250px,90px, 422px, 164px;
        background-repeat: no-repeat;
    }
}

/*---------------- price block end ----------------*/
/*--------------- specialization block start ---------------*/
.main-page .create-block-specialization {
    margin-top: 0;
}
.create-block-specialization .c-plus-bitrix-logo {
    padding-top: 25px;
    padding-bottom: 25px;
}

.create-block-specialization .ico-plus:before {
    font-size: 14px;
}

.create-block-specialization .image-block-before {
    margin-top: -7px;
    order: 0;
    flex-wrap: wrap;
    align-items: flex-start;
}

.create-block-specialization .image-block-before:before {
    display: none;
}

.create-block-specialization .image-block-before img {
    width: 272px;
    margin-bottom: 17px;
}

.text-specialization-bitrix, .text-specialization-drupal {
    text-align: left;
}

.create-block-specialization .blue-bold {
    padding-bottom: 20px;
}

.text-specialization-drupal {
    padding-top: 50px;
}

.create-block-specialization {
    margin-top: 27px;
}

.sepcialization-bitrix-btn, .sepcialization-drupal-btn {
    display: none;
}

@media (min-width: 768px) {
    .create-block-specialization .subpadding {
        padding-left: 10px;
    }

    .create-block-specialization .c-plus-bitrix-logo {
        padding-top: 35px;
        padding-bottom: 25px;
        width: 411px
    }

    .create-block-specialization .image-block-before img {
        width: 459px;
        margin-bottom: 0;
    }

    .text-specialization-bitrix, .text-specialization-drupal {
        width: 50%;
        padding-left: 27px;
    }

    .text-specialization-drupal {
        padding-top: 0;
    }

    .create-block-specialization {
        margin-top: 0;
    }

    .specialization-img-block {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: flex-start;
    }
}

@media (min-width: 992px) {
    .specialization-img-block {
        max-width: 476px;
        margin: 0 auto;
        position: relative;
    }

    .create-block-specialization .heading-2 {
        font-size: 42px;
    }

    .create-block-specialization {
        margin-top: 40px
    }

    .create-block-specialization .image-block-before img {
        width: 465px;
        max-width: 465px;
        margin-top: -40px;
        margin-left: -15px;
    }

    .sepcialization-bitrix-btn, .sepcialization-drupal-btn {
        display: block;
    }

    [class*="text-specialization-"] {
        position: absolute;
        z-index: 10;
        width: 392px;
        border-radius: 99px;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
        height: 150px;
        transition: all .7s;
    }

    [class*="text-specialization-"]>p {
        display: none
    }

    [class*="text-specialization-"].active {
        background-color: #F3F9FE;
        box-shadow: 0px 33px 80px rgba(5, 18, 123, 0.16), 0px 9.94853px 24.1177px rgba(5, 18, 123, 0.104254), 0px 4.13211px 10.0172px rgba(5, 18, 123, 0.08), 0px 1.4945px 3.62304px rgba(5, 18, 123, 0.0557458);
    }

    [class*="text-specialization-"].active .why-btn {
        opacity: 0;
    }

    [class*="text-specialization-"].active>p:not(.blue-bold) {
        display: block
    }

    [class*="text-specialization-"] .why-btn {
        font-weight: 500;
        color: #5e78ff;
        font-size: 18px;
        display: block;
        width: 80px;
        transition: all .7s;
    }

    .create-block-specialization .ico-plus {
        border-radius: 99px;
        border: solid 2px #5e78ff;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        display: flex;
        margin-left: 10px;
        color: #5e78ff;
        font-size: 12px;
        background-color: #fff;
        cursor: pointer;
        transition: all .5s;
    }

    .create-block-specialization .ico-plus:before {
        transition: all .5s;
    }

    [class*="text-specialization-"].active .ico-plus:before {
        transform: rotate(45deg)
    }

    .create-block-specialization .ico-plus:hover {
        box-shadow: 0 0 0 10px rgba(94, 120, 255, 0.2);
    }

    .text-specialization-bitrix {
        right: 5px;
        padding: 20px 39px 26px 73px;
        top: -12px;
    }

    .sepcialization-bitrix-btn {
        position: absolute;
        left: -70px;
        top: calc(50% - 24px);
        text-align: right;
        width: 130px;
        height: 48px;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .text-specialization-drupal {
        position: absolute;
        top: 223px;
        right: 78px;
        padding: 20px 73px 26px 39px;
    }

    .create-block-specialization .blue-bold {
        display: none;
    }

    .text-specialization-drupal>p:not(.blue-bold) {
        text-align: left;
    }

    .sepcialization-drupal-btn {
        position: absolute;
        right: -70px;
        top: calc(50% - 24px);
        text-align: left;
        width: 130px;
        height: 48px;
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .create-block-specialization .sepcialization-drupal-btn .ico-plus {
        margin-left: 0;
        margin-right: 10px;
    }
}

@media (min-width: 1450px) {
    .create-block-specialization .heading-2 {
        font-size: 52px;
    }

    .create-block-specialization {
        margin-top: 65px;
    }

    .create-block-specialization .image-block-before img {
        width: 650px;
        max-width: 650px;
        margin-top: -91px;
        margin-left: -10px;
    }

    [class*="text-specialization-"] {
        width: 450px;
    }

    .text-specialization-bitrix {
        top: -20px;
        padding-left: 83px;
    }

    .create-block-specialization .ico-plus {
        width: 48px;
        height: 48px;
        margin-left: 20px;
    }

    [class*="text-specialization-"] .why-btn {
        color: #5e78ff;
        font-size: 22px;
        line-height: 135%;
        width: 91px;
        font-family: 'Muller';
    }

    .text-specialization-bitrix .why-btn {
        text-align: right;
    }

    .sepcialization-bitrix-btn {
        left: -110px;
        width: 180px;
    }

    .text-specialization-drupal {
        position: absolute;
        top: 304px;
        right: 38px;
        padding-right: 83px;
    }

    .sepcialization-drupal-btn {
        width: 180px;
        right: -108px;
    }

    .create-block-specialization .sepcialization-drupal-btn .ico-plus {
        margin-right: 20px;
    }

    .create-block-specialization .c-plus-bitrix-logo {
        padding-top: 28px;
        width: 490px;
    }
}

/*--------------- specialization block end ---------------*/
.remark:before {
    content: "*";
    position: absolute;
    left: 0;
}

.remark {
    position: relative;
    padding-left: 10px;
    margin-left: -10px;
}

@media (min-width: 992px) {
    .remark {
        margin-left:0;
    }
}

ul.list-col-3 {
    display: flex;
    flex-wrap: wrap;
}

ul.list-check.list-col-3 li {
    padding: 0 0 25px 36px;
    width: 50%;
}

ul.list-check.list-col-3 li:nth-child(even) {
    width: 40%;
    margin-left: 8%
}

ul.list-check.list-col-3 li:before {
    top: 1px
}

@media (min-width: 768px) {
    ul.list-check.list-col-3 li {
        padding: 0 0 25px 36px;
        width: 33%;
    }

    ul.list-check.list-col-3 li:nth-child(even) {
        width: 33%;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    ul.list-check.list-col-3 li {
        padding: 0 0 25px 40px;
        width: 53%;
    }
}

@media (min-width: 1200px) {
    ul.list-check.list-col-3 li, ul.list-check.list-col-3 li:nth-child(even) {
        padding: 0 0 25px 36px;
        width: 36%;
    }

    ul.list-check.list-col-3 li:nth-child(2) {
        width: 28%;
    }
}

/*---------------------------------------------*/
.float-circles {
    position: absolute;
    width: 260px;
    height: 260px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.float-circles:before {
    background-image: url(../img/elements/b-ball.png);
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: calc(94% - 30px);
    left: calc(27% - 30px);
    background-size: 100%;
    background-position: 50%;
    opacity: 0;
}

.float-circles:after {
    background-image: url(../img/elements/s-ball.png);
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: calc(4% - 20px);
    left: calc(76% - 20px);
    background-size: contain;
    background-position: 50%;
    opacity: 0;
}

.scroll-here .float-circles:before {
    animation: popUp .4s 1 both 1.2s, opacity_fast .2s both .2s;
    animation-timing-function: cubic-bezier(0.31, -0.34, 0.75, 1.39);
}

.scroll-here .float-circles:after {
    animation: popUp .4s 1 both 1.6s, opacity_fast .2s both .2s;
}

.scroll-here .image-block-before:before {
    animation: popUp_2 .5s 1 both;
    animation-timing-function: cubic-bezier(0.33, -0.18, 0.36, 1.11);
}

@media (min-width: 768px) {
    .float-circles {
        width: 366px;
        height: 366px;
    }

    .float-circles:before {
        width: 89px;
        height: 89px;
    }

    .float-circles:after {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 1200px) {
    .float-circles {
        width: 470px;
        height: 450px;
    }

    .float-circles:before {
        width: 100px;
        height: 100px;
    }
}

@keyframes opacity_fast {
    0% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: .7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Orbit_130 {
    0% {
        transform: rotate(-90deg) translateX(150px) rotate(90deg);
    }

    100% {
        transform: rotate(130deg) translateX(250px) rotate(-130deg);
    }
}

@keyframes Orbit_295 {
    0% {
        transform: rotate(0deg) translateX(150px) rotate(0deg);
    }

    100% {
        transform: rotate(295deg) translateX(250px) rotate(-295deg);
    }
}

@keyframes popUp {
    0% {
        transform: scale(0);
    }

    60% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes popUp_2 {
    0% {
        transform: scale(0);
        animation-timing-function: linear ;
    }

    60% {
        transform: scale(1.2);
        animation-timing-function: ease;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scale0 {
    100% {
        transform: scale(0);
    }
}

.block-stages-grid {
    background-color: #ebeeff;
    margin-top: 31px;
    padding-bottom: 41px;
    margin-left: -15px;
    margin-right: -15px;
}

.block-stages-grid-wrap {
    padding-left: 0;
    padding-right: 0;
}

.block-stages-grid [class*=stages-single-] {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
    width: 100%;
    position: relative;
}

.block-stages-grid-wrap [class*=stages-single-]>div {
    position: relative;
    height: 140px;
}

.block-stages-grid-wrap [class*=stages-]>p {
    color: #414141;
    font-size: 18px;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.block-stages-grid-wrap [class*=stages-single-]>div:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    margin: auto;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    transition: all .5s;
    opacity: 1;
    background-color: #fff;
    will-change: transform, opacity;
}

.block-stages-grid-wrap [class*=stages-single-]:after {
    content: "";
    display: block;
    width: 2px;
    height: 25px;
    background-color: #5e78ff;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
}

.block-stages-grid-wrap [class*=stages-single-]:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: solid 2px #5e78ff;
    border-top: solid 2px #5e78ff;
    transform: rotate(135deg);
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
}

.block-stages-grid-wrap [class*=stages-single-]:last-child:before, .block-stages-grid-wrap [class*=stages-single-]:last-child:after {
    display: none;
}

.scroll-here .block-stages-grid-wrap [class*=stages-single-]>div:before {
    width: 140px;
    height: 140px;
}

.block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] {
    padding-top: 70px;
}

@media (min-width: 768px) {
    .block-stages {
        margin-top: 18px
    }

    .block-stages-grid {
        margin-top: 50px;
        padding-bottom: 48px;
        margin-left: 0;
        margin-right: 0;
    }

    .block-stages-grid [class*=stages-] {
        text-align: center;
        padding-bottom: 10px;
        width: 33.3333%;
    }

    .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] {
        padding-top: 50px;
    }

    .block-stages-grid-wrap [class*=stages-]>p {
        margin-top: 25px;
    }

    .block-stages-grid-wrap [class*=stages-single-]:after {
        width: 25px;
        height: 2px;
        bottom: 0;
        top: 0;
        left: calc(100% - 12px);
    }

    .block-stages-grid-wrap [class*=stages-single-]:before {
        transform: rotate(45deg);
        bottom: 0;
        top: 0;
        left: calc(100% + 8px);
    }

    .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):before {
        display: none;
    }

    .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):after {
        background-image: url(../img/elements/arrow-bitrix24.svg);
        left: calc(-563px + 50%);
        width: 563px;
        top: 100%;
        bottom: 0;
        margin: inherit;
        height: 145px;
        background-color: transparent;
    }
}

@media (min-width: 992px) {
    .block-stages .text {
        max-width: 650px;
        padding-top: 20px
    }

    .block-stages-grid {
        margin-top: 65px;
        padding-bottom: 65px;
        margin-left: 0;
        margin-right: 0;
    }

    .block-stages-grid [class*=stages-] {
        padding-top: 70px;
        width: 20%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] {
        padding-top: 70px;
    }

    .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):before {
        display: block;
    }

    .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):after {
        background-image: none;
        background-color: #5e78ff;
        left: calc(100% - 12px);
        width: 25px;
        height: 2px;
        top: 0;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .block-stages {
        margin-top: 58px;
    }

    .block-stages-grid {
        border-radius: 300px;
        margin-top: 80px;
        justify-content: space-between;
        padding-left: 80px;
        padding-right: 80px;
    }

    .block-stages-grid-wrap [class*=stages-single-] {
        padding-top: 80px;
    }

    .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] {
        padding-top: 80px;
    }
}

.price-columns {
    margin-left: -1px;
    margin-right: 0;
}

.price-columns-single {
    padding-top: 40px
}

.price-columns .heading-3 {
    font-size: 28px;
    font-weight: 500;
}

.price-columns .heading-4 {
    font-weight: 600
}

.price-columns .heading-number {
    justify-content: center;
    font-size: 42px;
    padding-bottom: 26px
}

@media (min-width: 992px) {
    .price-columns-single {
        padding-top: 74px;
        padding-right: 25px;
    }

    .price-columns .heading-3 {
        font-size: 34px;
    }

    .price-columns .heading-number {
        justify-content: flex-start;
        padding-bottom: 40px;
    }

    .price-columns .button-small {
        margin: 0;
    }
}

.form-bg.active {
    display: block
}

.single-ico:before {
    font-size: 32px;
    color: #fff;
}

/*-------arrow-stage---------*/
.arrow-stage-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.arrow-stage:before, .arrow-stage-box:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: solid 2px #5e78ff;
    border-top: solid 2px #5e78ff;
    transform: rotate(135deg);
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

.arrow-stage:after, .arrow-stage-box:after {
    content: "";
    display: block;
    background-color: #5e78ff;
    position: absolute;
    width: 2px;
    height: 25px;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

@media (min-width: 768px) {
    .arrow-stage:before, .arrow-stage-box:before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-right: solid 2px #5e78ff;
        border-top: solid 2px #5e78ff;
        transform: rotate(45deg);
        position: absolute;
        bottom: 0;
        top: 0;
        left: calc(100% + 8px);
        margin: auto;
    }

    .arrow-stage:after, .arrow-stage-box:after {
        content: "";
        display: block;
        background-color: #5e78ff;
        position: absolute;
        width: 25px;
        height: 2px;
        bottom: 0;
        top: 0;
        left: calc(100% - 12px);
        margin: auto;
    }
}

.need-worker-block .list-check li {
    padding: 5px 0 5px 36px;
}

.need-worker-block .list-check li:before {
    top: 6px
}

.need-worker-block .list-check {
    margin-bottom: 40px
}

.heading + .need-worker-block {
    padding-top: 50px
}
.work-contact a{
    font-family: 'Muller';
    font-weight: 500;
}

/*------ header ------*/
header {
    overflow: visible;
    position: relative;
    font-family: Muller;
    z-index: 20;
}

header a {
    color: #414141
}

header .nav-scrollable {
    width: 100%;
    max-height: calc(100vh - 90px);
}

header a:hover {
    color: #5e78ff
}

header .header-wrap {
    height: 90px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header .header-wrap:before {
    display: none;
}

.header-logo-block {
    display: flex;
    align-items: center;
}

.header-logo-block img {
    max-width: 102px
}

.header-nav-contact>*:not(.mobile-menu) {
    display: none;
}

.mobile-menu {
    display: flex;
    align-items: center
}

.mobile-menu span {
    margin-right: 15px;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #A6A6A6;
}

.mobile-menu-hamburger {
    width: 50px;
    height: 50px;
    background-color: #5e78ff;
    border-radius: 99px;
    display: flex;
    position: relative;
}

.mobile-menu-hamburger [class*='h-'] {
    background-color: #fff;
    width: 20px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .12s;
}

.mobile-menu-hamburger .h-top {
    top: 16px;
}

.mobile-menu-hamburger .h-middle {
    top: 24px;
}

.mobile-menu-hamburger .h-bottom {
    top: 32px;
}

.active.mobile-menu-hamburger .h-top {
    transform: rotate(-45deg);
    top: 25px;
}

.active.mobile-menu-hamburger .h-bottom {
    display: none
}

.active.mobile-menu-hamburger .h-middle {
    transform: rotate(45deg);
    top: 25px;
}

.header-nav {
    display: none;
}

.active.header-nav {
    display: block;
    position: absolute;
    background: #fff;
    z-index: 30;
    width: 100%;
    height: calc(100vh - 90px);
    overflow-y: scroll;
    top: 90px;
    left: 0;
    border-top: solid 1px #E4E7F7;
}

.submenu {
    display: none;
    background-color: #fff;
}

.nav-menu .submenu {
    display: none;
    transform: translateX(120%);
    padding-left: 44px;
    transition: all .5s;
}

.menu-item:not(.menu-item-tel) {
    font-weight: 500;
    font-size: 34px;
    line-height: 34px;
    padding-bottom: 23px;
    max-height: 57px;
}

.menu-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #A6A6A6;
    display: block;
    padding-top: 46px;
    padding-left: 60px;
    transition: all .6s;
}

.menu-item-link {
    color: #414141;
    transition: all .2s
}

.menu-item-link:hover, .menu-item-link.active {
    color: #5F79FF;
    cursor: pointer;
}

ul.nav-menu {
    margin-top: 27px;
    padding-left: 58px;
    margin-bottom: 28px;
    transition: all .5s;
    position: relative;
}

.mobile-menu-bottom {
    border-top: solid 1px #E4E7F7;
    padding-top: 41px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mobile-menu-bottom>* {
    width: 100%;
    text-align: center;
}

.menu-item-tel .menu-item-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #5F79FF;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.menu-item-tel .menu-item-link:after {
    content: "\e93b";
    font-family: 'inetsys-ico' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6px;
    transition: 0.2s transform;
    padding-left: 2px;
    margin-top: -3px;
    height: 6px;
    display: inline-block;
}

.menu-item-tel:hover .menu-item-link:after {
    transform: rotate(180deg)
}

.city-switcher {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 24px;
}

.city-switcher>* {
    width: 100%;
    display: block;
    position: relative;
}

.city-switcher .tel_number {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    color: #414141;
    margin-bottom: -5px;
    margin-left: 5px;
    display: block;
    transition: all .2s;
}

.city-switcher .tel_number:hover {
    color: #5f79ff
}

.city-switcher .submenu.active {
    position: relative;
    width: 100%;
}

.city-switcher .submenu li {
    width: 50%;
    padding-bottom: 10px;
}

.city-switcher .submenu li:hover {
    color: #5F79FF;
}

.menu-mail {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #5F79FF;
    margin-bottom: 31px;
}

.header-button {
    width: auto;
    height: 50px;
    padding-left: 60px;
    padding-right: 60px;
    letter-spacing: 1px;
}

header .mobile-social-links {
    display: flex;
    justify-content: space-between;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 34px;
    padding-bottom: 32px;
    color: #414141;
}

header .mobile-social-links a {
    color: #414141;
    font-size: 14px;
}

.submenu.active {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
}

.submenu li {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 30px;
}

.nav-menu.submenu-active {
    transform: translateX(-120%);
    position: relative;
    padding-left: 0;
}

.menu-title.changed {
    padding-left: 30px;
    cursor: pointer;
}

.menu-title.changed:before {
    content: "\e939";
    font-family: 'inetsys-ico' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    padding-left: 3px;
    transition: all 0.2s, transform 0.4s;
    display: inline-block;
    transform: rotate(180deg);
}

.menu-title2 {
    display: none
}

@media (max-width: 992px) {
    header .nav-scrollable {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (min-width: 768px) {
    .mobile-menu span {
        display: none
    }

    header .header-wrap {
        height: 112px;
    }

    .active.header-nav {
        top: 112px;
		height: auto;
		overflow: hidden;
    }

    .menu-title {
        padding-left: 98px;
    }

    ul.nav-menu {
        padding-left: 96px;
        transition: all .01s;
    }

    .menu-item:not(.menu-item-tel) {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 25px;
    }

    .nav-menu .submenu.active {
        display: block;
        transform: translateX(0%);
        margin-left: calc(50.5% - 96px);
        padding-left: 0;
        position: absolute;
        top: 0;
    }

    .menu-title2 {
        position: absolute;
        left: 50.5%;
        top: 46px;
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        color: #A6A6A6;
    }

    .menu-title2.changed {
        display: block;
    }

    .nav-menu.submenu-active {
        transform: translateX(0);
        padding-left: 96px;
    }

    .menu-item-link.active:after {
        content: "\e939";
        font-family: 'inetsys-ico' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        padding-left: 3px;
        transition: all 0.2s, transform 0.4s;
        display: inline-block;
        transform: translateY(-3px)
    }

    .menu-title.changed {
        padding-left: 98px;
    }

    ul.nav-menu {
        margin-bottom: 60px;
    }

    .header-nav-contact>*:not(.mobile-menu) {
        display: flex;
        opacity: 1;
    }

    .header-nav-contact {
        width: calc(95% - 102px);
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .city-switcher {
        padding-bottom: 0px;
        margin-left: 45px;
        margin-right: 5px;
        width: 250px;
        flex-wrap: nowrap;
    }

    .menu-item-tel .menu-item-link {
        margin-bottom: -2px;
    }

    .header-button {
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 20px;
        white-space: nowrap;
    }

    .header-nav-contact .tel_number {
        width: 200%;
        margin-left: 0;
    }

    .header-nav-contact .city-switcher .submenu {
        position: absolute;
        width: 134px;
        flex-wrap: wrap;
        padding: 24px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 31;
        box-shadow: 0px 1.13351px 2.74791px rgb(0 0 0 / 1%), 0px 2.86674px 6.94968px rgb(0 0 0 / 2%), 0px 5.84789px 14.1767px rgb(0 0 0 / 3%), 0px 12.0455px 29.2013px rgb(0 0 0 / 4%), 0px 33px 80px rgb(0 0 0 / 7%);
    }

    .city-switcher .submenu li {
        width: 100%;
        cursor: pointer;
    }

    .city-switcher .submenu li:last-child {
        padding-bottom: 0px;
    }

    .mobile-menu-bottom {
        padding: 30px 40px 40px;
    }

    .mobile-menu-bottom .city-switcher {
        display: none
    }

    .mobile-menu-bottom .header-button {
        display: none
    }

    .mobile-menu-bottom .menu-mail {
        width: 200px;
        margin: 0;
        margin-right: auto;
        text-align: left;
    }

    .mobile-menu-bottom .mobile-social-links {
        width: 50%;
        padding: 0 14% 0 12px;
    }
}

@media (min-width: 992px) {
    header .nav-scrollable {
        overflow-y: visible;
    }

    .header-nav-contact>*:not(.city-switcher):not(.header-button) {
        display: none;
    }

    .header-nav {
        display: flex !important;
        width: calc(100% - 510px);
    }

    .menu-title {
        display: none;
    }

    .mobile-menu-bottom {
        display: none
    }

    ul.nav-menu {
        margin: 0;
        padding: 0;
        width: 100%;
        display: inline-flex;
        padding-left: 40px;
        padding-right: 20px;
        justify-content: space-between;
    }

    .header-nav-contact {
        width: 405px;
        flex-wrap: nowrap;
    }

    .header-nav-contact>*:not(.mobile-menu) {
        margin: 0;
        transform: translateX(0px);
    }

    .city-switcher {
        width: 230px;
    }

    .menu-item:not(.menu-item-tel), .menu-item.menu-item-tel {
        font-size: 14px;
        line-height: 14px;
        padding: 0;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: -10px;
    }

    .nav-menu .submenu, .nav-menu .submenu.active {
        position: absolute;
        padding: 24px;
        width: auto;
        top: 100%;
        left: -24px;
        transform: translateX(0);
        box-shadow: 0px 1.13351px 2.74791px rgb(0 0 0 / 1%), 0px 2.86674px 6.94968px rgb(0 0 0 / 2%), 0px 5.84789px 14.1767px rgb(0 0 0 / 3%), 0px 12.0455px 29.2013px rgb(0 0 0 / 4%), 0px 33px 80px rgb(0 0 0 / 7%);
    }

    .submenu li {
        white-space: nowrap
    }

    .submenu {
        z-index: 10;
    }

    .menu_dropdown:hover .submenu {
        display: block !important;
    }

    .menu_dropdown:not(.menu-item-tel) .menu-item-link:after {
        content: "\e939";
        display: inline-block;
        font-family: 'inetsys-ico' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 8px;
        height: 7px;
        transform: rotate(90deg);
        transition: 0.2s transform;
        margin-left: 5px;
    }

    .menu_dropdown:not(.menu-item-tel):hover .menu-item-link:after {
        transform: rotate(270deg) translateX(2px);
    }

    .submenu li {
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        padding-bottom: 16px;
    }

    .city-switcher .submenu li {
        padding-bottom: 16px;
    }

    .submenu li:last-child {
        padding-bottom: 0;
    }

    header .header-wrap {
        flex-wrap: nowrap;
    }

    .header-nav-contact .city-switcher .submenu {
        top: 100%;
        margin: 0;
    }
}

@media (min-width: 1025px) {
    ul.nav-menu {
        padding-right: 13%;
    }
}

@media (min-width: 1200px) {
    .menu-item:not(.menu-item-tel), .menu-item.menu-item-tel {
        padding-bottom: 7px;
    }

    .header-logo-block img {
        max-width: 162px;
    }

    .header-nav {
        width: 60%;
    }

    .header-nav-contact {
        width: 550px;
        flex-wrap: nowrap;
    }

    .menu-item-tel .menu-item-link {
        font-size: 16px;
        line-height: 16px;
        display: flex;
        align-items: center;
        margin-bottom: 0px;
    }

    .city-switcher {
        width: 250px;
    }

    .menu-item:not(.menu-item-tel) {
        font-size: 18px;
        line-height: 18px;
    }

    ul.nav-menu {
        padding-left: 14.5%;
        padding-right: 8%;
    }
}

@media (min-width: 1450px) {
    .wrap.header-wrap {
        padding-top: 0;
        height: 127px;
    }

    .header-nav {
        width: calc(100% - 715px);
    }

    .header-button {
        width: 222px;
        height: 63px;
        margin-left: 57px !important;
    }

    .header-nav-contact .tel_number {
        margin-left: 5px;
        font-size: 18px;
    }
}

.sticky-menu header {
    background-color: #fff !important;
    box-shadow: 0 1px 5px 0px #9494942e;
}

.sticky-menu.scroll_bottom header {
    position: fixed;
    width: 100%;
    transition: all 500ms ease 0.3s;
    top: -212px;
}

.sticky-menu.scroll_top header {
    position: fixed;
    width: 100%;
    z-index: 30;
    transition: all 300ms ease 0.01s;
    top: 0px;
}

.sticky-menu {
    margin-top: 90px;
}

@media (min-width: 768px) {
    .sticky-menu {
        margin-top:127px;
    }

    .sticky-menu header .header-wrap {
        height: 83px;
    }

    .sticky-menu .active.header-nav {
        top: 83px;
    }
}

/*------ header end ------*/
/*------ footer start ------*/
footer {
    padding-top: 23px;
    font-family: Muller;
    font-style: normal;
    background: #282e47;
    color: #fff;
}

.footer-logo-block {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding-bottom: 38px;
}

.footer-logo-text {
    font-size: 14px;
    line-height: 20px;
    padding-left: 16%;
}

footer ul {
    margin: 0;
}

.footer-menu {
    padding-bottom: 12px;
}

.footer-menu-main {
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
}

.footer-menu-main li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #AFB9F6;
    transition: all .3s
}

.footer-menu-main li a:hover {
    color: #919de6;
}

.footer-menu-service {
    display: flex;
    flex-wrap: wrap;
}

.footer-menu-service li {
    width: 50%;
    padding-bottom: 13px;
    padding-right: 3px;
}

.footer-menu-service li a {
    font-size: 13px;
    line-height: 14px;
    color: #E4E7F7;
    transition: all .3s;
}

.footer-menu-service li a:hover {
    color: #919de6;
}

.footer-contact {
    display: flex;
    flex-wrap: wrap
}

.footer-contact [class*="footer-contact-"] {
    width: 50%;
    padding-bottom: 10px;
}

.footer-contact [class*="footer-contact-"]:nth-child(odd) {
    padding-right: 1%;
}

.footer-contact .footer-contact-tver a, .footer-contact .footer-contact-moscow a {
    width: 100%;
    display: block;
    font-size: 18px;
    color: #AFB9F6;
    font-weight: 600;
    transition: all .3s
}

.footer-contact a:hover {
    color: #919de6;
}

.footer-contact-email a {
    font-size: 16px;
    line-height: 16px;
    color: #AFB9F6;
    transition: all .3s;
}

.footer-contact-social {
    display: flex;
    align-items: center;
}

.footer-contact-social a {
    display: inline-flex;
    padding-right: 7px;
    font-size: 14px;
    line-height: 14px;
    color: #AFB9F6;
    margin-top: 2px;
    transition: all .3s;
}

.footer-second {
    position: relative;
    margin-top: 34px;
    padding-top: 15px;
}

.footer-second:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
}

.footer-second .col {
    display: flex;
    justify-content: space-between
}

.footer-label-name {
    font-size: 14px
}

footer a {
    color: #fff;
    transition: all .3s
}

footer a:hover {
    color: #AFB9F6;
}

@media (min-width: 768px) {
    footer {
        padding-top: 43px;
        font-family: Muller;
        font-style: normal;
        background: #282e47;
        color: #fff;
    }

    footer>.wrap {
        max-width: calc(100% - 20px);
        width: 100%;
        margin-left: auto;
        margin-right: 0;
    }

    footer>.wrap .col {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-logo-block {
        width: 20%;
        flex-wrap: wrap;
        align-items: baseline;
    }

    .footer-logo-text {
        padding-left: 9px;
        padding-top: 14px;
        max-width: 140px;
    }

    .footer-menu {
        width: 80%;
        display: flex;
        padding-left: 10px;
    }

    .footer-menu-main {
        width: 23%;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .footer-menu-main li {
        margin-bottom: 13px;
        width: 100%;
    }

    .footer-menu-main li a {
        font-size: 18px;
    }

    .footer-menu-service {
        width: 77%;
    }

    .footer-menu-service li {
        padding-bottom: 15px;
        padding-left: 2px;
    }

    .footer-menu-service li a {
        font-size: 16px;
        line-height: 14px;
    }

    .footer-contact {
        width: 65%;
        padding-left: 9px;
        padding-top: 5px;
    }

    .footer-contact .footer-contact-moscow {
        order: 1;
        width: 60%;
    }

    .footer-contact .footer-contact-tver {
        order: 3;
        width: 60%;
    }

    .footer-contact .footer-contact-email {
        order: 2;
        width: 40%;
    }

    .footer-contact .footer-contact-social {
        order: 4;
        width: 40%;
    }

    .footer-contact .footer-contact-tver a, .footer-contact .footer-contact-moscow a {
        display: inline-block;
        width: auto;
    }

    .footer-contact .footer-contact-tver span {
        font-size: 15px;
        padding-right: 13px
    }

    .footer-contact .footer-contact-moscow span {
        font-size: 15px
    }

    .footer-contact [class*="footer-contact-"] {
        padding-bottom: 13px;
    }

    .footer-contact-social span {
        font-size: 15px
    }

    .footer-second {
        margin-top: 28px;
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .footer-copyright {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    footer>.wrap .col {
        flex-wrap: nowrap;
    }

    .footer-logo-block {
        width: 17%;
    }

    .footer-menu {
        width: 53.6%;
        padding-left: 0;
    }

    .footer-contact {
        width: 28%;
        padding-top: 0;
        align-content: baseline;
    }

    .footer-menu-main {
        width: 23%;
    }

    .footer-menu-service {
        width: 77%;
    }

    .footer-menu-service li a {
        white-space: nowrap
    }

    .footer-logo-text {
        padding-top: 6px;
    }

    .footer-contact .footer-contact-moscow {
        order: 1;
        width: 100%;
    }

    .footer-contact .footer-contact-tver {
        order: 2;
        width: 100%;
    }

    .footer-contact .footer-contact-email {
        order: 3;
        width: 100%;
    }

    .footer-contact .footer-contact-social {
        order: 4;
        width: 190px;
    }

    .footer-contact [class*="footer-contact-"] {
        padding-bottom: 14px;
    }
}

@media (min-width: 1200px) {
    footer>.wrap, .footer-second>.wrap {
        max-width: 1390px;
        padding-left: 10px;
        padding-right: 10px;
        margin: auto;
    }

    .footer-menu {
        width: 52%;
        padding-left: 0;
    }

    .footer-menu-main {
        width: 26%;
    }

    .footer-contact {
        width: 22%;
        position: relative;
    }

    .footer-contact .footer-contact-social {
        position: absolute;
        left: 100%;
        flex-wrap: wrap;
        width: 115px;
        padding-left: 10px;
    }

    .footer-contact-social span {
        width: 100%;
        margin-bottom: 15px;
    }

    .footer-second {
        margin-top: 11px;
    }
}

/*--- next-prev-projects ---*/
.next-project-banner-single.moskonditer-bcolor {
    background-color: #da0011
}

.next-project-banner-single.vbrr-site-bcolor {
    background-color: rgba(255, 204, 0, 1);
}

.next-project-banner-single.kalibr-site-bcolor {
    background-image: url(../img/portfolio/kalibr/site/kalibr-site-icoblock-background-768.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.next-project-banner-single.met-bcolor {
    background-color: #FEA500;
}

.next-project-banner-single.prigorod-bcolor {
    background-color: #2E2E2E
}

.next-project-banner-single.ruspetrol-bcolor {
    background-color: #2B63D0;
}

.next-project-banner-single.granplast-bcolor {
    background-color: #01A71F
}

.next-project-banner-single.stena-bcolor {
    background-color: #204059;
}

.next-project-banner-single.showbeep-bcolor {
    background-color: #8A17E5
}

.next-project-banner-single.vkrai-bcolor {
    background-color: #DA2323;
}

.moskonditer-bcolor.next-project-banner-single img {
    opacity: .8
}

.vbrr-site-bcolor.next-project-banner-single .next-project-banner-title,
.vbrr-site-bcolor.next-project-banner-single .next-project-banner-btn,
.vbrr-site-bcolor.next-project-banner-single .next-project-banner-btn.ico-arrow-right:after,
.vbrr-site-bcolor.next-project-banner-single .prev-project-banner-title,
.vbrr-site-bcolor.next-project-banner-single .prev-project-banner-btn,
.vbrr-site-bcolor.next-project-banner-single .prev-project-banner-btn.ico-arrow-left:before
{
    color: #414141 !important;
    border-color: #414141 !important
}

.next-project-banner-single {
    position: relative;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer
}

.next-project-banner img {
    position: absolute;
    max-width: 230px;
    left: 0;
    right: 0;
    top: 0%;
    margin: auto;
    opacity: .8;
    transition: all .25s;
}

.next-project-banner-single:hover img {
    opacity: 1;
    transform: scale(1.05);
}

.next-project-banner-title {
    display: flex;
    padding-top: 10px;
    align-items: center;
    padding-left: 10px;
    color: #fff;
    font-family: Muller;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 135%;
    position: relative;
}

.next-project-banner-btn {
    position: absolute;
    color: #fff;
    right: 42px;
    bottom: 6px;
    font-family: Muller;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    height: 36px;
    align-items: center;
    max-width: 90%;
    text-align: right;
}

.next-project-banner-btn:before {
    display: none;
}

.next-project-banner-btn.ico-arrow-right:after {
    content: "\e939";
    position: absolute;
    border: solid 2px #fff;
    border-radius: 99px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2px;
    right: -32px;
    font-size: 10px;
}

.prev-project-banner-btn {
    position: absolute;
    color: #fff;
    left: 42px;
    bottom: 6px;
    font-family: Muller;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    height: 36px;
    align-items: center;
    max-width: 90%;
}

.prev-project-banner-btn.ico-arrow-left:before {
    position: absolute;
    border: solid 2px #fff;
    border-radius: 99px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2px;
    left: -32px;
    font-size: 10px;
}

.next-project-banner .col-md-6:not(.col-md-6 + .col-md-6) {
    display: none
}

@media (min-width: 768px) {
    .next-project-banner .col-md-6:not(.col-md-6 + .col-md-6) {
        display:block
    }

    .next-project-banner-single {
        height: 237px;
    }

    .next-project-banner-title {
        padding-top: 15px;
        justify-content: center;
        font-size: 35px;
        padding-left: 0;
    }

    .next-project-banner-btn {
        right: 73px;
        bottom: 15px;
        font-size: 18px;
        line-height: 18px;
        display: flex;
        height: 48px;
    }

    .next-project-banner-btn.ico-arrow-right:after {
        width: 48px;
        height: 48px;
        display: flex;
        top: -2px;
        right: -58px;
        font-size: 16px;
    }

    .prev-project-banner-btn {
        left: 73px;
        bottom: 15px;
        font-size: 18px;
        line-height: 18px;
        display: flex;
        height: 48px;
    }

    .prev-project-banner-btn.ico-arrow-left:before {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -2px;
        left: -58px;
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .next-project-banner {
        margin-top:-20px
    }

    .next-project-banner-single {
        height: 294px;
    }

    .next-project-banner img {
        position: absolute;
        max-width: 72%;
        top: 7%;
    }
    .stena-bimage img {
        bottom: 80% !important;
    }
    .next-project-banner-btn {
        right: 83px;
        max-width: 150px;
    }

    .next-project-banner-title {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-size: 28px;
    }

    .prev-project-banner .next-project-banner-title {
        left: auto;
        right: 20px;
    }

    .prev-project-banner-btn {
        left: 83px;
        max-width: 150px;
    }

    .next-project-banner .col-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.image-zoom-hover {
    position: relative
}

.image-zoom-hover:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 48px;
    height: 48px;
    background-color: #fff;
    z-index: 1;
    border-radius: 99px;
    border: solid 2px #5e78ff;
    transition: all .3s;
}

.image-zoom-hover:before {
    font-family: 'inetsys-ico' !important;
    content: "\e931";
    position: absolute;
    font-size: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    z-index: 2;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5e78ff;
    padding-left: 2px;
    transition: all .3s;
}

.image-zoom-hover:hover:before {
    transform: rotate( 180deg );
}

.image-zoom-hover:hover:after {
    box-shadow: 0 0 0 10px rgb(94 120 255 / 20%);
    transform: rotate( 360deg );
}

.popup-block.popup-block-image {
    max-width: 100%;
    max-height: 100%;
}

.popup-block.popup-block-image .subwrap {
    padding: 10px;
}

.popup-block.popup-block-image .popup_header {
    justify-content: flex-end;
    padding-bottom: 10px;
    position: absolute;
    top: 25px;
    left: 0;
    width: calc(100% - 25px);
    z-index: 2;
}

.popup-block.popup-block-image .popup_header .popup-close {
    width: auto
}

.popup-block.popup-block-image img {
    object-fit: contain;
    max-height: 100%;
    margin: auto;
    display: flex;
    border-radius: 10px;
}

.popup-block.popup-block-image .popup_scroll:after {
    display: none;
}

.popup-block.popup-block-image .popup_scroll {
    max-height: 100%;
}

.custom-header-block {
    padding-top: 30px;
}

.custom-header-block .button-case {
    margin-top: 30px
}

.custom-header-block .button-case>* {
    margin-left: 0
}

@media (min-width: 768px) {
    .custom-header-block {
        padding-top: 0px;
    }

    .custom-header-block .heading-underline {
        margin-bottom: 46px;
    }

    .custom-header-block .heading-underline:before {
        bottom: -18px;
    }
}

@media (min-width: 992px) {
    .custom-header-block {
        padding-top: 50px;
    }

    .custom-header-block .heading-underline {
        margin-bottom: 64px;
    }

    .custom-header-block .heading-underline:before {
        bottom: -27px;
    }
}

@media (min-width: 1200px) {
    .custom-header-block {
        padding-top: 0px;
    }

    .custom-header-block .heading-underline {
        margin-bottom: 45px;
    }

    .custom-header-block .heading-underline + .text {
        max-width: 820px;
    }

    .custom-header-block .col-12 {
        display: flex;
        flex-wrap: wrap;
    }

    .custom-header-block .button-case {
        width: calc(100% - 820px);
    }

    .custom-header-block .button-case>* {
        width: 222px;
        margin-left: auto;
    }
}

.clients-page .clients-grid-block .row>* {
    text-align: center;
    padding-bottom: 40px;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.clients-page .clients-grid-block .row>* img {
    object-fit: scale-down;
    min-height: 42px;
}

@media (min-width: 768px) {
    .clients-page .clients-grid-block .row>* {
        width: 33.33%;
    }

    .clients-page .clients-grid-block .row>* img {
        object-fit: contain;
        max-width: 190px;
    }
}

@media (min-width: 992px) {
    .clients-page .clients-grid-block .row>* {
        width: 33.33%;
    }
}

@media (min-width: 1200px) {
    .clients-page .clients-grid-block .row>* {
        width: 20%;
        padding-bottom: 80px;
    }
}

@media (min-width: 1450px) {
    .clients-page .clients-grid-block .row>* img {
        object-fit: contain;
        min-height: 48px;
        max-width: 230px;
    }
}
.menu-item .menu-item-link.selected {
    color: #5F79FF
}
@media (min-width: 1200px) {
    .store-page .about-block .button-outline {
        margin-top: 0;
    }
}
.project-banner-kalibr-mobile ul.list-dotted li:before{
    background-color: #F92150;
}
.project-banner-kalibr-mobile .project-item{
    background-position: 49vw 110%, 33% 100%;
    background-repeat: no-repeat;
    background-size: 509px, auto;
}

.projects-store {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}
@media (min-width:768px) {
    .project-item .projects-store {
        max-width: 288px;
        margin-top: 10px;
    }
}
.project-item .projects-store a {
    max-width: 47%;
    display: block;
}
.bigwrap {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .bigwrap {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width:992px) {
    .bigwrap {
        padding-left: 46px;
        padding-right: 46px;
    }
}
@media (min-width: 1200px) {
    .bigwrap {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (min-width: 1450px) {
    .bigwrap {
        padding-left: 150px;
        padding-right: 150px;
    }
}

ol{
    letter-spacing: .5px;
    margin: 0;
    font-size: 16px;
    padding-left: 0;
}


ol li {
    padding: 12px 0 13px 28px;
    position: relative;
}

ol li:first-child {
    padding-top: 0;
}
ol {
	    list-style: none;
counter-reset: li;
}
ol > li:first-child::before {
    top: 2px;
}
ol > li::before {
	counter-increment: li;
    content: counter(li, decimal) ".";
    position: absolute;
    top: 14px;
    left: 0;
    display: inline-block;
    width: 15px;
    font-family:Muller, sans-serif;
    font-weight:bold;
    color:#5e78ff;
}

.showbeep-bimage img{
    top: 35px;
}
@media (min-width:992px){
.showbeep-bimage img{
    top: 47px;
}
}
@media (min-width:1200px){
.showbeep-bimage img{
    top: 0px;
}
}
@media (min-width:1450px){
.showbeep-bimage img{
   max-width:400px;
   top: 11px;
}
}
@media (max-width:374px){
    .icoblock-single .heading-3 {
    font-size:20px;
    padding-top: 20px;
}
}