/* Start:/bitrix/components/bitrix/breadcrumb/templates/universal/style.css?1711718201875*/
.bx-breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bx-breadcrumb-item {
	/*height: 22px;*/
	/*white-space: nowrap;*/
	display: flex;
}

.bx-breadcrumb-item-angle {
	margin: 0 10px;
	color: #b5bdc2;
	vertical-align: top;
	font-size: 12px;
}

.bx-breadcrumb-item-link {
	border-bottom: none;
	vertical-align: top;
	line-height: 21px;
}

.bx-breadcrumb-item-link:hover { }

.bx-breadcrumb-item-text {
	vertical-align: top;
	white-space: normal;
	font: 400 13px/21px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	transition: 250ms linear all;
}

span.separator {
	width: 20px;
	display: block;
	text-align: center;
	color: var(--gray);
}
/* End */


/* Start:/local/templates/yd2page/components/bitrix/catalog.section.list/portfolio/style.css?1733140748629*/
.search-tag-item {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ededed;
	color: #787878;
	padding: 5px 10px 5px 14px;
	margin: 3px 0;
	display: inline-block;
	font-size: 12pt;
	transition: 0.6s;
}

.search-tag-item:hover {
	background: var(--active);
	color: #fff;
}

.search-tag-item:hover sup{
	color: #fff;
}

.search-tag-item sup{
	color: var(--active);
	font-size: 10px;
	transition: 0.6s;
}

.all-compilations {
	background-color: var(--second-active);
	color: #fff;
}
.all-compilations:hover {
	color: #fff;
}
.all-compilations sup{
	color: var(--white);
	font-size: 10px;
}
/* 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 */


/* Start:/local/templates/yd2page/components/bitrix/news/portfolio/bitrix/news.list/list/style.css?17510376851003*/
@media screen and (min-width: 992px) {
    .portfolio_title {
        margin-top: 3rem;
    }
    .portfolio-description {
        margin-top: 3rem;
    }
    .portfolio_block .portfolio_title a {
        font-size: 20pt;
        font-weight: bold;
    }
}

@media screen and (max-width: 991px) {
    .portfolio_title {
        margin-top: 1rem;
    }
    .portfolio_title a {
        font-size: 16pt;
        font-weight: bold;
    }
    .portfolio-description {
        margin-top: 1rem;
    }
    .some-link {
        font-size: 12pt;
    }
}

@media screen and (max-width: 767px) {
    .portfolio_block img {
        width: 100%;
    }
}

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

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

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


/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/universal/style.css?1711718201875 */
/* /local/templates/yd2page/components/bitrix/catalog.section.list/portfolio/style.css?1733140748629 */
/* /local/templates/.default/components/bitrix/system.pagenavigation/beauty/style.css?16495687751711 */
/* /local/templates/yd2page/components/bitrix/news/portfolio/bitrix/news.list/list/style.css?17510376851003 */