.products-section, 
.product-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding-top: calc(80px - 30px);
padding-bottom: calc(80px - 10px);
position: relative;
z-index: 90;
}
.products-section > .container, 
.product-section > .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}
.products-section .container:after, 
.product-section .container:after {
display: none;
}
@media (max-width: 499px) {
	.products-section, 
	.product-section {
		padding-bottom: 50px;
	}
}
@media (max-width: 1279px) {
	.products-section, 
	.product-section {
		padding-top: calc(50px - 10px);
		padding-bottom: 50px;
	}
	.product-section {
		padding-bottom: 40px;
	}
}
@media (max-width: 499px) {
	.products-section, 
	.product-section {
		padding-bottom: 40px;
	}
	.product-section {
		padding-bottom: 30px;
	}
}

/*--- Сайдбар ---*/
.sidebar {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 214px;
color: #30363c;
order: 1;
}
.widget {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.widget:first-child {
margin-top: 0px;
}
.widget.widget-catalog-menu:first-child {
margin-top: -5px;
}
.widget-catalog-menu__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
.widget.widget-catalog-menu > ul {
display: block;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
}
.widget.widget-catalog-menu > ul > li {
display: block;
padding: 0px 0px 0px 12px;
margin: 6px 0px 0px 0px;
position: relative;
}
.widget.widget-catalog-menu > ul > li:first-child {
margin-top: 0px;
}
.widget.widget-catalog-menu > ul > li:before {
content: "";
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 3px;
height: 5px;
position: absolute;
top: 6px;
left: 0px;
background-position: -56px -5px;
background-repeat: no-repeat;
z-index: 1;
}
.widget.widget-catalog-menu > ul > li > a {
color: #30363c;
text-decoration: none;
}
.widget.widget-catalog-menu > ul > li > a:hover, 
.widget.widget-catalog-menu > ul > li > a:active {
color: #c7152a;
text-decoration: underline;
}
.widget.widget-catalog-menu > ul > li.active {
color: #30363c;
font-weight: 500;
}
.widget.widget-catalog-menu > ul > li.active > a {
color: inherit;
}
@media (max-width: 1279px) {
	.sidebar {
		display: none;
	}
}

/*--- Контент ---*/
.products-section .content, 
.product-section .content {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 214px - 30px);
max-width: 100%;
order: 2;
}
.sorting + .product-items-wrapper {
margin-top: 30px;
}
@media (max-width: 1279px) {
	.products-section .content, 
	.product-section .content {
		display: block;
		width: 100%;
	}
	.sorting + .product-items-wrapper {
		margin-top: 20px;
	}
}

