.navigation-toggle { border: 0; background: #24A9E1; padding: 0; margin: 25px 0 }
.navigation-toggle .span-icon { display: block; height: 3px; width: 24px; background: #fff }
.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:before { opacity: 0.1 }
.navigation ul.menu li.sub .sub-menu li:hover > a { background: #78b3d0; color: #fff }
.navigation ul.menu li.sub:hover > .sub_toggle:after { color: #fff }
}
 @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:992px) {
.navigation { float: right }
.navigation ul.menu { color: #303030; font-size: 14px; font-family: "Roboto"; font-weight: 400; padding: 14px 0 10px 0 }
.navigation ul.menu ul { display: none }
.navigation-toggle { display: none }
.navigation ul.menu { display: block !important }
.navigation ul.menu li { position: relative }
.navigation ul.menu > li { float: left; position: relative }
.navigation ul.menu > li + li { margin-left:57px }
.navigation ul.menu > li > a { padding: 10px 0; display: block; color: #fff; position: relative; text-transform: uppercase; z-index: 1 }
.navigation ul.menu > li > a:before { content: ""; display: block; position: absolute; background: url(../images/sprite.png) no-repeat -205px 0 transparent; width: 42px; height: 42px; position: absolute; left: 50%; top: -1px; z-index: -1; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); 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 }
.navigation ul.menu > li.selected > a:before { opacity: 0.1 }
.navigation ul.menu li.sub .sub-menu { display: none !important; position: absolute; min-width: 100%; width: 190px;/*border:1px solid #5aa3e1;*/ background: #fff; z-index: 5;box-shadow:0 0 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5)}
.navigation ul.menu li.sub .sub-menu a { display: block; padding: 10px 15px; color: #66A2C0 }
.navigation ul.menu .sub-menu li.selected > a { background: #78b3d0; color: #fff }
.navigation ul.menu li.inner-sub .sub-menu { left: 100%; top: 0 }
.navigation ul.menu .sub-menu li + li { border-top: 1px solid #78b3d0 }
.navigation ul.menu li.sub:hover > .sub-menu { display: block !important }
.navigation ul.menu li.sub li.inner-sub > a:after { content: "\f0da"; position: absolute; top: 14px; right: 10px }
.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.sub > a:after { content: "\f0d7"; font-family: 'FontAwesome'; font-style: normal; font-weight: 400; line-height: 1; vertical-align: middle; margin-left: 10px; /*visibility:hidden; opacity:0;*/ }
.sub_toggle:after { content: ""; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; vertical-align: middle; color: #ccc; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease }
.sub_toggle { position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); cursor: pointer; display: none }
.navigation ul.menu li.sub li.inner-sub > .sub_toggle:after { content: "\e250" }
}
 @media screen and (max-width:1199px) {
.navigation ul.menu > li+li { margin-left: 30px }
}
 @media screen and (max-width:991px) {
.navigation ul.menu { color: #303030; font-size: 14px; font-family: "Roboto"; font-weight: 400 }
.navigation ul.menu > li+li { margin-left: 0 }
.navigation { margin-top: 0; text-align: left }
.navigation ul.menu { display: none; right: 15px; position: absolute; width: 290px; background: #fff; z-index: 5 }
.navigation ul.menu li { position: relative }
/*.navigation ul.menu > li + li{border-top:1px solid #78b3d0}

.navigation ul.menu li.sub li{border-top:1px solid #78b3d0}*/

.navigation ul.menu li a { padding: 10px 15px; padding-left: 40px; color: #303030; display: block }
.navigation ul.menu li.selected > a { color: #fff; background: #78b3d0 }
.navigation ul.menu li.selected > .device_toggle { color: #fff }
.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: #f9f9f9 }
.navigation ul.menu li.sub .sub-menu .sub-menu { background: #f5f5f5 }
.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: 42px }
.navigation ul.menu li .device_toggle { position: absolute; color: #303030; display: block; width: 40px; height: 42px; left: 0; top: 0; text-align: center; cursor: pointer }
.navigation ul.menu li .device_toggle.in:after { content: "\f068" }
.navigation ul.menu .sub-menu li > a { padding-left: 55px }
.navigation ul.menu .sub-menu .inner-sub li > a { padding-left: 70px }
.navigation ul.menu li .inner-sub .device_toggle { left: 25px }
}