.navigation-toggle { background: #ffffff none repeat scroll 0 0; border: medium none; float: right; margin: 50px 0 0 12px; padding: 10px; }
.navigation-toggle .span-icon { display: block; height: 3px; width: 24px; background: #000 }
.navigation-toggle .span-icon+.span-icon { margin-top: 3px }
.navigation ul { padding: 0; list-style-type: none; margin: 0 }
@media screen and (min-width:1025px) {
/*.navigation ul.menu > li:hover a{color:#0b74b9}*/
.navigation ul.menu li.sub .sub-menu li:hover > a { background: #fff; color: #1d418f }
.navigation ul.menu > li:hover > a { color: #fff }
.navigation ul.menu > li:hover:before { left: 0; right: auto; width: 100%; }
}
@media screen and (min-width:992px) {
.navigation { position: relative; padding: 25px 0 0 0; display: inline-block; vertical-align: middle; float: right; }
.navigation ul.menu { color: #fff; font-size: 16px; padding: 0; display: inline-block !important; vertical-align: middle; margin: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: relative }
/*.navigation ul.menu ul{display:none}*/
.navigation ul.menu ul { display: none }
.navigation-toggle { display: none }
.navigation ul.menu li { position: relative; overflow: hidden }
.navigation ul.menu > li { float: left; position: relative; z-index: 2; padding: 0; text-align: left; }
.navigation ul.menu > li:before { content: ""; display: block; position: absolute; height: 5px; position: absolute; right: 0; bottom: 0; z-index: -1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; width: 0; background: #fff }
.navigation ul.menu > li + li { margin-left: 54.5px }
.navigation ul.menu > li > a { padding: 17px 0 22px 0; display: block; color: #fff; font-size: 16px; line-height: 20px; font-family: 'SegoeUI-Regular'; font-weight: 400; }
/*.navigation ul.menu > li > a:before{content:"";display:block;position:absolute;height:0;position:absolute;left:50%;bottom:0;z-index:-1;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;width:1px;background:#1da94a}*/
.navigation ul.menu > li.selected > a { color: #fff }
.navigation ul.menu > li.selected:before { left: 0; right: auto; width: 100%; }
.navigation ul.menu li.sub .sub-menu {/*display:none !important;*/ position: absolute; min-width: 100%; width: 230px; background: rgba(29, 65, 143,0.9); z-index: 5; opacity: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; top: 100%; visibility: hidden; margin-top: 20px; display: block }
.navigation ul.menu li.sub .sub-menu a { display: block; padding: 10px 15px; color: #fff; font-size: 15px }
.navigation ul.menu .sub-menu li.selected > a { background: #fff; color: #4e91aa }
.navigation ul.menu li.inner-sub .sub-menu { left: 100%; top: 50px }
.navigation ul.menu .sub-menu li + li { border-top: 1px solid rgba(255,255,255,0.1) }
.navigation ul.menu li.sub:hover > .sub-menu {/*display:block !important;*/ opacity: 1; visibility: visible; margin-top: 0 }
.navigation ul.menu li.sub li.inner-sub > a:after { content: "\f0da"; position: absolute; top: 14px; right: 10px; font-family: 'FontAwesome'; font-style: normal; font-weight: 400; line-height: 1; vertical-align: middle; margin: 0 0 0 5px; display: inline-block; vertical-align: top }
/*.navigation ul.menu li.sub > a span:after{content: ""; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; vertical-align: middle; margin-left: 10px}*/
.navigation ul.menu li.inner-sub > a span:after { content: "\e250" }
.navigation ul.menu li:hover { overflow: visible }
.navigation ul.menu li.inner-sub:hover .sub-menu { top: 0 }
/*.navigation ul.menu:after{background: #1d1d4a;content: "";display: block;height: 20px;width: 1px;position: absolute;right:11px;top:27px}*/
}
@media screen and (min-width:992px) and (max-width:1024px) {
.navigation ul li.sub > a { pointer-events: none }
.navigation ul li.sub > a.open { pointer-events: auto }
}
@media screen and (min-width:1024px) and (max-width:1199px) {
.navigation ul.menu > li+li { margin-left: 40px }
.navigation ul.menu > li:nth-child(5) li.inner-sub .sub-menu { left: -100% }
}
@media screen and (min-width:992px) and (max-width:1023px) {
.navigation ul.menu > li+li { margin-left: 17px }
.navigation ul.menu > li:nth-child(5) li.inner-sub .sub-menu { left: -100% }
}
@media screen and (max-width:991px) {
.navigation ul.menu { color: #fff; font-size: 16px; font-family: 'SegoeUI-Regular'; font-weight: 400; display: none; right: 0; position: absolute; width: 290px; background: rgba(0,0,0,0.9); z-index: 6; top: 100%; }
.navigation { margin-top: 0; text-align: left;/*position: relative*/ }
.navigation ul.menu li { position: relative }
.navigation ul.menu > li + li { border-top: 1px solid rgba(255,255,255,0.1) }
.navigation ul.menu li.sub li { border-top: 1px solid rgba(255,255,255,0.1) }
.navigation ul.menu li a { padding: 10px 15px; padding-left: 40px; color: #fff; display: block }
.navigation ul.menu li.selected > a { color: #000; background: #fff }
.navigation ul.menu li.selected > .device_toggle { color: #404040 }
.navigation ul.menu li.sub a span { display: block; height: 30px; width: 30px; font-weight: 400 }
.navigation ul.menu li.sub .sub-menu { display: none; background: rgba(255,255,255,0.1) }
.navigation ul.menu li.sub > a { }
.navigation ul.menu li .device_toggle:after { content: "\f067"; display: block; font-family: 'FontAwesome'; font-style: normal; font-weight: 400; vertical-align: middle; line-height: 44px }
.navigation ul.menu li .device_toggle { position: absolute; color: #fff; display: block; width: 40px; height: 44px; left: 0; top: 0; text-align: center; cursor: pointer; font-size: 16px }
.navigation ul.menu li .device_toggle.in:after { content: "\f068" }
.navigation ul.menu .sub-menu li > a { padding-left: 60px }
.navigation ul.menu .sub-menu .inner-sub li > a { padding-left: 75px }
.navigation ul.menu li .inner-sub .device_toggle { left: 22px }
.navigation ul.menu.no-sub li a { padding:7px 15px;}
}