@import 'https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet';
ul#css3menu1{

	margin:0;list-style:none;padding:5px 5px 5px 0;background-color:none;border-width:0;border-style:solid;border-color:;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;

	*display:inline;}

ul#css3menu1 li{

	display:block;white-space:nowrap;font-size:0;float:left;}

* html ul#css3menu1 li a{

	display:inline-block;}

ul#css3menu1>li{

	margin:0 0 0 5px;}

ul#css3menu1 a:active, ul#css3menu1 a:focus{

	outline-style:none;}

ul#css3menu1 a{

	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 15px Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#FFFFFF;cursor:pointer;padding:7px 12px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}

ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{

	border-style:none;color:#f6da87;text-decoration:none;}

ul#css3menu1 > label.switch{

	display:none;cursor:pointer;width:25px;height:20px;padding:7px 12px;}

ul#css3menu1 > label.switch:before{

	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#FFFFFF;-moz-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;-webkit-box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;box-shadow:0 8px #FFFFFF, 0 16px #FFFFFF;}

ul#css3menu1 > label.switch:hover:before{

	background:#f6da87;-moz-box-shadow:0 8px #f6da87, 0 16px #f6da87;-webkit-box-shadow:0 8px #f6da87, 0 16px #f6da87;box-shadow:0 8px #f6da87, 0 16px #f6da87;}

ul#css3menu1 > .switchbox{

	display:none;}

ul#css3menu1 li.topmenu>a{

	background-color:#0D4299;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{

	background-color:#0D4299;}

@media screen and (max-width: 768px) {
	ul#css3menu1 > li {
		position: initial;}
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 551px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none !important;		position: relative;		width: 100% !important;}
	ul#css3menu1 > label.switch,ul#css3menu1 .switchbox:checked ~ li {
		display: block !important;}
}