*{margin:0;padding:0;text-decoration:none}
body{  font-family: "Montserrat", sans-serif;}
.logo { position: relative; z-index: 123; padding: 0; font: 18px verdana; float: left; width: 28%; margin:6px 0; }
.logo img{max-width: 240px}
nav{position:relative;margin:0 auto; font-family: "Montserrat", sans-serif;;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
ul.menu-ul { position: relative; top: 0; margin: 0; }
nav#cssmenu { display: flex; align-items: center; }
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a { padding: 16px 7px; font-size: 14px; letter-spacing: 0.3px; text-decoration: none; color: #000; text-transform: uppercase; font-weight: 600; }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#24db76}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{color:#6cbe03}
/* #cssmenu > ul > li.has-sub > a{padding-right:34px} */
/* #cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:17px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:20px;display:block;width:2px;height:8px;background:#000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} */
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index: 99;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#24db76;transition:all .25s ease}
#cssmenu ul ul li:hover{background:#363636;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a { border-bottom: 1px solid #18c064; padding: 6px 10px; width: 310px; font-size: 14px; text-decoration: none; color: #fff; font-weight: 400; text-transform: uppercase; line-height: 20px; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
/* #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} */
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.last-menu ul li a{width: 227px !important;}
li.last-menu ul {position: absolute;right: 17px !important;}


.sticky {
    position: fixed !important;
    width: 100% !important;
    background: #fff;
    z-index: 99;
    margin: auto;
    box-shadow: 4px 2px 6px -2px #00000038;
    right: 0;
    border-bottom: 1px solid #dfdede !important;
    animation: slide-down 1s;
    top:0
  }
  
  @keyframes slide-down {
    0% {
      opacity: 1;
      transform: translateY(-100%);
    }
  
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .menu-box.sticky .logo img {
    width: 94px;
    transition: all 0.5s;
}
  


@media screen and (max-width:1000px){
    nav#cssmenu { display: block; align-items: center;margin-bottom: 0;}
.logo{position:relative;top:0;left: 0;width:100%;height:auto;text-align:center;padding:0 ;float:none; margin: 7px 0;}
.logo img{max-width: 160px; float: left;}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{color: #fff;}
#cssmenu ul{width:100%;display:none;background-color: #24db76 ;box-shadow: 0 3px 5px 0px #7b7b79; margin: 9px 0 17px 0;}
#cssmenu ul li{width:100%;border-top:1px solid #20cb6d}
#cssmenu ul li:hover{background:#24db76;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color: #fff;}
#cssmenu ul li a { font-size: 16px !important; font-weight: 500; }
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#24db76 !important;}
#cssmenu ul ul li:hover{background:#24db76!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position: absolute; top: 22px; right: 20px; display: block; height: 9px; width: 20px; border-top: 3px solid #000000; border-bottom: 3px solid #000; content: '';}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:3px;width:20px;background:#000;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #20cb6d;height:35px;width:35px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#24db76}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after { position: absolute; top: 17px; right: 13px; width: 8px; height: 2px; display: block; background: #fff; content: ''; }
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position: absolute; top: 14px; right: 16px; display: block; width: 2px; height: 8px; background: #fff; content: ''; } 
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

@media (max-width:767px){
  .logo img {
    max-width: 50%;
    margin-bottom: 10px;
}
#cssmenu > ul > li > a {
    padding: 11px 8px !important;
}
#cssmenu ul li a{
  font-size: 13px !important;
}
}