.offer-page #filters_ovf{background:inherit}
.treck-page #filters_ovf{background:inherit}

#ml_search_engine #pokpok.with-bg .nav-title{left:15px}

#filters2.sticky,
#filters_ovf.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #FFF !important;
	border-top: 0;
	border-bottom: 0;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
	padding:10px 0 10px 10px;
}

#filters_ovf.sticky .criterion{display:none}
#filters_ovf.sticky .icon-filters{color:#000}

.s_filter select {
	border: 1px solid #bdbdbd;
	width:100%;
	padding: 10px 10px;
	color: #000;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.criterion {margin:12px 0 0}
.criterion .our-selection {font-size:.9em}
.criterion .criterion-delete{background:#fff;line-height:30px;border-radius:25px;padding:4px 10px;color:#23395b;font-size:.8em}
.criterion .criterion-delete:hover{background:#23395b;color:#FFF}
.criterion .icon-cancel{font-size:.8em;position:relative;top:-1px;}

#rangeV span{height:auto}

#stal_res {
	display: none;
	width: 100%;
	position: relative;
	border-radius: 5px;
	white-space: nowrap;
	overflow-y: scroll;
	height: 150px;
	left: 0;
	right: 0;
	background: #fff;
	top: -3px;
	z-index: 1;
	padding: 0;
	margin: 0px;
	border: 1px solid #cccccc;
}
#stal_res li {list-style:none;padding:12px 10px 0px;display:flex;background:#fff;align-items:center;justify-items:center;align-content:center;}
#stal_res li:hover{cursor:pointer;font-weight:600;}

.refine select::-ms-expand {display:none}

.refine .input_criterion {
    border: 1px solid #aaa;
    height: 36px;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 14px;
	width:100%;
}

.cttp input[type="text"] {
    border: 1px solid #aaa;
    color: #333;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    margin-bottom: 6px;
    border-radius: 6px;
    font-size: 13px;
    text-align: left;
	outline: none;
}

#ou_fr_filters{outline:none}

.refine [class*="rc_o"] {
    border:0;
	background:#fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
	border-radius:25px;
}
#filters.sticky .refine [class*="rc_o"] {border:1px solid #ccc;}

.refine .input-group {
    padding: 6px 0;
    font-size: .9em;
    text-align: left;
    color: #000;
}

.refine [type=checkbox], .refine [type=radio] {
    margin-right: 8px;
    top: -1px;
    position: relative;
}

.ui-dropdownchecklist-selector-wrapper, .ui-widget.ui-dropdownchecklist-selector-wrapper {
    border-radius: 6px;
    text-align: left;
}

.refine .rc_dir {
  width:90% !important;
  padding:8px 0 8px 20px !important;
}

.refine label {font-size:.9em;cursor:pointer;}

#ml_search_engine {
	z-index: 99999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 550px;
	background: #fff;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.3s;
	transition: transform 0.3s ease-in-out, opacity 0.3s;
	font-family: "Poppins";
	bottom: 0;
}

#ml_search_engine.visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

ul.column_filters{padding:0 65px !important}
ul.column_filters li{width:100%;display:inline-block;padding:17px 0}

.ctt::-webkit-scrollbar {-webkit-appearance:none;width:7px;}
.ctt::-webkit-scrollbar-thumb {border-radius:4px;background-color:rgba(0, 0, 0, .5);-webkit-box-shadow:0 0 1px rgba(255, 255, 255, .5);}

#ab > ul#menu_search_engine{padding:8px 12px 120px 12px;margin:135px 0 0}
#menu_search_engine .form-control{padding:8px 12px}
#highlight_filters{background:none;padding:15px;text-align:left}
#li_filter_localization{display:inline-block;padding:17px 10%;width:100%}

.nft {margin:10px 0 0;width:100%;float:left;position:relative;text-align:left}
.nft .lbl {
	border: 1px solid #cccccc;
	padding: 10px 8px;
	width: 100%;
	display: block;
	border-radius: 7px;
	cursor: pointer;
	background: #FFF;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.nft div.cttp {
	display: none;
	width: 100%;
	margin: -6px 0 0;
	border: 1px solid #cccccc;
	background-color: #fff;
	border-top: 0 !important;
	position: relative;
	z-index: 10;
	padding: 12px 0 0;
	border-radius: 0 0 7px 7px;
}

.filter_seller{display: inline-block;vertical-align:top;}
.filter_seller span {
	display: block !important;
	font-size: 13px;
	margin: -1px 0 0 0 !important;
	height: auto !important;
	padding: 0 !important;
}
.rc_content .nft div.cttp {margin:-5px 0 0;border:1px solid #aaa;padding:9px 0 0}

.ppf .nft div.cttp {position:relative}

.cttp .input-filter{height:33px;margin:6px 7px 13px;width:100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;position: sticky;top: 0;background: #fff;z-index: 1;}

.nft div.ctt {display:none;width:100%;overflow-x:auto;border-radius: 0 0 8px 8px;max-height:264px;}

.nft div.ctt p {
	padding: 5px 10px;
	margin: 0;
	float: left;
	width: 100%;
	cursor:pointer;
}

.nft div.ctt p * {cursor:pointer}
input[id*="tg-"] {display:none}

input[id*="tg-"] + label::before{display:none !important;}

input[id*="tg-"]:checked ~ div.cttp,
input[id*="tg-"]:checked ~ div.cttp div.ctt,
input[id*="tg-"]:checked ~ div.ctt {
   display:block;
}

span.close {display:none;float: right;margin:-5px 7px;font-size:18px}
input[id*="tg-"]:checked ~ label span.close {display:block}

span.dd4n {height: auto;color:#23395b;float:right;margin:-5px 7px;font-size:21px;font-family: "Poppins";}
input[id*="tg-"]:checked ~ label span.dd4n {display:none}

.autocomplete-items {position:absolute;background:#fff;z-index:1;width:100%;border:1px solid #aaa;border-top:0;top:30px;padding:8px}
.autocomplete-items div {cursor:pointer;padding:8px 0 6px}
.autocomplete-items div:hover {text-decoration:underline}
.autocomplete-items strong {color:#23395b}

.refine input[type="radio"],
.refine input[type="checkbox"] {display:none}

.refine input[type="radio"]:checked + label::before,
.refine input[type="checkbox"]:checked + label::before {
	content: '';
	background: #4cbe83;
	border: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFF' d='M6.4 1l-.7.7-2.8 2.8-.8-.8-.7-.7L0 4.4l.7.7 1.5 1.5.7.7.7-.7 3.5-3.5.7-.7L6.4 1z'/%3E%3C/svg%3E");
	background-size: 60% 60%;
	background-position: 50%;
	background-repeat: no-repeat;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.refine input[type="checkbox"] + label::before, .refine input[type="radio"] + label::before {
	content: '';
	background: #fff;
	border: none;
	box-shadow: inset 0 0 0 1px #bfbfbf;
	-webkit-box-shadow: inset 0 0 0 1px #bfbfbf;
	-webkit-transition: background-color .05s;
	transition: background-color .05s;
	display: inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	margin: 0 10px 0 0;
}

.refine input[type="radio"] + label::before, .refine input[type="checkbox"] + label::before {
	border-radius: 4px;
}

.cttp .ft{width:100%;height:45px;line-height:45px;color:#fff;text-align:center}

.ft button{width:90%;margin:15px 5% 8px;background:#23395b;padding:10px;display:block}

#places_box #places_chosen {padding:15px 0 8px}
#places_box #input_places_box{width:100%;padding:11px 8px;background:#fff}
.search_engine_visible #places_box #input_places_box{background:transparent}
#places_box #icon_places_box{float:left;height:auto;padding:0 9px}
#places_box #icon_places_box svg{width:20px;height:20px}

.target_city {
	display: none;
	margin: 0px;
	width: 100%;
	border: 0;
	background: #fff;
	border-radius: 0 0 7px 7px;
	z-index: 8;
	padding: 8px 0 !important;
	max-height: 150px;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: scroll;
	text-align: left;
	position: relative;
	left: 0;
	top: -5px;
	border: 1px solid #ccc;
	border-top: 0;
}
.target_city li {
	padding: 8px 12px;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	background: #fff !important;
}
.target_city li:hover{
	background-color:#eee !important;
}

.slidecontainer {position:relative;margin:30px 0 0 !important;}

#select_rayon{width:90%;margin:auto}

.slider_rayon {
	-webkit-appearance: none;
	width: 106% !important;
	height: 6px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	margin-left: -3%;
}

.slider_rayon:hover{opacity:1}

.slider_rayon::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #23395b;
  cursor: pointer;
  border-radius: 50px;
  border:0;
}

.slider_rayon::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #23395b;
  cursor: pointer;
  border-radius: 50px;
  border:0;
}

.slider_rayon::-ms-thumb {
  width: 20px;
  height: 20px;
  background: #23395b;
  cursor: pointer;
  border-radius: 50px;
  border:0;
}

.range-value{
	position: absolute;
	top: -32px;
	margin-left:0;
}
.range-value span {
	width: max-content;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #23395b;
	color: #fff;
	font-size: 12px;
	display: block;
	position: absolute;
	/* left: 50%; */
	transform: translate(-50%, 0);
	border-radius: 6px;
	padding: 0 5px;
	color: #fff !important;
	height: auto;
}
.range-value span:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #23395b;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px;
}

#places_selection .location {
width: 70%;
cursor: auto;
border: 1px solid #ccc;
padding: 3px 7px 3px 19px;
display: block;
margin: 10px 0 0;
border-radius: 50px;
line-height: 25px;
background:#fff;
font-size: 13px;
}
#places_selection .location div {
	max-width:87%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}
#places_selection .location span {
	cursor: pointer;
	background: #bbb;
	padding: 0 5px;
	border-radius: 50px;
	float: right;
	margin-top: -23px;
	color: #fff;
	height: auto;
	line-height: initial;
}
#places_selection .location span:hover {background:#7a7a7a;}

.selected_places{border:1px solid #aaa;border-radius:25px;padding:3px 9px;}

.d_filters{display:block;margin:0 0 10px}
.nb_result_filters{font-size:11px;margin-left:4px;background:#23395b;padding:3px 8px;border-radius:22px;color:#fff;font-weight:700}

@media (hover: hover) {
	.refine .attnew:hover label::before,
	.refine p:hover label::before,
	.refine .input-group:hover label::before,
	.refine .d_filters:hover label::before {
		content: '';
		background: #ccc;
		border: 0;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFF' d='M6.4 1l-.7.7-2.8 2.8-.8-.8-.7-.7L0 4.4l.7.7 1.5 1.5.7.7.7-.7 3.5-3.5.7-.7L6.4 1z'/%3E%3C/svg%3E");
		background-size: 60% 60%;
		background-position: 50%;
		background-repeat: no-repeat;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
}

/* LG */
@media (min-width: 1200px) {}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  .refine [class*="rc_o"] .rc_name2 {font-size:13px}
}

/* XS */
@media (max-width: 767px){

	.refine {
		white-space: nowrap;
		overflow-y:hidden;
	}

	ul.column_filters{padding:0 15px !important}
	ul.column_filters{padding:0 15px !important}

  #places_selection .location{width:100%}

	.criterion{white-space:nowrap;overflow-y:scroll}

	#places_box #input_places_box{padding:8px}
}