.mp-pusher { height: 100%; left: 0; perspective: 1000px; position: relative;}
.mp-pusher::after, .mp-level::after, .mp-level::before { content: ""; height: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 0;}
.mp-pusher::after, .mp-level::after { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; transition: opacity 0.3s ease 0s, width 0.1s ease 0.3s, height 0.1s ease 0.3s;}

@media (max-width:1024px){

/*.mp-level-open { overflow-y: auto; overflow-x: hidden;}*/

.nav-click{ display: block;}  

.scroller { background: #f7f7f7; box-shadow: 10px 8px 10px 11px #cbcbcb; z-index: 999; }
.scroller.fixed-body{ overflow:hidden;}
.scroller.bg1 { background: rgba(0,0,0,.04); }
.scroller, .scroller-inner { position: relative; }
.container { position: relative; overflow: hidden;  }
.menu-trigger { position: relative; padding-left: 60px; font-size: 0.9em; }
.menu-trigger:before { content: ''; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background: #fff; 
	box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff; }
.mp-pusher { position: relative; left: 0; height: 100%; perspective: 1000px; }
.mp-menu { position: absolute; top: 0; left: 0; z-index: 1; width: 300px; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); overflow-x: hidden; overflow-y: auto; background: #fff;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.mp-menu ul li  a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
.mp-menu ul li a:hover { background: #2395b9; color: #fff;}
.mp-menu ul li > a:hover { background: #2395b9; color: #fff;}
.mp-level { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; background: #fff; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
/* overlays for pusher and for level that gets covered */
.mp-pusher::after, .mp-level::after, .mp-level::before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; opacity: 0; }
.mp-pusher::after, .mp-level::after { background: rgba(0,0,0,0.3); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
.mp-level::after { z-index: -1; }
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.mp-level.mp-level-overlay { cursor: pointer; }
.mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; }
.mp-pusher, .mp-level { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
/* overlap */
.mp-overlap .mp-level.mp-level-open { z-index: 99; box-shadow: 1px 0 2px rgba(0,0,0,0.2); -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }
/* First level */
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* cover */
.mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
/* content style */
.mp-menu ul { margin: 0; padding: 0; list-style: none; background:#fff;}
.mp-menu h2 { margin: 0; padding: 15px 12px 14px; color:#ffffff; font-size:14px; display:block; background:#105172; text-transform:uppercase;}
.mp-menu.mp-overlap h2::before { position: absolute; top: 0; right: 0; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s; transition: opacity 0.3s, transform 0.1s 0.3s; }
.mp-menu.mp-cover h2 { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 1em; }
.mp-overlap .mp-level.mp-level-overlay > h2::before { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
.mp-menu ul li > a {  font-family: 'HelveticaNeueLT-Bold'; font-size:14px; float:left; width:92%; padding:15px 4%; outline: none; border-bottom: 1px solid #e0e0e0; font-size: 14px; -webkit-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; color:#1f1f1f;  text-transform:uppercase; z-index: 336;}
.mp-menu ul li > a.icon{background:url(../images/nav-mob-arrow.png) no-repeat 94% center;}
.mp-menu ul li > a.icon:hover{background:url(../images/nav-mob-arrow-w.png) no-repeat 94% center #2395b9; color: #fff;}
.mp-menu ul li > a:hover{ text-decoration:none;}
.mp-menu ul li > a:after{ /*content:""; width:8px; height:16px; position:absolute; right:12px;*/}
.mp-level > ul > li:first-child > a {}
.mp-menu ul li.icn-hide > a.icon{ background:none; text-transform:none;}

.mp-menu ul li .sub-menu-mob li > a{ font-weight:normal; text-transform:none;}
.mp-menu ul li .sub-menu-mob li:first-child > a{  text-transform:uppercase;}
.mp-menu ul li .sub-menu-mob li > a.icon{ font-family: 'HelveticaNeueLT-Bold';text-transform:uppercase;}
.mp-menu ul li .sub-menu-mob li.brands > a{ font-family: 'HelveticaNeueLT-Bold'; text-transform:capitalize; font-size:16px;}
.mp-menu ul li .sub-menu-mob li a{ font-family: 'HelveticaNeueLTStd-Roman';}
.mp-menu ul li.icn-hide > a{ font-weight:normal; color:#707070;}
.mp-menu ul li.icons > a.icon.hideblue {
    color:#2395b9;
    text-transform: none;
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0,0,0,0); }
.mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0); } /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back { position: relative; display: block; padding: 14px 1em; outline: none; background: rgba(0,0,0,0.1); box-shadow: inset 0 1px rgba(0,0,0,0.1); color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 14px; -webkit-transition: background 0.3s; transition: background 0.3s; }

.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after { background: transparent; box-shadow: none; color: transparent; }
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; }
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; }
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; }

.mp-pusher nav li .mp-level{ display:block;}
.mp-pusher.mp-pushed{ transform: translate3d(-280px, 0px, 0px);}

.my-acnt .icon.icon-wall {
    color: #707070;
    font-size: 14px;
    text-transform: none;
}

.mp-level[data-level="2"]{
	-webkit-transform: translate3d(100%, 0, 0);
	   -moz-transform: translate3d(100%, 0, 0);
	    -ms-transform: translate3d(100%, 0, 0);
	     -o-transform: translate3d(100%, 0, 0);
	        transform: translate3d(100%, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open){
	-webkit-transform: translate3d(100%, 0, 0);
	   -moz-transform: translate3d(100%, 0, 0);
	    -ms-transform: translate3d(100%, 0, 0);
	     -o-transform: translate3d(100%, 0, 0);
	        transform: translate3d(100%, 0, 0);
}

/*7-8-15*/
.mp-menu ul{ width:100%; float:left; height:100%;}
.mp-level li.icon{ float:left; width:100%;}

}

.mp-menu ul li.icn-hide > a.icon:hover{ background: #2395b9; color: #fff;}
.mp-menu ul li.icons > a.icon.hideblue:hover {color: #fff;}

/*.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(200%, 0, 0);
	   -moz-transform: translate3d(200%, 0, 0);
	    -ms-transform: translate3d(200%, 0, 0);
	     -o-transform: translate3d(200%, 0, 0);
	        transform: translate3d(200%, 0, 0);
}*/