/* Start:/stores/style.css?17397886705467*/
.maps--content .hidden {display: none;}
.maps--content #map {width: 100%; height: 700px;}
.map-grid, .map-grid-v2 {display: flex; flex-wrap: wrap;}
.map-grid-v2 .map-grid-item-1{width: 30%;}
.map-grid-v2 .map-grid-item-2{width: 50%;}
.map-grid-v2 .map-grid-item-3{width: 70%;}

#inputSearchMap {width: 20%; border: 1px solid #ccc; outline: none; margin: 0 1% 0 0; padding: 10px;}
#selectBrandMap {width: 22%; border: 1px solid #ccc; outline: none; margin: 0 1% 0 0; padding: 10px;}
#selectCityMap {width: 27%; border: 1px solid #ccc; outline: none; margin: 0 1% 0 0; padding: 10px;}
#selectTypeMap {width: 17%; border: 1px solid #ccc; outline: none; margin: 0 1% 0 0; padding: 10px;}
#buttonSearchMap {width: 10%; border: 1px solid #000; color: #fff; background: #000; outline: none; cursor: pointer; padding: 10px;}
#buttonSearchMap:hover {color: #ffed00; }
#navSearchMap{margin: 0 0 10px 10px;}
#navSearchMap2{margin: 0 0 0 10px;}
#navSearchMap > div, #navSearchMap2 > div{ display: flex; justify-content: space-between;}
#navSearchMap button, #navSearchMap2 button {display: block; border: 0;color: #000;background: #ffed00;outline: none;cursor: pointer; padding: 5px; width: 25px; height: 25px; background-size: 50%; background-position: 50% 50%; background-repeat: no-repeat;}
#navSearchMap button:hover, #navSearchMap2 button:hover {box-shadow: 0px 0px 2px 2px #fff679;}
#navSearchMap button.next, #navSearchMap2 button.next {background-image: url('/stores/free-icon-right-arrow-6469434.png');}
#navSearchMap button.back, #navSearchMap2 button.back {background-image: url('/stores/free-icon-right-arrow-6469434.png'); transform: rotate(180deg);}
#navSearchMap .nav, #navSearchMap2 .nav {display: flex; justify-content: space-between; text-align: center; gap: 5px;}
#navSearchMap .nav div, #navSearchMap2 .nav div {width: 25px; height: 25px; line-height: 25px; background: #ffed00; color: #000;}
#navSearchMap .nav div.active, #navSearchMap2 .nav div.active {background: #000; color: #ffed00;}
#navSearchMap .nav div.click, #navSearchMap2 .nav div.click {cursor: pointer;}
#navSearchMap .nav div.click:hover, #navSearchMap2 .nav div.click:hover {box-shadow: 0px 0px 2px 2px #fff679;}
#resultSearchMap {margin: 0 0 10px 10px; height: 630px; overflow: auto;}
#resultSearchMap {scrollbar-width: thin; scrollbar-color: #ffed00 #ccc;}
#resultSearchMap::-webkit-scrollbar { height: 15px; width: 5px;}
#resultSearchMap::-webkit-scrollbar-track { background: #ccc;}
#resultSearchMap::-webkit-scrollbar-thumb { background-color: #ffed00;}
#resultSearchMap .map-value.hidden {display: none}
#resultSearchMap .item-map {margin: 0 0 10px; padding: 4px; border: 2px solid #fbfbfb;}
#resultSearchMap .item-map:last-child {margin: 0;}
#resultSearchMap .item-map.active {border-color: #ffed00;}
#resultSearchMap .item-map .item {margin: 0 0 5px;}
#resultSearchMap .item-map .item.text {display: none;}
#resultSearchMap .item-map.active .item.text {display: block;}
#resultSearchMap .icon {padding: 0 0 0 25px; position: relative; display: block; line-height: 18px;}
#resultSearchMap .adres {cursor: pointer;}
#resultSearchMap .icon:before{ display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-size: contain; z-index: 1;}
#resultSearchMap .rating:before{content:""; background-image: url('/stores/free-icon-star.png') }
#resultSearchMap .phone:before{content:""; background-image: url('/stores/free-icon-phone-call-455604.png')}
#resultSearchMap .adres:before{content:""; background-image: url('/stores/free-icon-placeholder-684908.png')}
#resultSearchMap .time_work:before{content:""; background-image: url('/stores/free-icon-time-3503348.png')}
#resultSearchMap .site:before{content:""; background-image: url('/stores/free-icon-internet-2067694.png')}
#resultSearchMap .services:before{content:""; background-image: url('/stores/free-icon-settings-gear-icon-6997773.png')}
#resultSearchMap .brand:before{content:""; background-image: url('/stores/free-icon-factory-3341838.png')}
#resultSearchMap .type {padding: 0 0 0 35px; position: relative; min-height: 30px; font-size: 18px; line-height: 30px; margin: 0 0 10px;}
#resultSearchMap .type:before{content:""; background-repeat: no-repeat; background-size: contain; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 30px; height: 30px; }
#resultSearchMap .type_418:before{background-image: url('/stores/icon_DIY.svg');}
#resultSearchMap .type_417:before{background-image: url('/stores/icon_offical.svg');}
#resultSearchMap .type_419:before{background-image: url('/stores/icon_marketplace.svg');}
#resultSearchMap .name {margin: 0 0 10px; font-size: 16px; line-height: 30px; font-weight: 700; cursor: pointer;}
#resultSearchMap .brand{display: block; margin: 0 0 5px;}
#resultSearchMap .brand:last-child{margin:0;}
@media (max-width: 1200px) {
	.map-grid-v2 .map-grid-item-1 {width: 50%; }
	.map-grid-v2 .map-grid-item-3 {width: 50%; }
	#resultSearchMap, #navSearchMap, #navSearchMap2{margin: 0;}
}
@media (max-width: 800px) {
	.map-grid {display: block;}
	#inputSearchMap, #selectCityMap, #selectBrandMap,#selectTypeMap, #buttonSearchMap, #resultSearchMap, #navSearchMap{width: 100%; margin: 0 0 10px; max-height: 100%;}
	#resultSearchMap .type{padding: 0 0 0 30px; font-size: 16px; line-height: 25px;}
	#resultSearchMap .type:before{width: 25px; height: 25px;}
	#resultSearchMap .name {font-size: 16px;}
	.map-grid-v2 {flex-direction: column-reverse;}
	.map-grid-v2 .map-grid-item-1{width: 100%; margin: 0 0 10px;}
	.map-grid-v2 .map-grid-item-3{width: 100%; }
}
/* End */
/* /stores/style.css?17397886705467 */