.toggleMenu {
     background:url(../images/menu_bg1.png) no-repeat;
    color: #fff;
    display: none;
    float: left;
    font-size: 0;
    height: 32px;
    position: absolute;
    left: 12px;
    top: 15px;
    width: 44px;
    z-index: 999;
}
nav{float:left; }
.navi {
    list-style: none;
     *zoom: 1; 
	 width: 100%;
	 }
.navi:before,
.navi:after {
    content: " "; 
    display: table; 
}
.navi:after {
    clear: both;
}
.navi ul {
    list-style: none;
    width: 9em;
	font-family: 'ralewaysemibold';
}
.navi a {
    font-size:17px;
    padding-bottom: 22px;
    padding-top: 22px;
    color:#fff; 
	padding-right: 30px;
	
}
.navi li {
    position: relative; text-transform:uppercase; font-family: 'ralewaysemibold'; margin:0 6px;
}

.navi > li {
	display:inline-block;
	/*float:left;*/
   
}
.navi > li > .parent {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
}
.navi li:hover a{color:#00c633; }
/*.navi li.active a{color:#e5353a;}*/
.navi > li > a {
    display: block; 
}
.navi li  ul {
    position: absolute;
    left: -9999px; width:210px; z-index:999;
}
.navi > li.hover > ul {
    left: 0;
}
.navi li li{margin:0;}
.navi li li.hover ul {
    left: 100%;
    top: -0px;
	padding-left:0px;
}
.navi li:hover li a{color:#fff; border-bottom:1px solid #d5d4d4;}
.navi li li a {
    display: block;
    background: #f7f7f7 url(../images/bullet.jpg) no-repeat 10px 15px;
    position: relative;
    z-index:100;
    border-bottom: 1px solid #d5d4d4; text-transform:none; color:#444444; line-height:20px; padding:6px 10px 6px 25px; display:block; font-size:14px;
}
.navi li:hover ul {padding-top:6px; border-bottom:5px solid #19c549;}
.navi li:hover ul li a{color:#444444; padding:10px 10px 10px 25px; display:block; text-align:left; background: #f7f7f7 url(../images/bullet.jpg) no-repeat 10px 15px;}
.navi li li a:hover{background:#f7f7f7;}
.navi li:hover ul li a:hover{color:#000;}
.navi li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #d5d4d4; padding:10px 10px 10px 25px;
}

.navi li:hover ul li:hover ul li a{ background:#dddddd; }
.navi li:hover ul li:hover ul li a:hover {color:#00af35;}
.navi > li > ul > li.menu_arrow:before {
	content: '\f105';
position: absolute;
font-family: FontAwesome;
right: 12px;
color: #00af35;
z-index: 999;
top: 5px;
}














@media screen and (max-width: 767px) {
    .active {
        display: block;
    }
    .navi > li {
        float: none; display:block;
    }
    .navi > li > .parent {
        background-position: 95% 50%;
    }
.navi > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 10pxcenter;
}
	.navi > li.hover > ul{width:100%;}
	.navi li li a{padding:11px 10px 11px 25px; line-height:16px; background:#c6d8e4; border-bottom:1px solid #71808b;}
	.navi li:hover ul li a{padding:11px 10px 11px 25px; }
	.navi li:hover ul {padding-top:0; border-bottom:none;}
    .navi ul {
        display: block;
        width: 100%;
    }
   .navi > li.hover > ul , .navi li li.hover ul {
        position: static;
    }
	.navi {padding-left:0 !important; z-index:9999; position:absolute; width:100%; text-align:left; top:47px; background:#000152; left:0;}
	.navi a {padding:7px 15px; border-bottom:1px solid #040577; color:#fff; font-size:15px;}
	.navi li:hover a{color:#19c44a;}
	

}