.navigation {

    position: relative;

    width: 100%;

    background: #fff;

    z-index: 2;

    /*padding-bottom: 15px;*/

    /*padding-top: 15px;*/

    z-index: 92;

}



/*.logo {*/

/*    position: relative;*/

/*    z-index: 123;*/

/*    padding: 0px;*/

/*    font: 18px verdana;*/

/*    color: #B2D430;*/

/*    float: left;*/

/*    width: 15%*/

/*}*/



/*.logo a {*/

/*    color: #B2D430;*/

/*    font-weight: 600;*/

/*}*/

@media screen and (max-width:1020px) {
    .navigation{
        padding-bottom: 15px;

        padding-top: 15px;
    }
}
    



/* css menu new */

.navigation {
   height: 80px;
   background: #fff;
  /* Mobile navigation */
}
 .navigation .brand {
   position: absolute;
   padding-left: 20px;
   float: left;
   line-height: 70px;
   text-transform: uppercase;
   font-size: 1.4em;
}
 .navigation .brand a, .navigation .brand a:visited {
   color: #000;
   text-decoration: none;
}
 .navigation .nav-container {
   max-width: 1170px;
   margin: 0 auto;
   padding: 0px 15px;
}
 .navigation nav {
   float: right;
   margin-top: 15px
}
 .navigation nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
 .navigation nav ul li {
   float: left;
   position: relative;
}
 .navigation nav ul li a, .navigation nav ul li a:visited {
     display: block;
    background: #fff;
    color: #000;
    padding: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}
 .navigation nav ul li a:hover, .navigation nav ul li a:visited:hover {
   /*background: #2581dc;*/
   /*color: #000;*/
}

 .navigation nav > ul > li::after{
  display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    margin: 0 auto -2px;
    height: 2px;
    width: 100%;
    opacity: 0;
    transition: all 0.3s;
}
 .navigation nav > ul > li:hover::after{
    bottom: 4px;
    opacity: 1;
    background-color: #000000;
}


 .navigation nav ul li a:not(:only-child):after, .navigation nav ul li a:visited:not(:only-child):after {
   padding-left: 4px;
   content: ' ▾';
   display: contents;
}




 .navigation nav ul li ul li {
   min-width: 150px;
}
.navigation nav ul li ul li:hover a, .navigation nav ul li ul li a:hover{
    background: #000;
    color: #fff;
}
 .navigation nav ul li ul li a {
   padding: 15px;
   line-height: 20px;
}

 .navigation .nav-dropdown {
   position: absolute;
   display: none;
   z-index: 1;
   box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
   z-index: 999;
}
 .navigation .nav-mobile {
    position: absolute;
    top: 0;
    right: 0px;
    background:
    #fff;
    height: 61px;
    width: 71px;
    display:none;
}
 @media only screen and (max-width: 1020px) {

   .navigation .nav-mobile {
     display: block;
  }
   .navigation nav {
     width: 100%;
     margin-top: 0px; 
  }
   .navigation nav ul {
     display: none;
  }
   .navigation nav ul li {
     float: none;
  }
   .navigation nav ul li a {
     padding: 15px;
     line-height: 20px;
  }
   .navigation nav ul li ul li a {
     padding-left: 30px;
  }
   .navigation .nav-dropdown {
     position: static;
  }
}
 @media screen and (min-width: 1021px) {
   .navigation nav ul li:hover ul.nav-dropdown {
   display: block !important;
}
   .navigation .nav-list {
     display: block !important;
  }
}
 .navigation #nav-toggle {
   position: absolute;
   left: 18px;
   top: 22px;
   cursor: pointer;
   padding: 10px 35px 16px 0px;
}
 .navigation #nav-toggle span, .navigation #nav-toggle span:before, .navigation #nav-toggle span:after {
   cursor: pointer;
   border-radius: 1px;
   height: 5px;
   width: 35px;
   background: #000;
   position: absolute;
   display: block;
   content: '';
   transition: all 300ms ease-in-out;
}
 .navigation #nav-toggle span:before {
   top: -10px;
}
 .navigation #nav-toggle span:after {
   bottom: -10px;
}
 .navigation #nav-toggle.active span {
   background-color: transparent;
}
 .navigation #nav-toggle.active span:before, .navigation #nav-toggle.active span:after {
   top: 0;
}
 .navigation #nav-toggle.active span:before {
   transform: rotate(45deg);
}
 .navigation #nav-toggle.active span:after {
   transform: rotate(-45deg);
}
 .navigation article {
   max-width: 1000px;
   margin: 0 auto;
   padding: 10px;
}