.menu-button {
    background: url(/media/mobile-menu.svg) no-repeat 0 0;
    position: absolute;
    z-index: 1000;
    margin: 9px 12px 0 0;
    padding: 0;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 2.5em;
    font-size: 1.5em;
    color: transparent;
    cursor:pointer;
    top:0;
  }
		.menu-button span{
			display:none;
		}
		.menu-button-right{
			right:0;
		}

		/*.menu-button::before {
			position: absolute;
			top: 0.5em;
			right: 0.5em;
			bottom: 0.5em;
			left: 0.5em;
			background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
			content: '';
		}*/
		
		
		
		
		
		
		.menu-button:hover {
			opacity: 0.6;
		}
		
		
		.tt-box-menu {
    border-left: 1px solid #ccc;
			position: fixed;
			top: 0;
			right: 0;
			z-index: 9999999;
			width: 100%;
			height: auto;
			display:none;
		}
		
		.tt-box-menu ul{
			padding:0 !important;
			margin:0 !important;
		}
		
		.tt-box-menu ul li{
			padding:0 !important;
			margin:0 !important;
		}
		
		.tt-box-menu ul li a{
			display:block !important;
		}
		
		.tt-box-menu-web ul li,
		.tt-box-menu ul li{
			list-style:none;
			list-style-image:none;
			padding:0;
			background-image:none;
		}
		
		.tt-box-menu-web{
			text-align:center;
		}
		
		.tt-box-menu-web nav{
			width:100%;
			margin-left:auto;
			margin-right:auto;
		}
		
		.tt-box-menu-web nav.txt-left{
			text-align:left;
		}
		
		.tt-box-menu-web nav.txt-right{
			text-align:right;
		}
		
		.tt-box-menu-web ul li{
			display:inline-block;
			margin:0 0 0 0;
			padding:0 0 0 0;
			border:0;
		}
		
		.tt-box-menu-web ul li a{
			display:block;
			text-align:center;
			padding:5px 20px;
			margin:0;
			text-decoration:none;
			text-transform:uppercase;
			color:#000000;
		}
		
		.tt-box-menu-web ul li a:hover{
			text-decoration:none;
			background-color:lime;
			color:#000000;
		}
		
		.box-menu-open .tt-box-menu{
			display:block;
		}
		
		/*Menu type*/
		.off-canvas .tt-box-menu {
			height: 100%;
		}
		
/*Slidein*/		
.fx-slidein .tt-box-menu {
	position: fixed;
	height: 100%;
	-webkit-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.box-menu-open.fx-slidein .tt-box-menu {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.box-menu-closed.fx-slidein .tt-box-menu {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}



/*Reveal*/		
.fx-reveal .tt-box-menu {
	position: fixed;
	height: 100%;
	-webkit-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.box-menu-open.fx-reveal{
	overflow:hidden;
}

.box-menu-open.fx-reveal .tt-box-menu {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.box-menu-closed.fx-reveal .tt-box-menu {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.box-menu-open.fx-reveal #wrapper {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
 -webkit-transform: translate3d(-300px,0,0);
 transform: translate3d(-300px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.box-menu-closed.fx-reveal #wrapper {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}