/* Start:/local/templates/glavhoz/components/bitrix/news.list/news/style.css?17792790002127*/
/*НОВОСТИ*/

.latest-news {
    display: flex;
    margin: 100px 160px 160px 0;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.latest-news-block{
    display: flex;
    gap: 80px;
    width: 100%;
}

.news-substrate{
    position: absolute;
    background-color: var(--colorLightGray);
    width: 100%;
    height: 410px;
    margin-top: 170px;
    z-index: -1;
}

.decor-news{
    position: absolute;
    height: 92%;  
}

.news-slider {
    position: relative;
    
}

.news-slider-container{
    width: 700px;
    overflow: hidden;
}

.slider-content {
    display: flex;
    justify-content: space-between;
    margin: 0 160px 0 0;
    transition: transform 0.5s ease; 
    width: 700px;
}

.news-slide {
    height: 460px;
    width: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-shrink: 0; /* Не сжимать слайды */
}


.news-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-content{
    display: none;
    flex-direction: column;
    gap: 40px;
}

.news-content-active{
    display: flex;  
}

.news-description {
    max-width: 800px; 
    height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-desc-content{
    display: flex;
    height: 290px;
}

.news-desc-text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-navigation{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-indicate{
    display: flex;
    gap: 30px;
}

.indicators{
    display: flex;
    justify-content: space-between;
    width: 200px;
}


.news-rhombus{
    background-color: var(--colorWhite);
}

.news-indicators .indicate{
    background-color: var(--colorRed);
}

.button-news svg:hover path{
    fill: var(--colorLightGray);
    transition: 0.4s;
}


.button-news {
    width: 180px;
    height: 160px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* End */


/* Start:/local/templates/glavhoz/components/bitrix/system.pagenavigation/pagination/style.min.css?17792789992530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/glavhoz/components/bitrix/news.list/news_list/style.css?17792790001632*/
/*ВСЕ НОВОСТИ*/
.news-diamond {

    width: 220px;

    height: 220px;

    display: flex;

    justify-content: center;

    align-items: center;

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    margin: 40px 40px 40px -80px;

    overflow: hidden;

    align-self: center;
    flex: 0 0 auto;

}

.news-diamond img{
    width: 100%;

    height: 100%;

    object-fit: cover;
    
   
}

.news-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 80px;
}

.news-block{
    background-color: var(--colorWhite);
    border: solid 1px var(--colorLightGray);
    height: 300px;
    width: 48%; 
    display: flex;
}

.news-block:hover{
    border-color: var(--colorRed);
}

.triangles{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 100px solid var(--colorLightGray);
    border-right: 100px solid transparent;
}
  
.triangle-bottomleft {
    width: 0;
    height: 0;
    border-bottom: 100px solid var(--colorLightGray);
    border-right: 100px solid transparent;
}

.news-block:hover .triangle-topleft{
    border-top: 100px solid var(--colorRed);
}
.news-block:hover .triangle-bottomleft{
    border-bottom: 100px solid var(--colorRed);
}

.news-text{
    width: 60%;
    margin: 40px 40px 40px 0;
    gap: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-data{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-data span{
    font-size: 24px;
}

/* End */
/* /local/templates/glavhoz/components/bitrix/news.list/news/style.css?17792790002127 */
/* /local/templates/glavhoz/components/bitrix/system.pagenavigation/pagination/style.min.css?17792789992530 */
/* /local/templates/glavhoz/components/bitrix/news.list/news_list/style.css?17792790001632 */