.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; }
  
  .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 {
		  border-bottom:1px solid #f1f1f1;
        display: flex;
        padding:18px 27px 18px 30px;
        font-size: 16px;
        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: #069090;
        background: transparent; }
		
 .panel-menu ul li:last-child a {
	 border-bottom:0
 }		

.panel-menu a:focus,
.panel-menu a:active {
	color:#069090 !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: #069090 !important

 }