@charset "windows-1251";

@font-face { font-family: 'vida_22_pro'; src: url('vida22pro.eot'); src: url('vida22pro.eot?#iefix') format('embedded-opentype'), url('vida22pro.woff') format('woff'), url('vida22pro.ttf') format('truetype'), url('vida22pro.svg#vida_22_proregular') format('svg'); font-weight: normal; font-style: normal; }

.shops_map_wrap * { font: inherit; line-height: unset; }

.shops_map_wrap { padding: 0; margin: 0 0 -50px 0; line-height: 20px; font-family: 'vida_22_pro'; font-size: 15px; color: #000000; position: relative; z-index: 1; }

.shops_map_wrap .b5 { margin-bottom: 5px !important; }
.shops_map_wrap .b25 { margin-bottom: 25px !important; }

.shops_map_wrap input { background: none; border: 0; outline: none; }

.shops_map_wrap big { font-size: 17px !important; color: #6aa3e4 !important; }
.shops_map_wrap small { font-size: 12px !important; color: #666666 !important; }

.shops_map { background: #ffffff; position: relative; z-index: 1; }
.shops_map_container { width: 100%; height: 770px; }
.shops_map_container, .shops_map_container * { font-family: 'vida_22_pro' !important; font-size: 15px !important; color: #000000; }
.shops_map_wrap ymaps[class$=button__title] { line-height: 28px; }
.shops_map_wrap ymaps[class$="controls__control"] { position: absolute; top: 20px !important; left: 50% !important; margin-left: -50px !important; }
.shops_map_wrap ymaps[class$="controls__toolbar_right"] { position: absolute; top: 5px !important; right: 50% !important; margin-right: -400px !important; }

.shops_map_wrap .layer { background: #ffffff; box-shadow: 0 0 27px rgba(0,0,0,0.15); width: 280px; padding: 2% 25px; position: absolute; top: 3.5%; left: 50%; margin-left: -390px; z-index: 10; display: none; }
.shops_map_wrap .layer * { background: none; border: 0; padding: 0; margin: 0; }
.shops_map_wrap .layer .scroll { width: 305px; max-height: 700px; margin-left: -25px; overflow: auto; position: relative; z-index: 1; border: none; outline: none; }
.shops_map_wrap .layer .scroll .jspContainer { width: 310px !important; overflow: hidden; position: relative; z-index: 1; }
.shops_map_wrap .layer .scroll .jspPane { width: 30px !important; position: absolute; left: 0 !important; z-index: 1; }
.shops_map_wrap .layer .scroll.jspScrollable { width: 310px !important; margin-right: -5px; }
.shops_map_wrap .layer .scroll.jspScrollable .jspPane { width: 280px !important; }
.shops_map_wrap .layer .scroll.jspScrollable .jspVerticalBar { width: 5px; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; }
.shops_map_wrap .layer .scroll.jspScrollable .jspTrack { background: #f2f2f2; width: 5px; position: relative; z-index: 1; }
.shops_map_wrap .layer .scroll.jspScrollable .jspDrag { background: #6aa3e4; width: 5px; position: relative; top: 0; left: 0; z-index: 2; cursor: pointer; }

.shops_map_wrap .layer .title { padding-bottom: 20px; text-transform: uppercase; color: #000000; cursor: pointer; }

.shops_map_wrap .layer .item { border-top: 1px solid #f2f2f2; display: block; padding: 11px 0; margin-left: 25px; text-decoration: none; color: #000000; position: relative; z-index: 1; cursor: pointer; }
.shops_map_wrap .layer .item:first-child { border: 0; }
.shops_map_wrap .layer .item.sel, .shops_map_wrap .layer .item:hover { z-index: 2; }
.shops_map_wrap .layer .item.sel:before, .shops_map_wrap .layer .item:hover:before { content: ''; background: #f2f2f2; position: absolute; top: -1px; bottom: -1px; left: -25px; right: -5px; z-index: -1; }

.shops_map_wrap .layer .collapse_lnk { background: url(../img/shops_map_sprite.png) -170px -30px no-repeat; display: inline-block; width: 14px; height: 8px; position: absolute; right: 15px; top: 24px; z-index: 10; cursor: pointer; }
.shops_map_wrap .layer.collapsed .collapse_lnk { background-position: -190px -30px; }
.shops_map_wrap .layer.collapsed .item:first-child { padding-bottom: 0 !important; }
.shops_map_wrap .layer .showable, .shops_map_wrap .layer.collapsed .hiddable { display: none; }
.shops_map_wrap .layer.collapsed .showable { display: block; }
.shops_map_wrap .layer.collapsed .title { padding-bottom: 0; }

.shops_map_wrap .close { background: url(../img/shops_map_sprite.png) -60px -30px no-repeat; width: 10px; height: 10px; position: absolute; top: 20px; right: 20px; z-index: 10; cursor: pointer; }

.shops_map_wrap .but { background: #6aa3e4; display: block; text-decoration: none; text-align: center; text-transform: uppercase; line-height: 37px; color: #ffffff; cursor: pointer; }
.shops_map_wrap .but span { display: inline-block; position: relative; z-index: 1; }
.shops_map_wrap .but_print span { padding-left: 21px; }
.shops_map_wrap .but_print span:before { content: ''; background: url(../img/shops_map_sprite.png) -80px -30px no-repeat; width: 11px; height: 11px; position: absolute; left: 0; top: 13px; }

.shops_map_wrap .shop { padding: 25px 0 !important; }
.shops_map_wrap .block { margin-top: 10px; }
.shops_map_wrap .block:first-child { margin-top: 0; }
.shops_map_wrap .block:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.shops_map_wrap .info { padding-left: 30px; margin-top: 5px; position: relative; z-index: 1; }
.shops_map_wrap .info_half { box-sizing: border-box; width: 50%; display: inline-block; vertical-align: top; }
.shops_map_wrap .block .info:first-child, .shops_map_wrap .block .info_half:nth-child(2) { margin-top: 0; }
.shops_map_wrap .info i { background: #ffffff; border-radius: 50%; display: block; width: 20px; height: 20px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; }
.shops_map_wrap .info i img, .shops_map_wrap .info.cards .card_icon img { position: absolute; z-index: 1; }
.shops_map_wrap .info a { color: #6aa3e4; }
.shops_map_wrap .info a:hover { text-decoration: none; }
.shops_map_wrap .info.name i img { left: -30px; top: -30px; }
.shops_map_wrap .info.url i img { left: 0; top: -30px; }
.shops_map_wrap .info.metro i img { left: 0; top: 0; }
.shops_map_wrap .info.address { color: #6aa3e4; }
.shops_map_wrap .info.address i img { left: -30px; top: 0; }
.shops_map_wrap .info.phone a { text-decoration: none; color: #000000; }
.shops_map_wrap .info.phone i img { left: -60px; top: 0; }
.shops_map_wrap .info.time i img { left: -90px; top: 0; }
.shops_map_wrap .info.email i img { left: -120px; top: 0; }
.shops_map_wrap .info.service i img { left: -150px; top: 0; }
.shops_map_wrap .info.bike i img { left: -180px; top: 0; }
.shops_map_wrap .info.credit i img { left: -210px; top: 0; }
.shops_map_wrap .info.delivery i img { left: -240px; top: 0; }
.shops_map_wrap .info.cards i img { left: -270px; top: 0; }
.shops_map_wrap .info.cards .card_icon { display: inline-block; overflow: hidden; position: relative; z-index: 1; }
.shops_map_wrap .info.cards .card_icon_visa { width: 33px; height: 12px; margin-right: 10px; }
.shops_map_wrap .info.cards .card_icon_visa img { left: -210px; top: -30px; }
.shops_map_wrap .info.cards .card_icon_mc { width: 30px; height: 18px; }
.shops_map_wrap .info.cards .card_icon_mc img { left: -260px; top: -30px; }

.shops_map_wrap .shops_map_shops .shop { display: none; }
.shops_map_wrap .shops_map_shops .shop.visible { display: block; }
.shops_map_wrap .shops_map_shops .shop.visible.first { border: 0; }

.shops_map_right .shops_map_shop { margin-left: 100px; }
.shops_map_wrap .shops_map_shop .item { padding: 25px 0 !important; cursor: default; }
.shops_map_wrap .shops_map_shop .item:before { display: none !important; }
.shops_map_wrap .shops_map_shop .item:first-child { padding-top: 0 !important; padding-right: 20px !important; }
.shops_map_wrap .shops_map_shop .item.last { border: 0; padding: 0 !important; }
.shops_map_wrap .shops_map_shop.collapsed .title { padding-bottom: 20px; }

.shops_map_wrap .route { position: relative; z-index: 1; }
.shops_map_wrap .route_icon { background: #2f5899; display: inline-block; padding: 7px; }
.shops_map_wrap .route_icon:before { content: ''; background: url(../img/shops_map_sprite.png) -100px -30px no-repeat; display: inline-block; width: 16px; height: 16px; }
.shops_map_wrap .route_input { border: 1px solid #f2f2f2; display: block; position: relative; z-index: 1; }
.shops_map_wrap .route_input > input { box-sizing: border-box; display: block; width: 100%; height: 28px; padding: 0 36px 0 10px; line-height: 28px\9; font-family: 'vida_22_pro'; font-size: 15px; color: #000000; }
.shops_map_wrap .route_but { background: #6aa3e4; display: block; position: absolute; top: 2px; right: 2px; z-index: 2; }
.shops_map_wrap .route_but:before { content: ''; background: url(../img/shops_map_sprite.png) -130px -30px no-repeat; display: inline-block; width: 5px; height: 9px; position: absolute; left: 10px; top: 8px; z-index: -1; }
.shops_map_wrap .route_but input { display: block; width: 24px; height: 24px; cursor: pointer; }
.shops_map_wrap .route_msg { width: 100%; font-size: 11px; color: #ff0000; position: absolute; left: 0; top: 100%; z-index: 1; }

.shops_map_wrap .block_grey { background: #f2f2f2; padding: 20px; color: #4d4d4d; }

.shops_map_wrap .back_lnk { display: inline-block; padding-left: 15px; text-transform: uppercase; line-height: 22px; font-family: 'vida_22_pro'; font-size: 15px; color: #000000; position: relative; z-index: 1; }
.shops_map_wrap .back_lnk:before { content: ''; background: url(../img/shops_map_sprite.png) -150px -30px no-repeat; width: 5px; height: 9px; position: absolute; left: 0; top: 50%; margin-top: -5px; z-index: 1; }
.shops_map_wrap .shops_map_shops .back_lnk { margin-top: 10px; }

.shops_map_wrap .balloon { background: #ffffff; box-shadow: 0 0 27px rgba(0,0,0,0.15); width: 300px; padding: 0 25px 25px 25px; line-height: 20px; position: relative; z-index: 1; }
.shops_map_wrap .balloon .arrow { border-color: #ffffff transparent transparent transparent; border-width: 10px 10px 0 10px; border-style: solid; width: 0; height: 0; position: absolute; top: 100%; left: 50%; margin-left: -10px; z-index: -1; }
.shops_map_wrap .balloon .title { text-transform: uppercase; color: #000000; }
.shops_map_wrap .balloon .shop { padding: 15px 0 !important; }
.shops_map_wrap .balloon_route { width: 150px; padding: 0 30px; text-align: center; }
.shops_map_wrap .balloon .but { width: 150px; }
.shops_map_wrap .balloon .buttons { padding-top: 15px; }
.shops_map_wrap .balloon .buttons:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.shops_map_one .balloon .buttons { display: none; }

.shops_map_wrap.printable { border: 0; margin: 0; padding: 20px; width: 900px; }
.shops_map_wrap.printable:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.shops_map_wrap.printable .shops_map_shop { width: 260px; margin: 0; float: left; }
.shops_map_wrap.printable .shops_map { width: 580px; float: right; }