.map > .wrapper {
	margin-top: 6rem;
}
	.map .subtitle {
		margin: 2rem auto 4rem;		
	}
	
[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.fullscreen_map {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 35rem;
}
	.contacts_map {
		width: 100%;
		height: 100%;
	}
	.contacts {
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(50vw - 700px);
		background-color: #fff;
		width: 400px;
		box-shadow: 0px 37px 35px rgba(0, 0, 0, 0.06);
	}
	.contacts h4 {
		margin: 30px 45px;
	}
.shops-list  {
	position: absolute;
	top: 86px;
	bottom: 0;
}
	.shops-list .baron {
		height: 100%;
		width: 100%;
	}
	.shop {
		min-height: 40px;
		padding: 25px 25px 25px 90px;
		display: flex;
		align-items: center;
		background: url('/rr_images/icons/icon__location.svg') 45px center no-repeat transparent;
		background-size: 28px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
	}
	
	
@media only screen and (max-width:1460px) {	
	.contacts {
		left: 20px;
	}
}

@media only screen and (max-width:1024px) {	
	.fullscreen_map {
		height: 530px;
	}
	.contacts {
		width: 300px;
	}
		.shop {
			padding: 15px 25px 15px 65px;
			font-size: 16px;
			background-position: 20px center;
		}
}

@media only screen and (max-width:960px) {
	.fullscreen_map {
		height: 700px;
	}
	.contacts_map {
		height: 250px;
	}
	.shops-list {
		left: 20px;
		right: 20px;
	}
		.contacts {
			top: 250px;
			right: 0;
			left: 0;
			width: 100%;
			box-sizing: border-box;
		}
		.contacts h4 {
			font-size: 22px;
			margin: 25px 45px;
		}
	.shops-list {
		top: 75px;
	}
}