a.WDNToggleNav:after{position: absolute; top: 22px; right:20px; display: block; height: 4px; width: 26px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
a.WDNToggleNav:before { position: absolute; top: 13px; right: 20px; display: block; height: 4px; width: 26px; background: #fff; content: ''; }
a.WDNActive:after { top: 23px; border: 0; height: 6px; width: 26px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height:6px; }
a.WDNActive:before { top: 23px; background: #ffffff; width: 26px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height:6px; }


.WDNToggleNav { display:  none; background: #666; padding: 10px 15px; color: #fff; }
.WDNNav { list-style: none; *zoom: 1; margin:0; padding:0; }
.WDNNav:before, .WDNNav:after { content: " "; display: table; }
.WDNNav:after { clear: both; }
.WDNNav ul { list-style: none; width: 100%; min-width:280px; margin:0; padding:0; }
.WDNNav a { padding:15px; color:#fff; font-size:16px; font-family: 'Roboto Condensed', sans-serif;}
a.WDNToggleNav, a.WDNToggleNav:hover{ color:#fff !important; width:100%;}
.WDNNav li { position: relative; margin:0; padding:0; }
.WDNNav > li { float: left; }
.WDNNav > li > a{ font-weight:bold; text-transform:uppercase;}
.WDNNav > li > .parent { /*background:url(../img/downArrow.png) no-repeat 95% 50%;*/ }
.WDNNav > li > a { display: block; }
.WDNNav li ul { position: absolute; left: -9999px; }
.WDNNav > li.hover > ul { left: 0; }
.WDNNav li li.hover ul { left: 100%; top: 0; }
.WDNNav li li a { display: block; background: #2186c8; position: relative; z-index:1; border-top: 1px solid #339de2; font-size:14px; font-weight:normal; padding:8px 15px; }
.WDNNav li li li a { background:#084281; z-index:2; border-top: 1px solid #339de2; }
.WDNNav>li:hover > a { color: #fff; background-color: #00375f; }
.WDNNav>li>ul>li:hover a { background-color:#0678be; }
.WDNNav>li>ul>li>ul>li:hover a { background-color:#0678be; }
.WDNNav>li > ul > li:hover > ul > li > ul { display:none; }
.WDNNav>li > ul > li:hover > ul > li:hover > ul { display:block; }

@media screen and (max-width: 768px) {
.WDNToggleNav{ background:#056199; font-weight:bold; }
.WDNActive { display: block; }
.WDNNav { background-color: #056199; }
.WDNNav a { color:#fff; padding:10px 15px; }
.WDNNav > li { float: none; border-bottom:1px solid #024576 }
.WDNNav > li i.fa{ position:absolute; top:5px; bottom:5px; right:5px; padding:5px 10px; height:30px; color:#fff; background:#024576; z-index:3}
.WDNNav > li > .parent { background-position: 95% 50%; }
.WDNNav li .parent { background:url(../images/downArrow.png) no-repeat 95% 50%; }

.WDNNav li li .parent { background:url(../images/downArrow.png) no-repeat 95% 50% #2186c8; }
.WDNNav li li li a{ background:##2186c8 !important;  border-top:1px solid #339de2;}



.WDNNav ul { display: block; width: 100%; }
.WDNNav > li.hover > ul, .WDNNav li li.hover ul { position: static; }
.WDNNav>li > ul > li > ul > li > ul { display:none !important; }
.WDNNav>li > ul > li > ul > li.hover > ul { display:block !important; }
}

@media screen and (min-width: 769px) {
	ul.WDNNav{width:100%;display:table}
	ul.WDNNav>li{display:table-cell;float:none;text-align:center}
	ul.WDNNav>li>ul>li{text-align:left}
}