/* Меню, выкатывающееся слева/справа */

@media (min-width: 767px) {
    .nano > .nano-content {
        margin-right:0!important
    }
}
@media (max-width: 767px) {
    .nano > .nano-content {
      position      : absolute;
      overflow      : scroll;
      overflow-x    : hidden;
      top           : 0;
      right         : 0;
      bottom        : 0;
      left          : 0;
    }
    .nano > .nano-content:focus {
      outline: thin dotted;
    }
    .nano > .nano-content::-webkit-scrollbar {
      display: none;
    }
    .has-scrollbar > .nano-content::-webkit-scrollbar {
      display: block;
    }
    .nano > .nano-pane {
      background : #1a1a1a;
      position   : absolute;
      width      : 4px;
      right      : 0;
      top        : 0;
      bottom     : 0;
      visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
      opacity    : .01;
      -webkit-transition    : .2s;
      -moz-transition       : .2s;
      -o-transition         : .2s;
      transition            : .2s;
    }
    .nano > .nano-pane > .nano-slider {
      background: #dd1e2e;
      position              : relative;
      width:4px;
    }
    .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
      visibility : visible\9; /* Target only IE7 and IE8 with this hack */
      opacity    : 0.99;
    }
    #filter_menu,
    #top_menu {
        background:#fff;
    }

    body.mobile_panel_body {
        overflow-y:hidden
    }

    #mobile_menu {
        width: 350px;
        height: 100vh;
        margin:0;
        display:block;
        background: #ffffff;
    }
    #mobile_menu .container {
        position:relative;
    }
    body.fixedMenu #mobile_menu {
        position:fixed;
        z-index:1001;
        right:0;
        top:0
    }
    #mobile_panel_closer {
        position: fixed;
        display: block;
        top:0;
        width:calc(100% - 350px);
        left:calc(350px - 100%);
        opacity: 0.8;
        background: opacity: 0.8;
        background-color: #15161c;
        cursor: pointer;
        height: 100%;
        overflow: hidden;
        transition: transform 0.4s ease-in-out;
        z-index: 999;
    }
    #mobile_panel_closer.opened {
        transform: translate3d(100%, 0, 0);
    }
    .mobile_panel.menu_catalog {
        background:#fff
    }
    .mobile_panel {
        width: 350px;
        right: -350px;
        position: fixed!important;
        top: 0;
        height: 100%;
        z-index: 1001;
        overflow-x:hidden;
        transition: transform 0.4s ease-in-out;
        
    }
    .mobile_panel.opened {
        transform: translate3d(-100%, 0, 0);
    }
}

@media (max-width:767px) {
    #mobile_panel_closer {
        width:calc(100% - 250px);
        left:calc(250px - 100%);
    }
    #mobile_menu,
    .mobile_panel {
        width: 250px;
        right: -250px;
    }
}
/*Меню, выкатывающееся слева/справа --- конец*/