.icon-03:before {

    content: "\ea81"; }
  
  
  
    
  
  .tt-menu-toggle span {
  
      display: block; margin-bottom: 7px; 
  
      width: 100%; height: 1px; background: #333;
  
        transition-delay: 0.3s !important ;
  
        transition: all 0.5s ease-out 0s;
  
  }
  
  
  
  .tt-menu-toggle span:last-child {
  
      margin-bottom: 0
  
  }
  
  
  
  /* tt-menu-toggle */
  
  .tt-menu-toggle {
  
    display: inline-block;
  
    cursor: pointer;  
  
   width: 30px; height: 18px;}
  
    
  
    .tt-menu-toggle i {
  
      font-size:32px;
  
      line-height:normal;
  
      position: relative;
  
      display: inline-block;
  
      font-weight:600	;
  
      right:-5px}
  
    
  
  /*
  
      mobile menu
  
  */
  
  .panel-menu,
  
  .mmpanels,
  
  .mmpanels > .mmpanel {
  
    position: absolute;
  
    top: 0;
  
    bottom: 0;
  
    left: 0;
  
    width: inherit; }
  
  
  
  .panel-menu {
  
    width:300px;
  
    background: #ffffff;
  
    position: fixed;
  
    z-index: 10002; }
  
    .panel-menu ul {
  
      list-style-type: none;
  
      margin: 0;
  
      padding: 0; }
  
      .panel-menu ul li {
  
        margin: 0;
  
        width: 100%; }
  
        .panel-menu ul li a {
  
            text-transform: uppercase;
  
            border-bottom:1px solid #f1f1f1;
  
          display: flex;
  
          padding:18px 27px 18px 30px;
  
          font-size: 14px;
  
          line-height: 22px;
  
          text-decoration: none;
  
          color: #666;
  
          background: transparent;
  
          position: relative;
  
          transition: all 0.2s linear;
  
          -ms-transition: all 0.2s linear;
  
          -webkit-transition: all 0.2s linear;
  
          -o-transition: all 0.2s linear; }
  
        .panel-menu ul li a:hover {
  
          color: #58a01c;
  
          background: transparent; }
  
          
  
   .panel-menu ul li:last-child a {
  
       border-bottom:0
  
   }		
  
  
  
  .panel-menu a:focus,
  
  .panel-menu a:active {
  
      color:#58a01c !important
  
  }		
  
          
  
    .panel-menu #mm0.mmpanel a:not(.mm-close) {
  
      
  
      font-weight:400;
  
      color: #282d31;
  
      background-color: transparent; }
  
     
  
    .panel-menu #mm0.mmpanel a:not(.mm-close):hover {
  
      color: #333;
  
      background-color: transparent; }
  
      .panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
  
        color: #333; }
  
    .panel-menu #mm0.mmpanel .mm-next-level:after {
  
      top: 22px; }
  
    .panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link) {
  
      
  
      font-weight: 400; }
  
    .panel-menu .mmpanel .tt-badge {
  
      display: inline-block;
  
      
  
      font-weight: 400;
  
      color: #ffffff;
  
      font-size: 12px;
  
      line-height: 1;
  
      padding: 3px 4px 1px;
  
      max-height: 16px;
  
      top: 2px;
  
      position: relative;
  
      margin-left: 7px;
  
      border-radius: 2px; }
  
    .panel-menu .mmpanel .tt-new {
  
      color: #ffffff;
  
      background-color: #1393f5; }
  
    .panel-menu .mmpanel .tt-fatured {
  
      color: #ffffff;
  
      background-color: #fdbc20; }
  
    .panel-menu .mmpanel .tt-sale {
  
      color: #ffffff;
  
      background-color: #f8353e; }
  
    .panel-menu .mmpanel .mm-original-link .tt-badge {
  
      top: -1px; }
  
    .panel-menu .mm-close,
  
    .panel-menu .mm-prev-level,
  
    .panel-menu .mm-original-link {
  
      display: block;
  
      color: #777777;
  
      background-color: transparent;
  
      background-color: transparent; }
  
    .panel-menu .mm-close:before,
  
    .panel-menu .mm-prev-level:before,
  
    .panel-menu .mm-next-level:after {
  
      font-family: "linea-arrows-10" ;
  
      font-size: 16px;
  
      line-height: 14px;
  
      font-weight:600;
  
      transition: all 0.2s linear;
  
      -ms-transition: all 0.2s linear;
  
      -webkit-transition: all 0.2s linear;
  
      -o-transition: all 0.2s linear;
  
      color: #777777; }
  
    .panel-menu .mm-close:hover,
  
    .panel-menu .mm-prev-level:hover,
  
    .panel-menu .mm-next-level:hover {
  
      color: #333;
  
      background-color: transparent; }
  
    .panel-menu .mm-close:hover:before .mm-prev-level:hover:before,
  
    .panel-menu .mm-next-level:hover:after {
  
      color: #333; }
  
   
  
      .panel-menu li.mm-close-parent .mm-close {
  
        padding: 18px 16px 18px 29px;
  
        color: #191919;
  
        border-bottom: 1px solid #e9e7e7;
  
        background-color: transparent; }
  
      .panel-menu li.mm-close-parent .mm-close:before {
  
        content: "\e04a";
  
        padding-right: 6px;
  
        position: relative;
  
        top:7px;
  
        color: #191919; 
  
        font-size:24px
  
        }
  
      .panel-menu li.mm-close-parent .mm-close:hover {
  
        color: #333;
  
        background-color: transparent; }
  
        .panel-menu li.mm-close-parent .mm-close:hover:before {
  
          color: #333; }
  
    .panel-menu .mm-prev-level {
  
      padding: 18px 16px 18px 29px;
  
      color: #191919;
  
      background-color: transparent;
  
      border-bottom: 1px solid #e9e7e7;
  
      margin-bottom: 0px;  }
  
    .panel-menu .mm-prev-level:before {
  
      content: "\e03f";
  
      padding-right: 10px;
  
      position: relative;
  
      top:3px;
  
      color: #191919; }
  
    .panel-menu .mm-prev-level:hover {
  
      color: #333;
  
      background-color: transparent; }
  
      .panel-menu .mm-prev-level:hover:before {
  
        color: #333; }
  
    .panel-menu .mm-next-level {
  
      background-color: transparent; }
  
    .panel-menu .mm-next-level:after {
  
      content: "\e04b";
  
      padding-left: 10px;
  
      top:23px;
  
      right: 30px;
  
      position: absolute;
  
      color: #191919; 
  
           ;
  
      }
  
    .panel-menu .mm-next-level:hover {
  
      color: #333;
  
      background-color: transparent; }
  
      .panel-menu .mm-next-level:hover:after {
  
        color: #333; }
  
    .panel-menu .mm-original-link {
  
          opacity: .5;
  
      background-color: transparent; }
  
      
  
  .panel-menu .sub_item li a.mm-original-link	{
  
      font-size:16px;
  
      font-weight:400;
  
  }
  
      
  
    .panel-menu .mm-original-link:before {
  
      padding-right: 10px;
  
      color: #777777; }
  
    .panel-menu .mm-original-link:hover {
  
      color: #333;
  
      background-color: transparent; }
  
      .panel-menu .mm-original-link:hover:before {
  
        color: #333; }
  
  
  
  .mm-open {
  
    overflow: hidden; }
  
    .mm-open .mm-fullscreen-bg {
  
      cursor: pointer;
  
      background-color: rgba(0, 0, 0, 0.85);
  
      position: fixed;
  
      top: 0;
  
      left: 0;
  
      overflow: hidden;
  
      width: 100%;
  
      height: 100%;
  
      z-index: 10001; 
  
      display: none; }
  
  
  
  .mmitemopen.panel-menu,
  
  .mmitemopen.panel-menu.mm-right {
  
    -webkit-transition: -webkit-transform .3s ease;
  
    transition: -webkit-transform .3s ease;
  
    transition: transform .3s ease;
  
    transition: transform .3s ease,-webkit-transform .3s ease;
  
    -webkit-transform: translate(0, 0);
  
    -ms-transform: translate(0, 0);
  
    transform: translate(0, 0);
  
    -webkit-transform: translate3d(0, 0, 0);
  
    transform: translate3d(0, 0, 0); }
  
  
  
  .panel-menu {
  
    -webkit-transform: translate(-100%, 0);
  
    -ms-transform: translate(-100%, 0);
  
    transform: translate(-100%, 0);
  
    -webkit-transform: translate3d(-100%, 0, 0);
  
    transform: translate3d(-100%, 0, 0); }
  
  
  
  .panel-menu.mm-right,
  
  .mmitemopen.panel-menu.mm-right.mmhide {
  
    left: auto;
  
    right: 0;
  
    -webkit-transform: translate(100%, 0);
  
    -ms-transform: translate(100%, 0);
  
    transform: translate(100%, 0);
  
    -webkit-transform: translate3d(100%, 0, 0);
  
    transform: translate3d(100%, 0, 0); }
  
  
  
  .mmitemopen.panel-menu.mmhide {
  
    -webkit-transform: translate(-100%, 0);
  
    -ms-transform: translate(-100%, 0);
  
    transform: translate(-100%, 0);
  
    -webkit-transform: translate3d(-100%, 0, 0);
  
    transform: translate3d(-100%, 0, 0); }
  
  
  
  .mmpanel {
  
    -webkit-transition: -webkit-transform .3s ease;
  
    transition: -webkit-transform .3s ease;
  
    transition: transform .3s ease;
  
    transition: transform .3s ease,-webkit-transform .3s ease;
  
    -webkit-transform: translate(100%, 0);
  
    -ms-transform: translate(100%, 0);
  
    transform: translate(100%, 0);
  
    -webkit-transform: translate3d(100%, 0, 0);
  
    transform: translate3d(100%, 0, 0); }
  
  
  
  .mmpanels {
  
    overflow: hidden; }
  
  
  
  .mmpanel.mmopened {
  
    -webkit-transform: translate(0, 0);
  
    -ms-transform: translate(0, 0);
  
    transform: translate(0, 0);
  
    -webkit-transform: translate3d(0, 0, 0);
  
    transform: translate3d(0, 0, 0); }
  
  
  
  .mmpanel.mmsubopened {
  
    -webkit-transform: translate(-80%, 0);
  
    -ms-transform: translate(-80%, 0);
  
    transform: translate(-80%, 0);
  
    -webkit-transform: translate3d(-80%, 0, 0);
  
    transform: translate3d(-80%, 0, 0); }
  
  
  
  .mmpanels > .mmpanel {
  
    overflow: scroll;
  
    overflow-x: hidden;
  
    overflow-y: auto; }
  
  
  
  .mmpanels,
  
  .mmpanels >
  
  .mmpanel {
  
    background: inherit;
  
    border-color: inherit; }
  
  
  
  .mmpanels > .mmpanel:not(.mmhidden) {
  
    display: block; }
  
  
  
  .mmpanels > .mmpanel:after {
  
    content: '';
  
    display: block;
  
    height: 20px; }
  
  
  
  .mmhidden,
  
  .mm-nav-btn {
  
    display: none; }
  
  
  
  .mm-fullscreen-bg,
  
  .mm-fullscreen-bg:focus,
  
  .mm-fullscreen-bg:active,
  
  .mm-fullscreen-bg:hover {
  
    outline: none; }
  
  
  
  .tt-menu-slider {
  
    max-height: 389px; }
  
    
  
    
  
   .panel-menu ul li.mb_signbtn {
  
        padding-left:30px;
  
            padding-top:30px;
  
    }
  
   
  
   .panel-menu ul li.mb_signbtn a {
  
       display:inline-block;
  
           padding:10px 30px 12px ;
  
       color: #fff !important;
  
       background: #58a01c !important;
  
       border-radius: 5px
  
  
  
   }