@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	line-height:1;
	display:block;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#cssmenu:after,
#cssmenu > ul:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
#cssmenu #menu-button{
	display:none;
}
#cssmenu{
	width:auto;
	line-height:1;
	float:left;
}
#menu-line{
	position:absolute;
	top:0;
	left:0;
	height:3px;
	background:#009ae1;
	-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
	display:none;
}
#cssmenu > ul > li{
	float:left;
	padding-right:65px;
}
#cssmenu.align-center > ul{
	font-size:0;
	text-align:center;
}
#cssmenu.align-center > ul > li{
	display:inline-block;
	float:none;
}
#cssmenu.align-center ul ul{
	text-align:left;
}
#cssmenu.align-right > ul > li{
	float:right;
}
#cssmenu.align-right ul ul{
	text-align:right;
}
#cssmenu > ul > li > a{
	padding:20px 0 10px 0;
	font-size:14px;
	text-decoration:none;
	text-transform:none;
	color:#333;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-ms-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
	color:#333;
}
#cssmenu > ul > li.has-sub > a{
	padding-right:25px;
}
#cssmenu > ul > li.has-sub > a::after{
	position:absolute;
	top:22px;
	right:10px;
	width:4px;
	height:4px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	content:"";
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:border-color 0.2s ease;
	-moz-transition:border-color 0.2s ease;
	-ms-transition:border-color 0.2s ease;
	-o-transition:border-color 0.2s ease;
	transition:border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after{
	border-color:#333;
}
#cssmenu ul ul{
	position:absolute;
	left:-9999px;
}
#cssmenu li:hover > ul{
	left:auto;
}
#cssmenu.align-right li:hover > ul{
	right:0;
}
#cssmenu ul ul ul{
	margin-left:100%;
	top:0;
}
#cssmenu.align-right ul ul ul{
	margin-left:0;
	margin-right:100%;
}
#cssmenu ul ul li{
	height:0;
	-webkit-transition:height .2s ease;
	-moz-transition:height .2s ease;
	-ms-transition:height .2s ease;
	-o-transition:height .2s ease;
	transition:height .2s ease;
}
#cssmenu ul li:hover > ul > li{
	height:32px;
}
#cssmenu ul ul li a{
	padding:10px 20px;
	width:160px;
	font-size:14px;
	background:#f8f2a5;
	text-decoration:none;
	text-transform:none;
	color:#333;
	-webkit-transition:color .2s ease;
	-moz-transition:color .2s ease;
	-ms-transition:color .2s ease;
	-o-transition:color .2s ease;
	transition:color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{
	background:#f4e954;
	color:#333;
	font-weight:700;
}
#cssmenu ul ul li.has-sub > a::after{
	position:absolute;
	top:13px;
	right:10px;
	width:4px;
	height:4px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	content:"";
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transition:border-color 0.2s ease;
	-moz-transition:border-color 0.2s ease;
	-ms-transition:border-color 0.2s ease;
	-o-transition:border-color 0.2s ease;
	transition:border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after{
	right:auto;
	left:10px;
	border-bottom:0;
	border-right:0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
#cssmenu ul ul li.has-sub:hover > a::after{
	border-color:#fff;
}
@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){
#cssmenu{
	float:left;
	display:block;
	min-width:100px;
}
#cssmenu ul{
	width:100%;
	display:none;
}
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul{
	text-align:left;
}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li{
	width:100%;
	height:auto;
	border-top:1px solid rgba(120, 120, 120, 0.15);
}
#cssmenu ul li a,
#cssmenu ul ul li a{
	width:100%;
}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li{
	float:none;
	display:block;
}
#cssmenu ul ul li a{
	padding:20px 20px 20px 30px;
	font-size:12px;
	color:#000000;
	background:none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{
	color:#000000;
}
#cssmenu ul ul ul li a{
	padding-left:40px;
}
#cssmenu ul ul,
#cssmenu ul ul ul{
	position:relative;
	left:0;
	right:auto;
	width:100%;
	margin:0;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after{
	display:none;
}
#menu-line{
	display:none;
}
#cssmenu #menu-button{
	display:block;
	padding:20px;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
}
#cssmenu #menu-button::after{
	content:'';
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:15px;
	height:2px;
	background:#fff;
}
#cssmenu #menu-button::before{
	content:'';
	position:absolute;
	top:25px;
	right:20px;
	display:block;
	width:15px;
	height:3px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
#cssmenu .submenu-button{
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	display:block;
	border-left:1px solid rgba(120, 120, 120, 0.15);
	height:52px;
	width:52px;
	cursor:pointer;
}
#cssmenu .submenu-button::after{
	content:'';
	position:absolute;
	top:21px;
	left:26px;
	display:block;
	width:1px;
	height:11px;
	background:#000;
	z-index:99;
}
#cssmenu .submenu-button::before{
	content:'';
	position:absolute;
	left:21px;
	top:26px;
	display:block;
	width:11px;
	height:1px;
	background:#000;
	z-index:99;
}
#cssmenu .submenu-button.submenu-opened:after{
	display:none;
}
}