.flexy-menu{width:100%;margin:0;padding:0;position:relative;float:left;font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size:17px;list-style:none;background: #00A4DE}.flexy-menu li{display:inline;font-size:17px; margin:0;padding:0;float:left;line-height:20px;position:relative}
.flexy-menu>li>a{padding:20px 22px;color: #fff;text-decoration:none;display:block;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.flexy-menu li:hover>a,.flexy-menu li.active a{background:#555;color:#fff}.flexy-menu li.right{float:right}.flexy-menu ul,.flexy-menu ul li ul{list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:99999;width:132px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.3)}.flexy-menu ul{top:60px;left:0}
.flexy-menu ul li ul{top:0;left:100%}.flexy-menu ul li{clear:both;width:210px;border:0;font-size:17px; background-color:#FFFFFF;}.flexy-menu ul li a{padding:10px 20px;width:100%;color:#666;font-size:17px;text-decoration:none;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}.thin>li>a{padding:10px 22px}.thin ul{top:40px}.thick>li>a{padding:40px 22px}.thick ul{top:100px}.flexy-menu i{line-height:20px!important;margin-right:6px;font-size:18px;float:left}.flexy-menu>li.showhide{display:none;width:100%;height:50px;cursor:pointer;color:#000;border-bottom:solid 0px rgba(0,0,0,0.1);background:#fff}.flexy-menu>li.showhide span.title{margin:16px 0 0 25px;float:left}.flexy-menu>li.showhide span.icon{margin:17px 20px;float:right}.flexy-menu>li.showhide .icon em{margin-bottom:3px;display:block;width:20px;height:2px;background:#ccc}.orange li:hover>a,.orange li.active a{background:#fff;color: #FF8040; border-bottom:0px solid #FF5950; !important}.flexy-menu.vertical{width:200px}.flexy-menu.vertical li{width:100%}.flexy-menu.vertical li a{display:inline-block!important;width:100%;padding:18px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.flexy-menu.vertical ul li{width:100%}.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{width:150px}.flexy-menu.vertical ul{top:0;left:100%}.flexy-menu.vertical ul li ul{top:1px}.flexy-menu.vertical.right{float:right!important}.flexy-menu.vertical.right ul{left:-150px!important}@media only screen and (max-width:768px){.flexy-menu.vertical{width:100%}.flexy-menu li{display:block;width:100%}.flexy-menu>li>a{padding-top:15px;padding-bottom:15px;padding-left:25px}.flexy-menu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.flexy-menu ul,.flexy-menu ul li ul,.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{width:100%;left:0;border-left:0;position:static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.flexy-menu ul li{border-left:0;border-right:0}.flexy-menu ul li a,.flexy-menu.vertical ul li a{padding-top:10px;padding-bottom:10px}.flexy-menu ul>li>a{padding-left:40px!important}}

#menu2 { width: 100%;  float: left;}
#menu2 ul { list-style-type:none;     background-color: #008AFF;}
#menu2 li{position:relative; float:left; list-style:none; margin:0; padding:0; display:inline-block;  width: 16%;}
#menu2 li.live {background: #F60;}
#menu2 li.live:hover a {background: #E66916;}
#menu2 ul li:hover ul{visibility:visible; float:none; margin:0px auto; padding:0; font-size:12px}
#menu2 li a { display:block; height: 32px; text-align: center; line-height: 50px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: ##00A4DE;; text-decoration: none;  border-right: 1px solid #FFF; height: 50px;  }
#menu2 li:hover a { background: #F60;; color: #fff;}
#menu2 li:hover ul a {background: #f3f3f3;color: #2f3036; height: 40px; line-height: 40px;}
li:hover ul a:hover { background: #19c589; color: #fff;}
#menu2 li ul {display: none;}
#menu2 li ul li { display: block; float: none;}
#menu2 li ul li a { width: auto; min-width: 100px; padding: 0 20px;}
#menu2 ul li a:hover + .hidden, .hidden:hover {display: block;}

.show-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #00A4DE; text-align: center; padding: 10px 0; display: none; }
input[type=checkbox]{ display: none; }
input[type=checkbox]:checked ~ #menu2{display: block; }




#menu3 {
	width: 96%;
	height:auto;
	border:#DBDBDB solid 1px;
	float:left;
	background-color:#FFFFFF;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
}
#menu34 {
	width: 98%;
	height:auto;
	padding:0%;
	border:1px solid #FFF;
	float:left;
	background-color:#FFF;
}

#menu3 ul { list-style: none; margin: 0; padding: 0; border: none; margin-bottom:10px; width: 100%;}
#menu34 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom:10px;
	width: 100%;
}

#menu3 h3{
	padding:10px;
	margin:0px;
	text-transform:uppercase;
	color:#036;
}
#menu3 li{
	display: block;
	margin-bottom: 2%;
	color: #000;
	text-decoration: none;
	width: 99%;
	background-color: #EAEAEA;
	margin-bottom: 3px;
	position: relative;
	float: left;
	list-style: outside none none;
	padding-top: 8px;
	padding-right: 0.5%;
	padding-bottom: 8px;
	padding-left: 0.5%;
}
#menu34 li {
	display: block;
	margin-bottom: 2%;
	text-decoration: none;
	width: 100%;
	margin-bottom: 3px;
	position: relative;
	float: left;
	list-style: outside none none;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 1px;
	padding-left: 0%;
}

