/* Start:/local/assets/css/projects.css?171342499044*/
*{margin:0;padding:0;box-sizing:border-box}

/* End */


/* Start:/local/templates/ledtehnology/assets/css/search.css?17629775015227*/
#projects_load {
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 5px left;
    transition: all .2s;
}
#projects_load {
    background: url('/local/templates/ledtehnology/assets/css/../local/templates/ledtehnology/assets/images/icons8-down-right-arrow-24.png') 140px center no-repeat;
    background-size: 21px;
    width: 175px;
    text-align: left;
}
.projects-page #projects_load,
.projects-page #projects_load:hover{
    width: auto;
}
#projects_load:hover {
    /*color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;*/
    background:url('/local/templates/ledtehnology/assets/css/../local/templates/ledtehnology/assets/images/icons8-down-right-arrow-24 (2).png') 140px center no-repeat;
    background-size: 21px;
    width: 175px;
    text-align: left;
}
.search-tags .btn.btn-outline-danger,
#projects_load.btn.btn-outline-danger{
    color:#ff0000;
    border-color: #ff0000;
}
.search-tags .btn.btn-outline-danger.active,
#projects_load.btn.btn-outline-danger.active{
    background: #ff0000;
    color: #ffffff;
}
.search-tags .btn.btn-outline-danger:hover,
.search-tags .btn.btn-outline-danger:focus,
.search-tags .btn.btn-outline-danger:active,
#projects_load.btn.btn-outline-danger:hover,
#projects_load.btn.btn-outline-danger:focus,
#projects_load.btn.btn-outline-danger:active{
    background-color: #ff0000;
    border-color: #ff0000;
    color: #ffffff;
}
@media(max-width: 1024px) {
    .search-tags .nav {
        position: relative;
        left: 0;
        background: none;
        height: auto;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .search-tags .nav li.nav-item {
        margin: 10px 5px 0 0;
    }
}


.no_result {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    color: #111822;
}

.no_result .text-content {
    margin-bottom: 40px;
}

.no_result h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
}
.no_result p{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;

}

.no_result ul {
    list-style: disc;
    margin: 10px 0 20px 20px;
    padding: 0;
    color: #777;
}
.no_result ul li{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 10px;
}


.no_result .image {
    width: 452px;
    height: 468px;
}


/**    */
.search-page__content.no_result{
    position: relative;
    flex-wrap: wrap;
    width: 100%;
}
.no_search_form{
    display: flex;
    width: 60%;
}

