/**
 * WARNING: Please don't edit this file. This file was generated automatically, your any changes on this file will be overwritten and lost.
 * Updated on 2020-08-17 11:23:53 */

.nav-sections, .rootmenu{ 
    background: #335697;
}
.rootmenu .rootmenu-list{
    text-align: left;
}
.rootmenu-list > li {
    border-right-color: #335697 !important;
    float: none;
    display: table-cell;
    clear: both !important;
    }
.rootmenu-list > li > a{ 
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
}
.rootmenu-list > li:hover > a,
.rootmenu-list > li > a:hover{
  background: #335697;
  color: #DC5501;
}
.rootmenu-list > li > a.active {
    background: #335697;
      color: #DC5501;
}

.rootmenu .title a,
.rootmenu .title a{
    color: #FFFFFF;
    font-size: 18px;
}






.rootmenu > .rootmenu-list .halfmenu,
.rootmenu > .rootmenu-list > li > .megamenu { 
    background: #335697;
    text-transform: uppercase;
}

.rootmenu > .rootmenu-list .halfmenu ul > li > a,
.rootmenu > .rootmenu-list .fullmenu ul > li > a { color: #FFFFFF; }
.rootmenu > .rootmenu-list .halfmenu ul > li > a:hover,
.rootmenu > .rootmenu-list .fullmenu ul > li > a:hover {  color: #DC5501; }

.topmenu_main,
.rootmenu .tabmenu .verticalopen,
.rootmenu .rootmenu-list .tabmenu { background: #335697 !important;}

.rootmenu .tabmenu .tabimgtext,
.rootmenu .rootmenu-list .view_all{
    color: #FFFFFF;
    font-size: 18px;
}
.rootmenu .tabmenu .vertical-menu > li > a{
    background: #FFFFFF;
    border-bottom-color: #335697 !important;
    color: #FFFFFF;
    font-size: 18px;
}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu .main_openactive01 > a {
    background: #335697;
    color: #DC5501;
}
.rootmenu .tabmenu .tabimgtext:hover{
      color: #DC5501;
}


.rootmenu > .rootmenu-list .rootmenu-submenu li  a{
    background: #335697;
    border-bottom-color: #335697 !important;
    color: #FFFFFF;
    font-size: 18px !important;
}
.rootmenu > .rootmenu-list .rootmenu-submenu li a:hover,
.rootmenu > .rootmenu-list .rootmenu-submenu li:hover > a{
    background: #335697 !important;
    color: #DC5501 !important;
}

@media only screen and (min-width:768px) {
        
        
        }

@media only screen and (max-width:767px){
    .rootmenu-list > li{
        float: none !important;
    }
}