.menu-button {
			position: fixed;
			z-index: 1000;
			margin: 1em;
			padding: 0;
			width: 2.5em;
			height: 2.25em;
			border: none;
			text-indent: 2.5em;
			font-size: 1.5em;
			color: transparent;
			background: 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 {
			position: absolute;
			top: 0;
			left: 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 ul li{
			list-style:none;
			list-style-image:none;
			padding:0;
			background-image:none;
		}
		
		
		
		.box-menu-open .tt-box-menu{
			display:block;
		}
		
		/*Menu type*/
		.off-canvas .tt-box-menu {
			height: 100%;
		}
		
/*Slidein*/		
.fx-slidein .tt-box-menu {
	position: absolute;
	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: absolute;
	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;
}



/* new styles */
.menu-button {
	position: fixed;
	z-index: 1000;
	margin: 1em;
	padding: 0;
	width: 2.5em;
	height: 2.25em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
	background: 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 {
	position: absolute;
	top: 0;
	left: 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 ul li{
	list-style:none;
	list-style-image:none;
	padding:0;
	background-image:none;
}



.box-menu-open .tt-box-menu{
	display:block;
}

/*Menu type*/
.off-canvas .tt-box-menu {
	height: 100%;
}

/*Slidein*/		
.fx-slidein .tt-box-menu {
position: absolute;
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: absolute;
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;
}
.menu-button::before {
	background: linear-gradient(#000000 20%, transparent 20%, transparent 40%, #000000 40%, #000000 60%, transparent 60%, transparent 80%, #000000 80%);
	content: '';
}


/*Responsive*/
.tt-box-menu{
width: 100% !important;
background-color:#134e9d !important;
padding:20px 0px !important;
}

.tt-box-menu ul li{
font-size:15px !important;
}


.tt-box-menu ul li a{
background-color:#134e9d !important;
text-align:center !important;
padding:15px 10px !important;
text-transform:uppercase !important;
font-family:Source Sans Pro !important;
color:#ffffff !important;


}

.tt-box-menu ul li a:hover{
background-color:#2375e4 !important;
color:#ffffff !important;
}



#open-button{
display:none;
}
.tt-box-menu-web{
display:block;
}
.tt-box-menu,
.box-menu-open .tt-box-menu{
display:none;
position:absolute !important;
}



@media (max-width: 1098px ) {


.box-menu-open .tt-box-menu{
display:block;
position:fixed !important;
}

#open-button{
display:block;
position:absolute;
z-index:999999999;
}

.box-menu-open #open-button{
display:block;
position:fixed;
z-index:999999999;
}
.tt-box-menu-web{
display:none;
}

.box-menu-open .menu-button::before {
	/*background: linear-gradient(#FFFFFF 20%, transparent 20%, transparent 40%, #FFFFFF 40%, #FFFFFF 60%, transparent 60%, transparent 80%, #FFFFFF 80%);*/
	background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);

	
	
	content: '';
}



}