@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.flexy-menu{margin: 0 0 0 0 !important;}
.flexy-menu{width: 90%;margin:0;padding: 0; margin:0 auto!important; position:relative;float:none;font-family: 'open_sansregular';list-style: none; background: #000000; text-transform:capitalize; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.flexy-menu li{display:inline-block;font-size:14px;margin:0;padding:0;float:left;line-height: 20px;position:relative; background: url("../images/nav-separator.gif") no-repeat scroll right center rgba(0, 0, 0, 0); margin-left:1px;}
.flexy-menu > li > a{padding:8px 16px 8px 16px;color:#000000;text-decoration:none;display:block;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear; margin-left:0; margin-right:0; /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin:0 2%;*/  -webkit-border-radius: 8px!important; -moz-border-radius: 8px!important; border-radius: 8px!important;}
.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: 180px; background: #00AEEF; }
.flexy-menu ul{top:32px;left: 0;}
.flexy-menu ul li ul{top: 0;left: 100%;}
.flexy-menu ul li{clear:both;width:100%;border: none;font-size:12px; }
.flexy-menu ul li a{padding:10px 20px;width:100%;color:#FFFFFF;font-size:13px;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 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear;}
.flexy-menu > li .indicator{position: absolute;color: #FFFFFF;top: 8px;right: 4px;font-size: 17px;}
.flexy-menu ul > li .indicator{top: 10px;right: 8px;}
.thin > li > a{padding: 10px 22px;}
.thin ul{top: 40px;}
.thin > li .indicator{top: 10px;}
.thick > li > a{padding: 40px 22px;}
.thick ul{top: 100px;}
.thick > li .indicator{top: 40px;}
.flexy-menu i{line-height: 20px !important;margin-right: 6px;font-size: 18px;float: left;}
.flexy-menu > li.showhide{display: none;width: 100%;height:40px;cursor: pointer;color:1151ae;border-bottom: solid 1px rgba(0, 0, 0, 0.1);/*background: #06375e;*/}
.flexy-menu > li.showhide span.title{margin: 10px 0 0 25px;float: left; color:#FFFFFF;}
.flexy-menu > li.showhide span.icon{margin: 14px 20px;float: right;}
.flexy-menu > li.showhide .icon em{margin-bottom: 3px;display: block;width: 20px;height: 2px;background: #FFFFFF;}
.orange li:hover > a, .orange li.active a{background:#00aeef; color: #FFFFFF!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.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: 180px;}
.flexy-menu.vertical ul{top: 0;left: 100%;}.flexy-menu.vertical ul li ul{top: 0px;}
.flexy-menu.vertical.right{float: right !important;}.flexy-menu.vertical.right ul{left: -150px !important;}
.flexy-menu.vertical > li .indicator{top: 17px;right: 15px;font-size: 17px;}
.flexy-menu.vertical ul > li .indicator{top: 18px;right: 15px;}

.flexy-menu > li.showhide:first-child .showhide{display:none!important;}
.flexy-menu ul li a:hover{background:#006699;}

@media only screen and (max-width: 800px)
{.flexy-menu.vertical{width: 100%;}
.flexy-menu{float:left; width:100%;}
.flexy-menu li{display: block;width: 100%;}.flexy-menu > li > a{padding-top:10px;padding-bottom:10px;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: none;position: static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flexy-menu ul li{border-left: none;border-right: none;}
.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;}
.flexy-menu > li .indicator{top: 15px;right: 25px;font-size: 17px;}
.flexy-menu ul > li .indicator{right: 24px;}
.flexy-menu.vertical ul > li .indicator{top: 10px;right: 15px;}
.flexy-menu > li > ul > li > a{padding-left: 40px !important;}
.flexy-menu > li > ul > li > ul > li > a{padding-left: 60px !important;}
.flexy-menu > li > ul > li > ul > li > ul > li > a{padding-left: 80px !important;}
} 

@media only screen and (min-width: 320px) and (max-width: 767px) {
.flexy-menu > li > a{padding:12px 24px 10px 24px;color:#FFFFFF;text-decoration:none;display:block;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear; margin-left:0; margin-right:0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin:0 0%;}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
.flexy-menu > li > a{padding:12px 24px 10px 24px;color:#FFFFFF;text-decoration:none;display:block;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear; margin-left:0; margin-right:0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin:0 0%;}
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
.flexy-menu > li > a{padding:12px 24px 10px 24px;color:#FFFFFF;text-decoration:none;display:block;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear; margin-left:0; margin-right:0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin:0 0%;}
}