/* Start:/local/templates/main/components/bitrix/catalog/portfolio/style.css?17867166641122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.smart.filter/cases_selection/style.css?1786716813910*/
.quick-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	align-items: center;
}
.quick-filter__title {
	font-weight: 600;
}
.quick-filter__container {
	/*display: flex;*/
	font-size: .825rem;
	font-weight: 500;
	/*gap: .5rem;*/
}
.quick-filter__choice {
	display: block;
	border: 1.2px solid #ddd;
	border-radius: .375rem;
	padding: .375rem 1rem;
	background: #f9f9f9;
	cursor: pointer;
	transition: .3s;
}
.quick-filter__choice [type="checkbox"] {
	display: none;
}
.quick-filter__choice:has(input:checked) {
	border-color: #d2e4ab;
	color: var(--color-secondary-alt);
	background: var(--color-secondary-light);
}
.quick-filter__choice.disabled {
	opacity: .3;
	pointer-events: none;
}
.quick-filter__reset {
	font-weight: 500;
	cursor: pointer;
}
.quick-filter__reset input {
	cursor: inherit;
}

.update_ajax_filter_inactive {
	opacity: .5;
	cursor: none;
	pointer-events: none;
	transition: .3s;
}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog/portfolio/bitrix/catalog.section/ready/style.css?17883040792931*/
.cases {
    --case-space: 1.5rem;
}
.case {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    border-radius: 1rem;
    box-shadow: 0 0 0 1px #e2e2e2 inset, 0 0 0 5px #e2e2e222 inset;
    transition: .5s;
}
.case::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: .5s;
    box-shadow: 0 .125rem .5rem 0 #0001;
}
.case:hover {
    transform: translateY(-1%);
}
.case:hover::after {
    box-shadow: 0 .125rem 1.5rem 0 #0001;
}
.case__image {
    border-radius: 1rem 1rem 0 0;
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.case__info {
    display: grid;
    grid-gap: 1rem;
    padding: calc(var(--case-space) * 0.625) var(--case-space) calc(var(--case-space));
    height: 100%;
}
.case__title {
    margin-bottom: .125rem;
    font-size: clamp(1rem, 1.5vw, 1.375rem);
    font-weight: 700;
    cursor: pointer;
}
.case__actions {
    padding-top: .5rem;
    margin-top: auto;
}

.case-top { position: relative; }
.case-top__panel {
    position: absolute;
    top: var(--case-space);
    left: var(--case-space);
    /*top: 0;
    left: 0;*/
    /*padding: var(--case-space);*/
    /*width: 100%;*/
    width: calc(100% - var(--case-space) * 2);
    height: auto;
    max-height: 100%;
}

.case__btn {
    padding-left: .625rem;
    padding-right: .625rem;
}

.case__like-btn {
    color: var(--color-light);
    cursor: pointer;
    transition: .3s;
}
.case__like-btn:hover {
    transform: scale(1.1);
}

.case__benefit {
    opacity: 0;
    transform: translateY(30%);
    transition-property: opacity, transform;
    transition-duration: .3s;
}
.case:hover .case__benefit {
    opacity: 1;
    transform: none;
}
.case-benefits {
    position: relative;
}
.case-benefits__list {
    --cases-benefits-space: .25rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(var(--cases-benefits-space) * -1);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    max-height: 100%;
    padding: var(--case-space);
}
@media screen and (min-width: 480px) {
    .case-benefits__item, .case__benefit {
        /*margin: 0 .375rem .375rem 0;*/
        margin: var(--cases-benefits-space);
        display: inline-flex;
        padding: .375rem .75rem;
        width: fit-content;
        /*border-radius: 1rem;*/
        border-radius: 1rem;
        font-size: .75rem;
        font-weight: 600;
        background: linear-gradient(145deg, #fffe, #fff7);
        backdrop-filter: blur(3px);
        z-index: 1;
    }
}

.like, .like:focus {
    display: flex;
    border-radius: 50%;
    padding: 0;
    transition: .5s;
    outline: none;
}
.like__icon {
    fill-opacity: .8;
}
.like.active {
    /*background: #fffa;
    box-shadow: 0 0 0 .5rem #fffa;*/
}
.like.active .like__icon {
    color: #fd4760;
}
/* End */


/* Start:/local/templates/main/components/bitrix/system.pagenavigation/custom/style.css?1786717402463*/
.pagination {
    display: flex;
    font-weight: 500;
}
.pagination li * {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    padding: .125rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
}
.pagination span {
    font-weight: 600;
    color: var(--color-secondary-alt);
    background: var(--color-secondary-light);
    box-shadow: rgba(0, 0, 0, .133) 0 .25rem 1rem -.5rem,
    0 0 0 2px #d2e4ab inset;
}
/* End */
/* /local/templates/main/components/bitrix/catalog/portfolio/style.css?17867166641122 */
/* /local/templates/main/components/bitrix/catalog.smart.filter/cases_selection/style.css?1786716813910 */
/* /local/templates/main/components/bitrix/catalog/portfolio/bitrix/catalog.section/ready/style.css?17883040792931 */
/* /local/templates/main/components/bitrix/system.pagenavigation/custom/style.css?1786717402463 */