/* Start:/local/templates/kareliamaf/components/bitrix/news.list/portfolio.albums/style.css?17440313101716*/
.mySwiper-portfolio {
    padding: 0 30px !important;
    height: 380px !important;
}

.mySwiper-portfolio .swiper-slide {
    display: flex;
    justify-content: center;
}
.catalog-block-header {
    margin-bottom: 20px;
}
.albums {
    display: -webkit-flex;
    display: flex;
    justify-content: space-evenly;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}

.slide-album-wrap {
    margin-bottom: 25px;
    max-height: 345px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    position: relative;
}

.album-wrap {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 25px);
    margin-bottom: 25px;
    max-height: 345px;
    overflow: hidden;

    border: 1px solid #e8e8e8;
    position: relative;

    -webkit-transition: box-shadow 350ms;
    -moz-transition: box-shadow 350ms;
    -ms-transition: box-shadow 350ms;
    -o-transition: box-shadow 350ms;
    transition: box-shadow 350ms;
}
@media (max-width: 900px) {
    .album-wrap {
        flex-basis: calc(33.3% - 5px);
    }
}
@media (max-width: 640px) {
    .album-wrap {
        flex-basis: 100%;
    }
}

.album-wrap:hover, .slide-album-wrap:hover {
    z-index: 1;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}


.album img {
    width: 100%;
    vertical-align: bottom;
}

.album-wrap h2, .slide-album-wrap h2 {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    font-size: 20px;
    background-color: #0000009e;
    padding: 10px;
    text-align: left;
    margin-bottom: 0;
}
.album-wrap h2 a, .slide-album-wrap h2 a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}


/* End */
/* /local/templates/kareliamaf/components/bitrix/news.list/portfolio.albums/style.css?17440313101716 */