@import url('HeaderToggle.css');
.vertical-menu {
	position: fixed;
	top: 40px;
	z-index: 9999;
}

.vertical-menu img {
	margin: 60px auto 100px
}

.vertical-menu ul {
	list-style-type:none;
	padding:0; 
	margin:20px 0 0 0;
}

.vertical-menu ul a {
	display: block;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
	transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease
}

.vertical-menu ul a.current, .vertical-menu ul a:hover {
	color: #c59d5f
}

.vertical-menu .dropdown-menu {
	width: 100% !important;
}

#vertical-menu {
	background: #262626;
	width: 300px;
	padding: 40px;
}

@media only screen and (max-width: 767px) {
	#vertical-menu {
		width: 100%;
	}
}

#menu-button {
	background: rgba(219,27,31,1);
	width: 40px;
	height: 40px;
	border: none;
	padding: 0;
	font-size: 25px;
	color: #fff;
    border-radius: 8px;
	position: fixed;
	top:40px;
	right:10px;
	z-index:99999;
}

.cbp-spmenu {
	position: fixed
}

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000
}

.cbp-spmenu-left {
	left: -240px
}

.cbp-spmenu-right {
	right: -3000px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0
}

.cbp-spmenu-push-toright {
	left: 140px
}

.cbp-spmenu-push-toleft {
	left: 0px
}

.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}