body {
    overflow-x:hidden;
}
.ut-menu-toggle,
.ut-menu-toggle:hover,
.ut-menu-toggle:focus,
.ut-menu-toggle:active {
    color: #252525;
}
#ut-mobile-menu.show .ut-menu-toggle {
    color: #FFFFFF;
}
#ut-mobile-menu {
    position: fixed;
    width: 260px;
    height: 100%;
    top: 0;
    right: 0;
    background: #0C0C0C;
    z-index:99999999;
    padding-bottom:100px;
    letter-spacing: 1.5px;
}
.mobile-overlay {
    position:fixed;
    display:none;
    width:100%;
    height:100%;
	top:0;
	left:0;
    z-index:99999998;
	background:rgb(35 ,40 ,45 , 0.8);
	background:rgba(35, 40, 45, 0.8);    
}
.ut-mobile-nav-menu {
    padding-top:55px;
}
#ut-mobile-menu {
    -webkit-transition: .3s ease all;
       -moz-transition: .3s ease all;
            transition: .3s ease all;
}
#ut-mobile-menu {
    -webkit-transform: translate3d(260px, 0, 0);
       -moz-transform: translate3d(260px, 0, 0);           
            transform: translate3d(260px, 0, 0);

}
#ut-mobile-menu.show {
    -webkit-transform: translate3d(0px, 0, 0);
       -moz-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
}
.no-csstransitions #ut-mobile-menu {
    right: -260px; 
}
#ut-mobile-menu .ut-menu-toggle {
    position:absolute;
    text-align:center;
    width:50px;
    height:50px;
    height:auto;
    left: -70px;
    top: 65px;
    background:transparent;
}
@media (max-width: 767px) {

    #ut-mobile-menu .ut-menu-toggle {
        position:absolute;
        left: -60px;
        top: 25px;
    }

    .admin-bar #ut-mobile-menu .ut-menu-toggle {
        top: 70px;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    .admin-bar #ut-mobile-menu .ut-menu-toggle {
        position:absolute;
        left: -70px;
        top: 95px;
    }

}


#ut-mobile-menu .ut-menu-toggle .fa {
    line-height:50px;
}
#ut-mobile-menu .scroll { 
    overflow: hidden;
    height: 100%;
    width: 280px; /* 20 px more with than menu in order to hide scrollbar on desktop*/
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none; 
}
#ut-mobile-menu ul li {
    display: block;
    margin: 0;
    line-height: 40px;
}
#ut-mobile-menu ul li:hover, 
#ut-mobile-menu ul li.active {
    line-height: 40px;
}
#ut-mobile-menu ul li:hover>a, 
#ut-mobile-menu ul li:hover>span, 
#ut-mobile-menu ul li.active>a, 
#ut-mobile-menu ul li.active>span {
    color:#FFFFFF;
}
#ut-mobile-menu ul li a,
#ut-mobile-menu ul li span {
    padding: 0 30px;
    display: block;
    text-decoration: none;
    color: #666666;
    font-size: 1.4rem;
    font-weight:bold;
    
    text-transform: uppercase;
}
#ut-mobile-menu ul li ul {
    border-bottom: none;
    margin: 0;
}
#ut-mobile-menu ul li ul li {
    line-height: 30px;
    font-size: 13px;
}
#ut-mobile-menu ul li ul li:last-child {
    border-bottom: none;
}
#ut-mobile-menu ul li ul li:hover, 
#ut-mobile-menu ul li ul li.active {
    line-height: 30px;
}
#ut-mobile-menu ul li ul li:hover>a, 
#ut-mobile-menu ul li ul li:hover>span, 
#ut-mobile-menu ul li ul li.active>a, 
#ut-mobile-menu ul li ul li.active>span {
    color:#FFFFFF;
}
#ut-mobile-menu ul li ul li a, 
#ut-mobile-menu ul li ul li span {
    color:rgba(102,102,102,0.8);
    padding-left:60px;
    font-size:1.2rem;
    text-transform:capitalize;
    font-weight:normal;
}