#floated_block {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 500; }
  #floated_block.left {
    right: auto;
    left: 0; }
    #floated_block.left .line a:link,
    #floated_block.left .line a:visited {
      flex-direction: row-reverse;
      right: 0;
      left: auto;
      text-align: right; }
      #floated_block.left .line a:link span.count,
      #floated_block.left .line a:visited span.count {
        right: 3px;
        left: auto; }
    #floated_block.left .line.line-icon a:hover {
      left: auto;
      right: -120px; }
  #floated_block .line {
    margin-bottom: 2px;
    position: relative; }
    #floated_block .line.line-icon {
      height: 51px;
      width: 51px; }
      #floated_block .line.line-icon a:hover {
        left: -120px; }
    #floated_block .line a:link,
    #floated_block .line a:visited {
      background: #545a62;
      color: #fff;
      text-decoration: none;
      line-height: 51px;
      display: flex;
      transition: all .3s linear;
      position: absolute;
      left: 0;
      top: 0;
      text-align: left; }
      #floated_block .line a:link span,
      #floated_block .line a:visited span {
        display: block; }
        #floated_block .line a:link span.text,
        #floated_block .line a:visited span.text {
          text-transform: uppercase;
          width: 120px; }
        #floated_block .line a:link span.count,
        #floated_block .line a:visited span.count {
          background: #c6b8e0;
          min-width: 19px;
          line-height: 19px;
          position: absolute;
          text-align: center;
          border-radius: 19px;
          color: #363a40;
          font-size: 14px;
          top: 3px;
          left: 30px; }
    #floated_block .line.line-icon a:hover {
      left: -120px; }
    #floated_block .line.line-icon a span.icon {
      width: 51px;
      height: 51px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #floated_block .line.line-icon a span.icon path {
        fill: #fff; }
    #floated_block .line.favorite a span.icon svg {
      height: 25px;
      width: 25px; }
    #floated_block .line.viewed a span.icon svg {
      height: 21px;
      width: 37px; }
    #floated_block .line.podbor {
      height: 195px; }
    #floated_block .line.currency {
      width: 51px;
      background: #545a62;
      color: #fff;
      font-size: 17px;
      line-height: 1em;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      #floated_block .line.currency span span {
        font-size: 13px; }
    #floated_block .line.line-social {
      background: #545a62;
      width: 51px;
      height: 51px;
      position: relative; }
      #floated_block .line.line-social a {
        color: #fff;
        width: 100%;
        height: 100%;
        font-size: 30px;
        display: flex;
        justify-content: center;
        align-items: center; }

/*# sourceMappingURL=style.css.map */
