.main-filter-wrap .filter-block {
	overflow: auto;
	max-height: 800px;
}

.main-filter-wrap .section-colors.colors-large:last-child {
    margin-bottom: 0px;
}

.catalog-box {
	width: 100%;
}
.catalog-box .item-wrap {
    width: 20%;
}

.filter-show .catalog-panel-box .filter-wrap:before {
    opacity: 0;
}


@media (min-width: 1024px) {
    .filter-show .catalog-panel-box {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.catalog-filter-block { display: flex; }
.catalog-filter-block .filter-block { display: block; min-width: 282px; margin-right: 21px; }

@media (max-width: 767px) {
	.catalog-filter-block .filter-block { display: none; }
	.filter-show .catalog-filter-block .filter-block { overflow: auto; display: block; position: fixed; top: 0; right: 0; width: 96%; background-color: #fff; z-index: 999; margin: 0; height: 100%; }
}
.catalog-box .item-wrap {
  padding: 0 11px;
  margin-bottom: 50px;
  width: 25%;
}
@media (max-width: 1699px) {
    .catalog-box .item-wrap {
        width: 33.33%;
    }
}
@media (max-width: 1439px) {
    .catalog-box .item-wrap {
        width: 50%;
    }
}
/* @media (max-width: 767px) {
    .catalog-box .item-wrap {
        width: 25%;
    }
} */

.catalog-filter-block .form__set { margin-bottom: 5px; }
.catalog-filter-block .filter-section{ margin-bottom: 5px; }
.catalog-filter-block .form__set .form__set__legend { width: 100%; }
.catalog-filter-block .form__set .form__set__legend .section-title, .catalog-filter-block .filter-section .section-title {
  background: #EBEBEB;
  display: block;
  padding: 15px;
  width: 100%;
  color: #252525;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; cursor: pointer;
  text-transform: uppercase; position: relative;
}
.catalog-filter-block .form__set .form__set__legend .section-title:after, .catalog-filter-block .filter-section .section-title:after {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 11V18H11V11H18V9H11V2H9V9H2V11H9Z' fill='%23625F5A'/%3E%3C/svg%3E ");
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
}
.catalog-filter-block .form__set .section-content { display: none; }
.catalog-filter-block .filter-section .section-content { display: none; }

.catalog-filter-block .form__set.open .form__set__legend .section-title, .catalog-filter-block .filter-section.open .section-title { background: #FFF; }
.catalog-filter-block .form__set.open .form__set__legend .section-title:after, .catalog-filter-block .filter-section.open .section-title:after {
	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9H18V11H2V9Z' fill='%23625F5A'/%3E%3C/svg%3E ");
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
}
.catalog-filter-block .form__set.open  .form__set__legend { border: 1px solid #C4C4C4;  }
.catalog-filter-block .filter-section.open  .form__set__legend { border: 1px solid #C4C4C4;  }
.catalog-filter-block .form__set.open {  }
.catalog-filter-block .form__set.open .section-content { display: block; }
.catalog-filter-block .filter-section.open .section-content { display: block; }
.catalog-filter-block .filter-submit a { 
	color: #625F5A;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 207.187%; margin-top: 15px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0003 11.611L13.889 15.4997L15.0001 14.3887L11.1114 10.4999L15.0001 6.61121L13.889 5.50014L10.0003 9.38887L6.11157 5.50012L5.0005 6.61119L8.88924 10.4999L5.00049 14.3887L6.11156 15.4998L10.0003 11.611Z' fill='%23625F5A'/%3E%3C/svg%3E");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 25px;
}

.catalog-filter-block .section-content { 
	border: 1px solid #C4C4C4;
	border-top: 0;
	padding: 20px 15px 10px 15px; 
}
.catalog-filter-block .section-content a {color: #252525;font-size: 14px;font-weight: 400;line-height: 20px; padding-left: 21px;padding-top: 0px;display: block;padding-bottom: 0px; }

.catalog-filter-block .section-content .frm-field-range .range-inputs-wrap input {
  float: none;
  height: auto;
  text-align: left;
  border: 1px solid #C4C4C4;
  background: #F7F7F7;
  width: 100px;
  padding: 10px;
  border-radius: 0;
  color: #858585;
  display: inline-block;
}
.catalog-filter-block .section-content .frm-field-range .range-inputs-wrap label {
  display: inline-block;
  padding: 10px 5px 0 0;
  height: auto;
  text-transform: none;
  color: #252525;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.catalog-filter-block .section-content label {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.catalog-filter-block .section-content label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
	top: 0;
	left: 0;  
}

/* Create a custom checkbox */
.catalog-filter-block .section-content .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #C4C4C4; background: #F7F7F7; 
}

/* On mouse-over, add a grey background color */
.catalog-filter-block .section-content label:hover input ~ a .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.catalog-filter-block .section-content label input:checked ~ a .checkmark {
  background-color: #625F5A; border: 1px solid #625F5A; 
}

/* Create the checkmark/indicator (hidden when not checked) */
.catalog-filter-block .section-content .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.catalog-filter-block .section-content label input:checked ~ a .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.catalog-filter-block .section-content label .checkmark:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.catalog-filter-block .section-content .ui-slider .ui-slider-handle {
	width: 6px;
	height: 24px;
	background: #625F5A;
	border-radius: 0;
	margin-top: -11px;
	outline: none;
}
.catalog-filter-block .section-content .ui-slider .ui-slider-handle ~ .ui-slider-handle {
	background: #625F5A;
}
.catalog-filter-block .section-content .ui-slider .ui-slider-range {
	background: #9E9B96;
}
.catalog-filter-block .section-content .ui-slider {
  height: 3px;
  background: #D9D9D9;
  margin-left: 3px;
}
.catalog-filter-block .section-content .frm-field-range .range-inputs-wrap {
  margin: 25px 0 0 0;
}

.onlymob { display: none; }
.catalog-filter-block .main-filter-wrap { display: none; }
@media (max-width: 767px) { 
	.catalog-filter-block {
		display: block;
	} 
	.catalog-filter-block .main-filter-wrap { display: block; }
	.catalog-filter-block .btn-action-filter { width: 100%;border: 1px solid #929292; padding: 15px 20px 16px 20px; height: 50px; margin-bottom: 20px; }
	.catalog-filter-block .main-filter-wrap .btn-action-filter:before, .catalog-filter-block .main-filter-wrap .btn-action-filter:after {
	  left: auto; right: 20px;
	  top: 10px;
	  margin: 0;
	}	
	.catalog-filter-block .main-filter-wrap .btn-action-filter .button-title {
		color: #252525;
		font-size: 14px;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		bottom: 12px;
		left: 20px;		
	}	
	.catalog-panel-box { display: none; }
	.page-panel-box { padding-top: 0; margin-top: 0; margin-bottom: 0; }
	.page-panel-box .title-wrap { display: none; }
	.inner-wrap, .page { padding: 0 15px; }
	.filter-show { overflow: hidden; }
	.filter-show .onlymob { display: block; padding: 20px; }
	.filter-show .onlymob h2 { color: #252525;font-size: 24px;font-weight: 700;text-transform: uppercase; }
	.filter-show .onlymob .js-btn-close { float: right; cursor: pointer }
	.filter-show .onlymob select { border: 1px solid #929292; background-image: url(/local/templates/verda.v3/img/icons/ico-arrow07_.svg); background-size: 19px auto; background-position: right 15px top 9px; border-radius: 0; color: #252525;font-size: 14px;font-weight: 700;text-transform: uppercase;  }
	
	.filter-show .form__set .form__set__legend .section-title, .filter-show .filter-section .section-title {
	  background: #fff;
	  border-top: 1px solid #C4C4C4; margin-bottom: 0; padding: 15px 20px;
	}
	.filter-show .filter-section {
	  margin-bottom: 0px;
	}
	.filter-show .section-content {
	  border: 0;
	  padding: 0px 15px 10px 20px;	
	}
	.catalog-filter-block .filter-section.open .form__set__legend { border: none; }
	.filter-show .form__set.open .form__set__legend, .filter-show .filter-section.open .section-title {
	  border: none; 
	}
	.filter-show .form__set.open .form__set__legend .section-title, .filter-show .filter-section.open .section-title {
	  border-top: 1px solid #C4C4C4;
	}
	.filter-show .filter-submit { border-top: 1px solid #C4C4C4; }
	.filter-show .filter-submit a { padding-left: 20px; }
}