.sidebar-menu-2-4 h2.title {
font-size: 24px;
    font-weight: bold;
    padding-top: 54px;
    padding-left: 30px;
    position: relative;
    background-image: url(/science-prod/sites/default/files/channelbg.png);
    background-repeat: no-repeat;
    background-position: 130% 50%;
    background-size: 50%;

}
.sidebar-menu-2-4 h2.title:after {
    position: absolute;
    color:rgba(255,255,255,0.5);
    top: 25px;
    left: 30px;
    font-size: 18px;
}
.sidebar-menu-2-4 .nav-menu .expanded .menu-toggle i:before {
    content: "\e817";
}
.sidebar-menu-2-4 .nav-menu .expanded.open .menu-toggle i:before {
    transform: rotate(90deg);
}
.sidebar-menu-2-4.bg-lighter{
  background:none;
}
.sidebar-menu-2-4 h2.title:before{
  display:none;
}
.language-en .menu-tit h3 {
  font-size:28px;
}
.menu-tit span {
    font-size: 16px;
    color: #014924;
}
.sidebar-menu-2-4.js-sidebar {
    position: relative;
    top: -135px;
    margin-right: 15px;
}
.sidebar-menu-2-4 .nav-menu {
    padding: 10px 0px 30px 0px;
    position:relative;
    background:#ECF7FD;
}
.sidebar-menu-2-4 .nav-menu:after {
    content: "";

    width: 120px;
    height: 120px;
    background-position: 20px 20px;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: 0;
}
.sidebar-menu-2-4 li.menu-item .level-menu li.menu-item:last-child {
    margin-bottom: 0px;
}
.sidebar-menu-2-4 li.menu-item .level-menu li.menu-item {
    border-bottom: 0px !important;
    padding: 0px;
    margin: 0;
}
.sidebar-menu-2-4 li.menu-item {
border-bottom: 1px solid #ECECEC !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
    z-index: 1;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu li, .sidebar-menu-2-4 .nav-menu .expanded .menu-toggle {
    padding-bottom: 26px;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>span, 
.sidebar-menu-2-4 .nav-menu>.menu-item>a, .sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle a,
.sidebar-menu-2-4 a {
    font-size: 18px;
    padding: 20px;
}

.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) {
    background: none;
}
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a,
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a:hover {
       color: #FFF;
    background-image: linear-gradient(135deg,#0570dc, #0052A5);
    background-image: -webkit-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -moz-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -ms-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -o-linear-gradient(135deg, #0570dc, #0052A5);
}

.sidebar-menu-2-4 .nav-menu>.menu-item>span.is-active, 
.sidebar-menu-2-4 .nav-menu>.menu-item>a.is-active {
    background:none;
    color:#333;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover a {
    color: #FFF !important;
}
.sidebar-menu-2-4 .nav-menu > .menu-item > a:hover,.sidebar-menu-2-4 li.menu-item.expanded.active.open span.menu-toggle{
    color: #FFF;
    background-image: linear-gradient(135deg,#0570dc, #0052A5);
    background-image: -webkit-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -moz-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -ms-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -o-linear-gradient(135deg, #0570dc, #0052A5);
}
.sidebar-menu-2-4 li.menu-item.expanded.active.open span.menu-toggle{
  padding-bottom:20px;
  padding-top:20px;
}
.sidebar-menu-2-4 li.menu-item.expanded.active.open span.menu-toggle a,.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle a, .sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle a {
  color:#FFF !important;
  
}
.sidebar-menu-2-4 .nav-menu>.menu-item>a:after{
  display:none;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu li, .sidebar-menu-2-4 .nav-menu .expanded .menu-toggle {
    padding-left: 0;
    padding-right: 0;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item {
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item a {
    font-size: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left:36px;
    margin-left:0;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item.active a,.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item  a:hover {
    color: #FFF !important;
    background-image: linear-gradient(135deg,#0570dc, #0052A5);
    background-image: -webkit-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -moz-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -ms-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -o-linear-gradient(135deg, #0570dc, #0052A5);
}
.sidebar-menu-2-4 .level-menu .menu-item a {
    margin-left: 5px;
}

.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle {

    color: #FFF !important;
    background-image: linear-gradient(135deg,#0570dc, #0052A5);
    background-image: -webkit-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -moz-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -ms-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -o-linear-gradient(135deg, #0570dc, #0052A5);
}
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle a:after{
  display:none;
  
}
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a.is-active:after,
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover a,
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover i:before,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle a, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle a,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle i:before, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle i:before{
  color: #0052A5;
}

.menu-bank{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #f4cd64;
    position: relative;
    left:-30px;
    transition: all 0.5s;
}
.menu-bank:after{
    content: "";
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFF;
    left: -22px;
    top: -20px;
}
@media (min-width: 992px){
.sidebar-menu-2-4 .nav-menu .expanded.open .menu-toggle i {
    display: none; 
}
.sidebar-menu-2-4 .nav-menu>.menu-item .level-menu {
    display: block;
    padding-left: 0px !important;
}
.sidebar-menu-2-4 .nav-menu .expanded .menu-toggle i {
    display: none;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu li, .sidebar-menu-2-4 .nav-menu .expanded .menu-toggle {
    padding-bottom: 26px;
    padding-top: 26px;
}
}