/*--- Фильтр ---*/
.filter {
display: block;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
padding-top: calc(20px - 5px);
position: relative;
background: #e9ecf0;
color: #30363c;
font-size: 0px;
z-index: 100;
}
.filter > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 0px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% + (10px * 2));
}
.filter__parameter {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
}
.filter__parameter-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #5d5854;
font-size: 14px;
line-height: 20px;
}
.filter__parameter-title b, 
.filter__parameter-title strong {
color: #30363c;
font-weight: 500;
}
.filter__parameter.filter__parameter_price {
width: 278px;
}
.filter__parameter.filter__parameter_price .slider {
display: block;
margin: 16px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.filter__parameter.filter__parameter_price .slider .range-slider-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.filter__parameter.filter__parameter_price .slider .range-slider-wrapper .range-slider {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.filter__parameter.filter__parameter_price .slider .range-slider-wrapper .range-slider .range {
position: relative;
}
.filter__parameter.filter__parameter_price .slider .range-labels {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #5d5854;
}
.filter__parameter.filter__parameter_price .slider .range-label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 17px;
}
.filter__parameter.filter__parameter_price .slider .range-label.range-label-from {
width: 50%;
}
.filter__parameter.filter__parameter_price .slider .range-label.range-label-to {
width: 50%;
text-align: right;
}
.filter__parameter.filter__parameter_luki-resistance, 
.filter__parameter.filter__parameter_luki-size {
width: 240px;
}
.filter__parameter.filter__parameter_luki-resistance {
z-index: 20;
}
.filter__parameter.filter__parameter_luki-size {
z-index: 10;
}
.filter__parameter-inputs-item {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.filter__action {
display: inline-block;
vertical-align: top;
padding: 30px 0px 0px 0px;
margin: 0px 10px 0px 10px;
width: 97px;
}
.filter__action .btn-yellow {
width: 100%;
height: 40px;
padding-left: 0px;
padding-right: 0px;
font-size: 14px;
line-height: 14px;
}
@media (max-width: 1279px) {
	.filter__parameter.filter__parameter_price {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1279px) { 
	.filter__parameter.filter__parameter_luki-resistance, 
	.filter__parameter.filter__parameter_luki-size {
		width: 260px;
	}
}
@media (max-width: 767px) { 
	.filter > div {
		flex-wrap: wrap;
	}
	.filter__parameter {
		width: calc(100% - (10px * 2)) !important;
		margin-top: 10px;
	}
	.filter__parameter:first-child, 
	.filter__parameter.filter__parameter_luki-kind {
		margin-top: 0px;
	}
	.filter__action {
		display: block;
		padding: 0px 0px 0px 0px;
		margin: 15px 10px 0px 10px;
		width: calc(100% - (10px * 2));
	}
}

/*--- Сортировка ---*/
.sorting {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-top: calc(30px - 2px);
position: relative;
color: #30363c;
font-size: 14px;
line-height: 20px;
}
.sorting__sort-wrapper, 
.sorting__length-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
}
.sorting__label {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
}
.sorting ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.sorting ul li {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 2px 7px 3px 7px;
position: relative;
border: 1px solid #e9ecf0;
border-radius: 4px;
cursor: pointer;
}
.sorting ul li label {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
cursor: pointer;
}
.sorting ul li:hover, 
.sorting ul li:active {
background: #e9ecf0;
}
.sorting ul li.active {
background: #e9ecf0;
font-weight: 500;
cursor: default;
}
.sorting ul li.active label {
cursor: default;
}
.sorting ul li[data-order] label:after {
content: "";
display: none;
margin: 0px 1px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-image: url(../images/icon-sort-orders.png);
}
.sorting ul li[data-order].active label:after {
display: inline-block;
vertical-align: top;
}
.sorting ul li[data-order="asc"] label:after {
background-position: -5px -5px;
}
.sorting ul li[data-order="desc"] label:after {
background-position: -25px -5px;
}
.sorting ul li input {
display: none;
}
@media (max-width: 1279px) {
	.sorting {
		display: none;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 15px;
	}
	.sorting__sort-wrapper, 
	.sorting__length-wrapper {
		flex-wrap: wrap;
	}
	.sorting__length-wrapper {
		margin-top: 10px;
	}
	.sorting__label {
		width: 100%;
		top: 0px;
	}
	.sorting ul {
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 0px;
	}
	.sorting ul li {
		margin-top: 5px;
	}
}

/*--- Выпадающие списки ---*/
.select-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.select-wrapper .selected-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 100%;
height: 40px;
border: none;
outline: none;
text-align: left;
font-family: 'Geometria';
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #30363c;
background: #fff;
box-sizing: border-box;
z-index: 20;
cursor: pointer;
}
.select-wrapper .selected-item > span {
z-index: 1;
}
.select-wrapper.disabled .selected-item {
cursor: default;
}
.select-wrapper .selected-item:before {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 90px;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
z-index: 10;
}
.select-wrapper .selected-item:after {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 11px;
height: 6px;
position: absolute;
top: calc(50% - (6px / 2));
right: 15px;
background-position: -5px -5px;
background-repeat: no-repeat;
background-image: url(../images/icon-select-arrows.png);
z-index: 20;
}
.select-wrapper.select-opened .selected-item:after {
background-position: -26px -5px;
}
.select-wrapper.disabled .selected-item > span, 
.select-wrapper.disabled .selected-item:after {
opacity: 0.3;
}
.select-wrapper .select-items {
display: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 40px;
left: 0px;
min-width: 100%;
background: #fff;
max-height: calc((34px * 8) + 1px);
overflow-y: auto;
border-top: 1px solid #e9ecf0;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
z-index: 10;
}
.select-wrapper .select-items::-webkit-scrollbar-track, 
.select-wrapper .select-items::-webkit-scrollbar {
background-color: #e9ecf0;
}
.select-wrapper .select-items::-webkit-scrollbar {
width: 4px;
}
.select-wrapper .select-items::-webkit-scrollbar-thumb {
background-color: #ffcc00;
}
.select-wrapper.select-opened .select-items {
display: block;	
}
.select-wrapper .select-items .search-items-input {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #e9ecf0;
}
.select-wrapper .select-items .search-items-input input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 100%;
height: 34px;
border: none;
outline: none;
text-align: left;
font-family: 'Geometria';
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #000;
background: #f8f8f8;
box-shadow: none;
box-sizing: border-box;
z-index: 1;
}
.select-wrapper .select-items .search-items-input input.error {
box-shadow: 0 0 0 2px #f88493 !important;
}
.select-wrapper .select-items .search-items-input input[type='text']::-webkit-input-placeholder, 
.select-wrapper .select-items .search-items-input input[type='text']::-moz-placeholder, 
.select-wrapper .select-items .search-items-input input[type='text']:-moz-placeholder, 
.select-wrapper .select-items .search-items-input input[type='text']:-ms-input-placeholder {
color: #5d5854;
}
.select-wrapper .select-items .search-items-input input[type='text']::-webkit-input-placeholder {
color: #5d5854;
}
.select-wrapper .select-items .search-items-input input[type='text']:focus::-webkit-input-placeholder, 
.select-wrapper .select-items .search-items-input input[type='text']:focus::-moz-placeholder, 
.select-wrapper .select-items .search-items-input input[type='text']:focus:-moz-placeholder, 
.select-wrapper .select-items .search-items-input input[type='text']:focus:-ms-input-placeholder {
color: transparent;
}
.select-wrapper .select-items ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.select-wrapper .select-items ul li {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 7px 15px 7px 15px;
color: #30363c;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.select-wrapper .select-items ul li.selected-option, 
.select-wrapper .select-items ul li:hover, 
.select-wrapper .select-items ul li:active {
background: #f0f0f0;
}
.select-wrapper .select-items ul li.option-hidden {
display: none;
}
.select-wrapper .select-items ul li .option-price {
width: 85px;
}

/*--- Редактирование категории ---*/
.product-term-edit {
display: block;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-term-edit > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 22px 20px calc(22px + 2px) 20px;
position: relative;
border: 3px dashed #5dc351;
border-radius: 4px;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
font-family: 'Geometria';
color: #5dc351;
font-size: 16px;
line-height: 16px;
font-weight: 700;
text-decoration: underline;
text-decoration-color: transparent;
user-select: none;
box-sizing: border-box;
}
.product-term-edit > a:hover {
opacity: 0.65;
text-decoration-color: #5dc351;
}
@media (max-width: 1279px) {
	.product-term-edit {
		margin-top: 20px;
	}
}