#menu3 li a {color:#000;}
#menu34 li a {
	color:#000;
}

#menu3 li.live {background: #F60;}
#menu34 li.live {
	background: #F60;
}

#menu34 li.live {
	background: #F60;
}

#menu3 li.live:hover a {background: #E66916;}
#menu34 li.live:hover a {
	background: #E66916;
}

#menu3 ul{ list-style: none; margin: 0; padding: 0; border: none; margin-bottom:10px; }
#menu34 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom:10px;
}

#menu3 ul li:hover ul{visibility:visible; float:none; margin:0px auto; padding:0; font-size:12px}
#menu34 ul li:hover ul {
	visibility:visible;
	float:none;
	margin:0px auto;
	padding:0;
	font-size:12px
}


#menu3 li:hover  {
	background-color: #C1F0FF;
	color: #000;
	cursor: pointer;
}
#menu34 li:hover {
	color: #FFF;
	cursor: pointer;
	padding-left: 1px;
}

#menu34 li:hover {
	color: #FFF;
	cursor: pointer;
}

#menu3 li:hover ul a {background: #f3f3f3;color: #2f3036; height: 40px; line-height: 40px;}
#menu34 li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

#menu34 li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

#menu34 li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

li:hover ul a:hover { background: #19c589; color: #fff;}
#menu3 li ul {display: none;}
#menu3 li ul li { display: block; float: none;}
#menu3 li ul li a { width: auto; min-width: 100px; padding: 0 20px;}
#menu3 ul li a:hover + .hidden, .hidden:hover {display: block;}
#menu34 ul li a:hover + .hidden, .hidden:hover {
	display: block;
}





.show-menu3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #F60; text-align: center; padding: 10px 0; display: none; }
input[type=checkbox]{ display: none; }
input[type=checkbox]:checked ~ #menu3{display: block; }






@media screen  and (max-width: 979px) {

#menu2  li.live a {background: #F60;}
#menu2 li.live:hover a {background: #E66916; color:#fff;}	
.menu2 li {margin-bottom: 1px;}
	/*Make all menu links full width*/
.menu2 ul li, li a {width: 100%;}
	/*Display 'show menu' link*/
.show-menu {display:block; width:100%;height: 100%; cursor: pointer  }

#menu2 { width: 100%;  margin-top:1%;height: 100%; display:block; }
#menu2 ul { list-style-type:none; margin:0; padding:0; width:100%;  height:100%;  background-color: #00A4DE;; display: none;}
#menu2 li{position:relative; float:left; list-style:none; margin:0; padding:0; display:inline-block;  width: 95%;}
#menu2 ul li:hover ul{visibility:visible; float:none; margin:0px auto; padding:0; font-size:12px}

#menu2 li:hover a { background: #F60; color: #fff;}
#menu2 li:hover ul a {background: #f3f3f3;color: #2f3036; height: 40px; line-height: 40px;}
li:hover ul a:hover { background: #19c589; color: #fff;}
#menu2 li ul {display: none;}
#menu2 li ul li { display: block; float: none;}
#menu2 li ul li a { width: auto; min-width: 100px; padding: 0 20px;}
#menu2 ul li a:hover + .hidden, .hidden:hover {display: block;}





#menu3  li.live a {background: #F60;}
#menu3 li.live:hover a {background: #E66916; color:#fff;}	
.menu3 li {margin-bottom: 1px;}
	/*Make all menu links full width*/
.menu3 ul li, li a {width: 100%;}
	/*Display 'show menu' link*/
.show-menu3 {display:block; width:100%;height: 100%; cursor: pointer; background-color:#F60; }

#menu3 { width: 100%;   height:auto; padding:0px; border:#DBDBDB solid 0px; margin-right:10px; float:left; background-color:#FFFFFF; margin-top: 2%; }
#menu3 ul { list-style-type:none; margin:0; padding:0; width:100%;  height:100%;  ; display: none;}
#menu3 li{position:relative; float:left; list-style:none; margin:0; padding:0; display:inline-block;  width: 100%;}
#menu3 ul li:hover ul{visibility:visible; float:none; margin:0px auto; padding:0; font-size:12px}
#menu3 li a { display:block;  text-align: left; line-height: 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff;  text-decoration: none; border-left: 1px solid #FFF; padding-left: 5%; color:black; background-color:#EAEAEA;}
#menu3 h3{ padding:10px; margin:0px; text-transform:uppercase; color:#F60; display:none;}
#menu3 li:hover a { background: #FF7C3E; color: #fff;}
#menu3 li:hover ul a {background: #f3f3f3;color: #2f3036; height: 40px; line-height: 40px;}
li:hover ul a:hover { background: #19c589; color: #fff;}
#menu3 li ul {display: none;}
#menu3 li ul li { display: block; float: none;}
#menu3 li ul li a { width: auto; min-width: 100px; padding: 0 20px;}
#menu3 ul li a:hover + .hidden, .hidden:hover {display: block;}





}