/* ../../client/common/global/global.styl:begin */
/* ../../client/common/global/global.styl:end */
/* ../../node_modules/islets/blocks/core/y-design/y-design.styl:begin */
/* ../../node_modules/islets/blocks/core/y-design/y-design.styl:end */
/* ../../client/common/scheme-view/scheme-view.styl:begin */
.scheme-view {
  position: absolute;
  overflow: hidden;
  top: 70px;
  bottom: 45px;
  width: 100%;
/* SVG elemnt rules */
/* End of SVG elemnt rules */
}
.scheme-view__spinner {
  width: 100%;
  height: 100%;
/* center the spinner taking into account the width of the sidebar */
  padding-left: 310px;
  background: transparent url("../../client/common/scheme-view/scheme-view__spinner-icon.svg") center center no-repeat;
}
.scheme-view #scheme-layer-labels .highlighted-label,
.scheme-view #highlight-layer-labels .highlighted-label {
  fill: #f00;
}
.scheme-view #scheme-layer-labels .selected-label rect,
.scheme-view #highlight-layer-labels .selected-label rect {
  stroke: #bbb;
  opacity: 1;
}
/* ../../client/common/scheme-view/scheme-view.styl:end */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_black.styl:begin */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_black.styl:end */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_common.styl:begin */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_common.styl:end */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_normal.styl:begin */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_normal.styl:end */
/* ../../node_modules/islets/blocks/common/y-zindexes/y-zindexes.styl:begin */
/* ../../node_modules/islets/blocks/common/y-zindexes/y-zindexes.styl:end */
/* ../../client/common/list/list.styl:begin */
.list {
  padding: 0;
  margin: 0;
}
.list__item {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* ../../client/common/list/list.styl:end */
/* ../../client/common/station-label/station-label.styl:begin */
.station-label {
  position: relative;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 5px 5px 33px;
}
.station-label._highlighted,
.station-label:hover {
  background-color: #ffeba0;
}
.station-label._closed {
  color: #999;
}
.station-label__icon {
  position: absolute;
  top: 6px;
  left: 10px;
}
/* ../../client/common/station-label/station-label.styl:end */
/* ../../client/common/zoom-control/zoom-control.styl:begin */
.zoom-control {
  position: absolute;
  bottom: 83px;
  right: 10px;
  width: 34px;
  height: 71px;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.zoom-control__plus,
.zoom-control__minus {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 3px;
  background-color: #fff;
  background-position: center center;
}
.zoom-control__plus:hover,
.zoom-control__minus:hover {
  border-color: rgba(0,0,0,0.3);
}
.zoom-control__plus {
  background-image: url("../../client/common/zoom-control/zoom-control__plus-icon.svg");
  margin-bottom: 5px;
}
.zoom-control__minus {
  background-image: url("../../client/common/zoom-control/zoom-control__minus-icon.svg");
}
.zoom-control._disabled .zoom-control__plus,
.zoom-control._plus-disabled .zoom-control__plus,
.zoom-control._disabled .zoom-control__minus,
.zoom-control._minus-disabled .zoom-control__minus {
  opacity: 0.6;
  cursor: default;
  background-color: #f6f5f3;
  border-color: rgba(0,0,0,0.1);
}
.zoom-control._plus-pressed .zoom-control__plus,
.zoom-control._minus-pressed .zoom-control__minus {
  background-color: #eee;
}
.zoom-control__plus:focus,
.zoom-control__minus:focus {
  outline: none;
}
/* ../../client/common/zoom-control/zoom-control.styl:end */
/* ../../client/common/title/title.styl:begin */
.title {
  margin: 0;
  padding: 20px 20px 0 20px;
  font-size: 16px;
  font-weight: bold;
}
/* ../../client/common/title/title.styl:end */
/* ../../client/common/from-to-suggest/from-to-suggest.styl:begin */
.from-to-suggest {
  padding: 10px 20px 23px 20px;
}
.from-to-suggest__from-field,
.from-to-suggest__to-field {
  height: 28px;
}
.from-to-suggest__from-field {
  margin-bottom: 17px;
}
/* ../../client/common/from-to-suggest/from-to-suggest.styl:end */
/* ../../client/common/station-suggest/station-suggest.styl:begin */
.station-suggest__icon-container {
  min-height: 14px;
  min-width: 22px;
  margin-top: 6px;
  margin-left: 10px;
}
.station-suggest._selected-closed-station input {
  color: #999;
}
/* ../../client/common/station-suggest/station-suggest.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_basic.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_basic.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_clear-10.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_clear-10.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_clear-14.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_clear-14.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_common.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_common.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_icons.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_icons.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_one-line.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_one-line.styl:end */
/* ../../node_modules/islets/blocks/common/y-suggest-drop/_skin/y-suggest-drop_skin_common.styl:begin */
/* ../../node_modules/islets/blocks/common/y-suggest-drop/_skin/y-suggest-drop_skin_common.styl:end */
/* ../../client/common/station-suggest/station-suggest-drop-item/station-suggest-drop-item.styl:begin */
.station-suggest-drop-item {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* ../../client/common/station-suggest/station-suggest-drop-item/station-suggest-drop-item.styl:end */
/* ../../client/common/route-list/route-list.styl:begin */
.route-list {
  padding: 0;
  margin: 0;
}
.route-list._hidden {
  display: none;
}
/* ../../client/common/route-list/route-list.styl:end */
/* ../../client/common/route-list-item/route-list-item.styl:begin */
.route-list-item {
  list-style: none;
  font-size: 14px;
  padding: 8px 20px;
  border-top: 1px solid rgba(0,0,0,0.1);
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.route-list-item._selected {
  background-color: #fff5c8;
  cursor: default;
  font-weight: bold;
}
._selected .route-list-item__transfers {
  color: inherit;
}
.route-list-item__transfers {
  display: inline-block;
  float: left;
  color: #669;
}
.route-list-item__time {
  display: inline-block;
  float: right;
}
/* ../../client/common/route-list-item/route-list-item.styl:end */
/* ../../client/common/route-details-block/route-details-block.styl:begin */
.route-details-block {
  padding: 0;
  margin: 0;
  cursor: default;
}
.route-details-block._hidden {
  display: none;
}
.route-details-block__station-list {
  padding: 16px 0 16px 20px;
  margin: 0;
  list-style: none;
  line-height: 0;
  overflow: hidden;
}
.route-details-block__station-list-item {
  padding: 0;
  margin: 0;
  width: 280px;
}
.route-details-block__left,
.route-details-block__right {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
.route-details-block__left {
  width: 20px;
}
.route-details-block__right {
  width: 250px;
  padding-left: 10px;
}
.route-details-block__station,
.route-details-block__terminal-station {
  height: 16px;
}
.route-details-block__hint {
  min-height: 12px;
  width: 240px;
  font-size: 11px;
  color: #f00;
}
.route-details-block__station-list-item._closed {
  color: #999;
}
.route-details-block__terminal-station {
  font-weight: bold;
}
.route-details-block__icon {
  position: relative;
}
.route-details-block__icon-link {
  height: 8px;
}
.route-details-block__icon-link-avg {
  height: 12px;
}
.route-details-block__icon-link-long {
  height: 38px;
}
.route-details-block__icon-link-transfer {
  height: 16px;
}
.route-details-block__icon-link-transfer-empty {
  height: 10px;
}
.route-details-block__icon-station {
  height: 16px;
}
.route-details-block__icon-station-transfer-start {
  height: 16px;
}
.route-details-block__icon-station-transfer-end {
  height: 16px;
}
.route-details-block__icon-station-transfer-inner {
  height: 16px;
}
.route-details-block__icon-circle,
.route-details-block__icon-circle-white-stroke {
  position: absolute;
  top: 1px;
  left: 3px;
  height: 12px;
  width: 12px;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.5);
  z-index: 200;
}
.route-details-block__icon-circle-white-stroke {
  border-color: #fff;
}
.route-details-block__icon-top-arc {
  position: absolute;
  top: -2px;
  left: 0px;
  width: 14px;
  height: 15px;
  background-color: rgba(255,255,255,0.3);
  border-top: 3px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-radius: 9px 9px 0 0;
  z-index: 150;
}
.route-details-block__icon-two-bars {
  position: absolute;
  top: -8px;
  left: 0px;
  width: 14px;
  height: 32px;
  background-color: rgba(255,255,255,0.3);
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  z-index: 150;
}
.route-details-block__icon-bottom-arc {
  position: absolute;
  top: 0;
  left: 0px;
  width: 14px;
  height: 15px;
  background-color: rgba(255,255,255,0.3);
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-radius: 0 0 9px 9px;
  z-index: 150;
}
.route-details-block__icon-walk {
  position: absolute;
  top: -4px;
  left: -2px;
  width: 24px;
  height: 24px;
  background-image: url("../../client/common/route-details-block/walk.svg");
  z-index: 200;
}
.route-details-block__icon-bar,
.route-details-block__icon-bar-avg,
.route-details-block__icon-bar-long {
  position: absolute;
  top: -8px;
  left: 6px;
  height: 24px;
  width: 8px;
  z-index: 100;
}
.route-details-block__icon-bar-avg {
  height: 28px;
}
.route-details-block__icon-bar-long {
  height: 54px;
}
.route-details-block__boarding-scheme {
  padding: 4px 0;
  height: 30px;
}
/* ../../client/common/route-details-block/route-details-block.styl:end */
/* ../../client/common/sidebar/sidebar.styl:begin */
.sidebar {
/*
        The sidebar is positioned over the scheme-view in the left side of the screen

        It consists of independent hovering boxes. The space between them is transparent and the
        clicks should fall through to the scheme-view.

        The root element of the sidebar is used only to align the boxes and clip their viewport if it exeeds the
        avalable area.
     */
  position: absolute;
  top: 78px;
  bottom: 53px;
  left: 8px;
/*
        Width = 0 hides the container and the clicks that are in the .sidebar, but not on a box
        element are captured on the scheme-view element. The actual width is used on the sidebar boxes.
     */
  width: 0;
/* Hide the content that is outside the available viewport area */
  clip: rect(0, 302px, auto, 0);
/*
        Element which implements the sidebar box style.
        Can be used in the bt-templates of blocks intended for use as a sidebar box. Like so:

        {
            block: 'sidebar',
            elem: 'box',
            content: {
                // your content here
            }
        }
    */
/* Element which implements the last sidebar box style. */
/* Implementation for the inner-seprator style */
}
.sidebar__box {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 302px;
  border: 1px solid #ddd;
  color: rgba(0,0,0,0.8);
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 8px;
}
.sidebar__box:last-child {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 302px;
  border: 1px solid #ddd;
  color: rgba(0,0,0,0.8);
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 8px;
  margin-bottom: 0;
}
.sidebar__box-inner-separator {
  border-top: 1px solid rgba(0,0,0,0.1);
}
/* ../../client/common/sidebar/sidebar.styl:end */
/* ../../client/common/scrollable-block/scrollable-block.styl:begin */
.scrollable-block {
/* The bar element will be moved relatively to this .scrollable-block */
  position: relative;
/* Hides the bar element and system scrollbar horizontally and the overflowing content vertically */
  overflow: hidden;
  width: 100%;
/* Defines the height, padding and positioning for the actual icon */
/* The bar icon is rendered as a pseudo element that is padded by the bar element. This element */
/* For touch devices, show the scoll bar if the element is :active. For desktop users on :hover */
/*
        When the icon is hovered or the user has not released the button after clicking on it,
        extend the icon and give it a more solid color
    */
/* Keep showing the bar if the user drags around the workspace while holding the button down */
}
.scrollable-block__container {
/* Add a system scroll-bar if the content is overflowing */
  overflow-y: auto;
  width: 100%;
/* Hide the system scroll bar to the right. Most scrollbars are ~15px */
  padding-right: 30px;
}
.scrollable-block__bar {
/* Position the bar relative to the .scrollable-block element */
  position: absolute;
/* The bar is hidden to the right. It pops up when the container element is focused */
  right: -9px;
  top: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 2px;
  -webkit-transition: right 100ms ease-out;
     -moz-transition: right 100ms ease-out;
          transition: right 100ms ease-out;
/* On touch devices when tapped, the bar element will not be selectable */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.scrollable-block__bar:after {
  content: '';
  display: block;
  height: 100%;
  width: 4px;
  background-color: rgba(0,0,0,0.15);
  border-radius: 3px;
  -webkit-transition: background-color 100ms ease-out, width 100ms;
     -moz-transition: background-color 100ms ease-out, width 100ms;
          transition: background-color 100ms ease-out, width 100ms;
}
.scrollable-block._touch-behavior:active .scrollable-block__bar,
.scrollable-block._desktop-behavior:hover .scrollable-block__bar {
  right: 0;
}
.scrollable-block__bar:hover.scrollable-block__bar:after,
.scrollable-block._bar-pressed .scrollable-block__bar:after {
  width: 7px;
  background-color: rgba(0,0,0,0.5);
}
.scrollable-block._bar-hidden .scrollable-block__bar {
  display: none;
}
.scrollable-block._bar-pressed .scrollable-block__bar {
  right: 0;
}
/* ../../client/common/scrollable-block/scrollable-block.styl:end */
/* ../../client/common/boarding-scheme/boarding-scheme.styl:begin */
.boarding-scheme {
  position: relative;
  margin: 0;
  padding: 0;
  width: 233px;
  height: 30px;
}
.boarding-scheme__wagon {
  position: absolute;
  top: 0;
  height: 30px;
  width: 46px;
  background: url("../../client/common/boarding-scheme/wagon.svg") no-repeat center top;
}
.boarding-scheme__wagon._position_1 {
  left: 0;
  width: 49px;
  background: url("../../client/common/boarding-scheme/first-wagon.svg") no-repeat center top;
}
.boarding-scheme__wagon._position_2 {
  left: 49px;
}
.boarding-scheme__wagon._position_3 {
  left: 95px;
}
.boarding-scheme__wagon._position_4 {
  left: 141px;
}
.boarding-scheme__wagon._position_5 {
  left: 187px;
}
.boarding-scheme__wagon._highlighted {
  background: url("../../client/common/boarding-scheme/wagon_highlighted.svg") no-repeat center top;
}
.boarding-scheme__wagon._position_1._highlighted {
  background: url("../../client/common/boarding-scheme/first-wagon_highlighted.svg") no-repeat center top;
}
/* ../../client/common/boarding-scheme/boarding-scheme.styl:end */
/* ../../client/common/route-permalink-block/route-permalink-block.styl:begin */
.route-permalink-block {
/*
        In Webkit base browsers initially the height of this element is calculated as 86px.
        This causes issues with calculating the height of other blocks.
        Explicitly setting the height of this element solves those issues.

        separator-height + padding-top + line-height + padding-bottom = 1px + 10px + 16px + 10px = 37px;
    */
  height: 37px;
}
.route-permalink-block._hidden {
  display: none;
}
.route-permalink-block._tablet-behavior {
  height: 0;
}
.route-permalink-block__padded-container {
  padding: 10px 20px;
}
/* ../../client/common/route-permalink-block/route-permalink-block.styl:end */
/* ../../client/common/link/link.styl:begin */
/* ../../client/common/link/link.styl:end */
/* ../../client/common/adv-block/adv-block.styl:begin */
.adv-block {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 302px;
  border: 1px solid #ddd;
  color: rgba(0,0,0,0.8);
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 8px;
  margin-bottom: 0;
  visibility: hidden;
}
.adv-block._rendered {
  visibility: visible;
}
.adv-block__inner-container {
  width: 300px;
}
.adv-block._hidden {
  display: none;
}
/* ../../client/common/adv-block/adv-block.styl:end */
/* ../../client/common/notification-view/notification-view.styl:begin */
.notification-view {
  background-color: #ff8585;
  padding: 23px 20px;
  margin: 0;
  list-style: none;
}
.notification-view__notification {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.notification-view__notification:last-child {
  margin-bottom: 0;
}
.notification-view._hidden {
  display: none;
}
/* ../../client/common/notification-view/notification-view.styl:end */
/* ../../client/common/scheme-switcher/scheme-switcher.styl:begin */
.scheme-switcher {
  padding: 8px 0;
}
/* ../../client/common/scheme-switcher/scheme-switcher.styl:end */
/* ../../client/common/select/select.styl:begin */
.select_metro__button {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  vertical-align: baseline;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: 0;
  background-image: none;
  background-clip: padding-box;
  background-color: #fff;
  font-size: 13px;
  height: 24px;
}
.select_metro__button:focus {
  outline: none;
}
.select_metro__button::-moz-focus-inner {
  padding: 0;
  border: none;
}
.select_metro__button:hover {
  border-color: rgba(0,0,0,0.3);
}
.select_metro__text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #333;
  border: none;
  background: none;
}
.select_metro__text:focus {
  border: none;
  outline: none;
}
.select_metro__text,
.select_metro__tick {
  display: inline-block;
  text-align: center;
  height: 100%;
  vertical-align: top;
  line-height: 22px;
}
.select_metro__drop {
  padding: 0;
  margin: 0;
}
.select_metro._pressed .select_metro__button {
  background-color: #f6f5f3;
}
.select_metro._top-drop-offset {
  padding-top: 8px;
}
.select_metro._left-drop-offset {
  padding-left: 8px;
}
.select_metro._bottom-drop-offset {
  padding-bottom: 8px;
}
.select_metro._right-drop-offset {
  padding-right: 8px;
}
.select_metro__button {
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.2);
}
.select_metro__tick {
  background: url("../../client/common/select/select__tick.svg") 50% 50% no-repeat;
  width: 27px;
  -webkit-transition: -webkit-transform 0.1s ease-out;
     -moz-transition: -moz-transform 0.1s ease-out;
          transition: transform 0.1s ease-out;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.select_metro._drop-visible .select_metro__tick {
  -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.select_metro-borderless__button {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  vertical-align: baseline;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: 0;
  background-image: none;
  background-clip: padding-box;
  background-color: #fff;
  font-size: 13px;
  height: 24px;
}
.select_metro-borderless__button:focus {
  outline: none;
}
.select_metro-borderless__button::-moz-focus-inner {
  padding: 0;
  border: none;
}
.select_metro-borderless__button:hover {
  border-color: rgba(0,0,0,0.3);
}
.select_metro-borderless__text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #333;
  border: none;
  background: none;
}
.select_metro-borderless__text:focus {
  border: none;
  outline: none;
}
.select_metro-borderless__text,
.select_metro-borderless__tick {
  display: inline-block;
  text-align: center;
  height: 100%;
  vertical-align: top;
  line-height: 22px;
}
.select_metro-borderless__drop {
  padding: 0;
  margin: 0;
}
.select_metro-borderless._pressed .select_metro-borderless__button {
  background-color: #f6f5f3;
}
.select_metro-borderless._top-drop-offset {
  padding-top: 8px;
}
.select_metro-borderless._left-drop-offset {
  padding-left: 8px;
}
.select_metro-borderless._bottom-drop-offset {
  padding-bottom: 8px;
}
.select_metro-borderless._right-drop-offset {
  padding-right: 8px;
}
.select_metro-borderless__button {
  height: auto;
}
/* ../../client/common/select/select.styl:end */
/* ../../client/common/select-item/select-item.styl:begin */
.select-item_metro {
  list-style-type: none;
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: 30px;
  position: relative;
}
.select-item_metro:hover {
  background: #ffeba0;
}
.select-item_metro__check {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 25px;
}
.select-item_metro._selected .select-item_metro__check {
  background: url("../../client/common/select-item/select-item__check.svg") no-repeat 50% 50%;
}
.select-item_metro-plain {
  list-style-type: none;
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 25px;
  height: 25px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 5px;
}
.select-item_metro-plain:hover {
  background: #ffeba0;
}
.select-item_metro-plain__check {
  display: none;
}
/* ../../client/common/select-item/select-item.styl:end */
/* ../../client/common/footer/footer.styl:begin */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45px;
  border-top: 1px solid #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.footer__wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__left > *,
.footer__right > * {
  display: inline-block;
  padding: 12px 20px;
  height: 20px;
  overflow: hidden;
}
.footer__right > * {
  padding-left: 0;
}
.footer__left > * {
  padding-right: 0;
}
.footer__mobile-link {
  text-decoration: none;
  color: #669;
  cursor: pointer;
  display: inline;
}
.footer__mobile-link:hover {
  color: #d00;
}
.footer__mobile-icon {
  display: inline-block;
  width: 12px;
  padding-right: 10px;
  background: url("../../client/common/footer/footer__mobile-icon.svg") no-repeat;
}
.footer__mobile-icon,
.footer__mobile-link,
.footer__link-item,
.footer__yandex-copyright,
.footer__lang-switcher {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}
.footer__link-list {
  margin: 0;
  padding-right: 0;
}
.footer__link-item,
.footer__yandex-copyright,
.footer__lang-switcher {
  padding-right: 20px;
  list-style-type: none;
  float: left;
}
.footer__link-item:last-child {
  padding-right: 0px;
}
.footer__link {
  text-decoration: none;
  color: #669;
  cursor: pointer;
}
.footer__link:hover {
  color: #d00;
}
.footer__company-link {
  text-decoration: none;
  color: #669;
  cursor: pointer;
}
.footer__company-link:hover {
  color: #d00;
}
.footer__copyright-years,
.footer__copy-sign {
  color: #999;
  margin-right: 5px;
}
/* ../../client/common/footer/footer.styl:end */
/* ../../client/common/lang-switcher/lang-switcher.styl:begin */
.lang-switcher__item,
.lang-switcher__selected-item {
  display: block;
  position: relative;
  width: 35px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  color: #669;
  cursor: pointer;
}
.lang-switcher__item:hover,
.lang-switcher__selected-item:hover {
  color: #d00;
}
.lang-switcher__item-flag,
.lang-switcher__item-text {
  position: absolute;
  display: inline-block;
  height: 25px;
  line-height: 25px;
}
.lang-switcher__selected-item,
.lang-switcher__selected-item .lang-switcher__item-text,
.lang-switcher__selected-item .lang-switcher__item-flag {
  height: 20px;
  line-height: 20px;
}
.lang-switcher__item-flag {
  left: 0;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.lang-switcher__item-text {
  right: 0;
  text-transform: capitalize;
  font-size: 13px;
}
.lang-switcher__item-flag._lang-code_ru {
  background-image: url("../../client/common/lang-switcher/lang-switcher__ru.svg");
}
.lang-switcher__item-flag._lang-code_en {
  background-image: url("../../client/common/lang-switcher/lang-switcher__en.svg");
}
.lang-switcher__item-flag._lang-code_uk {
  background-image: url("../../client/common/lang-switcher/lang-switcher__uk.svg");
}
.lang-switcher__item-flag._lang-code_be {
  background-image: url("../../client/common/lang-switcher/lang-switcher__be.svg");
}
/* ../../client/common/lang-switcher/lang-switcher.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_air-active.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_air-active.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_air.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_air.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_basic.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_basic.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_common.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_common.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_normal.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_normal.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_pseudo.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_pseudo.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-l.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-l.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-m.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-m.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-s.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-s.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-xl.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_size-xl.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_stretched.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_stretched.styl:end */
/* ../../client/common/fog/fog.styl:begin */
.fog {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* ../../client/common/fog/fog.styl:end */
/* ../../client/pages/index/index-page/index-page.styl:begin */
html,
body {
/* fill the whole client display area */
  height: 100%;
}
body {
  font: 0.8em Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background: #fff;
  overflow: hidden;
}
/* ../../client/pages/index/index-page/index-page.styl:end */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_air.styl:begin */
/* ../../node_modules/islets/blocks/common/y-popup/_skin/y-popup_skin_air.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_air.styl:begin */
/* ../../node_modules/islets/blocks/common/y-input/_skin/y-input_skin_air.styl:end */
/* ../../node_modules/islets/blocks/common/y-suggest/y-suggest_islet.styl:begin */
.y-suggest_islet {
  font-size: 0;
}
/* ../../node_modules/islets/blocks/common/y-suggest/y-suggest_islet.styl:end */
/* ../../node_modules/islets/blocks/common/y-suggest-drop/_skin/y-suggest-drop_skin_air.styl:begin */
/* ../../node_modules/islets/blocks/common/y-suggest-drop/_skin/y-suggest-drop_skin_air.styl:end */
/* ../../client/common/permalink-container/permalink-container.styl:begin */
.permalink-container__text {
  text-decoration: none;
  color: #669;
  cursor: pointer;
}
.permalink-container__text:hover {
  color: #d00;
}
.permalink-container__link {
  width: 350px;
}
/* ../../client/common/permalink-container/permalink-container.styl:end */
/* ../../client/common/header/_skin/header_skin_default.styl:begin */
/* ../../client/common/header/_skin/header_skin_default.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_active.styl:begin */
/* ../../node_modules/islets/blocks/common/y-button/_skin/y-button_skin_active.styl:end */
/* ../../node_modules/islets/blocks/common/y-popup/y-popup_islet.styl:begin */
.y-popup_islet {
  position: absolute;
  z-index: 3000;
  visibility: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 10px 20px -5px rgba(0,0,0,0.4);
          box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 10px 20px -5px rgba(0,0,0,0.4);
}
.y-popup_islet__content {
  position: relative;
  padding: 10px;
  background-color: inherit;
}
.y-popup_islet__arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: inherit;
  background-clip: padding-box;
}
.y-popup_islet._shown {
  visibility: visible;
}
.y-popup_islet__arrow {
  border: 1px solid rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 10px 20px -5px rgba(0,0,0,0.4);
          box-shadow: 0 10px 20px -5px rgba(0,0,0,0.4);
}
/* ../../node_modules/islets/blocks/common/y-popup/y-popup_islet.styl:end */
/* ../../node_modules/islets/blocks/common/y-input/y-input_islet.styl:begin */
.y-input_islet {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(0,0,0,0.2);
  background-color: #fff;
  background-clip: padding-box;
  vertical-align: middle;
  line-height: normal;
/* анимация желтой фокусной рамки */
  -webkit-transition: -webkit-box-shadow 0.05s ease-out;
     -moz-transition: box-shadow 0.05s ease-out;
          transition: box-shadow 0.05s ease-out;
/* Cтили обертки инпута */
/* <input> */
/* прячем стандартный крестик IE10 */
}
.y-input_islet._focused {
  outline: 0;
  -webkit-box-shadow: 0 0 10px #fc0;
          box-shadow: 0 0 10px #fc0;
  border-color: rgba(178,142,0,0.6);
}
.y-input_islet__context {
  display: block;
  height: 100%;
/* нужен для помещения обертки в контект. чтобы он хитро встраивался между префиксом и постфиксом */
  overflow: hidden;
  cursor: text;
}
.y-input_islet__control {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 7px transparent solid;
  border-top: none;
  border-bottom: none;
  width: 100%;
  height: 26px;
  vertical-align: baseline;
  line-height: normal;
  font-family: Arial , Helvetica , sans-serif;
/* Ресет дефолтных тачевых стилей */
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background-image: none;
/* FF-особенность см. http://alexbaumgertner.ya.ru/replies.xml?item_no=2112 */
}
.y-input_islet__control::-moz-focus-inner {
  padding: 0;
  border: none;
}
.y-input_islet__icons-left + .y-input_islet__context .y-input_islet__control,
.y-input_islet__icons-left + .y-input_islet__clear + .y-input_islet__context .y-input_islet__control {
  border-left-width: 1px;
}
.y-input_islet__clear + .y-input_islet__context .y-input_islet__control {
  border-right-width: 26px;
}
.y-input_islet__control:focus {
  outline: none;
}
.y-input_islet__control::-ms-clear {
  display: none;
}
.y-input_islet._disabled {
  cursor: default;
  border-color: rgba(0,0,0,0.08);
  background-color: rgba(0,0,0,0.08);
}
.y-input_islet._disabled .y-input_islet__control {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: inherit;
}
.y-input_islet__clear {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.y-input_islet__clear._visible {
  display: block;
}
.y-input_islet__clear {
  opacity: 0.3;
}
.y-input_islet__clear:hover {
  opacity: 1;
}
.y-input_islet__clear {
  background-image: url("../../node_modules/islets/blocks/common/y-input/images/clear-10.svg");
}
.y-input_islet__icons-left {
  float: left;
}
.y-input_islet__icons-right {
  float: right;
}
.y-input_islet__icon {
  display: inline-block;
}
.y-input_islet__control {
  font-size: 13px;
}
/* ../../node_modules/islets/blocks/common/y-input/y-input_islet.styl:end */
/* ../../node_modules/islets/blocks/common/y-suggest-drop/y-suggest-drop_islet.styl:begin */
.y-suggest-drop_islet__content {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  z-index: 4000;
}
.y-suggest-drop_islet__items {
  padding: 0px;
  margin: 0px;
}
.y-suggest-drop_islet__content {
  -webkit-box-shadow: 0 8px 25px -5px rgba(0,0,0,0.25);
          box-shadow: 0 8px 25px -5px rgba(0,0,0,0.25);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.2);
  margin-top: -1px;
  background: #fff;
  background-clip: padding-box;
}
/* ../../node_modules/islets/blocks/common/y-suggest-drop/y-suggest-drop_islet.styl:end */
/* ../../node_modules/islets/blocks/common/y-button/y-button_islet.styl:begin */
.y-button_islet {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: 0;
/**
     * Отменяем градиент, который добавляет мобильный Firefox.
     */
  background-image: none;
/**
     * Нужно чтоб цвет фона не был виден из-под полупрозрачного бордера
     * see {@link http://css-tricks.com/transparent-borders-with-background-clip}
     */
  background-clip: padding-box;
/**
     * @see {@link http://alexbaumgertner.ya.ru/replies.xml?item_no=2112}
     * @see {@link http://www.cssnewbie.com/input-button-line-height-bug/}
     */
/**
     * Если первый элемент - иконка, меняем левый отступ у текста
     * Переопределяем своство из миксина _skin_[m | s | l]()
     */
/**
     * Правильный путь - использовать :not(._disabled), чтобы назначать стили для состояний
     * ИЕ8 не понимает :not(), поэтому в состоянии _disabled максимальным весом сбрасываем всё.
     */
  font-size: 13px;
  height: 28px;
/* Если иконка одна, нужны одинаковые размеры*/
  border-color: rgba(0,0,0,0.2);
  background-color: #fff;
}
.y-button_islet::-moz-focus-inner {
  padding: 0;
  border: none;
}
.y-button_islet:focus {
  -webkit-box-shadow: 0 0 10px #fc0;
          box-shadow: 0 0 10px #fc0;
}
.y-button_islet__text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #333;
  border: none;
  background: none;
}
.y-button_islet__text:focus {
  border: none;
  outline: none;
}
.y-button_islet__icon:first-child + .y-button_islet__text {
  padding-left: 0;
}
.y-button_islet__text,
.y-button_islet__icon {
  display: inline-block;
  text-align: center;
  height: 100%;
  vertical-align: top;
}
.y-button_islet._disabled,
.y-button_islet._disabled:hover {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: rgba(0,0,0,0.08);
  background-color: rgba(0,0,0,0.08);
}
.y-button_islet._disabled .y-button_islet__text {
  color: #aaa;
}
.y-button_islet._pin-left {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.y-button_islet._pin-right {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.y-button_islet__text {
  padding: 0 13px;
}
.y-button_islet__icon {
  width: 34px;
}
.y-button_islet__text,
.y-button_islet__icon {
  line-height: 26px;
}
.y-button_islet__icon:only-child {
  width: 26px;
}
.y-button_islet:hover {
  border-color: rgba(0,0,0,0.3);
}
.y-button_islet:focus {
  border-color: rgba(178,142,0,0.6);
}
.y-button_islet._pressed {
  background-color: #f6f5f3;
}
/* ../../node_modules/islets/blocks/common/y-button/y-button_islet.styl:end */
/* ../../client/common/header/header_islet.styl:begin */
.header_islet__info {
  height: 70px;
}
.header_islet__info {
  float: right;
/* Отталкиваюсь от срединной части шапки согласно гайдам */
  margin-left: 16px;
}
.header_islet__wrapper {
  position: relative;
  min-width: 645px;
  padding: 14px 0;
  background: #fff;
  height: 70px;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1001;
}
.header_islet__services-board {
  position: absolute;
  top: -999px;
  right: 8px;
  border: 1px solid #ddd;
  -webkit-transition: top 0.15s ease-out;
     -moz-transition: top 0.15s ease-out;
          transition: top 0.15s ease-out;
  z-index: 1000;
  background: #fff;
  width: 370px;
  margin: 0;
  padding: 0;
}
.header_islet._board-visible .header_islet__services-board {
  top: 78px;
}
.header_islet__logo {
  display: -moz-inline-box;
  display: inline-block;
  height: 42px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.header_islet__logo._lang_ru,
.header_islet__logo._lang_be,
.header_islet__logo._lang_uk {
  background-image: url("../../client/common/header/_skin/header_skin_islet__logo-ru.svg");
  width: 132px;
  margin-left: 28px;
  margin-right: 150px;
}
.header_islet__logo._lang_en {
  background-image: url("../../client/common/header/_skin/header_skin_islet__logo-en.svg");
  width: 125px;
  margin-left: 30px;
  margin-right: 155px;
}
.header_islet__logo-link,
.header_islet__service-link {
  height: 42px;
  display: inline-block;
}
.header_islet__logo._lang_ru .header_islet__logo-link,
.header_islet__logo._lang_be .header_islet__logo-link,
.header_islet__logo._lang_uk .header_islet__logo-link {
  width: 70px;
}
.header_islet__logo._lang_en .header_islet__logo-link {
  width: 70px;
}
.header_islet__logo._lang_ru .header_islet__service-link,
.header_islet__logo._lang_be .header_islet__service-link,
.header_islet__logo._lang_uk .header_islet__service-link {
  width: 62px;
}
.header_islet__logo._lang_en .header_islet__service-link {
  width: 55px;
}
.header_islet__board-call {
  width: 38px;
  height: 38px;
  line-height: 34px;
  padding-right: 20px;
}
.header_islet__board-call-icon {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 42px;
  background: url("../../client/common/header/_skin/header__board-call-icon.svg") center no-repeat;
  opacity: 0.25;
}
.header_islet__board-call-button {
  display: block;
  border: 1px solid #fff;
  border-radius: 3px;
}
.header_islet__board-call-button:focus {
  outline: none;
}
.header_islet._board-visible .header_islet__board-call-icon {
  opacity: 1;
}
.header_islet__board-call-button:active,
.header_islet._board-visible .header_islet__board-call-button {
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,204,0,0.3);
}
.header_islet__board-call-button:hover {
  border: 1px solid rgba(0,0,0,0.2);
}
.header_islet__controls {
  display: inline-block;
  height: 42px;
  overflow: hidden;
}
/* ../../client/common/header/header_islet.styl:end */