.toggleMenu {
    display:  none;
    background: #fff;
    padding: 0px 0px;
    color: #fff;
    float:right;
    margin:5px 0px;
}

.toggleMenu span{ display:block; width:35px; height:4px; margin-bottom:3px; background: #BD2E2A;}

.toggleMenu:hover span{background: #f56662 ;}
.navi {
    list-style: none; 
     *zoom: 1;
    /* background:#175e4c;*/
}
.navi:before,
.navi:after {
    content: " "; 
    display: table; 
}
.navi:after {
    clear: both;
}
.navi ul {
    list-style: none;
    width: 14.2em;
}
.navi a {
    padding: 2px 10px 2px 10px; font-size:13.4px;
    color:#7a8387; font-family: 'proxima_novalight'; text-transform:uppercase;
}
.navi li {
    position: relative; margin-left:15px;
}
.navi > li {
    float: left;
   /* border-top: 1px solid #104336;*/
}
.navi > li > .parent {
/*    background-image: url("");
    background-repeat: no-repeat;
    background-position: right;*/
}
.navi > li > a {
    display: block;
    
}
.navi li  ul {
    position: absolute;
    left: -9999px;
}
.navi > li.hover > ul {
    left: 0;
}
.navi li li.hover ul {
    left: 100%;
    top: 0;
}
.navi li li a {
  color:#fff;
    display: block;
    background: #BD2E2A;
    position: relative;
    z-index:100;
    border-top: 1px solid #fff;
    padding:8px 22px 9px 22px;
}
.navi li li li a {
    background:#BD2E2A;
    z-index:200;
    border-top: 1px solid #1d7a62;
}



.navi > li:hover .parent {color:#BD2E2A;}
.navi li ul li{ margin:0px;}
.navi a:hover{color:#bd2e2a;}
.navi a.active{ background:#bd2e2a; color:#fff !important;}

.navi li li a:hover,
.navi li li li a:hover{ background:#d6231e ;color:#fff;}




@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .navi > li {
        float: none; margin:0px;
    }
    .navi > li > .parent {
        background-position: 95% 50%; 
    }
    
    
    
    .navi > li > .parent,
    .navi li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .navi ul {
        display: block;
        width: 100%;
    }
   .navi > li.hover > ul , .navi li li.hover ul {
        position: static;
    }
    
    
 
    
   
.navi {/*position:absolute; width:100%;*/ background-color:rgba(0,0,0,0.9); z-index:11;}
.navi a {padding:8px 22px 9px 22px; color:#fff; }  

.navi > li,
.navi li li li a,
.navi li li a {border-top: 1px solid rgba(255,255,255,0.3);}



}