/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */


/*баннер*/
.p-top {
    padding-top: 95px;
}
.p-bottom {
    padding-bottom: 95px;
}
.service-block h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    color: #222222;
    margin-top: 0;
    margin-bottom: 40px;
}
.service-block h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #222222;
    margin: 0;
}
.service-block .white-btn {
    background-color: #fff;
    color: #00569C;
    font-weight: 700;
    font-size: 16px;
}
.service-block .blue-btn {
    background: #00569C;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.service-block .white-btn:hover {
    color: #fff;
}
.service-list-text {
    font-size: 16px;
    line-height: 150%;
    color: #555555;
}
.service-list-text ul li {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}
.service-list-text ul li:last-child {
    margin-bottom: 0;
}
.service-list-text ul li:before {
    content: '';
    display: block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    background: url("../images/list-check.svg");
    margin-right: 10px;
    position: relative;
    top: auto;
}
.service-banner {
    width: 100%;
    background: #00569C;
    padding: 95px 0 90px 90px;
    position: relative;
}
.service-banner-bg {
    width: 600px;
    height: 100%;
    background-image: url("../images/service-banner-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
}
.service-banner-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 600px;
    height: auto;
    object-position: right;
}
.banner-img-text {
    width: 180px;
    height: 180px;
    background-image: url("../images/banner-img-text.svg");
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #00569C;
    transform: rotate(13.72deg);
    position: absolute;
    top: 15px;
    right: 5px;
}
.service-banner-info {
    max-width: 315px;
}
.service-banner-info h2 {
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 25px;
}
.service-banner-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #69AFE9;
    margin-bottom: 40px;
}
/*преимущества*/
.service-benefits-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.service-benefits-item {
    width: 33.3%;
    padding: 0 12px;
    margin-bottom: 30px;
}
.service-benefits-item:first-child img {
    width: 60px;
    min-width: 60px;
    height: auto;
    margin-bottom: 30px;
}
.service-benefits-item img {
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-bottom: 15px;
}
.service-benefits-item h3 {
    margin-bottom: 15px;
}
.service-benefits-item p {
    font-size: 16px;
    margin: 0;
}
.service-benefits-item.service-benefits-qr {
    position: relative;
}
.service-benefits-item.service-benefits-qr img {
    width: 240px;
    min-width: 240px;
    height: 240px;
    margin-bottom: 0;
    margin-left: auto;
}
.service-benefits-item.service-benefits-qr:before {
    content: '';
    display: block;
    width: 175px;
    height: 30px;
    background-image: url("../images/benefit-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.service-benefits .btn {
    margin-top: 10px;
}
/*информация*/
.service-info {
    display: flex;
}
.service-info .service-info-img {
    width: 470px;
    min-width: 470px;
    height: 555px;
    object-fit: contain;
}
.service-info .service-info-right {
    padding-left: 70px;
}
.service-info .service-info-desc {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #00569C;
    margin-bottom: 40px;
}
.service-info .service-list-text h3 {
    margin-bottom: 25px;
}
/*документы*/
.service-docs-nav {
    display: flex;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
.service-docs-nav:after {
    content: '';
    display: block;
    width: 100%;
    height: 1.5px;
    background: #F2F2F2;
    position: absolute;
    bottom: 0;
    left: 0;
}
h3.service-docs-nav-item {
    color: #999999;
    margin-right: 40px;
    cursor: pointer;
    position: relative;
}
h3.service-docs-nav-item.active {
    color: #00569C;
}
h3.service-docs-nav-item.active:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #00569C;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: 1;
}
.service-docs-blocks {
    margin-bottom: 40px;
}
.service-docs-block {
    display: none;
    justify-content: space-between;
    align-items: flex-start;
}
.service-docs-block.active {
    display: flex;
}
.service-docs-left {
    padding-right: 90px;
}
.service-docs-right {
    max-width: 425px;
    background: #FBFBFB;
    border: 1px solid #F2F2F2;
    border-radius: 8px;
    padding: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #00569C;
}
.service-docs-right h3 {
    color: #00569C;
    margin-bottom: 25px;
}
/*карточки*/
.service-cards-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.service-cards-item {
    width: 33.3%;
    padding: 0 12px;
    text-align: center;
    margin-bottom: 25px;
}
.service-cards-item-wrap {
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    padding: 50px 30px;
    height: 100%;
}
.service-cards-item-img {
    width: 100%;
    height: 160px;
    display: flex;
    align-items: flex-end;
}
.service-cards-item img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.service-cards-item .service-cards-item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #222222;
    max-width: 185px;
    margin: 25px auto;
}
.service-cards-item.service-cards-item-dop .service-cards-item-wrap {
    display: flex;
    align-items: center;
    border: none;
}
.service-cards-item.service-cards-item-dop .service-cards-item-dop-text {
    width: 240px;
    min-width: 240px;
    height: 240px;
    background-image: url("../images/cards-img.svg");
    background-size: contain;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #00569C;
    transform: rotate(13.72deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-cards-item.service-cards-item-dop .service-cards-item-dop-text span {
    max-width: 185px;
}
/*вопросы*/
.service-questions-item {
    background: #FBFBFB;
    border: 1px solid #F2F2F2;
    border-radius: 0 50px 50px 50px;
    padding: 50px;
    margin-bottom: 25px;
    cursor: pointer;
    position: relative;
}
.service-questions-item:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../images/question-arroy.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 55px;
    right: 50px;
    transition: all .3s ease;
}
.service-questions-item.active:after {
    transform: scale(-1, -1) translateY(50%);
}
.service-questions-item-title {
    display: flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #222222;
    padding-right: 130px;
}
.service-questions-item-title span {
    display: block;
    color: #00569C;
    width: 60px;
    min-width: 60px;
    margin-right: 15px;
}
.service-questions-item-answer {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #555555;
    height: 0;
    overflow: hidden;
}
.service-questions-item.active .service-questions-item-answer {
    height: auto;
    overflow: auto;
    margin-top: 25px;
}
.service-questions-item-answer span {
    display: block;
    color: #222222;
    font-weight: 700;
    width: 60px;
    min-width: 60px;
    margin-right: 15px;
}
/*отзывы*/
.service-reviews {
    display: none;
}
.service-reviews .btn {
    width: 100%;
    margin-top: 10px;
}
.service-reviews-item {
    background: #FBFBFB;
    border: 1px solid #F2F2F2;
    padding: 50px 50px 60px 50px;
    margin-bottom: 25px;
    display: flex;
}
.service-reviews-item-text-wrap {
    position: relative;
}
.service-reviews-item.review-big .service-reviews-item-more {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../images/question-arroy.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -25px;
    right: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
    cursor: pointer;
}
.service-reviews-item.review-big.active .service-reviews-item-more {
    transform: translateX(-50%) scale(-1, -1) translateY(50%);
}
.service-reviews-item.review-big .service-reviews-item-text {
    height: 145px;
    overflow: hidden;
    position: relative;
}
.service-reviews-item.review-big.active .service-reviews-item-text {
    height: auto;
    overflow: auto;
}
.service-reviews-item img {
    width: 175px;
    min-width: 175px;
    height: 175px;
    object-fit: cover;
    margin-right: 30px;
}
.service-reviews-item h3 {
    margin-bottom: 15px;
}
.service-reviews-item .service-reviews-item-text {
    font-size: 16px;
    line-height: 150%;
}
/*инфо о контактах*/
.service-contacts {
    padding-top: 65px;
}
.service-contacts-wrap {
    display: flex;
    align-items: flex-end;
}
.service-contacts-img {
    width: 450px;
    min-width: 450px;
    height: 550px;
    object-fit: contain;
}
.service-contacts-info {
    padding-left: 90px;
    padding-bottom: 50px;
}
.service-contacts-info h3 {
    margin-bottom: 25px;
}
.service-contacts-info-title {
    margin-bottom: 25px;
}
.service-contacts-mail {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.service-contacts-mail:before {
    content: '';
    display: block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-image: url("../images/mail-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
}
/*блок с формой*/
.service-feedback {
    padding: 70px 0px 0px 90px;
    background: #FBFBFB;
    border: 1px solid #F2F2F2;
    display: flex;
    min-height: 610px;

}
.service-feedback > div {
    width: 50%;
}
.service-feedback-left {
    padding-right: 45px;
}
.service-feedback-right {
    padding-left: 45px;
    position: relative;
}
.service-feedback-right-wrap {
    padding-right: 90px;
}
.service-feedback-text {
    font-size: 16px;
}
.service-feedback-img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
}
.service-feedback-img img {
    width: 100%;
}
/*//*/
.service-order {
    background: #FBFBFB;
    border: 1px solid #F2F2F2;
    padding: 70px 85px;
}
.service-order h2 {
    margin-bottom: 25px;
}
.service-order-text {
    font-size: 16px;
    margin-bottom: 50px;
}
body .service-order .maxwidth-theme {
    padding: 0!important;
}
.service-order .form.contacts.item-views.blocks .bottom {
    padding-top: 0;
}
.service-order .form-group {
    font-size: 0;
}
.service-order .form-group label {
    background: #FBFBFB!important;
    border-radius: 4px!important;
    padding: 2px 6px!important;
}
.service-order label span {
    font-weight: 500;
    line-height: 120%;
    color: #999999;
    font-size: 12px!important;
}
.service-order input:not([type="submit"]), .service-order .uploader {
    background: #fff!important;
}
.service-order-form .uploader .action {
    left: auto;
    right: 0;
}
.service-order-form .uploader .filename {
    padding-left: 5px;
}
.service-order .item-views.blocks {
    padding:0;
    margin: 0;
}
.service-order label.error {
    top: -20px!important;
}





.service-order-form .service-form-item {
    position: relative;
}
.service-order-form .form-group label {
    display: inline-block;
    font-weight: 500;
    font-size: 12px!important;
    line-height: 120%;
    color: #999999;
    padding: 2px 6px;
    background: #FBFBFB;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 8px;
    transform: translateY(-50%);
    z-index: 1;
}
.service-order-form-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-order-form .service-form-item {
    width: 45%;
}
.service-form-item-file label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-right: 8px;
}
.service-form-item-file label .file-status + span {
    background: #00569c;
    border-color: #00569c;
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 20px;
    border-radius: 2px;
    width: auto;
    cursor: pointer;
}
.service-form-item-file label .file-status + span:hover {
    background: #0067bb;
    border-color: #0067bb;
}
.input-file {
    display: none!important;
}


.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn {
    width: auto;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button {

}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button:hover {

}
/*формы*/
.service-form-feedback .service-form-item-label {
    display: none;
}
.service-form input, .service-form textarea, .service-form .service-form-item-file {
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    border-radius: 2px;
    padding-left: 15px;
    /*padding-top: 15px;*/
    font-size: 16px;
    margin-bottom: 30px;
}
.service-form input.file-status {
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    margin: 0;
    padding-left: 0;
}
.service-form input::placeholder {
    color: #999999;
}
.service-form textarea::placeholder {
    color: #999999;
}
.service-form textarea {
    width: 100%;
    height: 145px!important;
    padding-top: 15px;
}
.service-form .service-form-bottom {
    display: flex;
    align-items: center;
}
.service-form .btn {
    width: auto;
    margin: 0 40px 0 0;
    min-width: 115px;
}
.service-form .licenses_popup {
    width: 15px;
    min-width: 15px;
    height: 15px;
    padding: 15px 25px;
    margin-bottom: 0;
    margin-right: 8px;
}
.service-form br {
    display: none;
}
.service-form .service-form-bottom-licenses {
    display: flex;
    max-width: 180px;

}
.service-form-bottom-licenses-text {
    position: relative;
    padding-left: 20px!important;
    font-size: 13px!important;
}
.service-form-bottom-licenses-text:after {
    font-size: 0;
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    z-index: 2;
    border-radius: 2px;
    border: 1px solid #ccc;
}
.service-form-bottom-licenses-text:hover:after {
    background: #00569C;
}
.service-form .licenses_popup {
    display: none;
}
.service-form-bottom-licenses-text:before {
    font-size: 0;
    content: "";
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 2px;
    top: 7px;
    z-index: 3;
    background-image: url("/images/checkbox-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
input[type='checkbox']:checked + .service-form-bottom-licenses-text:after {
    background: #00569C;
}
input[type='checkbox']:checked + .service-form-bottom-licenses-text:before {
    display: block;
}
.load_more {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
}

@media (max-width: 1200px) {
    .p-top {
        padding-top: 70px;
    }
    .p-bottom {
        padding-bottom: 70px;
    }
    .service-block h2 {
        font-size: 26px;
    }
    .service-block h3 {
        font-size: 18px;
    }
    .service-banner {
        padding: 44px 0 30px 25px;
    }
    .service-banner-bg {
        width: 400px;
    }
    .service-banner-img {
        width: 400px!important;
    }
    .banner-img-text {
        width: 150px;
        height: 150px;
        font-size: 12px;
        top: 0px;
        right: 0px
    }
    .service-banner-info h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .service-banner-text {
        margin-bottom: 15px;
    }
    .service-benefits-item img {
        width: 70px;
        min-width: 70px;
        height: 70px;
        margin-bottom: 10px;
    }
    .service-benefits-item h3 {
        margin-bottom: 10px;
    }
    .service-info {
        align-items: flex-start;
    }
    .service-info .service-info-img {
        width: 300px;
        min-width: 300px;
        height: auto;
    }
    .service-info .service-info-right {
        padding-left: 20px;
    }
    .service-docs-left {
        padding-right: 40px;
    }
    .service-docs-right {
        max-width: 330px;
    }
    .service-docs-right h3 {
        margin-bottom: 15px;
    }
    .service-docs-blocks {
        margin-bottom: 20px;
    }
    .service-cards-item-wrap {
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .service-cards-item-wrap .btn {
        margin-top: auto;
        width: fit-content;
    }
    .service-cards-item-wrap .btn span {
        margin-right: 0;
    }
    .service-cards-item-img {
        height: 100px;
    }
    .service-cards-item.service-cards-item-dop .service-cards-item-dop-text {
        width: 220px;
        min-width: 220px;
        height: 220px;
        font-size: 18px;
        padding: 30px;
    }
    .service-contacts-img {
        width: 300px;
        min-width: 300px;
        height: auto;
    }
    .service-contacts-info {
        padding-left: 30px;
        padding-bottom: 30px;
    }
    .service-feedback {
        padding: 50px 0 0 40px;
    }
    .service-feedback-right-wrap {
        padding-right: 40px;
    }
    .service-feedback-left {
        padding-right: 0;
    }
    .service-block h2 {
        margin-bottom: 25px;
    }
    .service-feedback-img {
        width: 100%;
        bottom: -50px;
        right: -40px;
    }
    .service-form .service-form-bottom {
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .service-form .service-form-bottom-licenses {
        max-width: none;
        margin-bottom: 10px;
    }
    .service-order {
        padding: 50px 40px;
    }
    .service-form-item-file > div {
        padding: 10px;
        white-space: nowrap;
    }
    .service-form input.file-status {
        width: inherit;
    }
}
@media (max-width: 991px) {
    .service-left-block {
        display: none;
    }
    .service-right-block {
        width: 100%;
    }
    .service-benefits-item.service-benefits-qr img {
        width: 100%;
        min-width: 100%;
        height: auto;
    }
    .service-questions-item {
        padding: 35px;
    }
}
@media (max-width: 700px) {
    .service-feedback {
        flex-direction: column-reverse;
        padding: 50px 40px;
    }
    .service-feedback > div {
        width: 100%;
    }
    .service-feedback-right {
        padding-left: 0;
        margin-bottom: 30px;
    }
    .service-feedback-img {
        display: none;
    }
    .service-form .service-form-bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .service-order-form .service-form-item {
        width: 100%;
    }

}
@media (max-width: 768px) {
    .service-block h2 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .service-banner-info h2 {
        font-size: 22px;
    }
    .service-banner-info {
        max-width: 280px;
    }
    .service-banner-text {
        font-size: 14px;
    }
    .service-banner-bg, .service-banner-img {
        width: 250px!important;
    }
    .banner-img-text {
        width: 120px;
        height: 120px;
        font-size: 10px;
        top: 25px;
    }
    .service-benefits-item {
        width: 50%;
    }
    .service-benefits-item.service-benefits-qr img {
        width: 80%;
        min-width: 80%;
        height: auto;
    }
    .service-info .service-info-img {
        display: none;
    }
    .service-info .service-info-right {
        padding-left: 0;
    }
    .service-info .service-info-desc {
        margin-bottom: 30px;
    }
    .service-docs-block.active {
        display: block;
    }
    .service-docs-left {
        padding-right: 0px;
    }
    .service-docs-right {
        max-width: none;
        margin-top: 30px;
    }
    .service-cards-item {
        width: 50%;
    }
    .service-cards-item-img {
        height: 150px;
    }
    .service-cards-item.service-cards-item-dop {
        display: none;
    }
    .service-questions-item-title {
        padding-right: 60px;
    }
    .service-reviews-item {
        padding: 30px 30px 40px 30px;
    }
    .service-reviews-item img {
        width: 120px;
        min-width: 120px;
        height: 120px;
        margin-right: 20px;
    }
    .service-reviews-item h3 {
        margin-bottom: 10px;
    }
    .service-contacts-img {
        width: 250px;
        min-width: 250px;
    }
    .service-contacts-info {
        padding-bottom: 0;
    }
}
@media (max-width: 576px) {
    .p-bottom {
        padding-bottom: 50px;
    }
    .p-top {
        padding-top: 50px;
    }
    .service-block h3 {
        font-size: 16px;
    }
    .service-banner-bg, .service-banner-img, .banner-img-text {
        display: none!important;
    }
    .service-banner {
        padding: 44px 25px 30px 25px;
    }
    .service-banner-info {
        max-width: 100%;
    }
    .service-benefits-item {
        width: 100%;
    }
    .service-docs-nav {
        flex-wrap: wrap;
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    h3.service-docs-nav-item {
        margin-bottom: 20px;
    }
    h3.service-docs-nav-item.active:after {
        bottom: -5px;
    }
    .service-questions-item {
        padding: 20px;
        border-radius: 0 20px 20px 20px;
    }
    .service-questions-item:after {
        top: 30px;
        right: 10px;
    }
    .service-questions-item-title {
        padding-right: 0px;
        display: block;
    }
    .service-questions-item-answer {
        display: block;
    }
    .service-reviews-item {
        padding: 20px 20px 30px 20px;
        display: block;
    }
    .service-reviews-item img {
        width: 150px;
        min-width: 150px;
        height: 150px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .service-contacts {
        padding-top: 40px;
    }
    .service-contacts-info {
        padding-left: 0;
        margin-top: 20px;
    }
    .service-benefits-item.service-benefits-qr img {
        width: 250px;
        min-width: 250px;
    }
    .service-cards-item {
        width: 100%;
    }
    .service-contacts-wrap {
        display: block;
    }
    .service-cards-item-img {
        height: auto;
    }
    .service-cards-item img {
        max-width: 300px;
    }
    .service-cards-item .service-cards-item-title {
        max-width: none;
    }
}
@media (max-width: 460px) {
    .service-form .service-form-bottom {
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .service-feedback {
        padding: 30px 20px;
    }
    .service-order {
        padding: 30px 20px;
    }
    .service-form input.file-status {
        font-size: 14px;
    }
}

/*страница вход в системы*/
.systems {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
}

.systems-left {
    width: 20%;
}

.systems-left a {
    width: 100%;
    display: block;
}

.systems-left span {
    width: 200px;
}

.systems-right {
    position: relative;
}

.systems-right img {
    max-width: 100%;
}

.systems-right::before {
    display: block;
    width: 32px;
    height: 100%;
    content: '';
    position: absolute;
    background-color: rgb(255 255 255 / 50%);
}

.systems-right::after {
    display: block;
    width: 32px;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 32px;
    background-color: rgb(255 255 255 / 25%);
}


@media (max-width: 768px) {
	.systems-right {
		display: none;
	}
	
	.systems-left {
		width: 100%;
		text-align: center;
	}

}
@media (max-width: 450px) {
.fancybox-title-float-wrap {
    right: auto;
    left: calc(50% - 150px);
    width: 300px;
    margin-bottom: -60px;
}

.fancybox-title-float-wrap .child {
    margin-right: auto;
    max-width: 100%;
    display: block;
    white-space: normal;
}
}

.tech-types_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    margin-bottom: 2em;
    justify-content: space-between;
}

.tech-types_wrapper .item .label {
    color: inherit;
    background: none;
    /* margin: auto; */
    margin-top: 1em;
    width: 100%;
    font-size: 15px;
}

.tech-types_wrapper .item.shadow:hover {.list-type-block.item-views .item.shadow:
    hover {
    box-shadow: 0px 0px 27px rgba(0,0,0,0.1);
};
    transition: .5s ease all;
    box-shadow: 0px 0px 27px rgba(0,0,0,0.1);
}

.tech-types_wrapper .item {
    /* display: flex; */
    width: 300px;
    height: 300px;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    overflow-x: clip;
    border: 1px solid #ccc;
}

.tech-types_wrapper .item img {
    display: block;
    /* margin-bottom: 0; */
    bottom: 0;
    position: absolute;
    right: -50px;
}

.tech-types_wrapper .item:hover img {
    right: -25px;
    transition: .5s ease;
}

.service-cards-item-wrap {
    padding-top: 65px;
}
.service-cards-item {
    position: relative;
}
.service-cards-item-price-bg {
    position: absolute;
    top: 4px;
    right: 18px;
    width: 104px;
    height: 47px;
    background-color: #00569C;
}
.service-cards-item-price {
    position: absolute;
    top: 10px;
    right: 25px;
    padding: 12px 20px 12px 20px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #efb944;
}
.banner-img-text {
    display: none;
}

.service-banner-text {
    margin-bottom: 20px;
}

.service-banner-text-list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px;
}
.service-banner-text-list-item {
    position: relative;
    flex-basis: 100%;
    color: #fff;
    padding-left: 26px;
    margin-bottom: 4px;
}
.service-banner-text-list-item:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 1px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 3px;
}
.service-banner-text-description {
    position: absolute;
    bottom: 20px;
    left: 90px;
    color: #fff;
}

.service-benefits-item-border {
    text-align: center!important;
    padding: 20px;
    border: 1px solid #F2F2F2;
    min-height: 335px;
}
.service-benefits-item p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px;
}
.service-benefits-item-number {
    position: absolute;
    bottom: 70px;
    left: 34%;
    font-size: 32px;
    font-weight: bold;
    color: #000;
}
.service-benefits-item {
    position: relative;
}
.service-benefits-item img {
    position: absolute;
    bottom: 20px;
    left: 39%;
}

.service-benefits-item-border:hover {
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.service-benefits-filials {
    margin-top: 42px;
}
.filials-map {
    display: flex;
    flex-direction: row;
}
.maps-wrap {
    width: 50%;
}
.maps-address {
    width: 50%;
    background-color: #FBFBFB;
}
.maps-address-inner {
    padding: 24px;
}
.maps-address-inner p {
    font-size: 18px;
    font-weight: bold;
}

.service-feedback {
    margin-bottom: 62px;
}

@media (max-width: 768px) {

    .service-banner-text-description {
        position: relative;
        bottom: auto;
        left: auto;
    }
    .filials-map {
        flex-direction: column;
    }
    .maps-wrap {
        width: 100%;
    }
    .maps-address {
        width: 100%;
    }

}

.service-docs-photo-drivers-wrapper {
    position: relative;
    overflow: hidden;
}
.service-docs-photo-drivers-wrapper img {
    max-width: 100%;
}

.company-front.flexbox {
	align-items: center;
}

.tizers_block2 .item {
    flex-direction: column;
    border: 2px solid #00569c;
    min-height: 214px;
}
.tizers_block2 .item .img {
    margin: 0 0 12px 0;
    width: 100%;
    text-align: center;
}
.tizers_block2 .item > div {
    display: block;
}
.tizers_block2 .item .title {
    text-align: center;
}
.tizers_block2.vertical .item > .title {
    padding: 0 18px 12px 18px;
}
.tizers_block2 .item.item-benefits {
    background-image: url('/images/tizers_background.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.tizers_block2.vertical .item.item-benefits > .title {
    margin-top: 24px;
    color: #fff;
}
.tizers_block2 .item.item-benefits .title .top-text {
    font-size: 22px;
    line-height: 26px;
}
.tizers_block2 .item.item-benefits .button {
    text-align: center;
    margin-top: 24px;
    padding: 10px 40px;
}
.tizers_block2 .item.item-benefits .button a {
    padding: 12px 38px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}
.tizers_block2 .item.item-benefits .button a:hover {
    color: #fff;
    text-decoration: none;
}

.custom-image-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 6px 0;
}
.custom-image-block-img {
    width: 25%;
}
.custom-image-block-text {
    width: 74px;
    padding-top: 4px;
}
.custom-image-block-text-1 {
    color: #4587c1;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 4px;
}
.custom-image-block-text-2 {
    color: #15437a;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}

.rating-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 48px;
}
.rating__stars {
    width: 6em;
    max-width: 100%;
    position: relative;
}
.rating__stars img {
    width: 100%;
    display: block;
}
.rating__fill {
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}
.rating__stars {
    width: 8.5em;
}
.rating__fill img {
    width: 6em;
    display: block;
}

.custom-feedback-form {
    margin: 24px auto;
    width: 100%;
    max-width: 1312px;
}
.custom-feedback-form-header {
    background-color: #00569c;
    padding: 48px 61px 12px 61px;
     background-image: url('/images/tizers_background.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.custom-feedback-form-header-text {
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 48px;
}
.custom-feedback-form-container {
    position: relative;
    top: -48px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: 93%;
}
.custom-feedback-form-description {
    width: 50%;
    background-color: #fff;
    padding: 32px 24px 24px 24px;
    border: 1px solid #f5f5f5;
    position: relative;
    box-shadow: 0px 0px 0px 1px #f2f2f2;
}
.custom-feedback-form-self {
    width: 50%;
    background-color: #edf0f3;
    padding: 32px 24px 24px 24px;
    border: 1px solid #f5f5f5;
    position: relative;
    box-shadow: 0px 0px 0px 1px #f2f2f2;
}
.custom-feedback-form-description-top {
    margin-bottom: 24px;
}
.custom-feedback-form-description-top p {
    margin: 0 0 1px 0;
    padding: 0 0 1px 0;
    font-size: 16px;
    line-height: 18px;
}
.custom-feedback-form-description-top p:first-child {
    margin-bottom: 8px;
}
.custom-feedback-form-description-list {
    margin-bottom: 24px;
}
.custom-feedback-form-description-list p {
    margin: 0 0 12px 0;
    padding: 0 0 1px 0;
}
.custom-feedback-form-description-list p span {
    font-size: 26px;
    line-height: 28px;
    color: #00569c;
    font-weight: bold;
    margin-right: 8px;
}
.custom-feedback-form-self-header {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 12px;
}
.form-row {
    position: relative;
    margin-bottom: 18px;
}
.form-row input {
    width: 100%;
    border: 0 none;
    background-color: #fff;
    padding: 8px 24px 8px 12px;
    font-size: 16px;
    line-height: 18px;
    color: #555;
}
.form-row textarea {
    width: 100%;
    border: 0 none;
    background-color: #fff;
    padding: 8px 24px 8px 12px;
    font-size: 16px;
    line-height: 18px;
    color: #555;
}
.form-row button {
    float: left;
    border: 1px solid #00569c;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    background-color: #00569c;
    padding: 8px 24px;
}

.form-row .m-check {
    float: right;
    width: 60%;
}
.m-check input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
}
.m-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
}
.m-check label:before {
    content: '';
    z-index: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .8125em;
    border-radius: .125em;
    border: 1px solid #d0d4dc;
    width: 1.125em;
    height: 1.125em;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    background-size: .875em auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateY(.0625em);
    -ms-transform: translateY(.0625em);
    transform: translateY(.0625em);
}
.m-check input:checked+label::before {
    background-color: #00569c;
    border-color: #00569c;
    background-image: url(/images/check.svg);
}
.m-check._small label span {
    font-size: .8125em;
    line-height: 130%;
}
.m-check a {
    position: relative;
    z-index: 2;
    color: #1D1D1B;
}

.custom-feedback-form-personal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.custom-feedback-form-personal-photo {
    width: 29%;
}
.custom-feedback-form-personal-photo img {
    max-width: 75px;
    display: block;
    border-radius: 50%;
}
.custom-feedback-form-personal-contacts {
    width: 69%;
}
.custom-feedback-form-personal-contacts-name {
    font-weight: bold;
}

body table.contacts-stores tr td.img {
    width: 50%;
}
table.contacts-stores tr.item .phone {
    width: 1px;
    display: none!important;
}
body table.contacts-stores tr td.pays {
    width: 1px;
    display: none!important;
}

.contact-items-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
table.contacts-stores tr.item {
    min-height: 316px;
}

.contacts .border.row > div:first-of-type {
    padding: 0!important;
}
.bx-yandex-view-layout {
    margin-bottom: 0!important;
}
.contacts .border.row > div:last-of-type {
    padding: 24px;
}

.slides.items .plaxy {
    display: none;
}
.banners-big .slides .img img {
    display: none;
}

.banners-big .slides .text .inner {
    opacity: 1;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}

@media (max-width: 768px) {

    .slides.items .plaxy {
        display: block;
    }
    .banners-big .slides .img img {
        display: block;
    }

    .custom-feedback-form-header {
        padding-top: 32px;
    }
    .custom-feedback-form-container {
        flex-direction: column;
    }
    .custom-feedback-form-description {
        width: 100%;
    }
    .custom-feedback-form-self {
        width: 100%;
    }
    .form-row .m-check {
        width: 100%;
        margin-top: 24px;
    }

}

.subscribe-block-wrapper {
    display: none!important;
}

.contacts [itemprop=telephone] > a {
    font-size: 19px;
    line-height: 22px;
    font-weight: bold;
    margin: 8px 0 6px 0;
}

.show-mobile {
    display: none!important;
}
@media (max-width: 768px) {
    .show-desktop {
        display: none!important;
    }
    .show-mobile {
        display: block!important;
    }
}

.email.blocks img {
    position: absolute;
    top: 1px;
    left: 0;
    max-width: 18px;
}
/*.catalog.item-views.table .item .foot {
    margin-bottom: 42px;
}*/

.company-front.flexbox {
    flex-direction: column;
    align-items: flex-start;
}

.inner-table-block.address .icon {
    position: relative;
    top: 14px;
}

/* REVIEWS */
.mrw-widget {
    background: #f5f6fb;
    border-radius: 16px;
    padding: 20px;
    font-family: Arial, sans-serif;
}

/* HEADER */
.mrw-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.mrw-rating-score {
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

.mrw-rating-count {
    color: #777;
    font-size: 14px;
}

.mrw-sources span {
    margin-right: 15px;
    font-size: 14px;
}

/* TAGS */
.mrw-tags {
    margin-bottom: 15px;
}

.mrw-tags span {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    background: #fff;
    margin: 5px 5px 0 0;
    font-size: 13px;
}

/* SLIDER */
.mrw-slider {
    margin-bottom: 20px;
}

.mrw-slide {
    padding: 10px;
}

.mrw-card {
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    height: 100%;
}

/* USER */
.mrw-user {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.mrw-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #7cc6a6;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-weight: bold;
}

.mrw-name {
    font-weight: bold;
    font-size: 14px;
}

.mrw-date {
    font-size: 12px;
    color: #777;
}

/* CONTENT */
.mrw-stars {
    color: #5a5af7;
    margin-bottom: 8px;
}

.mrw-text {
    font-size: 14px;
    color: #333;
}

/* FOOTER */
.mrw-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mrw-btn {
    border: none;
    background: #e0e0ff;
    padding: 10px 16px;
    border-radius: 20px;
    cursor: pointer;
}

.mrw-btn-primary {
    background: linear-gradient(135deg, #5a5af7, #7a7aff);
    color: #fff;
}

/* ADAPTIVE */
@media (max-width: 768px) {
    .mrw-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .mrw-footer {
        flex-direction: column;
        gap: 10px;
    }

    .mrw-btn {
        width: 100%;
    }
}

.logo_and_menu-row .phone-block .schedule {
    margin: 0 0 0 31px;
}
.logo_and_menu-row .phone-block .schedule + p {
    position: absolute!important;
    margin-top: -3px!important;
    right: 56px;
}

.item-views.table .item .text {
    overflow: visible;
}

.custom-feedback-modal-form .custom-feedback-form-self {
    width: 100%;
}
.custom-feedback-modal-form .custom-feedback-form-self .form-row:last-child {
    min-height: 50px;
}
.custom-feedback-modal-form .form-row .m-check {
    position: relative;
}