.main-menu-btn {
    font-size: 0px;
    padding: 5px;
}

#main-menu a{ color:#fff; }
.sm, .sm ul, .sm li{ color:#fff !important; }
.sm-clean {
  background: #0233b2 !important;
}


.sm li {
border-right: 1px solid #4c629d;
   border-radius: 0px;
}


.sm li:last-child {
border-right: 0px solid #4c629d;
   border-radius: 0px;
} 


.sm-nowrap li{border-right:0px solid #4c629d!important;}



.sm-clean>li:first-child>a, .sm-clean>li:first-child> :not(ul) a {
   border-radius: 0px 0px 0 0!important;
}

.sm-clean .active .is-active {
 
background: #f96a0e;
  
}



#main-menu .is-active
{ background: darkorange; color: #000;}

.main-nav {
    line-height: 0 !important;
}

.sm-clean a .sub-arrow {
    margin-top: -2px !important;
    right: 3px !important;
}





.sm-clean ul {
 background: #0233b2 !important;}

 .sm-clean>li>ul::before,
    .sm-clean>li>ul::after {
       display:none !important;

    }

#main-menu {
  padding: 0px;
}
/* x icon */

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {

    height: 0;

    background: transparent;

}



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {

    top: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {

    top: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    border: 0;

    padding: 0;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

}



/* hide the menu in mobile view */

#main-menu-state:not(:checked)~#main-menu {

    display: none;

}



#main-menu-state:checked~#main-menu {

    display: block;

}



@media (min-width: 768px) {


    /* hide the button in desktop view */

    .main-menu-btn {

        position: absolute;

        top: -99999px;

    }



    /* always show the menu in desktop view */

    #main-menu-state:not(:checked)~#main-menu {

        display: block;

    }

}



.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {

 padding: 8px 8px;
  
}