.filter-items {
	position:absolute;
	bottom: 40px;
	left: 50px;
	width: 300px;
	z-index: 10;
}

.f-item {
	display: block;
	height: 3em;
	width: 300px;
	margin-bottom: 1em;
}

.f-item .icon {
	display: block;
	position: absolute;
	z-index: 3;
	width: 3em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	border-radius: 50%;
	background-color: #aaa;
	transition: all .3s ease;
}

.f-item:hover .icon, .f-item.f-opened .icon {
	transform: scale(1.2);
}

.f-item .icon .fas {
	color: #fff;
	font-size: 1.5em;
	line-height: 2em;
}

.f-item .descr-row {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 3em);
	padding-left: 4em;
	height: 3em;
	line-height: 3em;
	background: white;
	border-radius: 2em;
	color: #000000;
	opacity: .8;
	transition:  all .3s ease;
}

.f-item:hover .descr-row, .f-item.f-opened .descr-row {
	opacity: 1;
}

.f-item.f-opened .descr-row {
	background-color: #fff6c7;
}

.f-item[data-f="1"] .icon { background-color: #f783ac; }
.f-item[data-f="2"] .icon { background-color: #fd7e14; }
.f-item[data-f="3"] .icon { background-color: #82c91e; }
.f-item[data-f="4"] .icon { background-color: #3c5ef5; }
.f-item[data-f="5"] .icon { background-color: #339af0; }
.f-item[data-f="6"] .icon { background-color: #15aabf; }
.f-item[data-f="7"] .icon { background-color: #be4bdb; }
.f-item[data-f="8"] .icon { background-color: #d64d4d; }

.icon-bg {border-radius: 50%;box-shadow: rgba(0,0,0,0.2) 0px 0px 18px 0px; width: 60px; height: 60px;}
.icon-bg-filter-1{background-color: rgb( 58, 127, 13 );}
.icon-bg-filter-2{background-color: rgb( 58, 127, 13 );}
.icon-bg-filter-3{background-color: rgb( 58, 127, 13 );}
.icon-bg-filter-4{background-color: rgb( 101, 178, 184 );}
.icon-bg-filter-5{background-color: rgb( 250, 153, 14 );}
.icon-bg-filter-6{background-color: rgb( 41, 70, 83 );}
.icon-bg-filter-7{background-color: rgb( 131, 171, 74 );}
.icon-bg-filter-8{background-color: rgb( 214, 77, 77 );}

.wr{width:100%;background-repeat:no-repeat;background-position:center top;background-color:#fff;overflow:hidden;z-index:99}
.gmap{width:100%;height:100%;left:0;z-index:-1}
#page-location{font-family: 'Roboto', sans-serif;position:fixed;top:0;right:0;bottom:0;left:0}
#page-location .wr-footer{position:absolute;bottom:0;left:0}
#page-location .wr-location{position:relative;width:100%;height:auto;}
#page-location .wr-location .wr-places{z-index:2}
#page-location .wr-location .wr-info-place{width:350px;background-color:#fff;background-color:rgba(255,255,255,.8);position:absolute;top:50%; transform: translateY(-50%); right:-400px;z-index:5;-webkit-transition:right .3s linear;transition:right .3s linear;border:1px solid #e7e7e7}
#page-location .wr-location .wr-info-place .img{width:100%;height:167px}
#page-location .wr-location .wr-info .img{margin-top:40px;width:150px;}
#page-location .wr-location .wr-info-place.open{right:0}
#page-location .wr-location .wr-info-place .wr-inner{text-align:left;margin-top:40px;margin-bottom: 40px;padding-left:50px;padding-right: 10px;}
#page-location .wr-location .wr-info-place .wri-title{font-size:18px;line-height: 1.111;}
#page-location .wr-location .wr-info-place .wri-text{font-size:15px;line-height:21px;}
#page-location .wr-location .wr-info-place .wri-text p{font-size: 15px;font-family: "Roboto";line-height: 1.333;margin-top:10px;}
#page-location .wr-location .wr-info-place .btn-close-location-info{border-radius:50%;background: url('../img/x.png') center no-repeat; background-color: rgb( 255, 255, 255 );box-shadow: rgba(0,0,0,0.2) 0px 0px 18px 0px;width:60px;height:60px;border-radius:40px;position:absolute;left:0;top:45%;margin-left:-30px;}
#page-location .wr-location .wr-info-place .btn-close-location-info .icon{position:absolute;top:14px;left:13px}
#page-location .wr-location .wr-info{text-align:center;width:320px;background-color:rgba(255,255,255,.8);position:absolute;top:25%;right:0;z-index:5;-webkit-transition:right .3s linear;transition:right .3s linear;padding-left:50px;border:1px solid #e7e7e7}
#page-location .wr-location .wr-info.closed {right:-450px;}
#page-location .wr-location .wr-info .wr-inner{text-align:left;margin-top:40px;margin-bottom: 40px;}
#page-location .wr-location .wr-info .btn-contacts-info-toggle{position:absolute}
#page-location .wr-location .wr-info .btn-contacts-info-toggle.top{border-radius:50%;background: url('../img/left-arrow.png') center no-repeat; background-color: rgb( 255, 255, 255 );box-shadow: rgba(0,0,0,0.2) 0px 0px 18px 0px;width:60px;height:60px;top:-190px;left:50%;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0s,left 0s;transition:opacity 0s,left 0s;z-index:-1}
#page-location .wr-location .wr-info .btn-contacts-info-toggle.top.open{opacity:1;left:-160px;-webkit-transition:opacity .3s linear .2s,left .3s linear .2s;transition:opacity .3s linear .2s,left .3s linear .2s;z-index:1}
#page-location .wr-location .wr-info .btn-contacts-info-toggle.bottom{border-radius:50%;background: url('../img/right-arrow.png') center no-repeat; background-color: rgb( 255, 255, 255 );box-shadow: rgba(0,0,0,0.2) 0px 0px 18px 0px;width:60px;height:60px;bottom:45%;left:0;margin-left:-30px;}
#page-location .wr-location .wr-info .wri-title{font-size:17px;line-height:24px;color:#444}
#page-location .wr-location .wr-info .wri-text{font-size:15px;line-height:21px;padding-top:10px}
#page-location .wr-location .wr-info .wri-text p{margin-right:30px;padding-bottom:10px}

/*
#page-location .wr-location .filter-items .f-item .descr-row{width: 230px;height: 60px;line-height: 60px;background-color: #fff;border-radius: 30px;padding-left: 80px;font-size: 16px;color: #000000;z-index:3;opacity:0.8;transition: 0.3s;}
#page-location .wr-location .filter-items .f-item.f-opened .descr-row,
#page-location .wr-location .filter-items .f-item .descr-row:hover {opacity:1;}
*/

.leaflet-control-zoom-in {display: flex; align-items: center; justify-content: center; position:absolute;top:50px;left:50px;width:60px;height:60px;border-radius:43px;background-color: rgba( 255, 255, 255, .8 ); cursor: pointer; transition: 0.3s;}
.leaflet-control-zoom-in:before{content:'+';font-size:30px;font-weight: bold;line-height: 60px;color: rgb( 58, 127, 13 );}
.leaflet-control-zoom-out {display: flex; align-items: center; justify-content: center;position:absolute;top:130px;left:50px;width:60px;height:60px;border-radius:43px;background-color: rgba( 255, 255, 255, .8 ); cursor: pointer; transition: 0.3s;}
.leaflet-control-zoom-out:before{content:'-';font-size:40px;font-weight: bold;line-height: 58px;color: rgb( 58, 127, 13 );}
.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover {background-color: rgba( 255, 255, 255, 1 );}

.leaflet-popup {bottom: 25px !important;}
.leaflet-popup-tip-container {
   top: 0px !important;
}
.leaflet-popup-tip {
   box-shadow: none !important;
}


@media (max-width:767px) {
	
	.filter-items {
		left: 20px;
		bottom: 10px;
		width: 2.5em;
	}
	
	.f-item {
		height: 2.5em;
		width: 2.5em;
		margin-bottom: .5em;
	}

	.f-item .icon {
		width: 2.5em;
		height: 2.5em;
	}

	.f-item .icon .fas {
		color: #fff;
		font-size: 1.2em;
		line-height: 2.1em;
	}

	.f-item .descr-row {
		display: none;
	}


	#page-location .wr-location .wr-info{width:230px;top:15%;padding-left:30px;}
	#page-location .wr-location .wr-info .wri-title{font-size:15px;line-height:24px;}
	#page-location .wr-location .wr-info .wri-text{font-size:13px;line-height:1.111;padding-top:10px}
	#page-location .wr-location .wr-info .wri-text p{margin-right:30px;}
	#page-location .wr-location .wr-info .wr-inner{margin-top:20px;margin-bottom: 20px;}
	#page-location .wr-location .wr-info .img{margin-top:20px;}
	#page-location .wr-location .wr-info-place{max-width: calc(100vw - 120px);}
	#page-location .wr-location .wr-info-place .wr-inner{margin-top:20px;margin-bottom: 20px;padding-left:30px;}
	#page-location .wr-location .wr-info-place .wri-text p{font-size: 15px;font-family: "Roboto";line-height: 1.333;}
	#page-location .wr-location .wr-info .btn-contacts-info-toggle.bottom{width:40px;height:40px;margin-left:-20px;}
	#page-location .wr-location .wr-info .btn-contacts-info-toggle.top{width:40px;height:40px;top:-75px;}
	#page-location .wr-location .wr-info .btn-contacts-info-toggle.top.open{left:-250px}
	#page-location .wr-location .wr-info-place .btn-close-location-info {width:40px;height:40px;margin-left:-20px;}
	
	/*
	#page-location .wr-location .filter-items .f-item{width: 40px; height: 40px;margin-left:10px;margin-top:10px;}
	#page-location .wr-location .filter-items .f-item .icon-round{top:6px;left:7px}
	#page-location .wr-location .filter-items .f-item .descr-row{display:none;}
	*/
	
	.icon-bg {width: 40px; height: 40px;}
	.icon-filter-1,.icon-filter-2,.icon-filter-3,.icon-filter-4,.icon-filter-5{width:28px;height:26px;background-position:center;background-size:cover !important;}
	.leaflet-control-zoom-in:before,
	.leaflet-control-zoom-out:before {font-size: 30px}
	.leaflet-control-zoom-in,
	.leaflet-control-zoom-out {left:30px;width: 40px; height: 40px;}
	.leaflet-control-zoom-out {top:65px}
	.leaflet-control-zoom-in {top:15px}
}