#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { margin: 0; padding: 0; 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 #menu-button { display: none; }
#cssmenu { float:right; margin-top:26px; font-family: 'Rajdhani', sans-serif; -webkit-transition:all 0.3s ease-in;
  -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
header.fixed #cssmenu { margin-top:15px; }
#menu-line { display:none; position: absolute; top: 0; left: 0; height: 3px; background: #d2ac67;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li { float: left; position:relative; }
#cssmenu.align-center > ul { font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul { text-align: left; }
#cssmenu.align-right > ul > li { float: right; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu > ul > li { position:relative; }
#cssmenu > ul > li > a { padding:0 0 0 0; margin:0 25px; font-size:18px; font-weight:700; line-height:44px; text-transform: uppercase; color:#333333; position:relative; }
#cssmenu > ul > li > a:after,
#cssmenu > ul > li > a:before { content:""; position:absolute; background:#76b737; width:0; height:5px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }
#cssmenu > ul > li > a:after { bottom:0; left:0; }
#cssmenu > ul > li > a:before { top:0; right:0; }
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li.active > a:before { width:100%; }
#cssmenu > ul > li:last-child a { margin:0 0 0 15px; }
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a { color:#76b737; }

#cssmenu > ul > li.has-sub > a { /*padding-right: 25px;*/ }
#cssmenu > ul > li.has-sub > a::after { /*position: absolute; top: 21px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;*/ }
#cssmenu > ul > li.has-sub:hover > a::after { border-color: #009ae1; }
#cssmenu ul ul { position: absolute; left:0; top:65px; opacity:0; visibility:hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10); -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }
#cssmenu ul ul:after { bottom: 100%; left: 50%; border: solid transparent; content:""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #76b737; border-width: 7px; margin-left: -7px; }
#cssmenu li:hover > ul { left:0; top:53px; opacity:1; visibility:visible; }
#cssmenu.align-right li:hover > ul { right: 0; }
#cssmenu ul ul ul { margin-left: 100%; top: 0; }
#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#cssmenu ul ul li { /* border-bottom:1px solid #eee;*/ border:none; height:auto; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; }
#cssmenu ul li:hover > ul > li { height:auto; }
#cssmenu ul ul li a { padding:12px 10px; width:160px; font-size:16px; font-weight:700; background:#76b737; text-decoration:none; color:#ffffff; }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color:#fff; background:#5e9529; }
#cssmenu ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; content:""; 
	-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }
#cssmenu.align-right ul ul li.has-sub > a::after { right:auto; left:10px; border-bottom:0; border-right:0; border-top:1px solid #dddddd; border-left: 1px solid #dddddd; }
#cssmenu ul ul li.has-sub:hover > a::after { border-color: #ffffff; }
@media screen and (max-width:1023px) {
	#cssmenu, header.fixed #cssmenu { margin-top:10px; }
	#cssmenu > ul > li > a { margin:0 12px; }
	#cssmenu > ul > li:last-child a { margin:0 0 0 15px; }
}
@media all and (max-width: 767px) {
	#cssmenu > ul > li.active > a:after { display:none; }
	#cssmenu > ul > li:after { display:none; }
	#cssmenu > ul > li > a { margin:0; padding:0 10px; line-height:36px; color:#fff; font-size:16px; }
	#cssmenu > ul > li:last-child a { margin:0; }
	#cssmenu > ul > li:hover > a { color:#fff; background:#70d549; }
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color:#fff; background:#70d549; }
	#cssmenu > ul > li.active > a { border:0; }
  header.fixed #cssmenu,
  #cssmenu { width:auto; text-align:right; margin-top:15px; }
  #cssmenu ul { width: 100%; display: none; position:absolute; left:0; top:95px; text-align:left; background:#164629; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul { text-align: left; }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); }
  #cssmenu ul > li:first-child { border-top:1px solid transparent; }
  #cssmenu ul li a,
  #cssmenu ul ul li a { width: 100%; }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li { float: none; display: block; }
  #cssmenu ul ul li a { padding: 10px 10px 10px 20px; color: #fff; font-size:14px; background:transparent; }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover { color:#fff; background:#6daa31; }
  #cssmenu ul ul ul li a { padding-left: 40px; }
  #cssmenu ul ul,
  #cssmenu ul ul ul { position: relative; left: 0; top:0; right: auto; width: 100%; margin: 0; background:transparent; }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after { display: none; }
  #menu-line { display: none; }
  #cssmenu #menu-button { display:inline-block; padding:8px 44px 10px 20px; color: #333; cursor: pointer; font-size: 16px; text-transform: uppercase; 
  -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
  #cssmenu #menu-button:hover { color:#76b737; }
  #cssmenu #menu-button::after { content: ''; position: absolute; top: 10px; right: 20px; display: block; width: 15px; height: 2px; background: #333333;
  -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
  #cssmenu #menu-button::before { content: ''; position: absolute; top: 15px; right: 20px; display: block; width: 15px; height: 3px; border-top: 2px solid #333333; border-bottom: 2px solid #333333;
  -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; }
  #cssmenu #menu-button:hover::after { background: #76b737; }
  #cssmenu #menu-button:hover::before { border-top: 2px solid #76b737; border-bottom: 2px solid #76b737; }
  #cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; height:36px; width:36px; cursor: pointer; }
  #cssmenu .submenu-button::after { content: ''; position: absolute; top: 13px; left:18px; display:block; width:1px; height:11px; background:#fff; z-index:99; }
  #cssmenu .submenu-button::before { content: ''; position: absolute; left: 13px; top: 18px; display: block; width: 11px; height: 1px; background: #fff; z-index: 99; }
  #cssmenu li:hover .submenu-button::after,
  #cssmenu li:hover .submenu-button::before { background:#fff; }
  #cssmenu ul li ul li .submenu-button { width:36px; height:36px; }
  #cssmenu ul li:hover ul li .submenu-button::after,
  #cssmenu ul li:hover ul li .submenu-button::before { background:#fff; }
  #cssmenu ul li ul li .submenu-button::after { left:16px; top:11px; background:#fff; }
  #cssmenu ul li ul li .submenu-button::before { left:11px; top:16px; background:#fff; }
  #cssmenu ul li:hover ul li:hover .submenu-button::after,
  #cssmenu ul li:hover ul li:hover .submenu-button::before { background:#000; }
  #cssmenu .submenu-button.submenu-opened:after { display: none; }
  #cssmenu ul ul { visibility:visible; opacity:1; }
  #cssmenu li:hover > ul { left:0; top:0; }
  #cssmenu > ul > li > a:after, #cssmenu > ul > li > a:before { display:none; }
  #cssmenu ul ul:after { display:none; }
  #cssmenu ul ul { box-shadow:none; border:none; }
}
/*
@media all and (max-width: 567px) {
	#cssmenu #menu-button {
		padding:8px 24px 10px 20px;
	}
	#cssmenu #menu-button::after,
	#cssmenu #menu-button::before {
		right:0;
	}
}*/