/* Start:/bitrix/templates/crystallux/components/bitrix/breadcrumb/my_breadcrumbs/style.min.css?1713520553467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/crystallux/components/bitrix/system.pagenavigation/blog_pager/style.css?1759315699251*/
.wrap_pagination{text-align: center;}
.pagination{ border-radius: 0; border-color: #dfe5e9; }
.pagination a, .pagination span{ border-radius: 0 !important; }

.pagination .active span {background-color:transparent !important; color:#009adc !important}
/* End */


/* Start:/bitrix/templates/crystallux/components/bitrix/news.list/galereya-intererov/style.css?17841917654020*/
.news-list {
    --items_per_line: 4;
    --elements_gap: 16px;

    --first_elem_of_pair: 400px;
    --last_elem_of_pair: 250px;

    @media (max-width: 1000px) {
        --items_per_line: 3;
    }

    @media (max-width: 800px) {
        --items_per_line: 2;
    }

    @media (max-width: 650px) {
        --items_per_line: 1;

        --last_elem_of_pair: var(--first_elem_of_pair);
    }

    & .listnews{
        gap: var(--elements_gap);
        & >.elem_pair{
            margin: 0;

            display: flex;
            flex-direction: column;
            gap: var(--elements_gap);

            border: 0;
            border-radius: 0;

            width: calc(100%/var(--items_per_line) - var(--elements_gap)*calc(var(--items_per_line) - 1)/var(--items_per_line));

            &:hover{
                box-shadow: none;
            }

            &:nth-child(2n){
                flex-direction: column-reverse;
            }

            &>div{
                border: 1px solid #e5e5e5;
                border-radius: 4px;

                height: var(--first_elem_of_pair);

                transition: .3s;

                &:hover{
                    box-shadow: 0 5px 20px rgba(0,0,0,.1);
                }

                &:last-child{
                    height: var(--last_elem_of_pair);
                }

                & >.image{
                    height: 100%;

                    position: relative;

                    cursor: pointer;

                    --bottom: 0;

                    &:hover{
                        --bottom: 10px;

                        &> .img > img{
                            transform: scale(1.05);
                        }

                        &> .text{
                            transform: scale(1.1);
                        }
                    }

                    &> .img{
                        height: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        overflow: hidden;

                        border-radius: 4px;

                        & >img{
                            height: 100%;
                            width: 100%;
                            object-fit: cover;

                            transition: .4s;
                        }
                    }

                    &> .text{
                        position: absolute;
                        bottom: var(--bottom);
                        left: 0;

                        display: flex;
                        flex-direction: column;
                        
                        transition: .4s;

                        margin: 0 0 16px 16px;

                        color: #fff;

                        &> .title{
                            font-family: "Roboto", Arial, sans-serif;
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 23px;
                            color: #fff;

                            text-decoration: none;
                            min-height: auto;
                            margin: 0;
                            padding: 0;

                            &:hover{
                                color: #365EDC;
                            }
                        }
                    }
                }
            }
        }
    }
}


#popover{
    max-width: 90%;
    max-height: 90%;

    padding: 0;
    border: 0;
    border-radius: 4px;

    &::before{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        content: '';
        background: rgba(0,0,0,.5);
    }

    & button{
        position: absolute;
    }

    & .image{
        position: relative;

        & .text{
            display: none;
        }

        & img{
            max-height: 90vh;
        }
    }
}

:root:has(#popover){
    scrollbar-gutter: stable;
    overflow: hidden;
}
/* End */
/* /bitrix/templates/crystallux/components/bitrix/breadcrumb/my_breadcrumbs/style.min.css?1713520553467 */
/* /bitrix/templates/crystallux/components/bitrix/system.pagenavigation/blog_pager/style.css?1759315699251 */
/* /bitrix/templates/crystallux/components/bitrix/news.list/galereya-intererov/style.css?17841917654020 */