@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&display=swap");
.menuBg {
position: relative;
z-index:2;
background-color:#357ac8;
margin-top:4px;
box-shadow:-16px 16px 10px -15px #000;
}
@media (max-width:992px){
.menuBg {
height:62px;
}
}
.navbar{
padding:0;
}
.navbar-collapse.collapse {
float: right!important;
display: block!important;
}
@media (max-width:992px) {
#navbarSupportedContent2{
display:none!important;
}
}
.navbar-nav > li{
align-items: center;
display: flex;
height:62px;
border-right:1px solid #709dd0;
}
.navbar-nav > li:nth-last-child(1) {
border-right: none!important;
}
.navbar-nav > li > a {
font:700 16px 'Source Sans Pro', sans-serif;
color: #fff;
padding:21px 59px 21px 59px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
@media(min-width:992px) and (max-width:1280px){
.navbar-nav > li > a {
font-size:14px;
padding:24px 37px 24px 37px;
}
}
@media(min-width:1280px) and (max-width:1360px){
.navbar-nav > li > a {
padding:24px 53px 24px 53px;
}
}
.navbar-nav > li.active > a{
color:#fff;
}
.navbar-nav > li > a:hover {
color:#061220;
border-radius:6px;
}
.navbar-nav .dropdown-menu{
width:369px!important;
margin-top:0px!important;
padding:0px 19px;
background:#fff; border:0px!important;
border-radius:0px!important;
-webkit-animation: menum 0.1s ease-in-out;
animation: menum 0.1s ease-in-out;
z-index:99!important;
}
@media (max-width:768px){
.navbar-nav .dropdown-menu{
width:auto!important;
}
}
.navbar-nav .dropdown-menu > li{
border-bottom: 1px solid #e0e0e0;
float: left;
padding: 6px 0px;
width: 165px!important;
}
@media (max-width:768px){
.navbar-nav .dropdown-menu > li{
border-bottom: 1px solid #e0e0e0;
float: none!important;
width: auto!important;
}
}
.navbar-nav .dropdown-menu > li:nth-last-child(1) {
border-bottom:0px;
}
.navbar-nav .dropdown-menu > li > a{
font:700 15px 'Roboto', sans-serif;
color:#000;
display:block;
padding:20px 0px;
transition:all 0.3s ease-in-out;
}
.navbar-nav .dropdown-menu > li > a:hover{
color:#357ac8;
}
.navbar-nav .dropdown:hover>.dropdown-menu {
color:#0184d2;
display:block;
}
span.caret{
display:none!important;
}
.dropdown-toggle::after{
display: none;
} @-webkit-keyframes menum {
from {opacity:0.8; margin-top:55px;}
to {opacity:1; margin-top:41px!important;}
} @keyframes menum {
from {opacity:0.8; margin-top:55px;}
to {opacity:1; margin-top:41px!important;}
}  .sidenav {
height: 100%;
width:0;
position: fixed;
z-index: 3;
top:0px;
left: 0;
background:#fff;
overflow-x: hidden;
transition: 0.5s ease-in-out;
padding-top: 60px;
}
.sidenav .navbar-collapse.collapse {
width:250px;
}
.sidenav .navbar{
padding:0;
}
.sidenav .navbar-nav .dropdown-menu{
padding:0 45px;	
}
.sidenav .navbar-nav .dropdown-menu > li > a{
font-weight:400;
padding:17px 0px;
color:#000;
}
.sidenav .closebtn {
color:#000!important;
position: absolute;
top: 0px;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
#main {
transition: margin-left .5s;
padding: 16px;
}
.mobilmenu {
position: absolute;
padding: 12px 16px;
font-size:20px;
right: 25px;
top:7px;
display: block;
z-index: 999;
background:#357ac8;
color: #fff;
display:flex;
align-items:center;
}
.mobilmenu:hover {
background:#e72222;
}
.sticky .mobilmenu {
border:1px solid #fff;
}
.sidenav .navbar-nav{
width:100%;
}
.sidenav .navbar-nav > li {
border-bottom: 1px solid #ccc;
margin: 0;
border-right: 0;
float: none!important;
display: block;
align-items:left;
height: auto;
}
.sidenav .navbar-nav>li>a{
font: 17px 'Roboto', sans-serif!important;
color: #000!important;
transition:all 0.5s ease-in-out;
padding:20px 30px!important;
}
.sidenav .navbar-nav>li>a:hover{
font: 17px 'Roboto', sans-serif!important;
color:#fff!important;
background:#357ac8;
border-radius:0;
}
@media (max-width:992px){
.sidenav .navbar-nav>li>a,.sidenav .navbar-nav>li>a:hover{
display:block;
padding:20px 30px!important;
}
}
.sidenav .navbar-nav .active a:hover{
color:#fff!important;
background:#357ac8;
}
.sidenav .dropdown-menu{
background: #fff;
box-shadow:none;
}