.option-values{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    border: 1px solid #e8e8e8;
    padding: 20px;
}
.option-values label{
	width:20%;
	margin:10px 0 5px 0;
	line-height: 14px;
	font-size: 14px;
}
.option-values label.disabled{
	opacity: 0.5;
}

.ocfilter-option{
	margin:0;
	 border: 1px solid #f8f8f8;
	 padding-right: 10px;
}

#ocfilter-content{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: start;
	    -ms-flex-align: start;
	        align-items: start;	
}
.shevron{
	background: url(../../images/fil-arrow.png) 50% 50% no-repeat;
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	position: absolute;
	top: 50%;
	right:0px;
	-webkit-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	transform: translate(0, -3px);
}
.your-choice {
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 0;
    position: relative;
    padding-left: 10px;
}
.ocfilter-option:hover {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-bottom: 1px solid #fff;
    color: #000;
}
.ocfilter-option:hover .option-values {
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	top: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	top:100%;
	 -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start
}

.category-filter_types a.active:before {
    bottom: -6px;
    height: 12px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99999;
    content: '';
}

.category-filter_types .option-name {
    width: auto;
    display: block;
    float: left;
    padding: 20px 15px;
    position: relative;
    cursor: pointer;
    color: #525252;
    font-size: 14px;
    position: relative;
    z-index: 3;
}
.category-filter_types .ocfilter-option:hover .option-name:after{
	content: '';
	display: block;
	position: absolute;
	bottom:-3px;
	left: 0;
	right: -10px;
	background: #fff;
	z-index: 2;
	height: 4px;
}
.selected-options{
	margin: 0;
	padding: 20px 15px;
}

.option-values label input{
	display: none;
}

.input-icon{
	border: 1px solid #b7b7b7;
	display: inline-block;
	width:15px;
	height: 15px;
	margin: 0px 10px 0 0;
	-webkit-transform: translate(0, 2px);-ms-transform: translate(0, 2px);transform: translate(0, 2px);
}

input:checked + .input-icon {
    background: url(/catalog/view/theme/default/images/galochka.svg) 50% 50% no-repeat;
    background-size: 15px;
}
.reset-button{
	background: none;
}
.reset-btn-text{
	padding-left: 10px;
	font-size: 13px;
}

@media (max-width: 575px){
	.option-name{
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px solid #ababab;
		margin: 0;
		font-size: 15px;
		background: url(../../images/pimpochka.svg);
		    background-position-x: 0%;
		    background-position-y: 0%;
		    background-repeat: repeat;
		    background-size: auto;
		background-repeat: no-repeat;
		background-size: 15px;
		background-position: 95% center;
		cursor: pointer;
	}
	.option-name.open-option {
	    background: url(../../images/filter-cross.png);
	    background-position-x: 0%;
		    background-position-y: 0%;
		    background-repeat: repeat;
		    background-size: auto;
		background-repeat: no-repeat;
		background-size: auto;
		background-position: 95% center;
	}
	.ocfilter-option{
		width: 100%;
	}

	.ocfilter-option:hover {
		border: none;
	}
	#ocfilter-content{
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	.option-values{
		position: relative;
		border:none;
	}
	.option-values label{
		width: 49%;
		display: grid;
		align-items: baseline;
		grid-template-columns: 1fr 4fr;
	}
	.filter .option-values a {
		margin: 0;
	}
	.shevron{
		display: none;
	}
	.ocfilter-option{
		border:none;
	}
	.reset-btn-text{
		display: block;
	}
	.reset-button{
		margin-top: 20px;
		width: 100%;
		background: #ccc;
		color: #fff;
		border-radius: 0;
		height: 50px;
		font-size: 14px;
	}
	.reset-button img{
		display: none;
	}
	.selected-options{
		width: 100%;
		padding:20px 0;
	}
}