.ymaps-layers-pane {
    filter: grayscale(100%);
}

.bch
{
	font-size:24px;
	color:#d20000;
	line-height:30px;
}

.bch2
{
	font-size:16px;
	text-transform:none;
	color:#111;
	line-height:24px;
}


.bch span
{
	font-size:16px;
	color:#000;
	text-transform:none;
	line-height:24px;
}

[data-id="searchform"]
{
	width:100%;
	margin-bottom:1rem;
}

[data-id="searchform"] select
{
	font-size:1rem;
	padding:5px 10px;
}

[data-id="shopconteyner"]{width: 100%;border-top:1px solid #f1f1f1;}
[data-id="shops"] { float:left;width: 30%; height:600px; overflow-x:auto}
[data-id="YMapsID"]{float:left;width: 70%;height: 600px;}

@media (max-width: 767px) {
	[data-id="searchform"]
	{
		margin-top:30px;
		margin-bottom:12px;
	}
	[data-id="shopconteyner"]	{
		display:flex;
		flex-flow:column nowrap;
	}
	[data-id="shops"] {
		order:1;
		float:none;
		width: 100%;
		height:auto;
		overflow-x:auto
	}
	[data-id="YMapsID"] {
		order:2;
		float:none;
		width: 100%;
		height: 55vh;
	}
}
.spisok
{
	padding:1rem;
	font-size:1rem;
	border:1px solid #f1f1f1;
	border-radius:2px;
	transition: 0.3s all ease;
}

.spisok:hover
{
	border:1px solid #333;
}

.spisok a
{
	color:#000;
	text-decoration:none;
}

.spisok:hover, .spisok:hover > a:hover
{
	color:#d20000 ;
	text-decoration:none;
}

.spisok a:active
{
	color:#d20000;
	text-decoration:none;
}


.spisok a span
{
	font-size:16px;
	text-transform:none;
}