.content { margin: 0px 0px 0px 0px; width:104%; }

.flexy-menu { margin: 0px 0 0 0 !important; }

.flexy-menu { width: 100%; margin: 0; padding: 0; position: relative; float: left; font-family: "Source Sans Pro", Segoe UI, Arial; list-style: none; background:url(../images/nav-bg.jpg) repeat-x left top; -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.flexy-menu li { display: inline-block; font-size: 13px; margin: 0; padding: 0; float: left; line-height: 20px; position: relative; background:url(../images/nav_border.jpg) no-repeat right top; }

.flexy-menu > li > a { padding: 8px 17px 8px 17px; color: #fff; 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; font-family:"Century Gothic"; font-size:13px; -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  }

.flexy-menu li:hover > a,
.flexy-menu li.active a {  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;  width: 132px; background: #333333; box-shadow: 0 1px 1px rgba(0,0,0,0.3); background-image:none; }

.flexy-menu ul { top: 37px; left: -19px; }

.flexy-menu ul li ul { top: 0; left: 87%; }

.flexy-menu ul li { clear: both; width: 100%; border: none; font-size: 12px; }

.flexy-menu ul li a { padding: 5px 20px; width: 100%; color: #fff; font-size: 14px; 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; background:#25be7b ; border-bottom:1px solid #fff; }

.flexy-menu > li .indicator { position: absolute; color: #dedede; top: 0px; right: 8px; font-size: 17px; }



.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% !important; height: 50px; cursor: pointer; color: #dedede; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background: #00a85e;  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

.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 {  color:#fff !important; background:#00a85e; }

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

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

.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; background:#00a85e; -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }

.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; margin-left:0px !important; }

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