#map{height:550px}
.ymaps-2-1-79-controls__control_toolbar, .ymaps-2-1-79-controls__control, .ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright, .map-article .contact__button{display:none !important}
[class*="ymaps-2"][class*="-ground-pane"] {opacity:0.6;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"); -webkit-filter: grayscale(100%)}
.image-map{margin: 0 -30px;width: 100% !important;position: absolute;top: -65px; border-radius:5px 5px 0 0 }
.contact__info{position: absolute;z-index: 1;transform: translateY(100px);width: 330px;}
.contact__info .ico-bg-small{margin: 2px 10px 0 0}
.contact__info-in{background:url(/templates/kosmetolog/images/brown-uzor.png) repeat top center;padding: 160px 30px 30px; border-radius:0 0 5px 5px}
.bottom-contact{position:relative}
.bottom-contact__map{}
.contact__info-text{display: flex;font-size: 16px;margin-bottom: 10px}
.contact__info-phone{font-size: 18px;color: #f7c972;font-weight: 700;}
.map-article{padding:0}
.map-article #map{height: calc(100vh - 374px)}
.map-article .ymaps-2-1-79-controls__control{display:block !important}
.map-article .bottom-contact__map{pointer-events:none}
@media(max-width:1259px){
	#map{height:500px}
	.contact__info{transform: translateY(80px);}
	.contact__info-in{padding: 160px 30px 30px;}
	.image-map{margin: 0px -30px;top: -60px;}
	.map-article #map{height: calc(100vh - 419px)}
}
@media(max-width:991px){
	#map{height:450px}
	.map-article #map{height:calc(100vh - 306px)}
	.contact__info{transform: translateY(46px);}
	.contact__info-in{padding: 170px 20px 20px;}
	.image-map{margin: 0 -20px;top: -45px;}
}
@media(max-width:767px){
	#map{height:400px}
	.contact__info-in{padding:20px}
	.contact__info-text{font-size:14px}
	.contact__info-phone{font-size: 16px}
	.contact__button{width: 100%;line-height: 42px;font-size: 12px;letter-spacing: 0;padding-left: 15px;padding-right: 20px;}
	.contact__button span{padding-left: 30px;}
	.contact__button span::before{width: 25px}
	.map-article #map{height: calc(100vh - 269px)}
	.contact__info{transform: translateY(30px);width: 280px;}
	.contact__info-in{padding: 150px 20px 20px;}
	.image-map{margin: 0 -20px;top: -30px;}
}
@media(max-width:575px){
	.image-map{display:none}
	.map-article{padding-top:30px}
	#map, .map-article #map{height:250px}
	.bottom-contact__map{text-align:center}
	.contact__info-text{justify-content:center}
	.contact__info{transform: translateY(0); position:static; padding:0; margin:0 auto}
	.contact__info-in{padding:0}
	.contact__info-in .ico-bg-small{display:none}
	.contact__button{text-align:left; width:180px; margin:0 auto}
	.contact__info-phone{margin:15px 0 0; font-size: 16px; line-height: 16px}
	.contact__info-adress{font-size:12px; line-height:16px; margin:15px 0}
	.ymaps-2-1-79-controls__control_toolbar, .ymaps-2-1-79-controls__control, .ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright{display:block !important}
}