.c-offcanvas {
  z-index: 1000006; }
  .c-offcanvas.is-open, .c-offcanvas .mobile__menu, .c-offcanvas .slinky-theme-default {
    background: #F0F0F0; }
  .c-offcanvas .mobile__menu .logo__block img {
    width: 100px; }
  .c-offcanvas .slinky-theme-default > ul > li > a {
    padding-left: 0;
    margin-left: 25px;
    border-bottom: 2px solid rgba(83, 83, 83, 0.1); }
    .c-offcanvas .slinky-theme-default > ul > li > a, .c-offcanvas .slinky-theme-default > ul > li > a span {
      font-size: 14px;
      line-height: 20px;
      color: #333333;
      text-transform: uppercase;
      font-family: GothamProBold !important; }
    .c-offcanvas .slinky-theme-default > ul > li > a:after {
      content: none; }
    .c-offcanvas .slinky-theme-default > ul > li > a:active, .c-offcanvas .slinky-theme-default > ul > li > a:hover {
      background: none; }
    .c-offcanvas .slinky-theme-default > ul > li > a.discounts span {
      color: #ee4941; }
  .c-offcanvas .slinky-theme-default > ul > li ul li.header {
    display: block; }
    .c-offcanvas .slinky-theme-default > ul > li ul li.header a:before {
      background-image: url(/images/back.svg);
      width: 43px;
      height: 20px;
      content: "";
      margin: 15px 25px 0;
      font-size: 14px;
      line-height: 20px;
      opacity: 1;
      color: #535353;
      transform: none;
      background-size: contain;
      background-repeat: no-repeat; }
  .c-offcanvas .slinky-theme-default > ul > li ul li > .title, .c-offcanvas .slinky-theme-default > ul > li ul li > a:not(.back) {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 25px 15px 0;
    margin-left: 25px; }
  .c-offcanvas .slinky-theme-default > ul > li ul li > .title {
    text-transform: uppercase;
    font-family: GothamProBold !important;
    padding-left: 0; }
  .c-offcanvas .slinky-theme-default > ul > li ul li > a:not(.back) {
    border-bottom: 2px solid rgba(83, 83, 83, 0.1); }
    .c-offcanvas .slinky-theme-default > ul > li ul li > a:not(.back):after {
      content: none; }
  .c-offcanvas .mmenu-search-input {
    background-color: #fff;
    color: #A8ADB6;
    font-size: 12px;
    line-height: 20px; }

.c-offcanvas-bg.is-open {
  z-index: 1001079;
  background-color: rgba(0, 0, 0, 0.8) !important; }
  .c-offcanvas-bg.is-open:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    background-color: #525252;
    background-image: url(/images/close-w.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    content: " "; }