.no_search_form h3{
    font-weight: 600;
    font-size: 28px;
    line-height: 1.3;
}
.no_search_form p{
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
}
.no_search_form div{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.no_search_form input{
    width: 231px;
    height: 54px;
    border-radius: 4px;
    transition: 0.3s all;
    padding: 15px 0 15px 15px;
    background: none;
    color: #0A111D;
    border: 1px solid #C4C4C4;
}
.no_search_form input:focus,
.no_search_form input:active,
.no_search_form input:hover{
    border-color: #767676;
    transition: 0.3s all;
}


.no_search_form .policy{
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
}
.no_search_form .policy input{
    width: 16px;
    height: 16px;
    border-radius: 4px;
}
.no_search_form .policy span{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.no_search_image{
    display: flex;
    width: 30%;
    position: absolute;
    right: 0;
    align-items: center;
    justify-content: center;
}
.no_result__content{
    width: 60%;
    display: flex;
}
/**   */
@media (max-width: 1024px) {

    .no_result {
        flex-direction: column;
    }
    .no_result__content{
        text-align: left;
        width: 100%;
    }
    .no_search_form {
        order: 3;
        width: 70%;
    }
    .no_search_form .button {
        margin: unset;
    }
    .no_search_image{
        position: relative;
        width: 100%;
        margin-bottom: 60px;
    }
    .no_result .image{
        width: 350px;
        height: 362px;
    }

}

@media (max-width: 768px) {
    .no_result .no_result__content .button {
        margin: 0 auto;
    }
    .no_result__content{
        text-align: center;
        width: 100%;
    }
    .no_result .image{
        width: 235px;
        height: 244px;
    }
    .no_search_form h3{
        font-size: 20px;
    }
    .no_search_form p{
        font-size: 14px;
    }
    .no_search_form input,
    .no_search_form .button{
        width: 280px;
    }
    .no_search_form{
        width: 100%;
        justify-content: center;
    }
    .no_search_form div{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .no_search_form h3,
    .no_search_form p{
        text-align: center;
    }
    .no_search_form .policy{
        width: 280px;
    }
}
/* End */


/* Start:/local/components/ledtehnology/head/templates/.default/style.css?1671915977646*/
.head{background:url("/local/components/ledtehnology/head/templates/.default/./img/bg_head.png") #111822 right top no-repeat;min-height:195px;margin-bottom:48px}.head .title{margin:0;padding:16px 0}.head_sm{min-height:130px}.breadcrumbs{display:flex;font-size:14px;line-height:24px;color:#737787;padding:24px 0;margin:0;list-style:none;white-space:nowrap}.breadcrumbs__item{display:flex;align-items:center}.breadcrumbs__item:after{content:"|";display:inline-block;margin:0 15px}.breadcrumbs__item:last-child:after{display:none}.breadcrumbs a{color:#737787;text-decoration:none}.breadcrumbs__span{color:#fff;overflow:hidden;text-overflow:ellipsis;line-height:14px;max-width:300px;display:inline-block}

/* End */


/* Start:/local/templates/ledtehnology/components/bitrix/news/projects.with.search/bitrix/news.detail/.default/style.css?17531164336494*/
.projects-detail__header {
    display: grid;
    grid-template-columns:2fr 1fr;
    gap: 8px
}

@media (max-width: 1200px) {
    .projects-detail__header {
        display: flex;
        flex-flow: column-reverse;
        align-items: center;
        grid-template-columns:1fr
    }
}

.projects-detail__header_solo {
    grid-template-columns:1fr
}

.projects-detail__img {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #253243;
    border-radius: 12px;
    overflow: hidden
}

.projects-detail__img > div, .projects-detail__img picture {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.projects-detail__img picture img{
    height: 100%;
    object-fit: cover;
}

.projects-detail__video-link {
    position: absolute;
    border-radius: 26px;
    border: 1px solid #c1c4d3;
    background: rgba(255, 255, 255, .6);
    padding: 13px 38px 14px 40px;
    bottom: 20px;
    right: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: .2s;
    font-size: 19px
}

.projects-detail__video-link::before {
    content: "";
    background: center no-repeat url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23C03A3A'/%3E%3Cpath d='M24 16.268C25.3333 17.0378 25.3333 18.9623 24 19.7321L16.5 24.0622C15.1667 24.832 13.5 23.8697 13.5 22.3301L13.5 13.6699C13.5 12.1303 15.1667 11.168 16.5 11.9378L24 16.268Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 22px;
    transition: .2s
}

@media (max-width: 768px) {
    .projects-detail__video-link::before {
        width: 24px;
        height: 24px;
        margin-right: 10px
    }
}

.projects-detail__video-link:hover {
    background: #fff
}

.projects-detail__video-link:hover::before {
    transform: scale(1.2)
}

@media (max-width: 768px) {
    .projects-detail__video-link {
        font-size: 1rem;
        padding: 8px 20px 9px 20px
    }
}

.projects-detail-order {
    border-radius: 12px;
    border: 1px solid #e2e5f1;
    background: #f8f8f8;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
}

.projects-detail-order__container {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .projects-detail-order__container {
        padding: 16px 15px
    }
}

.projects-detail-order__container:not(:last-child) {
    border-bottom: 1px solid #e2e5f1
}

.projects-detail-order__title {
    font-size: 18px;
    font-weight: 500
}

@media (max-width: 768px) {
    .projects-detail-order__title {
        font-size: 1rem
    }
}

.projects-detail-order__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.projects-detail-order__item [itemprop=description]{
    display: block;
}
@media (max-width: 768px) {
    .projects-detail-order__item {
        flex-flow: column;
        justify-content: flex-start;
        gap: 8px
    }
}

.projects-detail-order__item:not(:last-child) {
    margin-bottom: 20px
}

.projects-detail-order__item div:nth-child(2n+1) {
    font-weight: 500
}

.projects-detail-order__item div:nth-child(2n) {
    text-align: right;
    max-width: calc(100% / 3 * 2)
}

@media (max-width: 768px) {
    .projects-detail-order__item div:nth-child(2n) {
        text-align: left;
        max-width: 100%
    }
}

.projects-detail-slider {
    display: flex;
    position: relative
}

.projects-detail-slider__btn {
    width: 38px;
    height: 38px;
    display: block;
    background: #e01515;
    z-index: 2;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.projects-detail-slider__btn:after {
    content: "";
    z-index: -1;
    width: 200%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    animation-name: bgout;
    animation-duration: 400ms;
    transform: skew(-45deg) translate(-150%);
    background-color: #c11212
}

.projects-detail-slider__btn:before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='8' viewBox='0 0 25 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3536 4.35355C24.5488 4.15829 24.5488 3.84171 24.3536 3.64645L21.1716 0.464466C20.9763 0.269204 20.6597 0.269204 20.4645 0.464466C20.2692 0.659728 20.2692 0.976311 20.4645 1.17157L23.2929 4L20.4645 6.82843C20.2692 7.02369 20.2692 7.34027 20.4645 7.53553C20.6597 7.7308 20.9763 7.7308 21.1716 7.53553L24.3536 4.35355ZM0 4.5H24V3.5H0V4.5Z' fill='white'/%3E%3C/svg%3E%0A")
}

.projects-detail-slider__btn:hover:after {
    animation-name: bgin;
    transform: skew(-45deg) translate(-50%)
}

.projects-detail-slider__btn_prev:before {
    transform: rotate(180deg)
}

.projects-detail-slider__navigation {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    display: flex;
    gap: 16px
}

.projects-detail-slider__wrapper {
    overflow: hidden;
    padding-top: 63px;
    width: 100%
}

.projects-detail-slider__elem {
    display: flex;
    justify-content: center;
    width: auto !important;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #c1c4d3;
    cursor: pointer
}

.projects-detail-slider__elem img {
    max-height: 359px;
    width: auto
}

.projects-detail .projects-detail__popup {
    max-width: 1200px;
    width: auto;
    border: 1px solid #d2d5d8;
    background: #1d242f;
    padding: 100px 54px 80px 54px;
    position: relative
}

@media (max-width: 768px) {
    .projects-detail .projects-detail__popup {
        max-height: calc(100% - 64px);
        padding: 100px 16px 40px 16px
    }
}

.projects-detail-videos {
    margin: 2rem 0
}

.projects-detail-videos__elem:not(:last-child) {
    margin-bottom: 1rem
}

.project-photo-popup__img {
    display: flex;
    justify-content: center;
    align-items: center
}

.post-img{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap:20px;
    justify-content: center;
}
.post-img img{
    width:30%;
    object-fit: cover;
}
.post-img.width-50 img{
    width:48%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .post-img img{
        width:100%;
    }
}
/* End */


/* Start:/local/assets/css/blocks/form-block.css?17580003645982*/
section.form-block-v2{
    background: #253243;
    margin-top: 60px;
}
.additional-warranty-page section.form-block-v2{
    margin-bottom: 60px;
}
.articles-page section.form-block-v2{
    margin-bottom: 50px;
}
.form-contact div {
    display: flex;
}

.form-contact {
    background: #0A111D;
    flex-wrap: wrap;
    display: flex;
}
.form-contact h3,
.form-contact h4{
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.form-contact-title,
.form-contact-inner {
    flex-wrap: wrap;
    width: 50%;
}


.form-contact-title div {
    padding: 60px 0 60px 60px;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
}

.form-contact-title h4 {
    font-weight: 400;
    font-size: 42px;
}

.form-contact-title span {
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    color: #ffffff;
    opacity: 0.7;
}

.w-100 {
    width: 100%;
    box-sizing: border-box;
}

.w-50 {
    width: 50%;
    box-sizing: border-box;
}

.form-contact input,
.form-contact textarea {
    height: 54px;
    gap: 10px;
    border-radius: 7px;
    padding: 10px 10px 10px 16px;
    border: 1px solid #C4C4C4;
    background: #FFFFFF;
    color: #71757C;
}

.form-contact input.w-50,
.form-contact button,
.form-contact label.w-50 {
    width: calc(50% - 7px);
}

.form-contact-body {
    flex-wrap: wrap;
    padding: 60px 60px 60px 20px;
    gap: 14px;
}

.form-contact textarea {
    height: 126px;
    padding-top: 17px;
}

.form-contact button {
    height: 54px;
    border-radius: 4px;
    padding: 15px 24px;
    background: #F15454;
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
}

label.w-50 {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

label.w-50 div {
    flex-direction: column;
}

/* Скрываем оригинальный чекбокс */
.custom-checkbox input {
    opacity: 0;
    position: absolute;
}

/* Создаем кастомный чекбокс */
.custom-checkbox .checkmark {
    display: inline-block;
    width: 35px;
    height: 24px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    background-color: #0A111D;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

/* Изменяем стиль при выборе чекбокса */
.custom-checkbox input:checked + .checkmark {
    background-color: #0A111D; /* Цвет фона при выборе */
    border-color: #ffffff; /* Цвет границы при выборе */
}

/* Добавляем галочку внутри чекбокса */
.custom-checkbox input:checked + .checkmark::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 0;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Стилизуем текст рядом с чекбоксом */
.custom-checkbox .checkbox-text {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    opacity: 0.7;
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
}

.custom-checkbox .checkbox-text a {
    color: #F15454;
    text-decoration: none;
}

.custom-checkbox .checkbox-text a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {

    .form-contact-title h4{
        font-size: 32px;
    }
    .form-contact-title,
    .form-contact-inner,
    .w-50,
    .form-contact input.w-50,
    .form-contact button,
    .form-contact label.w-50 {
        width: 100%;
    }

    .form-contact-title div,
    .form-contact-body {
        padding: 20px;
    }

}


.form-block-v2{
    padding: 90px 0;
}
.form-block-v2 .form-contact-title,
.form-block-v2 .form-contact-inner {
    width: calc(50% - 15px);
}
.form-block-v2 h3{
    font-size: 54px;
    width: 100%;

}
.form-block-v2 h4{
    font-size: 46px;
    width: 100%;
}
.form-block-v2 span{
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #ffffff;
    display: flex;
    width: 100%;
}
.form-block-v2 span.form-subtitle{
    color: #727786;
    margin: 10px 0 30px;

}
.form-block-v2 .form-contact {
    background: none;
    gap: 30px;
}
.form-block-v2 .form-contact-inner{
    background: #0A111D;
    padding: 78px 60px;
    align-items: center;
}
.form-block-v2 .form-contact-inner > div{
    flex-wrap: wrap;
}
.form-block-v2 .form-contact-body{
    padding: 0;
}
.form-block-v2 .checkbox-text span{
    font-size: 14px;
}
.form-block-v2 .custom-checkbox .checkmark{
    width: 24px;
}
.form-block-v2 .form-contact-title{
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.form-contact-title div.form-contact-item{
    width: 290px;
    height: 212px;
    gap: 30px;
    padding: 35px;
    border: 1px solid #455469;
    flex-direction: column;
    justify-content: flex-start;
}
.form-block-v2 .form-contact button{
    padding: 0;
}
@media (max-width: 768px) {
    .articles-page section.form-block-v2{
        margin-bottom: 30px;
    }
    .additional-warranty-page section.form-block-v2{
        margin-bottom: 40px;
    }
    section.form-block-v2{
        margin-top: 40px;
        padding: 30px 0;
    }
    .form-block-v2 .form-contact-title,
    .form-block-v2 .form-contact-inner {
        width: 100%;
    }
    .form-block-v2 h3{
        font-size: 36px;

    }
    .form-block-v2 h4{
        font-size: 32px;
    }
    .form-contact-title div.form-contact-item {
        width: 150px;
        height: 160px;
        gap: 15px;
        padding: 10px;
    }
    .form-block-v2 .form-contact-inner {
        padding: 30px;
    }
}

/* End */


/* Start:/local/templates/ledtehnology/components/bitrix/news/projects.with.search/bitrix/news.list/projects.similar/style.css?17399543793508*/
.projects-similar__header{position:relative;padding-right:116px}.projects-similar__navigation{position:absolute;width:100px;display:flex;justify-content:space-between;right:0;top:calc(50% - 18px)}.projects-similar__slider{margin-bottom:2rem;padding:0 6px;margin:0 -6px}.projects-similar-elem{text-decoration:none !important;color:#000}.projects-similar-elem__img{width:100%;height:280px;background:#253243;display:flex;justify-content:center;align-items:center;transition:.2s}@media(max-width: 550px){.projects-similar-elem__img{height:auto}}.projects-similar-elem:hover .projects-similar-elem__img{box-shadow:6px 6px 0px 0px #c03a3a}.projects-similar-elem:hover .projects-similar-elem__title{color:#c03a3a}.projects-similar-elem__city{margin-top:14px;margin-bottom:4px;height:1em;line-height:100%;overflow:hidden}.projects-similar-elem__title{font-size:18px;font-weight:500;transition:.2s}.projects-similar__footer{display:flex;align-items:center;justify-content:flex-end}.projects-similar__all-link{display:inline-flex;align-items:center;color:#000;text-decoration:none !important;transition:.2s}.projects-similar__all-link::after{content:"";background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z' fill='black'/%3E%3C/svg%3E%0A");width:24px;height:24px;display:inline-block;margin-left:12px;transition:.2s}.projects-similar__all-link:hover{color:#c03a3a}.projects-similar__all-link:hover::after{background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z' fill='%23c03a3a'/%3E%3C/svg%3E%0A");transform:translate3d(2px, -2px, 0)}

/* End */


/* Start:/local/templates/ledtehnology/components/bitrix/news.list/certificates-slider/style.css?17773536564567*/
/* Сертификаты и дипломы */
.about-diplomas{
    padding: 120px 0 104px 0;
}

.about-diplomas div{
    display: flex;
}
.black-web .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
h2.certificates-title {
    font-size: 42px;
}
h3.certificates-subtitle{
     font-size: 18px;
     line-height: 1.3;
 }
.about-diplomas h2 {
    font-family: Bebas Neue Cyrillic, serif;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #0A111D;

}

.about-diplomas h3 {
    font-family: Bebas Neue Cyrillic, serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #0A111D;
}
.certificates-slider .swiper-wrapper {

}
.about-diplomas .swiper{
    display: block;
}
.swiper-slide.certificates-item {
    width: 282px;
    /* height: 264px; */
    height: 352px;
    border-radius: 8px;
    padding: 20px;
    backdrop-filter: blur(10px);
    flex-direction: column;
    background: #FFFFFF33;
    gap: 20px;
}

.certificates-content {
    justify-content: space-between;
}
.certificates-content figure {
    width: 85%;
    height: 249px;
}
.certificates-img {
/*
    width: 127px;
    height: 156px;
*/
	height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.icon-zoom {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #ffffff;
}
.certificates-link {
    outline: none; /* Убираем рамку */
    border: none; /* Если браузер добавляет border */
}

/* Убираем рамку при клике */
.certificates-link:focus {
    outline: none;
}
/* Оставляем рамку при навигации с клавиатуры (важно для доступности) */
.certificates-link:focus-visible {
    outline: none;
    /*outline: 1px dashed #eeeeee;  Можно задать кастомный стиль */
}
.certificates-link svg {
    transition: all 0.3s;
}

.certificates-link:hover svg {
    stroke: #FF5757;
    transition: all 0.3s;
}

/* Кастомная пагинация */
/* Обертка для стрелок и пагинации */
.about-diplomas .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Расстояние между элементами */
    margin-top: 15px;
    width: 100%;
}

/* Стили для стрелок */
.about-diplomas .swiper-button-prev,
.about-diplomas .swiper-button-next {
    width: 40px;
    height: 40px;
    position: relative !important; /* Делаем их видимыми */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
}

.about-diplomas .swiper-button-prev,
.about-diplomas .swiper-button-next {
    color: #ffffff;
}

/* Скрываем стандартные иконки Swiper */
.about-diplomas .swiper-button-prev::after,
.about-diplomas .swiper-button-next::after {
    display: none;
}

/* Кастомные точки */
.about-diplomas .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    width: auto !important;
    bottom: 2px !important;
}


.about-diplomas .swiper-pagination {
    max-width: 80vw; /* Ограничиваем ширину */
    flex-wrap: wrap; /* Разрешаем перенос точек на новую строку */
}

.about-diplomas .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #C6CAD8;
    border-radius: 50%;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.about-diplomas .swiper-pagination-bullet-active {
    background: #F15454;
    opacity: 1;
}

.about-diplomas .arrow-icon {
    width: 25px;
    height: 8px;
    fill: #ffffff;
    transition: all 0.3s;
}

.about-diplomas .swiper-button-prev:hover .arrow-icon,
.about-diplomas .swiper-button-next:hover .arrow-icon {
    fill: #F15454;
    transition: all 0.3s;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .about-diplomas .swiper-slide.certificates-item:nth-child(2n){
        height: 252px !important;
    }
    h2.certificates-title{
        font-size: 32px;
    }
    /*.about-diplomas .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .about-diplomas .swiper-slide.certificates-item {
        width: calc(50% - 10px) !important;
    }*/
}
@media (max-width: 768px) {
    .about-diplomas .swiper-slide.certificates-item{
        height: auto !important;
    }
}

/* End */


/* Start:/local/templates/ledtehnology/components/bitrix/news.list/reviews-about/style.css?17446349914385*/
h2.reviews-title {
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #0A111D;

}
h2.reviews-title{
    font-size: 42px;
}
.about-reviews{
    display: flex;
    gap: 40px;
    flex-direction: column;
}
.about-reviews div{
    display: flex;
}
.reviews-slider-about{
    font-family: Roboto, serif;
    font-weight: 400;
    line-height: 140%;
    gap: 32px;
}
.reviews-slider-about {
    overflow: hidden; /* Важно для Swiper */
    width: 100%; /* Растягиваем по ширине */
}
.reviews-slider-about .swiper-wrapper {
    display: flex;
    transition-timing-function: ease-in-out; /* Плавный скролл */
    align-items: center;
}
.swiper-slide.reviews-item {
    min-height: 280px;
}
.reviews-item {
    height: auto;
    gap: 18px;
    border-radius: 8px;
    padding: 20px;
    flex-direction: column;
    background: #F7FAFF;
}
.review-data{
    gap: 17px;
    align-items: center;
}
.review-data div{
    flex-direction: column;
    gap: 5px;
}
.review-avatar{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.review-author{
    font-weight: 500;
    font-size: 18px;
    color: #0A111D;
}
.review-date{
    font-size: 12px;
    color: #A7A7A7;
}
.review-content{
    height: 143px; /* Фиксированная высота */
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 7; /* Ограничение строк */
    -webkit-box-orient: vertical;
    transition: max-height 0.4s ease-in-out;
}

.review-content p{
    color: #727786;
    margin: 0;
}
.review-more{
    display: none; /* По умолчанию скрываем */
    cursor: pointer;
    color: #222222;
    font-size: 14px;
    line-height: 130%;
    transition: all 0.3s;
}
.expanded .review-more,
.review-more:hover {
    color: #FF5757;
    text-decoration: underline dashed;
}
.reviews-item.expanded .review-content {
    height: auto; /* Полное раскрытие текста */
    max-height: 500px; /* Достаточно большое значение для раскрытия */
    -webkit-line-clamp: unset;
}

.reviews-item.expanded .review-more {
    display: inline-block;
}

/* Кастомная пагинация */
/* Обертка для стрелок и пагинации */
 .about-reviews .swiper-controls{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* Расстояние между элементами */
    margin-top: 15px;
    width: 100%;
}

/* Стили для стрелок */
 .about-reviews .swiper-button-prev,
 .about-reviews .swiper-button-next{
    width: 40px;
    height: 40px;
    position: relative !important; /* Делаем их видимыми */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
}

/* Скрываем стандартные иконки Swiper */
 .about-reviews .swiper-button-prev::after,
 .about-reviews .swiper-button-next::after{
    display: none;
}

/* Кастомные точки */
 .about-reviews .swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    width: auto !important;
}

 .about-reviews .swiper-pagination{
    max-width: 80vw; /* Ограничиваем ширину */
    flex-wrap: wrap; /* Разрешаем перенос точек на новую строку */
}

 .about-reviews .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #C6CAD8;
    border-radius: 50%;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

 .about-reviews .swiper-pagination-bullet-active {
    background: #0A111D;
    opacity: 1;
}

 .about-reviews .arrow-icon{
    width: 25px;
    height: 8px;
    fill: #0A111D;
    transition: all 0.3s;
}

 .about-reviews .swiper-button-prev:hover .arrow-icon,
 .about-reviews .swiper-button-next:hover .arrow-icon{
    fill: #F15454;
    transition: all 0.3s;
}
@media (max-width: 768px) {
    h2.reviews-title{
        font-size: 30px;
    }
}

/* End */


/* Start:/local/templates/ledtehnology/components/bitrix/news.list/video-ii-home/style.css?177637762717602*/
section.block-video_ii{
    margin-bottom: 120px;
}
section.block-video_ii * {
    box-sizing: border-box;
}
section.block-video_ii div{
    /*display: flex;*/
}

.block-video_ii h4,
.block-video_ii p {
    margin: 0;
}

.video-ii_title {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

.block-video_ii h4 {
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 100%;
    letter-spacing: 0;
    color: #0A111D;
}

.block-video_ii p {
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    letter-spacing: 0;
    color: #0A111D;

}
.video-ii_title p{
    width: 60%;
}

.block-video_ii .wrap {

}

.video-ii_inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.video-ii_item__title {
    font-family: "Bebas Neue", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #0A111D;
    position: relative;
}

.video-ii_item__title:before {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #F15454;
    inset: -10px 0 0 -10px;
    z-index: -1;
}

.video-ii_items {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.video-ii_item {
    display: flex;
    flex-direction: column;
    width: calc(33% - 18px);
    padding: 10px;
    gap: 10px;
}




/* === ОСНОВНОЙ КОНТЕНТ === */
.widget-content {
    display: flex;
    gap: 30px;
}


/* === СЕТКА ВИДЖЕТОВ === */
.widget-grid {
    flex: 1;
    min-width: 0;
}

.widget-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

/* === КАРТОЧКА ВИДЖЕТА === */
.widget-card {
    border-radius: 8px;
    overflow: hidden;
    background:  #F6F6F6;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*transition: all 0.3s;*/
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
}
.widget-card p{
    margin-top: 10px;
}
.widget-card:hover{
    /*background: #F6F6F6;*/
   transform: translateY(-2px);
   box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.widget-card:hover {
    /*transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);*/
}

.widget-card__video {
    position: relative;
    aspect-ratio: 16/9;
    background: #0A111D;
    overflow: hidden;
    border-radius: 8px;
}

.widget-card__video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 1;
}
.widget-card__video:not(.playing) .widget-card__video-player{
    opacity: 0.7;
    transition: opacity 0.3s;
}
.widget-card__video:not(.playing):hover .widget-card__video-player{
    opacity: 1;
    transition: opacity 0.3s;
}
.widget-card__play-btn {
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
    z-index: 2;
}
.widget-card__video:not(.playing):hover .widget-card__play-btn,
.widget-card__play-btn:hover {
    opacity: 1;
}

.widget-card__duration {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    z-index: 2;
}

.widget-card__content {
    padding-top: 20px;
}

.widget-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

.widget-card__title {
    font-size: 18px;
    font-weight: 600;
    color: #0A111D;
    margin: 0;
    line-height: 1.3;
    flex: 1;
}

.widget-card__download {
    position: relative;
    flex-shrink: 0;
}

.download-btn {
    cursor: pointer;
    color: #0A111D;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
}

.download-btn:hover .icon-video-download{

    transition: all 0.2s;
}
.icon-video-download{
    width: 30px;
    height: 30px;
    transition: all 0.2s;
    fill: none;
    stroke: #0A111D;
}
svg.icon-video-download path{
    fill: #0A111D;
}
svg.icon-video-download rect{
    stroke: #0A111D;
}
.download-btn:hover .icon-video-download{
    fill: #0A111D;
    stroke: #ffffff;
    transition: all 0.2s;
}



#request-form2.modal__body{
    height: auto !important;
}
/* === ТЕГИ === */
.widget-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.widget-tag {
    padding: 6px 12px;
    background: #ffffff;
    color: #0A111D;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 2px 4px 15px 4px #00000014;
    white-space: nowrap;
}

/* === ПУСТОЕ СОСТОЯНИЕ === */
.widget-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #6B7280;
}

.widget-empty p {
    font-size: 18px;
    margin: 0;
}

.video-ii_action{
    display: flex;
    justify-content: center;
    align-items: center;width: 100%;
    margin-top: 20px;
}
.video-ii_action a{
    background: #F15454;
    border: 0;
    border-radius: 4px;
}
/* === АДАПТИВНОСТЬ === */

/* Планшет: 768px - 1023px */
@media (max-width: 1023px) {
    section.block-video_ii{
        display: flex;
        margin-bottom: 60px;
    }
    .video-ii_title p{
        width: 100%;
    }
    .video-ii_item__title{

        font-size: 28px;

    }
    .video-ii_item {
        width: calc(50% - 18px);
    }
    .video-ii_item__title:before{
        width: 26px;
        height: 30px;
    }

    .widget-content {
        flex-direction: column;
        gap: 20px;
    }



    .widget-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

/* Мобайл: до 768px */
@media (max-width: 767px) {
    section.block-video_ii{
        margin-bottom: 40px;
    }
    .block-video_ii .wrap {
        padding: 0 10px;
    }
    .video-ii_item {
        width: 100%;
    }
    .block-video_ii h4{
        font-size: 26px;
    }
    .video-ii_item__title{
        font-size: 24px;
    }
    .video-ii_item__title:before{
        width: 26px;
        height: 26px;
    }
    .video-ii_title {
        margin-bottom: 0;
    }
    .video-ii_items {
        gap: 20px;
    }
    .video-ii_action{
        margin-top: 0;
    }

    .widget-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .widget-card__content {
        padding: 15px;
    }

    .widget-card__header {
        gap: 10px;
    }

    .widget-card__title {
        font-size: 16px;
    }

    .widget-card__download {
        align-self: flex-end;
    }



    .widget-tag {
        font-size: 11px;
        padding: 4px 10px;
    }
}

/* === ДОПОЛНЕНИЯ ДЛЯ ВИДЕО === */
.widget-card__video {
    position: relative;
    aspect-ratio: 16/9;
    background: #0A111D;
    overflow: hidden;
    cursor: pointer; /* Добавляем курсор для всей области видео */
}

.widget-card__video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Кнопка воспроизведения (показывается когда видео на паузе) */
.widget-card__play-btn {
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-card__play-btn:hover {
    opacity: 1;
}

/* НОВОЕ: Кнопка паузы (показывается при наведении на играющее видео) */
.widget-card__pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
}

/* Показываем кнопку паузы при наведении на играющее видео */
.widget-card__video.playing:hover .widget-card__pause-btn {
    opacity: 1;
    pointer-events: all;
}

.widget-card__pause-btn:hover {
    opacity: 0.8 !important;
}

/* Скрываем кнопку play когда видео играет */
.widget-card__video.playing .widget-card__play-btn {
    opacity: 0;
    pointer-events: none;
}

/* Показываем кнопку play когда видео на паузе */
.widget-card__video:not(.playing) .widget-card__play-btn {
    opacity: 0.6;
    pointer-events: all;
}
.widget-card__video:hover .widget-card__video:not(.playing) .widget-card__play-btn{
    opacity: 1;
}



/* НОВОЕ: Контролы видео при наведении */
.widget-card__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
    transition: background 0.3s ease;
}

.widget-card__video.playing:hover .widget-card__video-overlay {
    background: rgba(0,0,0,0.1);
}

/* Анимация для плавного появления/исчезновения */
.widget-card__play-btn,
.widget-card__pause-btn {
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.widget-card__play-btn:active,
.widget-card__pause-btn:active {
    transform: translate(-50%, -50%) scale(0.95);
}

/* Убираем нативные контролы браузера */
.widget-card__video-player::-webkit-media-controls {
    display: none !important;
}

.widget-card__video-player {
    outline: none;
}

/* Дополнительные стили для лучшей видимости кнопок */
.widget-card__play-btn svg,
.widget-card__pause-btn svg {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* Адаптив для мобильных устройств */
@media (max-width: 767px) {
    /* На мобильных показываем кнопку паузы всегда при воспроизведении */
    .widget-card__video.playing .widget-card__pause-btn {
        opacity: 0.7;
        pointer-events: all;
    }

    /* Увеличиваем область нажатия на мобильных */
    .widget-card__play-btn,
    .widget-card__pause-btn {
        padding: 10px;
    }
}
.icon-video-play,
.icon-video-pause{
    width: 40px;
    height: 40px;
    fill:#ffffff;
}
.category-btn__icon svg{
    width: 30px;
    height: 30px;
    transition: all 0.3s;
}
.category-btn__icon svg path{
    fill:#0A111D;
}
.category-btn_active .category-btn__icon svg,
.category-btn_active .category-btn__icon svg path,
.category-btn:hover .category-btn__icon svg{
    fill:#ffffff;
    transition: all 0.3s;
}
.icon-video-duration{
    width: 21px;
    height: 20px;
    fill: #ffffff;
}




/**/
.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.pagination-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pagination-link:hover {
    background: #f5f5f5;
    border-color: #999;
    color: #000;
    text-decoration: none;
}

.pagination-link_active {
    background: #F15454;
    border-color: #F15454;
    color: #fff;
}

.pagination-link_active:hover {
    background: #c03a3a;
    border-color: #c03a3a;
    color: #fff;
}

.pagination-prev,
.pagination-next {
    font-weight: 600;
}

.pagination-dots {
    color: #999;
    padding: 0 8px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .pagination-container {
        gap: 4px;
        margin-top: 20px;
    }

    .pagination-link {
        min-width: 35px;
        height: 35px;
        padding: 6px 10px;
        font-size: 13px;
    }
}
[data-custom-modal="true"] {
    pointer-events: auto !important;
}

[data-custom-modal="true"] .close,
[data-custom-modal="true"] [data-close] {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Блокируем стандартные обработчики для кастомных модальных окон */
[data-custom-modal="true"] * {
    pointer-events: inherit;
}

/**/
.play-button {
    position: relative;
    display: flex;
    width: 430px;
    height: 271px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .play-button {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 575px) {
    .play-button {
        width: 100%;
        height: 100%;
    }
}
@keyframes button-rounds__small {
    0% {
        width: 43px;
        height: 43px;
        opacity: 0.2;
    }
    50% {
        width: 63px;
        height: 63px;
        opacity: 0.5;
    }
    75% {
        width: 83px;
        height: 83px;
        opacity: 0.2;
    }
    100% {
        width: 103px;
        height: 103px;
        opacity: 0.05;
    }
}
.button-rounds .circle1 {
    animation: button-rounds__small 2s linear infinite 0.25s;
}
.button-rounds .circle2 {
    animation: button-rounds__small 2s linear infinite 0.75s;
}
.button-rounds .circle3 {
    animation: button-rounds__small 2s linear infinite 1.25s;
}
.button-rounds .circle4 {
    animation: button-rounds__small 2s linear infinite 1.75s;
}
.button-rounds .circle1,
.button-rounds .circle2,
.button-rounds .circle3 {
    border-radius: 50%;
    border: solid 3px #ffffff;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    opacity: 0.2;
    left: 50%;
    top: 50%;
}
.button-rounds {
    position: absolute;
    background: var(--white-color);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 43px;
    height: 43px;
    transform: translate(-50%,-50%);
    opacity: 0.8;
    transition: all 0.3s;
}


.rounds-inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.button-rounds .circle1 {
    border-radius: 50%;
    border: solid 3px #ffffff;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    opacity: 0.2;
    left: 50%;
    top: 50%;
}
.play-btn__block:hover .button-rounds {
    width: 103px;
    height: 103px;
}

.play-btn__block:hover .button-rounds {
    width: 103px;
    height: 103px;
}
.widget-card__video.playing .button-rounds{
    opacity: 0;
}
#download-video .consultation-form__title.title{
    margin-top: 80px;
}


/* === СТИЛИ ДЛЯ ИЗОБРАЖЕНИЙ === */
.widget-card__image {
    cursor: pointer;
    position: relative;
}

.widget-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.widget-card__image-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s;
    opacity: 0.7;
}

.widget-card__image:hover .widget-card__image-player {
    opacity: 1;
}

/* Оверлей и кнопка лупы */
.widget-card__zoom-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 2;
}

.widget-card__zoom-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    opacity: 0.7;
}

.widget-card__image:hover  .widget-card__zoom-btn{
    background: rgba(0, 0, 0, 0.7);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
}

.icon-zoom {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* Превью видео при наведении */
.widget-video-link {
    display: block;
    width: 100%;
    height: 100%;
}

.widget-video-link:hover img {
    opacity: 1 !important;
}

.widget-card__video:hover .widget-card__play-btn {
    opacity: 1;
}

/* Стиль видео внутри Fancybox */
.fancybox__content{
    padding: 0 !important;
}
.fancybox__html5video {
    width: 100%;
    height: 100%;
    max-width: 1280px;
    max-height: 720px;
    background: #000;
}
.widget-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.widget-card__title a:hover {
    color: #DC2626;
}
/* End */
/* /local/assets/css/projects.css?171342499044 */
/* /local/templates/ledtehnology/assets/css/search.css?17629775015227 */
/* /local/components/ledtehnology/head/templates/.default/style.css?1671915977646 */
/* /local/templates/ledtehnology/components/bitrix/news/projects.with.search/bitrix/news.detail/.default/style.css?17531164336494 */
/* /local/assets/css/blocks/form-block.css?17580003645982 */
/* /local/templates/ledtehnology/components/bitrix/news/projects.with.search/bitrix/news.list/projects.similar/style.css?17399543793508 */
/* /local/templates/ledtehnology/components/bitrix/news.list/certificates-slider/style.css?17773536564567 */
/* /local/templates/ledtehnology/components/bitrix/news.list/reviews-about/style.css?17446349914385 */
/* /local/templates/ledtehnology/components/bitrix/news.list/video-ii-home/style.css?177637762717602 */