/* Alternative colors */
/* Material design style */
/* header and menu */
.menu-icon:before{
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0);
	box-shadow: 0 0 2px rgba(0,0,0,0);
	width: 90px;
	height: 50px;
	top: 0;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.menu-icon{
	z-index: 12;
}
.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3{
	background: #ffffff;
}
.page-menu{
	opacity: 0;
	left: -120%;
	transform: none;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0);
	box-shadow: 0 0 2px rgba(0,0,0,0);
	top: 51px;
	bottom: 40px;
	height: 180px;
	transition: 1s;
	padding: 10px;
	width: 90px;
	z-index: 11;
	font-size: 14px;
}
.page-menu.menu-visible{
	opacity: 1;
	transform: none;
	left: 0px;
	top: 51px;
	bottom: 40px;
	height: 180px;
	transition: 0.6s;
}
.page-menu li a{
	padding: 0;
	
}

.page-menu.menu-visible li{
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.page-menu.menu-visible li a:over {
	color: #169800;
}


/*.header-top .logo-wrapper .logo .logo-images .light-logo{
	display: none;
}
.header-top .logo-wrapper .logo .logo-images .dark-logo{
	display: inline-block;
}
.header-top .logo-wrapper .logo.dark-bg .logo-images .light-logo{
	display: inline-block;
}
.header-top .logo-wrapper .logo.dark-bg .logo-images .dark-logo{
	display: none;
}
.header-top .logo-wrapper .logo.dark-bg{
	color: #fff;
}
.header-top .logo-wrapper .logo{
	color: #626262;
}*/

/* main page */
/* a section background color */