/* Start:/local/templates/yd2page/components/bitrix/news/portfolio/bitrix/news.list/list/style.css?1650090008568*/
.content-gray {
    background: #ededed;
}

.content-blue h2 {
    color: #fff;
    text-align: center;
}

.portfolio_block {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    margin: 2vw 0 20px 0;
    background: #fff;
    transition: 2s;
}

.portfolio_block:hover {
    box-shadow: 0 7px 20px 0 #e2e2e2cc;
    transform: scale(1.02);
}

.portfolio_block h3 a{
    font-size: 20pt;
}

.portfolio_block img {
    margin: 0;
    transition: 3s;
}

.white {
    color: #fff;
}

.white:hover {
    color: #fff;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/beauty/style.css?16495687751711*/
@media screen and (min-width: 600px) {
    div#pages {
        overflow: hidden;
        color: #ccc;
        text-align: center;
        margin: 20px 0;
    }

    .pages_item {
        float: left;
        width: 50%;
        display: block;
        padding: 1rem;
        border: 1px solid #eee;
        font-weight: 500;
        text-transform: uppercase;
        transition: 0.4s;
    }

    a.pages_item {
        color: #6A2A88;
        transition: 0.2s ease-Out;
    }

    a.pages_item:hover {
        background: #6A2A88;
        color: #fff;
    }

    span.pages_item {
        color: #ccc;
    }
}

@media screen and (max-width: 600px)
{
    div#pages {
        margin: 1rem 0 0 0;
        color: #ccc;
        text-align: center;
        display: block;
    }
    .pages_item {
        width: 100%;
        display: block;
        padding: 1rem;
        border: 1px solid #eee;
        font-weight: 500;
        text-transform: uppercase;
        transition: 0.4s;
    }
    a.pages_item {
        color: #6A2A88;
    }
    a.pages_item:hover {
        background: #6A2A88;
        color: #fff;
    }

    span.pages_item {
        color: #ccc;
    }
}

.pages_item:first-child {
    border-right: 0;
}

.load-more {
    text-transform: uppercase;
    color: var(--second-active);
    text-align: center;
    cursor: pointer;
    padding: 20px 0;
    border: 1px solid #eee;
    border-bottom: 0;
    transition: 0.4s;
}

.load-more:hover {
    background: #6A2A88;
    color: #fff;
}

.load-more-end {
    text-transform: uppercase;
    text-align: var(--grey);
    margin: 20px 0;
    text-align: center;
}
/* End */
/* /local/templates/yd2page/components/bitrix/news/portfolio/bitrix/news.list/list/style.css?1650090008568 */
/* /local/templates/.default/components/bitrix/system.pagenavigation/beauty/style.css?16495687751711 */