.filter-block {margin-bottom: 40px;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); grid-gap: 10px 10px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 

.filter-block__cell-content select {padding: 0 16px 0 4px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: #212121; font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0; font-size: 15px;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 10px; background-color:  #f7f8f9; cursor: pointer; transition: all .2s linear; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: #fff; transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; 
	height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background:  #f7f8f9; color: #212121;}
.filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; 
	flex: 1 1 0; min-width: 30px; max-width: 100%; ;}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; 
	width: 100%; height: 100%; opacity: 0; z-index: 5;}
.filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;}
.filter-block__cell-content--check-group label + label {border-left: 1px solid #575757;}
.filter-block__cell-content--check-group label span {height: 36px; font-size: 15px; display: block;}
.filter-block__cell-content--check-group label input:checked + span {background-color:  #f7f8f9; color: #212121;}
	
@media screen and (max-width: 590px) {
	.filter-block {margin-bottom: 20px;}
	.filter-block__form {grid-template-columns: repeat(auto-fit,minmax(260px,1fr));}
}

