﻿
/*RANGE PART CSS*/
.range-slider {
	padding: 15px 60px 7px 0;
	margin: 10px 0 0 0;
	position: relative;
}

	.range-slider input[type="range"] {
		background: linear-gradient(178deg,transparent 49%,rgba(0,0,0,0.4) 51%);
		width: 100%;
		height: 18px; /*24*/
		outline: none;
		-webkit-appearance: none;
		border: none !important;
	}

		.range-slider input[type="range"]::-webkit-slider-thumb {
			background: #ec1165;
			margin-bottom: 10px;
			width: 18px;
			height: 25px;
			cursor: pointer;
			border-radius: 20px;
			transition: all 0.15s ease-in-out 0s;
			-webkit-appearance: none;
			appearance: none;
			clip-path: polygon(100% 0, 100% 65%, 50% 100%, 0% 65%, 0 0);
		}

			.range-slider input[type="range"]::-webkit-slider-thumb:hover,
			.range-slider input[type="range"]:active::-webkit-slider-thumb {
				box-shadow: 0 0 8px -3px #000 inset;
			}

		.range-slider input[type="range"]::-moz-range-thumb {
			background: #ec1165;
			width: 20px;
			height: 20px;
			border-radius: 20px;
			border: none;
			cursor: pointer;
			transition: all 0.15s ease-in-out 0s;
			clip-path: polygon(100% 0, 100% 65%, 50% 100%, 0% 65%, 0 0);
		}

			.range-slider input[type="range"]::-moz-range-thumb:hover,
			.range-slider input[type="range"]:active::-moz-range-thumb {
				box-shadow: 0 0 8px -3px #000 inset;
			}

	.range-slider .range-value {
		color: #fff;
		background: #ec1165;
		font-size: 13px; /*16*/
		font-weight: 600;
		text-align: center;
		width: 48px; /*50*/
		padding: 4px 0;
		position: absolute;
		bottom: 6px; /*8*/
		right: 5px;
	}

::-moz-range-track {
	background: transparent;
	border: 0;
}
/*RANGE PART CSS END*/

.btn {
	cursor: pointer !important;
	color: white !important;
}

	.btn:hover {
		color: #fafafa;
	}

	.btn:focus {
		color: black !important;
		outline: none !important;
	}

#products{
	margin-top: 22px !important;
	margin-bottom: 200px !important;
}

.filters-slider-link{
	font-size: 22px !important;
}