/* Start:/bitrix/templates/kastudio/components/bitrix/news/projects/bitrix/news.detail/.default/style.css?179205533029235*/
.project {
    display: block;
}
/*If no detail picture*/
.project .project-header.header-no-img .project-description {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 60px 0;
}
.project .project-header.header-no-img .project-description .project-text-wrapper {
    display: block;
    width: 75%;
    float: left;
}
.project .project-header.header-no-img .project-text-wrapper .project-description-text {
    padding-right: 35px;
}
.project .project-header.header-no-img .project-text-wrapper .project-description-items {
    float: none;
    width: initial;
}
.project .project-header.header-no-img .project-text-wrapper .project-description-items .project-description-items-wrapper {
    font-size: 0;
    text-align: left;
}
.project .project-header.header-no-img .project-text-wrapper .project-description-items .project-description-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.project .project-header.header-no-img .project-description .project-description-buttons {
    width: 25%;
    float: right;
}

/*With detail picture*/
.project .project-header {
    display: block;
    position: relative;
    background: #f7f7f7;
    overflow: hidden;
}
.intec-content-right .project .project-header {
    padding: 0 25px;
}
.project .project-header .intec-content {
    height: 100%;
}
.project .project-header .intec-content .intec-content-wrapper {
    height: 100%;
}
.project .project-header .project-description {
    display: block;
    float: left;
    width: 480px;
    height: 100%;
    padding: 60px 0 60px 15px;
}
.project .project-header .project-description .project-description-title {
    display: block;
    font-size: 2em;
    font-weight: bold;
    color: #585757;
    line-height: 1.5;
    margin-bottom: 30px;
    margin-top: 0;
}
.project .project-header .project-description .project-description-text {
    display: block;
    font-size: 1em;
    color: #585757;
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: 55px;
}
.project .project-header .project-description .project-description-items {
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
}
.project .project-header .project-description .project-description-items .project-description-items-wrapper {
    display: block;
    overflow: hidden;
    margin: -12px;
    min-width: 24px;
    min-height: 24px;
}
.project .project-header .project-description .project-description-items .project-description-item {
    display: block;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.project .project-header .project-description .project-description-items .project-description-item .project-description-item-title {
    display: block;
    font-size: 14px;
    color: #2d2d2d;
    line-height: 1.2;
    overflow: hidden;
    height: 21px;
}
.project .project-header .project-description .project-description-items .project-description-item .project-description-item-text {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #2d2d2d;
    line-height: 1.2;
    overflow: hidden;
}
.project .project-header .project-description .project-description-buttons {
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
}
.project .project-header .project-description .project-description-buttons .project-description-buttons-wrapper {
    display: block;
    margin: -6px 0;
    overflow: hidden;
    min-height: 12px;
}
.project .project-header .project-description .project-description-buttons .project-description-button-wrap {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 0;
}
.project .project-header .project-image {
    display: block;
    margin-left: 510px;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    padding: 60px 0 90px 0;
}
.project .project-header .project-image.project-image-adaptive {
    display: none;
}
.project .project-header .project-image img {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
    -webkit-box-shadow: 0 39px 50px -10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 39px 50px -10px rgba(0,0,0,0.4);
    box-shadow: 0 39px 50px -10px rgba(0,0,0,0.4);
}
.project .project-header .project-image img[data-lazyload-use='true'] {
    width: 620px;
    height: 430px;
}
.project .project-sections {
    display: block;
    overflow: hidden;
}
.project .project-sections .project-sections-wrapper {
    display: block;
    margin: -50px 0;
    overflow: hidden;
    min-height: 100px;
}
.project .project-sections .project-section {
    display: block;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.project .project-sections .project-section.project-section-indent {
    padding: 0;
}
.project .project-sections .project-section.project-section-indent + .project-section {
    padding-top: 95px;
}
.project .project-sections .project-section .project-section-wrapper {
    display: block;
}
.project .project-sections .project-section .project-section-title {
    display: block;
    text-align: center;
    font-size: 1.57142858em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

@media all and (max-width: 1000px) {
    .project .project-header .project-description {
        width: 280px;
    }
    .project .project-header .project-description .project-description-items,
    .project .project-header .project-description .project-description-buttons {
        float: none;
        width: auto;
    }
    .project .project-header .project-description .project-description-buttons {
        margin-top: 15px;
    }
    .project .project-header .project-image {
        margin-left: 310px;
    }
}

@media all and (max-width: 700px) {
    .project .project-header {
        height: auto;
        max-height: initial;
    }
    .project .project-header .project-description {
        width: auto;
        padding: 40px 0 60px 0;
    }
    .project .project-header .project-description .project-description-items,
    .project .project-header .project-description .project-description-buttons {
        float: left;
        width: 50%;
    }

    .project .project-header.header-no-img .project-description .project-text-wrapper {
        width: 100%;
    }
    .project .project-header.header-no-img .project-text-wrapper .project-description-text {
        padding-right: 0;
    }
    .project .project-header.header-no-img .project-description .project-description-buttons {
        width: auto;
        float: left;
        margin-top: 55px;
    }

    .project .project-header .project-description .project-description-buttons {
        margin-top: 0;
    }
    .project .project-header .project-image {
        display: none;
    }
    .project .project-header .project-image.project-image-adaptive {
        display: block;
        float: none;
        margin-left: 0;
        height: 300px;
        margin-bottom: 50px;
        padding: 0;
    }
    .project .project-sections .project-sections-wrapper {
        margin: -25px 0;
    }
    .project .project-sections .project-section {
        padding: 25px 0;
    }
    .project .project-sections .project-section.project-section-indent + .project-section {
        padding-top: 70px;
    }
}

@media all and (max-width: 420px) {
    .project .project-header .project-description .project-description-items,
    .project .project-header .project-description .project-description-buttons {
        float: none;
        width: auto;
    }
    .project .project-header .project-description .project-description-buttons {
        margin-top: 25px;
    }
}

@media all and (max-width: 380px) {
    .project .project-header .project-image.project-image-adaptive {
        height: 200px;
    }
}

/** Objective && Information **/
.project .project-objective,
.project .project-information {
    display: block;
    overflow: hidden;
    font-size: 1.14285715em;
    line-height: 1.5;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 2;
}

@media all and (max-width: 720px) {
    .project .project-objective,
    .project .project-information {
        font-size: 1em;
    }
}
/** /Objective && Information **/

/** Services **/
.project .project-services {
    display: block;
    overflow: hidden;
}
.project .project-services .project-services-wrapper {
    margin: -10px -25px;
}
.project .project-services .project-service {
    padding: 10px 25px;
}
.intec-content-right .project .project-services .project-service {
    width: 50%;
}
.project .project-services .project-service .project-service-wrapper {
    display: block;
}
.project .project-services .project-service .project-service-wrapper-2 {
    display: table;
    width: 100%;
}
.project .project-services .project-service .project-service-wrapper-3 {
    display: table-row;
}
.project .project-services .project-service .project-service-image,
.project .project-services .project-service .project-service-information {
    display: table-cell;
    vertical-align: middle;
}
.project .project-services .project-service .project-service-image .project-service-image-wrapper {
    display: block;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.project .project-services .project-service .project-service-information {
    width: 100%;
}
.project .project-services .project-service .project-service-information .project-service-information-wrapper {
    margin-left: 20px;
}
.project .project-services .project-service .project-service-information .project-service-name {
    font-size: 14px;
    color: #0e6afc;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.5;
    height: 21px;
}
.project .project-services .project-service .project-service-information .project-service-description {
    font-size: 12px;
    color: #888c94;
    line-height: 1.5;
    max-height: 54px;
    overflow: hidden;
    margin-top: 10px;
}

@media all and (max-width: 1000px) {
    .project .project-services .project-service {
        width: 50%;
    }
}

@media all and (max-width: 620px) {
    .project .project-services .project-service {
        width: 100%;
    }
    .intec-content-right .project .project-services .project-service {
        width: 100%;
    }
}
/** /Services **/

/** Review **/
.project-review {
    display: block;
    position: relative;
    margin-left: 75px;
    border: 1px solid #e8e8e8;
    min-height: 240px;
}
.project-review .project-review-header {
    display: block;
    position: absolute;
    top: 8px;
    left: -75px;
    width: 150px;
    padding: 10px;
    background: #fff;
    text-align: center;
}
.project-review .project-review-header .project-review-image {
    display: block;
}
.project-review .project-review-header .project-review-image .project-review-image-wrapper {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 10px auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.project-review .project-review-header .project-review-name {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    max-height: 42px;
    color: #0e6afc;
}
.project-review .project-review-header .project-review-signature {
    display: block;
    font-size: 10px;
    line-height: 1.5;
    max-height: 45px;
    color: #6a6a6a;
    overflow: hidden;
}
.project-review .project-review-information {
    display: block;
    margin: 50px 60px 40px 120px;
    font-size: 16px;
    line-height: 1.5;
    color: #2d2d2d;
    max-height: 192px;
    overflow: hidden;
}

@media all and (max-width: 600px) {
    .project-review {
        margin-left: 0;
    }
    .project-review .project-review-header {
        position: relative;
        left: 0;
        margin-left: 0;
        padding: 20px;
        width: auto;
    }
    .project-review .project-review-header .project-review-image {
        width: 80px;
        height: 80px;
        float: left;
    }
    .project-review .project-review-header .project-review-name,
    .project-review .project-review-header .project-review-signature {
        margin-left: 110px;
        text-align: left;
    }
    .project-review .project-review-header .project-review-name {
        margin-top: 5px;
    }
    .project-review .project-review-information {
        margin: 20px;
        font-size: 14px;
        max-height: 168px;
    }
}
/** /Review **/

/** Gallery **/
.project-gallery {
    display: block;
    position: relative;
    z-index: 2;
}
.project-gallery .project-gallery-wrapper {
    display: block;
}
.project-gallery .project-gallery-image {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
}
.project-gallery .project-gallery-image .project-gallery-image-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
}
.project-gallery .project-gallery-image .project-gallery-image-wrapper:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    z-index: 1;
}
.project-gallery .project-gallery-image .project-gallery-image-wrapper-2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project-gallery .project-gallery-image .project-gallery-image-wrapper-3 {
    display: block;
    width: 100%;
    height: 100%;
}
.project-gallery .project-gallery-image .project-gallery-image-wrapper-4 {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.project-gallery .project-gallery-image img {
    display: none;
}

@media all and (max-width: 560px) {
    .project-gallery .project-gallery-image {
        width: 50%;
    }
}
/** /Gallery **/

/** Images **/
.project-images {
    display: block;
}
.project-images .project-images-wrapper {
    display: block;
    margin: -11px;
}
.project-images .project-images-image {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px;
    width: 50%;
}
.project-images .project-images-image .project-images-image-wrapper {
    display: block;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
    padding-top: 90%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -ms-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
}
.project-images .project-images-image .project-images-image-wrapper:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.project-images .project-images-image .project-images-image-wrapper-2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project-images .project-images-image .project-images-image-wrapper-3 {
    display: block;
    width: 100%;
    height: 100%;
}
.project-images .project-images-image .project-images-image-wrapper-4 {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.project-images .project-images-image img {
    display: none;
}

@media all and (max-width: 420px) {
    .project-images .project-images-image {
        float: none;
        width: auto;
    }
}
/** /Images **/

/** Solution **/
.project-solution {
    display: block;
}
.project-solution.project-solution-begin,
.project-solution.project-solution-end {
    padding: 70px 15px;
}
.project-solution.project-solution-begin {
    background: #f7f7f7;
}
.intec-content-right .project-solution.project-solution-begin {
    padding-left: 25px;
    padding-right: 25px;
}
.project-solution.project-solution-image .project-solution-image-wrapper {
    display: block;
    max-width: 90%;
    margin: 0 auto;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.project-solution .project-solution-text {
    font-size: 1.14285715em;
    line-height: 1.5;
}
.project-solution.project-solution-begin + .project-solution-image {
    margin-top: 70px;
}

@media all and (max-width: 720px) {
    .project-solution .project-solution-text {
        font-size: 1em;
    }
}
/** /Solution **/
/* ===== 2026-10-12: единый шаблон проекта (замечания Романа по ПК) ===== */
/* галерея визуализаций без крупных стрелок (листается миниатюрами, мышью и пальцем) */
.project .slider-dots-main .owl-nav { display: none !important; }
/* галерея крупнее, паспорт объекта уже — в одну колонку */
@media (min-width: 1024px) {
    .project .sec-projectArticle-page__slider { flex: 0 0 66%; max-width: 66%; }
    .project .sec-projectArticle-page__body { flex: 1 1 auto; min-width: 0; margin-left: 40px; }
    .project .slider-dots-main__el { height: 460px; }
    .project .project-descrp { display: block; }
    .project .project-descrp__side { width: 100%; }
    .project .project-descrp__el { margin-bottom: 12px; }
    .project .project-descrp__title { font-size: 14px; line-height: 1.5; }
    .project .project-descrp__text { font-size: 16px; line-height: 1.5; }
}
@media (min-width: 1200px) {
    .project .slider-dots-main__el { height: 520px; }
}
/* «О проекте» и авторы */
.project .ka-project-about__text > *:last-child { margin-bottom: 0; }
/* «Авторы проекта»: мини-заголовок (размер заголовка карточки) и по автору в строке, отступ до формы */
.project .ka-project-authors-block { padding: 30px 0 70px; }
.project .ka-project-authors__title { margin: 0 0 12px; font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: .05em; color: #454545; }
.project .ka-project-authors__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.project .ka-project-authors__list li { margin: 0; padding: 0; }
.project .ka-project-authors__list li::before { content: none; }
@media (max-width: 767px) {
    .project .ka-project-authors-block { padding: 20px 0 50px; }
    .project .ka-project-authors__title { font-size: 18px; }
}
/* «Решение»: чертёж — слайдер «обмерочный план / планировочное решение» или одна картинка */
.project .ka-project-solution .sec-top { margin-bottom: 0; }
.ka-plan-compare, .ka-plan-single { position: relative; max-width: 1170px; margin: 0 auto 30px; border: 1px solid #ECECEC; background: #fff; line-height: 0; }
.ka-plan-compare { user-select: none; touch-action: pan-y; }
.ka-plan-compare__img, .ka-plan-single img { display: block; width: 100%; height: auto; }
.ka-plan-single img { cursor: zoom-in; }
.ka-plan-compare__front { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--ka-pos, 50%)) 0 0); background: #fff; }
.ka-plan-compare__front .ka-plan-compare__img { width: 100%; height: 100%; object-fit: contain; }
.ka-plan-compare__handle { position: absolute; top: 0; bottom: 0; left: var(--ka-pos, 50%); width: 3px; margin-left: -1.5px; background: #642287; box-shadow: 0 0 0 1px #fff; pointer-events: none; }
/* 2026-10-12: ручка контрастнее — белый круг с фиолетовой обводкой и стрелками, заметен на любом чертеже. 2026-10-13: меньше (44 px) и строго по оси линии — box-sizing: border-box (Роман) */
.ka-plan-compare__handle::after { content: ""; position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; border: 3px solid #642287; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23642287' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center / 22px no-repeat; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); }
.ka-plan-compare:hover .ka-plan-compare__handle::after, .ka-plan-compare:focus-within .ka-plan-compare__handle::after { background-color: #F3ECF7; }
.ka-plan-compare__hint { margin: 0 0 16px; text-align: center; color: #8A8A99; }
.ka-plan-compare__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.ka-plan-compare__label { position: absolute; top: 12px; z-index: 2; padding: 2px 10px; background: rgba(255, 255, 255, .92); color: #454545; font-size: 14px; line-height: 1.5; letter-spacing: .05em; pointer-events: none; }
.ka-plan-compare__label_front { left: 12px; }
.ka-plan-compare__label_back { right: 12px; }
.project .ka-project-solution__text > p:last-child { margin-bottom: 0; }
/* «Фотографии реализованного проекта» — сетка */
.ka-project-photos { padding: 40px 0; }
.ka-project-photos__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.ka-project-photos__item { display: block; overflow: hidden; }
.ka-project-photos__item img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .2s; }
.ka-project-photos__item:hover img { transform: scale(1.03); }
@media (max-width: 1023px) { .ka-project-photos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
@media (max-width: 600px) {
    .ka-project-photos { padding: 24px 0; }
    .ka-project-photos__grid { grid-template-columns: 1fr; gap: 16px; }
    .ka-plan-compare__label { top: 8px; font-size: 12px; padding: 1px 6px; }
    .ka-plan-compare__label_front { left: 8px; }
    .ka-plan-compare__label_back { right: 8px; }
    /* 2026-10-13: на телефоне ручка меньше, подпись «Планировочное решение» внизу, чтобы подписи не налезали друг на друга (Роман) */
    .ka-plan-compare__handle::after { width: 34px; height: 34px; margin: -17px 0 0 -17px; border-width: 2px; background-size: 18px; }
    .ka-plan-compare__label_back { top: auto; bottom: 8px; }
    /* 2026-10-13: на телефоне слайдер во всю ширину экрана, без боковых полей — чертёж крупнее (Роман) */
    .ka-plan-compare { margin-left: -15px; margin-right: -15px; border-left: 0; border-right: 0; }
}
/* отступ «О проекте» от галереи */
.project .sec-project-about:not(.ka-project-authors-block) { padding-top: 50px; }
@media (max-width: 767px) { .project .sec-project-about:not(.ka-project-authors-block) { padding-top: 30px; } }
/* 2026-10-12: «Отзыв заказчика» — обезличенная аватарка, мельче и по центру */
.project .sec-review .review-el { display: flex; flex-direction: column; align-items: center; }
.project .sec-review .review-el__img.ka-review-avatar { width: 96px; height: 96px; max-width: none; flex: none; margin: 0 0 -48px; border: 0; border-radius: 50%; position: relative; z-index: 2; box-shadow: 0 0 30px rgba(0, 0, 0, .05); }
.project .sec-review .review-el__body { width: 100%; margin: 0; padding-top: 72px; text-align: center; }
.project .sec-review .review-el__text { text-align: left; }
/* 2026-10-13: «На весь экран» для слайдера «Решение» (телефон/планшет), откат — $kaPlanFullscreen = false в parts/solution.php (Роман) */
.ka-plan-compare__more, .ka-plan-compare__close { display: none; }
@media (max-width: 1023px) {
    .ka-plan-compare__more { display: block; margin: -14px 0 30px; }
    .ka-plan-compare__full { background: none; border: 0; padding: 6px 0; cursor: pointer; }
}
.ka-plan-compare-wrap:fullscreen, .ka-plan-compare-wrap_full { display: flex; align-items: center; justify-content: center; background: #fff; }
.ka-plan-compare-wrap_full { position: fixed; inset: 0; z-index: 10050; }
.ka-plan-compare-wrap:fullscreen .ka-plan-compare, .ka-plan-compare-wrap_full .ka-plan-compare { width: min(100vw, calc(100vh * var(--ka-ar, 1.5))); max-width: none; margin: 0; border: 0; }
.ka-plan-compare-wrap:fullscreen .ka-plan-compare__close, .ka-plan-compare-wrap_full .ka-plan-compare__close { display: block; position: absolute; top: 12px; right: 12px; z-index: 3; width: 44px; height: 44px; padding: 0; border: 3px solid #642287; border-radius: 50%; background: #fff; color: #642287; font-size: 28px; line-height: 36px; text-align: center; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); }
html.ka-plan-fs-lock, html.ka-plan-fs-lock body { overflow: hidden; }
/* ===== 2026-10-15 (задача №7, #75): лента квадратных миниатюр под галереей визуализаций (у проектов с флажком «Лента миниатюр в галерее») ===== */
.ka-thumbs { position: relative; }
.ka-thumbs__track { position: relative; display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ka-thumbs__track::-webkit-scrollbar { display: none; }
.ka-thumbs__el { position: relative; flex: 0 0 calc((100% - 40px) / 5); aspect-ratio: 1 / 1; margin: 0; padding: 0; border: 0; background: #F2F2F2; cursor: pointer; transition: opacity .2s; }
.ka-thumbs__el img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.ka-thumbs__el.is-current { opacity: .5; }
.ka-thumbs__arrow { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-top: -22px; padding: 0; border: 1px solid #E9E9E9; background: #fff; cursor: pointer; }
.ka-thumbs__arrow[hidden] { display: none; }
.ka-thumbs__arrow[disabled] { opacity: .4; cursor: default; }
.ka-thumbs__arrow_prev { left: 0; }
.ka-thumbs__arrow_next { right: 0; }
/* ПК: шаг в одну миниатюру, стрелки на большом фото */
@media (min-width: 1025px) {
    .ka-thumbs__track { scroll-snap-type: x mandatory; }
    .ka-thumbs__el { scroll-snap-align: start; }
    .project .ka-gallery-thumbs .slider-dots-main .owl-nav { display: block !important; }
}
/* телефон и планшет: свободная прокрутка пальцем, стрелок нет */
@media (max-width: 1024px) {
    .ka-thumbs__el { flex-basis: calc((100% - 40px) / 4.5); }
    .ka-thumbs__arrow { display: none !important; }
}

/* 2026-10-15 (задача №7, правки Романа): на ПК стрелки на большом фото без фона — только белая «галочка» с тенью */
@media (min-width: 1025px) {
    .project .ka-gallery-thumbs .slider-dots-main .owl-nav button { background: none !important; box-shadow: none !important; }
    .project .ka-gallery-thumbs .slider-dots-main .owl-nav button svg rect { display: none; }
    .project .ka-gallery-thumbs .slider-dots-main .owl-nav button svg path { fill: #fff; }
    .project .ka-gallery-thumbs .slider-dots-main .owl-nav button svg { filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .6)); }
}
/* паспорт не выше галереи: меньше отступ между строками */
@media (min-width: 1024px) {
    .wrapper .project .project-descrp__el { margin-bottom: 10px; }
}
/* на ПК 1024–1199 px паспорт выше галереи — большое фото той же высоты, что на широких экранах */
@media (min-width: 1024px) and (max-width: 1199.98px) {
    .project .ka-gallery-thumbs .slider-dots-main__el { height: 520px; }
}

/* 2026-10-15: «Заказать звонок» у паспорта — шире текста, с отступами по краям */
@media (min-width: 768px) {
    .project .sec-projectArticle-page__btns .btn { width: auto; min-width: 47%; padding-left: 24px; padding-right: 24px; }
}

/* End */


/* Start:/bitrix/templates/kastudio/components/altasib/feedback.form/main/form_style.min.css?179174109645513*/
.modal_form{
        border-radius:5px;
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        box-shadow:0 0 33px rgba(0,0,0,0.36);
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:40px 20px 40px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:#000;
        opacity:0.2;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}
.afbf_success_block{
        height:140px;
        display:table;
        vertical-align:middle;
        width:100%;
        margin-bottom:20px;
}
.afbf_success_block._without-popup{
        height:100px;
}
.afbf_success_block._without-popup .afbf_mess_ok{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.afbf_success_block._without-popup .afbf_mess_ok .mess{
        margin: 0 50px;
}
.afbf_success_block._without-popup .afbf_ok_icon{
        display:inline-block;
        width:auto;
        min-width:50px;
        float:left;
        margin-bottom:0;
}
.afbf_mess_ok{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* animation loading */

@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */


.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/bitrix/templates/kastudio/components/altasib/feedback.form/main/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/bitrix/templates/kastudio/components/altasib/feedback.form/main/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
.alx-feedb-error{
        margin-top:20px;
}
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}



.afbf_item_pole .afbf_select,
.afbf_item_pole .afbf_textarea{
        height:34px;
        width:100%;
        padding:7px 5px !important;
        font-size:14px;
        outline:none;
        border:1px solid #e0e0e0;
}
.afbf_item_pole.item_pole__captcha .afbf_inputtext{
        box-sizing:content-box;
        padding:7px 0px !important;
}
.afbf_item_pole select.afbf_inputtext.afbf_select_sect{
        height:auto;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/bitrix/templates/kastudio/components/altasib/feedback.form/main/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:102px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:34px;
        min-width:100%;
}
.afbf_submit_block{
        margin:30px 0px 0px 0px;
        padding:0px;
        display:block;
        text-align:right !important;
}
.afbf_btn{
	width: 100%;
	height: 65px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	outline: none;
	box-shadow: none;
	text-align: center;
	color: #642287;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 16px;
	transition: .3s;
}
.afbf_btn:hover {
	color: #ffffff;
}
.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:absolute;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/bitrix/templates/kastudio/components/altasib/feedback.form/main/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        border:none;
        position:relative;
        line-height:normal;
        background:#fff url(/bitrix/templates/kastudio/components/altasib/feedback.form/main/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */
.afbf_send_another_message
{
	text-align: center;
	margin-top: 20px;	
}

@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* 2026-10-11: кнопка-поле занимает ровно рамку обёртки .btn на любой ширине (раньше отступы -68px совпадали только с десктопным padding) */
.btn:has(> .afbf_btn){padding:0;}

/* End */
/* /bitrix/templates/kastudio/components/bitrix/news/projects/bitrix/news.detail/.default/style.css?179205533029235 */
/* /bitrix/templates/kastudio/components/altasib/feedback.form/main/form_style.min.css?179174109645513 */