/* Start:/bitrix/templates/aspro_max/components/bitrix/news/projects/style.min.css?16793979362341*/
.head-block.top.with-tabs .item-link:not(:hover){background:#fafafa;background:var(--light2_bg_black)}.select_head_wrap .menu_item_selected{position:relative;padding:15px 55px 15px 25px;margin:0 0 -1px;cursor:pointer;color:#333;color:var(--white_text_black)}.select_head_wrap .menu_item_selected .svg.svg-inline-down{right:15px;position:absolute;top:50%}@media (min-width:768px){.select_head_wrap .menu_item_selected+.head-block{display:block!important;margin:0 0 32px}.head-block.top.with-tabs.srollbar-custom .mCSB_container{padding-bottom:20px}}@media (max-width:767px){.select_head_wrap{margin-bottom:32px}.select_head_wrap .head-block.top{margin-bottom:0}.select_head_wrap .head-block.top .item-link{display:block;float:none}.select_head_wrap .menu_item_selected.opened .svg.svg-inline-down{transform:rotate(180deg)}.select_head_wrap .menu_item_selected+.head-block{display:none}.select_head_wrap .head-block.top .item-link{border-bottom:1px solid #eee;border-color:var(--stroke_black)}.select_head_wrap .head-block.top .item-link:last-child{border-bottom:none}.select_head_wrap .head-block.top:not(.with-tabs) .item-link{border-right:none}.select_head_wrap .head-block .item-link .title span,.select_head_wrap .head-block.top .item-link .title .btn-inline{padding:15px 55px 15px 25px}.select_head_wrap .head-block.top.with-tabs .item-link{margin:0;border:none;border-bottom:1px solid #eee;border-color:var(--stroke_black);border-radius:0}.select_head_wrap .head-block.top.with-tabs .item-link.active:last-child:hover,.select_head_wrap .head-block.top.with-tabs .item-link:last-child{border-bottom:none}.select_head_wrap .head-block.top.with-tabs{border:1px solid #eee;border-color:var(--stroke_black)}.select_head_wrap .head-block.top.with-tabs .item-link:hover{box-shadow:none;transform:none}.select_head_wrap .head-block.top.with-tabs .item-link.active:hover{border:none;border-bottom:1px solid #eee;border-color:var(--stroke_black)}.select_head_wrap .head-block.top.with-tabs .item-link.active .title span:before{border-top-right-radius:0;border-top-left-radius:0;left:-1px;top:0;bottom:0;right:auto;height:auto;width:2px}.select_head_wrap{position:relative}.select_head_wrap .head-block.top{position:absolute;left:0;right:0;z-index:110;max-height:220px;overflow:hidden;background-color:#fff;background:var(--darkerblack_bg_black)}}
/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/news.detail/projects/style.css?17761680288618*/
/* ==================== ПЕРВЫЙ ЭКРАН ==================== */
        .screen-first {
            min-height: 100vh;            
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 40px;
        }
        
        .screen-third {
            min-height: 100vh;            
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            padding: 40px;
        }
        
        .flex-block {
            display: flex;
            align-items: center;
            margin-top: 5rem;
            justify-content: flex-start;
        }
        
        .screen-first .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.45); /* меняйте прозрачность здесь */
            z-index: 2;
            pointer-events: none;
        }

        .content-card {
            max-width: 500px;
            background: white;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
            animation: fadeIn 0.8s ease-out;            
            color: #000;
            position: relative;
            z-index: 3;
        }
        
        .whitebg {
            opacity: 0.95;
            color: #333;
            background: white;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
            animation: fadeIn 0.8s ease-out;
        }
        
        .whitebg .right-text {
            flex: 1;
            min-width: 250px;
            color: #333;
            font-size: 18px;
        }
        .whitebg .right-text b {
            color: #333;
        }

        .content-card h1 {
            font-size: 48px;
            color: #1a1a2e;
            margin-bottom: 20px;
            font-weight: 700;
            line-height: 1.2;
        }

        .content-card p {
            font-size: 18px;
            color: #333;
            line-height: 1.6;
            margin-bottom: 15px;
        }

        .content-card .divider {
            width: 60px;
            height: 2px;
            background: #dc2f2f;
            border-radius: 2px;
            margin-bottom: 25px;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateX(-30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* ==================== ВТОРОЙ ЭКРАН ==================== */
        .screen-second {
            background: white;
            padding: 80px 40px;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: #646464;
        }

        /* Блок с заголовком слева и текстом справа */
        .header-text-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 40px;
            margin-bottom: 60px;
        }

        .left-title {
            flex: 1;
            min-width: 250px;
        }

        .left-title h2 {
            font-size: 42px;
            color: #FFF;
            font-weight: 700;
            line-height: 1.2;
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 3rem;
        }
        
        .whitebg h2 {
            color: #000;
            font-weight: 700;
            line-height: 1.2;
            padding-bottom: 20px;
        }

        .left-title h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70px;
            height: 4px;
            background: #dc2f2f;
            border-radius: 2px;
        }

        .right-text {
            flex: 1;
            min-width: 250px;
            color: #FFF;
            font-size: 18px;
        }
        .right-text b {
            color: #FFF;
        }
        
        .vnutri {
             margin: auto;
    padding: 3rem 0;
        }
        
        .vnutri span {
            background: #333;
            color: #FFF;
            padding: 1.5rem;
            margin-right: 2rem;
            border-radius: 2rem;
            text-transform: uppercase;
    font-weight: 500;
   
        }

        /* Секция галереи */
        .gallery-section {
            margin-bottom: 80px;
        }

        .section-label {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #dc2f2f;
            font-weight: 600;
            margin-bottom: 20px;
        }

        /* НЕРАВНОМЕРНАЯ СЕТКА — плиточная, с учётом ориентации */
        .masonry-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
            grid-auto-flow: dense;
        }

        /* Базовый стиль для всех карточек */
        .grid-item {
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            background: #f0f0f0;
            position: relative;
        }

        .grid-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
        }

        .grid-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }

        .grid-item:hover img {
            transform: scale(1.02);
        }

        /* Управление ориентацией через span-ы */
        .grid-item.horizontal {
            grid-column: span 2;
        }

        .grid-item.vertical {
            grid-row: span 2;
        }

        .grid-item.mega {
            grid-column: span 2;
            grid-row: span 2;
        }
