body { overflow-x:hidden; -webkit-animation:androidbugfix infinite 1s } /* http://timpietrusky.com/advanced-checkbox-hack */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#menu label { padding:0 0.25em; font:3.125em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:40px Arial; top:0;}
#header label:hover, #menu label:hover { color:#ccc }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle_env {position:relative;top:7px;}
.toggle { position:absolute; right:0.15em; top:0em;cursor:pointer; color:#000;font-size:40px;}
#menu .close {color:#fff;}
#menu .back {color:#fff;font-size:25px !important;position:absolute;top:-30px !important;width:inherit!important;}
#menu .back label:after{content: '\25B6';line-height:16px;font-size: 16px;width:30px;height:30px;display:table;}

.container { background:#fff; min-height:100%; padding:0; margin:0 ; }
#menu, #menu .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#62bb47; z-index:998; left:-13.75em }
.container, #menu, #menu .sub-nav {   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#62bb47; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #ffffff }
#menu li { border-bottom:1px solid #ffffff }
#menu li a { display:block; font-size:0.875em; padding-left:1.5em; color:#fff; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#333 }
#menu .sub-nav { margin-top:-1px }
#menu .sub-nav li a {padding-left:2em}
#menu .sub-heading { margin-top:4.0625em; padding-left:1.5em; color:#ffffff;text-transform:uppercase;font-weight:bold;}
#menu .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#ffffff }
#menu .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#62bb47; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #ffffff; cursor:pointer; text-align:center }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */

/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */

/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}

@media ( min-width:40em ) { /* #### - switch to desktop menu at 960px (960/16=60 - 16px being default browser font-size) - #### */
	.container, #menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#menu label, #menu .sub-nav, #menu .sub-heading, #header label { display:none }
/*#menu  {width:90%;max-width:950px;display:table;margin:0px auto;background-color:#62bb47;}*/
/*#menu {width:90%;max-width:950px;display:table;position:relative;background-color:#62bb47;
	margin:0px auto;left:auto;padding:0px;}*/
	#menu {width:90%;max-width:950px;position:relative;margin:0px auto;left:auto;padding:0px;box-sizing: border-box;}
	#menu .toggle-sub { display:inline-block; margin-top:-3.05em; margin-right:0.25em; border-left:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu .toggle-sub, #menu .toggle-sub:hover { background:transparent }
	#menu ul {border-top:none;width:100%;}
	#menu ul ul .toggle-sub { margin-top:-2.75em; margin-right:0; border-left:1px solid #ffffff; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) }
	#menu ul li:hover > label { color:#ccc }
	#menu > ul { float:left; position:relative; z-index:1; top:0.4285em; left:0; margin-top:0; display:inline-table; border-right:0; font-size:0.875em }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left;border-bottom:none; border-right:1px solid #fff;line-height: 1.75em; }
	#menu ul li a { padding:0.5em 3.75em 0.5em 1.5em;font-size:130%;}
	#menu ul li a:only-child { padding-right:1.5em }
/*	#menu ul li:hover > a { background:#333; -webkit-transition:background-color .25s ease; transition:background-color .25s ease }*/
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	#menu ul ul li { float:inherit;width:auto; max-width:20em;border-bottom:1px solid #ffffff; border-left:1px solid #ffffff;border-right:1px solid #ffffff; }
	/*#menu ul ul li { float:inherit;width:auto; white-space: nowrap; max-width:20em;border-bottom:1px solid #ffffff; border-left:1px solid #ffffff;border-right:1px solid #ffffff; }*/
	/*#menu ul ul li { float:inherit; width:13.75em; border-left:1px solid #ffffff }*/
	#menu ul ul li a { padding:0.4em 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important }	
	#menu ul .sub-nav li a {padding-left:1.5em; min-width:180px;}
	#menu ul ul .sub-nav { float:left; top:0; left:13.75em; margin-left:0; margin-top:-1px; top:10px; }
	#menu ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #ffffff; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }

}