/* Start:/bitrix/templates/aspro_optimus/components/aspro/com.banners.optimus/grid/style.css?17413894641339*/
.container_main { /* Задаём свойства элементов HTML-класса «контейнер» */
    display: grid; /* Режим отображения меняем на «сетку» */
    column-gap: 1%;
    row-gap: 1%;
}

/* Добавляем оформление элементам grid-контейнера: */
.container_main * {
    text-align: center; /* Контент размещаем в центре по горизонтали */
    max-width: 100%;
}

.container_main {
    display: grid;
    grid-template-areas:
                "a a a a"
                "b b c c";
}

@media all and (max-width: 630px) {
    .container_main {
        display: grid;
        grid-template-areas:
                "a a"
                "b c";
    }
}

.sect_main_1 { grid-area: a; }
.sect_main_2 { grid-area: b; }
.sect_main_3 { grid-area: c; }

.container_main .dark_block_animate img{
    -webkit-filter: brightness(100%);
    -webkit-transition: all .2s ease;
    - moz-transition: all .2s ease;
    - o-transition: all .2s ease;
    - ms-transition: all .2s ease;
    transition: all .2s ease;
}

.container_main .dark_block_animate img:hover{
    -webkit-filter: brightness(80%);
}
.dark_block_animate{
    display: block;
}
.container_main a{
    line-height: 0;
}
/* End */
/* /bitrix/templates/aspro_optimus/components/aspro/com.banners.optimus/grid/style.css?17413894641339 */