.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: 90%; height:auto; padding:10px; border:#DBDBDB solid 1px; margin-right:10px; float:left; background-color:#FFFFFF;}
#menu3 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:#F60;}
#menu3 li{display: block; margin-bottom: 2%;
padding: 8px 0px 8px 0.5em;
color: #000;
text-decoration: none;
width: 100%;
background-color: #EAEAEA;
margin-bottom: 3px;position: relative;
float: left;
list-style: outside none none;
}
#menu3 li a {color:#000;}
#menu3 li.live {background: #F60;}
#menu3 li.live:hover a {background: #E66916;}
#menu3 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}

#menu3 li:hover  { background-color: #F60; color: #FFF; cursor: pointer;}
#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;}




.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;}





}