/**
 * 
 * Тема : 
 * 
 *
 * 
 */

/*
 * -----------------------------------------------------------------------------
 *
 * Лендос (Блоки) - Галлерея.
 *
 * -----------------------------------------------------------------------------
 */

#iblock-content-gallery {
    text-align: center;
}

#iblock-content-gallery .container {
    max-width: 100% !important;
    padding: 0 4px;
}

#iblock-content-gallery .row {
    margin: 0 -6px;
}

#iblock-content-gallery .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    
    padding: 4px;
}

@media (min-width: 576px) {
    #iblock-content-gallery .col {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 768px) {
    #iblock-content-gallery .col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 992px) {
    #iblock-content-gallery .col {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 1200px) {
    #iblock-content-gallery .col {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

#iblock-content-gallery .image-box {
    cursor: zoom-in;
}

/*

#iblock-content-gallery .image-box:hover {
    outline-width: 4px;
    outline-style: solid;
    outline-color: var(--color-prim);
}

*/

#iblock-content-gallery .image-box:hover .image {
    background-size: 110% auto;
}

#gallery-more {
    display: inline-block;
    width: 200px;
    
    margin: 3rem auto;
}