.topmenu-bg
{
    background-color:transparent/*rgba(0, 181, 226, 0.75)*/;
    /*background-color: #ffcf00*/ /*dbb200*/; /*#ffffff;*/
}


@media (max-width: 768px) {
    .dropdown-header {
        white-space: normal !important;
    }

    .dropdown-item {
        white-space: normal !important;
    }

    .text-nowrap {
        white-space: normal !important;
    }
}





/*.dropdown-item
{
     white-space: normal;
}*/
   



/* @media (max-width: 768px) {
    .dropdown-header {
        white-space: normal !important;
    }
    .dropdown-item {
        white-space: normal !important;
    }
.text-nowrap {
     white-space: normal !important;
}        
        }

*/



    .navbar{
        padding:0;
        line-height:2.3rem;
    }
  
    .navbar-expand-md  .navbar-nav .nav-link,  .navbar-expand-md  .navbar-nav .nav-link:hover  {
    font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1rem;/*18px;*/
        color: #333333;
        padding-left:1rem;
        padding-right:1rem;
       
}





    .navbar-brand
    {
        padding-left:15px;
        padding-right:15px;
    }


    .navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}


    .navbar-expand-sm .navbar-nav .nav-link,
    .navbar-expand-sm .navbar-nav .dropdown-item
     {
    padding-right: 1rem;
    padding-left: 1rem;
}


    .navbar-nav .nav-link:hover, .navbar-nav .active, .navbar-nav .dropdown.show {
        background-color: #ffffff; /*#5270b5;*/
        /*color: #fff;*/
    }


        .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #333333;
}



    .dropdown-menu {
        /*border:0;*/
       border-radius: 0;
       background-color: #ffffff;
        padding-top: 0;
        padding-bottom: 0;
        margin-top:0;
            border: 1px solid rgba(0, 0, 0, 0.125);
             border-top:0;
        /*border: 1px solid rgba(249,249,249,0.95);*/
    /*border-radius: 4px;*/
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.125);
    box-shadow: 0 6px 10px rgba(0,0,0,0.125);
        /*border-radius: 0;*/
    }

   .dropdown-menu>li>a, 
   .dropdown-menu>.nav-item>.nav-link,  
   .dropdown-menu>li>a.nav-item
   {
    line-height: 2rem;
    font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0rem; /* 1.2*/
        color: #333333;
}

  
    .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #00b5e2;
        color:#ffffff;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-image: none;
        text-shadow: none;
    }  


    .dropdown-submenu {
        position: relative;
        margin-top: -1px;
        margin-left: 0px;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -1px;
        margin-left: 0px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border:0;
        /*border: 1px solid #cdcdcd;*/ /*rgba(249,249,249,0.95);*/
            border: 1px solid rgba(0, 0, 0, 0.125);
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu a::after {
        display: none;
      transform: rotate(-90deg);
      position: absolute;
      right: 6px;
      top: .8em;
    }

    /*.dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: transparent;
        margin-top: 10px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: transparent;
    }*/

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius:0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

   .mega-dropdown {
        position: static !important;
    }

    .mega-dropdown-menu {
        padding: 20px 0px;
        width: 100%;
          background-color: white;/* RGBA(82, 112, 181, 0.95);*/
    }

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
    }

    .mega-dropdown-menu > li > ul > li > a {
        display: block;
        /*padding: 3px 20px;*/
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        /*color: #999;*/
        white-space: normal;
    }

    .mega-dropdown-menu > li ul > li > a,
    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        /*text-decoration: none;*/
        /*color: #ffffff;*/
        /*background-color: #f5f5f5;*/
    }

    .mega-dropdown-menu .dropdown-header {
        padding-left: 0px;
        /*color: #ffffff;*/
        font-size: 18px;
        text-transform: uppercase;
    }

        .mega-dropdown-menu .dropdown-header a {
            text-decoration: none;
        }
    /*.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}*/

    .multi-cols {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
        -moz-column-gap: 40px; /* Firefox */
        column-gap: 40px;
        -webkit-column-rule: 0px solid rgba(255,255,255,.5); /* Chrome, Safari, Opera */
        -moz-column-rule: 0px solid rgba(255,255,255,.5); /* Firefox */
        column-rule: 0px solid rgba(255,255,255,.5);
    }
        /* stackoverflow  7785374*/
        .multi-cols li {
            margin: 0;
            -webkit-column-break-inside: avoid; /* Chrome, Safari */
            page-break-inside: avoid; /* Theoretically FF 20+ */
            break-inside: avoid-column; /* IE 11 */
            display: table; /* Actually FF 20+ */
        }


        .multi-cols ul {
            break-inside: avoid-column; /* IE 11 */
        }

.dropdown-menu > li > a > span > .rightarrow:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #333;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 0px;
}



.dropdown-menu > li > a:hover > span > .rightarrow:after {
    border-left-color: #ffffff;
}