mainmenu{
	display:block;
	}
/******************Setting Sticky and logo*/
mainmenu.sticky{
	position: -webkit-sticky;
	position: sticky;
	background-color: #FFF;
	top: 0;
	z-index:99;
	}
/*nav.sticky{
	background-image: url(../css/bl1.png);
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: auto 50%;
	}
*/

/******************End Sticky and logo*/

/************************ Menu */
nav{
	display: block;
	white-space:nowrap;
	text-align:right;
	margin:auto;
	max-width:1120px;
	text-transform: uppercase;
	position:relative;
}
nav a{
	text-decoration: none;
	color: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/************************ Main Menu */
.mainmenu{
	display: inline-block;
	outline:none;
	margin: -1px;
	vertical-align:middle;

}

.mainmenu > a{
	display: block; /*must display block so the dropdown position obey nicely*/
	text-align:left;
	cursor:pointer;
	color:#222;
	padding:25px 22px;
	}

.mainmenu:hover > a,
.mainmenu > a:hover{
	color:#FFF;
	background-color: #a7ce36;
	opacity:1;
}
.mainmenu .current{
	color: #a7ce36;
	}
/*************************************************/
submenu {
	display:block;
	position:absolute;
	width:100%;
	left:0;
	right:0;
	margin:auto;
	background-color: #FFF;
	text-align:center;
	z-index:99;
	white-space:normal;
	padding:20px 20px;
	margin-top:-2px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #a7ce36;
	}

submenu box{
	display:inline-block;
	white-space:normal;
	vertical-align:top;
	max-width:190px;
	margin:10px;
	transition: all 0.4s ease;
	}
submenu box a{
	
	}
submenu box img{
	display:block;
	width:100%;
	}


submenu box:hover{
	opacity:0.5;
		}

/*************************************************/
#toggle, #toggle + label{
	display:none;
}

@media only screen and (max-width:750px) {
#toggle + label{
	display:block;
	text-align:right;
	padding:10px 20px;
	cursor:pointer;
	}
/******************Setting Sticky and logo*/
/*#toggle + label.sticky{
	background-image: url(../css/bl1.png);
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: auto 50%;
	}
	*/
mainmenu.sticky{
	position: -webkit-sticky;
	position: sticky;
	background-color: #FFF;
	top: 0;
	z-index:99;
	}
nav.sticky{
	background-image:none;
	}
/********************End Sticky and logo*/
nav{
	display:block;
	max-height:0px;
	transition: all 0.4s ease;
	background-color:#FFF;
	overflow:hidden;
}
#toggle:checked ~ nav {
	max-height:999px;
}
.mainmenu{
	display: block;
}
.mainmenu > a{
	display:block;
	padding:15px 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
submenu {
	position:static;
	padding:0px;

	overflow:auto !important;
	padding:20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	}
submenu box{
	width:43%;
	margin:10px;
	}
}