#cssmenu {
float:right
}

#cssmenu,#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 {
width:auto;
font-family:'Open Sans',sans-serif;
font-weight:300;
line-height:1;
background:#19C589
}

#menu-line {
position:absolute;
top:0;
left:0;
height:3px;
background:#000;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
display:none
}

#cssmenu > ul > li {
float:left
}

#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 > a {
display:block;
min-width:80px;
text-align:center;
line-height:40px;
color:#717171;
font-weight:400;
background:#fff;
text-decoration:none;
text-transform:uppercase;
padding:5px 10px;
font-size:14px;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out
}

#cssmenu > ul > li:hover > a {
color:#A9D479
}

#cssmenu > ul > li.active > a {
color:#A9D479
}

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

#cssmenu > ul > li.has-sub > a::after {
position:absolute;
top:22px;
right:10px;
width:4px;
height:4px;
border-bottom:2px solid #A9D479;
border-right:2px solid #A9D479;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .2s ease
}

#cssmenu > ul > li.has-sub:hover > a::after {
border-color:#fff
}

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

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

#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 {
height:0;
-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;
border-bottom:1px solid fff;
margin-bottom:1px
}

#cssmenu ul ul li a {
padding:15px 20px;
width:auto;
font-size:14px;
line-height:14px;
text-decoration:none;
color:#3A3A3A;
background:#f3f3f3;
-webkit-transition:color .2s ease;
-moz-transition:color .2s ease;
-ms-transition:color .2s ease;
-o-transition:color .2s ease;
transition:color .2s ease
}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
color:#fff;
background:#A9D479
}

#cssmenu ul ul li.has-sub > a::after {
position:absolute;
top:13px;
right:10px;
width:4px;
height:4px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
content:"";
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transition:border-color .2s ease;
-moz-transition:border-color .2s ease;
-ms-transition:border-color .2s ease;
-o-transition:border-color .2s ease;
transition:border-color .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 #ddd;
border-left:1px solid #ddd
}

#cssmenu ul ul li.has-sub:hover > a::after {
border-color:#fff
}

@media all and (max-width: 768px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {
width:100%
}

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

#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 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;
z-index:1.0E+19
}

#cssmenu ul ul li a {
padding:20px 20px 20px 30px;
font-size:16px;
color:#000;
background:none
}

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

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

#cssmenu ul ul,#cssmenu ul ul ul {
position:relative;
left:0;
right:auto;
width:100%;
margin:0
}

#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:block;
padding:20px;
color:#fff;
cursor:pointer;
font-size:16px;
text-transform:uppercase
}

#cssmenu #menu-button::after {
content:'';
position:absolute;
top:20px;
right:20px;
display:block;
width:15px;
height:2px;
background:#545454
}

#cssmenu #menu-button::before {
content:'';
position:absolute;
top:25px;
right:20px;
display:block;
width:15px;
height:3px;
border-top:2px solid #545454;
border-bottom:2px solid #545454
}

#cssmenu .submenu-button {
position:absolute;
z-index:10;
right:0;
top:0;
display:block;
border-left:1px solid rgba(120,120,120,0.15);
height:52px;
width:52px;
cursor:pointer
}

#cssmenu .submenu-button::after {
content:'';
position:absolute;
top:21px;
left:26px;
display:block;
width:2px;
height:11px;
background:#545454;
z-index:99
}

#cssmenu .submenu-button::before {
content:'';
position:absolute;
left:21px;
top:26px;
display:block;
width:11px;
height:2px;
background:#545454;
z-index:99
}

#cssmenu .submenu-button.submenu-opened:after {
display:none
}
}