.main_menu {
  padding:80px 60px;
}

.main_menu a{
  color: black;
}


.main_menu a:hover{
  color: #999;
}

.main_menu h2 {
  margin-bottom: 15px;
}

.main_menu a[aria-expanded="false"]:after {
  font-family: "FontAwesome";
  content:"\f107";
}

.main_menu a[aria-expanded="true"]:after {
  font-family: "FontAwesome";
  content:"\f106"; 
}

.multicolumn {
  -webkit-columns: 4 100px;
  -moz-columns: 4 100px;
  columns: 4 100px;

  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;          
}
.main_menu, .modal.menu .modal-content {
  padding: 20px 0 0 0 !important;
}

@media (max-width: 1024px) {
  .main_menu .h2 {
    font-size: 14px;
  }
  .main_menu .h6 {
    font-size: 14px;
  }

  .brend_scroll {
    max-height: 450px;
    overflow-y: auto;
  }

  .brend_scroll {
    font-size: 12px;
  }

  .modal.menu .close {
    text-shadow: none;
    opacity: .5;
    font-size: 30px;
  }



}



/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/


.dropdown-toggle::after {
  display: none;
}

.nav-item.dropdown.show {
  border: none !important;
}


@media only screen and (min-width: 768px) {
/*.navbar-nav li:hover > .dropdown-menu {
    display: block;
    transition-delay: 50s; */
  }

  .dropdown-toggle {
    border: none !important;
  }

  .dropdown-toggle:hover {
    color: black;
    text-decoration: none;
    border: none !important;
  }

  #mainmenu .nav-link span{
    padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
  }

  #mainmenu .show .nav-link span{
    background: white;
    color: black;
  }

  .fixed-top.fixed #mainmenu .show .nav-link span,
  .noindex #mainmenu .show .nav-link span
  {
    background: black;
    color: white;
    opacity: 1;
  }

  #mainmenu .navbar-nav>.h6 {
    /*text-transform: uppercase;*/
    /*font-weight: 700;*/
  }

  #mainmenu  ul.dropdown-menu{
    text-transform: none;
    font-weight: 300;
    border: none;
    border-radius: 0;
    /*margin-top: -3px;*/   /*hover -- -25px*/
    background: none;
  }

  .fixed-top.fixed #mainmenu  ul.dropdown-menu{
    margin-top: 0;
  }

  .fixed-top.noindex #mainmenu  ul.dropdown-menu{
    margin-top: 0;
  }
  .fixed-top.noindex #mainmenu .bg_index{
    margin-top: 20px;
  }

  .fixed-top.fixed.noindex #mainmenu  ul.dropdown-menu{
    margin-top: 0;
  }

  .bg_index {
    /*background: rgba(0,0,0, .9);*/
    background: white;
    -webkit-box-shadow: 0px 31px 37px -9px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 31px 37px -9px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 31px 37px -9px rgba(34, 60, 80, 0.2);
  }

  .fixed-top.fixed #mainmenu .bg_index{
    margin-top: 0;
  }

  #mainmenu .nav-link {
    display: block;
    padding: 0 .8rem;
  }

  #mainmenu .dropdown-menu {
    margin-top: 3em;
  }

  .bg_index a.d-block {
    /*color: white !important;*/
    /*opacity: .8;*/
    font-weight: 300;
  }
  .bg_index .collapse a{
  }

  .dropdown-menu .bg_index a:hover,
  .dropdown-menu .bg_index a:active, 
  .dropdown-menu .bg_index a:focus {
    /*color: white !important;*/
    opacity: .6;
  }

/*                
#mainmenu .dropdown .dropdown-menu {
                  animation-name: example;
                  animation-duration: 10s;
                  -webkit-transition: all .4s linear;
                  -o-transition: all .4s linear;
                  transition: all .4s linear;
                  opacity: 1;
                  transform: scale(1);
                }

                #mainmenu .dropdown .dropdown-menu{  
                  transform: scale(0);     
                  opacity: 0; display:
                  block !important;
                }
                #mainmenu .dropdown-menu.show {
                  display: block;
                  transform: scale(1);
                  opacity: 1;
                  }
                  */



                  header .nav-item.show  a:focus, 
                  header .nav-item.show  a:active, 
                  header .nav-item.show  a:hover{
                    opacity: 1 !important;
                  }

                  #mainmenu a[aria-expanded="false"]:after {
                    font-family: "FontAwesome";
                    content: "\f107";
                  }

                  #mainmenu a[aria-expanded="true"]:after {
                    font-family: "FontAwesome";
                    content: "\f106";
                  }