#mobile-menu {
  position: fixed;
  top: 0;
  left: -90%;
  width: 90%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: 30;
  background: white;
  -webkit-box-shadow: transparent 3px 3px 10px;
          box-shadow: transparent 3px 3px 10px; }
  #mobile-menu.opened {
    left: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 10px;
            box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 10px; }
  #mobile-menu .close {
    float: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../images/ico-to-favorites_close.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 20px; }
  #mobile-menu a {
    display: block; }
    #mobile-menu a i.el {
      color: #777;
      color: #777;
      position: absolute;
      right: 5px;
      top: 4px;
      padding: 10px; }
  #mobile-menu > ul {
    margin: 0 0 9px 0; }
    #mobile-menu > ul > li {
      padding: 1em 0 1em 20px; }
    #mobile-menu > ul li {
      text-align: left;
      position: relative; }
      #mobile-menu > ul li > a, #mobile-menu > ul li > span {
        border-bottom: none;
        text-transform: uppercase;
        line-height: 1em; }
      #mobile-menu > ul li.active > a, #mobile-menu > ul li.active > span {
        color: #fb251b; }
    #mobile-menu > ul.catalog > li ul li i.el {
      top: 1px; }
    #mobile-menu > ul.catalog li {
      border-bottom: #eee thin solid;
      font: 14px 'FuturaPT-Bold'; }
      #mobile-menu > ul.catalog li ul {
        margin-top: 13px; }
      #mobile-menu > ul.catalog li ul li {
        padding: 0.8em 0 0.8em 7px; }
        #mobile-menu > ul.catalog li ul li:last-child {
          border-bottom: none; }
      #mobile-menu > ul.catalog li ul.brands-menu {
        -webkit-columns: 2;
                columns: 2; }
        #mobile-menu > ul.catalog li ul.brands-menu li {
          border-top: none;
          border-bottom: none; }
    #mobile-menu > ul.user-pages li, #mobile-menu > ul.info-pages li, #mobile-menu > ul.contacts li {
      font: 12px 'FuturaPT-Bold'; }
      #mobile-menu > ul.user-pages li a, #mobile-menu > ul.info-pages li a, #mobile-menu > ul.contacts li a {
        display: inline; }
    #mobile-menu > ul.user-pages li.favorites:before {
      content: '';
      display: inline-block;
      margin-right: 1ex;
      width: 17px;
      height: 14px;
      background-size: cover;
      vertical-align: middle;
      position: relative;
      top: -2px;
      /*background-image: url("../images/ico-favorites.png"); */
    }
    #mobile-menu > ul.contacts li {
      padding: 0.6em 0 0.6em 20px; }
      #mobile-menu > ul.contacts li:before {
        content: '';
        display: inline-block;
        margin-right: 1ex;
        height: 10px;
        background-size: cover;
        vertical-align: middle; }
      #mobile-menu > ul.contacts li.phone:before {
        width: 13px;
        height: 13px;
        position: relative;
        top: -2px;
        background-image: url("../images/phone-icon.svg"); }
      #mobile-menu > ul.contacts li.email:before {
        position: relative;
        top: -1px;
        width: 15px;
        background-image: url("../images/email-icon.svg"); }
/*# sourceMappingURL=mobile-menu.css.map */