* {
     margin: 0;
     padding: 0;
     text-decoration: none
}

header {
     position: relative;
     width: 100%;
     background: #343434;
     z-index: 99;
}

.logo {
     position: relative;
     z-index: 123;
     padding: 10px;
     font: 18px;
     color: #6DDB07;
     float: left;
     width: 15%
}

.logo a {
     color: #6DDB07;
}

header .brand {
     float: left;
     margin: 0px;
     padding: 10px 0;
}

header .brand a {
     font-size: 20px;
     color: #f69323;
     font-weight: bold;
     text-decoration: none;
}

#cssmenu .brand .logo-light h4,
#cssmenu .brand .logo-light h6.custom-logo.site-description {
     color: #fff;
}

#cssmenu>ul {
     float: right;
}

#cssmenu ul.offside {
     padding: 10px 0px;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
     margin-bottom: 0px;
     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
}

#cssmenu:after,
#cssmenu>ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
}

#cssmenu #head-mobile {
     display: none
}

#cssmenu {
     background: #333
}

#cssmenu>ul>li {
     float: left
}

#cssmenu>ul>li>a {
     padding: 17px;
     font-size: 12px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #ddd;
     font-weight: 700;
}

#cssmenu>ul>li:hover>a,
#cssmenu ul li.active a {
     color: #fff
}

#cssmenu>ul>li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
     -webkit-transition: background .3s ease;
     -ms-transition: background .3s ease;
     transition: background .3s ease;
}

#cssmenu>ul>li.has-sub>a {
     padding-right: 30px
}

/*#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;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 > li.has-sub:hover > a:before{top:23px;height:0;}*/

#cssmenu ul.offside li button.submenu-button {
     position: absolute;
     background: none;
     min-width: auto;
     top: 16px;
     right: 7px;
     padding: 0;
     width: 15px;
     height: 15px;
}

#cssmenu ul.offside li button.submenu-button:before {
     content: "";
     position: absolute;
     top: 2px;
     right: 6px;
     display: block;
     width: 2px;
     height: 8px;
     background: #ddd;
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     transition: all .25s ease;
}

#cssmenu ul.offside li button.submenu-button:after {
     content: "";
     position: absolute;
     top: 5px;
     right: 3px;
     width: 8px;
     height: 2px;
     display: block;
     background: #ddd;
}

#cssmenu ul.offside ul li button.submenu-button {
     top: 12px;
}

#cssmenu ul ul {
     position: absolute;
     left: -9999px;
}

#cssmenu ul ul.sub-menu.open {
     left: auto;
}

#cssmenu ul ul li {
     height: 35px;
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     background: #333;
     transition: all .25s ease
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover>ul,
#cssmenu li:focus>ul {
     left: auto
}

#cssmenu li:hover>ul>li,
#cssmenu li:focus>ul>li {
     height: 35px
}

#cssmenu ul ul ul {
     margin-left: 100%;
     top: 0
}

#cssmenu ul ul li a {
     border-bottom: 1px solid rgba(150, 150, 150, 0.15);
     padding: 11px 15px;
     width: 170px;
     font-size: 12px;
     text-decoration: none;
     color: #ddd;
     font-weight: 400;
}

#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
}

#cssmenu button.button {
     display: none;
}

@media screen and (max-width:1000px) {
     .logo {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 46px;
          text-align: center;
          padding: 10px 0 0 0;
          float: none
     }

     .logo2 {
          display: none
     }

     nav {
          width: 100%;
     }

     #cssmenu {
          width: 100%
     }

     #cssmenu ul {
          width: 100%;
          display: none
     }

     #cssmenu ul li {
          width: 100%;
          border-top: 1px solid #444
     }

     #cssmenu ul li:hover {
          background: #363636;
     }

     #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
     }

     #cssmenu>ul>li {
          float: none
     }

     #cssmenu ul ul li a {
          padding-left: 25px
     }

     #cssmenu ul ul li {
          background: #333
     }

     #cssmenu ul ul li:hover {
          background: #363636;
     }

     #cssmenu ul ul ul li a {
          padding-left: 35px
     }

     #cssmenu ul ul li a {
          color: #ddd;
          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 ul.sub-menu.open {
          display: block !important;
     }

     #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
     }

     #cssmenu button.button {
          display: block;
          width: 55px;
          height: 46px;
          position: absolute;
          right: 0;
          top: 10px;
          cursor: pointer;
          z-index: 12399994;
          background: none;
          border: 0;
          min-width: auto;
     }

     #cssmenu button.button:after {
          position: absolute;
          top: 22px;
          right: 17px;
          display: block;
          height: 8px;
          width: 20px;
          border-top: 2px solid #dddddd;
          border-bottom: 2px solid #dddddd;
          content: ''
     }

     #cssmenu button.button:before {
          -webkit-transition: all .3s ease;
          -ms-transition: all .3s ease;
          transition: all .3s ease;
          position: absolute;
          top: 16px;
          right: 17px;
          display: block;
          height: 2px;
          width: 20px;
          background: #ddd;
          content: ''
     }

     #cssmenu button.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: #fff;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg)
     }

     #cssmenu button.button.menu-opened:before {
          top: 23px;
          background: #fff;
          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: 0;
          border-left: 1px solid #444;
          height: 46px;
          width: 46px;
          cursor: pointer;
          min-width: auto;
          background: none;
     }

     #cssmenu .submenu-button.submenu-opened {
          background: #262626
     }

     #cssmenu ul ul .submenu-button {
          height: 34px;
          width: 34px
     }

     #cssmenu .submenu-button:after {
          position: absolute;
          top: 22px;
          right: 19px;
          width: 8px;
          height: 2px;
          display: block;
          background: #ddd;
          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: 19px;
          right: 22px;
          display: block;
          width: 2px;
          height: 8px;
          background: #ddd;
          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
     }
}