.expert blockquote {
    font-size: 0.85rem;
    padding: 2px 10px 2px 25px;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 2rem 0;
}        

        /* Адаптив для галереи */
        @media (max-width: 700px) {
            .masonry-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .grid-item.horizontal,
            .grid-item.vertical,
            .grid-item.mega {
                grid-column: span 1;
                grid-row: span 1;
            }
        }

        /* Секция видео — 2 В СТРОКУ */
        .video-grid {            
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .video-card {
            background: #f8f9fa;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);         
        }        

        .video-wrapper {
            overflow: hidden;
            background: #000;
        }
        

        /* Адаптив для видео — на мобильных по 1 */
        @media (max-width: 768px) {
            .video-grid {
                grid-template-columns: 1fr;
                gap: 25px;
            }
        }

        @media (max-width: 768px) {
            .screen-first {
                padding: 20px;
                align-items: flex-start;
                padding-top: 60px;
            }

            .content-card {
                padding: 30px;
                max-width: 90%;
            }

            .content-card h1 {
                font-size: 36px;
            }

            .screen-second {
                padding: 50px 20px;
            }

            .left-title h2 {
                font-size: 32px;
            }

            .right-text p {
                font-size: 16px;
            }

            .header-text-row {
                flex-direction: column;
                gap: 20px;
            }
        }

.wraps > .wrapper_inner {
    padding-bottom: 0 !important;
}
/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/news.list/project_review/style.css?1776857031407*/
.project_review {
    border-radius: 20px;
    border: 1px #b9b9b9 dashed;
    padding: 2rem;
}

.project_review .top_wrapper_review {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.project_review .image {width: 35%}

.project_review .client {
    margin-top: 1rem;
    font-size: 0.9rem;
}

.review-picture img {
    border-radius: 20px;
}

.right-text.v2 {
    flex:2
}
/* End */
/* /bitrix/templates/aspro_max/components/bitrix/news/projects/style.min.css?16793979362341 */
/* /bitrix/templates/aspro_max/components/bitrix/news.detail/projects/style.css?17761680288618 */
/* /bitrix/templates/aspro_max/components/bitrix/news.list/project_review/style.css?1776857031407 */