#cssmenu {
list-style: none; 
margin: 0px; 
padding: 0px; 
line-height: 1; 
display: block; 
position: relative;
z-index:1000; 
border-top-color: #000; 
border-bottom-color: #000; 
border-top-width: 1px; 
border-bottom-width: 1px; 
border-top-style: dashed; 
border-bottom-style:dashed;
}
#cssmenu ul {
list-style: none; 
margin: 0px; 
padding: 0px; 
line-height: 1; 
display: block; 
position: relative;
}
#cssmenu ul li {
list-style: none; 
margin: 0px; 
padding: 0px; 
line-height: 1; 
display: block; 
position: relative;
border: 1px solid #97dbdf;  
}
#cssmenu ul li a {
list-style: none; 
margin: 0px; 
padding: 0px; 
line-height: 1; 
display: block; 
position: relative; 
}
#cssmenu #menu-button {
list-style: none; 
margin: 0px; 
padding: 0px; 
border: 0px currentColor; 
border-image: none; 
line-height: 1; 
display: block; 
position: relative; 
}
#cssmenu::after {
height: 0px; 
line-height: 0; 
clear: both; 
display: block; 
visibility: hidden; 
content: ".";
}
#cssmenu > ul::after {
height: 0px; 
line-height: 0; 
clear: both; 
display: block; 
visibility: hidden; 
content: ".";
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
background:#a6d9dc; 
font-family: "Arial", serif;
}
#cssmenu > ul > li {
float: left;
}
.align-center#cssmenu > ul {
text-align: center; 
font-size: 0px;
}
.align-center#cssmenu > ul > li {
float: none; 
display: inline-block;
}
.align-center#cssmenu ul ul {
text-align: left;
}
.align-right#cssmenu > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 14px; 
color: #000; 
letter-spacing: 1px; 
font-size: 11pt; 
font-weight: 400; 
text-decoration: none;
}
#cssmenu > ul > li:hover > a {
color: #000;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a::after {
background: #000; 
top: 22px; 
width: 8px; 
height: 2px; 
right: 11px; 
display: block; 
position: absolute; 
content: "";
}
#cssmenu > ul > li.has-sub > a::before {
background: #000; 
top: 19px; 
width: 2px; 
height: 8px; 
right: 14px; 
display: block; 
position: absolute; 
content: ""; 
}
#cssmenu > ul > li.has-sub:hover > a::before {
top: 23px; 
height: 0px;
}
#cssmenu ul ul {
left: -9999px; position: absolute;
}
.align-right#cssmenu ul ul {
text-align: right;
}
#cssmenu ul ul li {
transition:0.25s; 
height: 0px; 
}
#cssmenu li:hover > ul {
left: auto;
}
.align-right#cssmenu li:hover > ul {
left: auto; 
right: 0px;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
top: 0px; 
margin-left: 100%;
}
.align-right#cssmenu ul ul ul {
margin-right: 100%; 
margin-left: 0px;
}
#cssmenu ul ul li a {
background: #66ffcc; 
padding: 15px 15px; 
width: 140px; 
color: #000; 
font-size: 15px; 
font-weight: 400; 
text-decoration: none; 
border-bottom-color: #000; 
border-bottom-width: 1px; 
border-bottom-style: solid;
}
#cssmenu ul ul li:last-child > a {
border-bottom-color: currentColor; 
border-bottom-width: 0px; 
border-bottom-style: none;
}
#cssmenu ul ul li.last-item > a {
border-bottom-color: currentColor; 
border-bottom-width: 0px; 
border-bottom-style: none;
}
#cssmenu ul ul li:hover > a {
color: #000;
}
#cssmenu ul ul li a:hover {
color: #000;
}
#cssmenu ul ul li.has-sub > a::after {
background: #000; 
top: 16px; 
width: 8px; 
height: 2px; 
right: 11px; 
display: block; 
position: absolute; 
content: "";
}
.align-right#cssmenu ul ul li.has-sub > a::after {
left: 11px; 
right: auto;
}
#cssmenu ul ul li.has-sub > a::before {
background: #000; 
transition:0.25s; 
top: 13px; 
width: 2px; 
height: 8px; 
right: 14px; 
display: block; 
position: absolute; 
content: ""; 
-webkit-transition: all .25s ease; 
-moz-transition: all .25s ease; 
-o-transition: all .25s ease;
}
.align-right#cssmenu ul ul li.has-sub > a::before {
left: 14px; 
right: auto;
}
#cssmenu ul ul > li.has-sub:hover > a::before {
top: 17px; 
height: 0px;
}
.small-screen#cssmenu {
width: 100%;
}
.small-screen#cssmenu ul {
width: 100%; 
display: none;
}
.align-center.small-screen#cssmenu > ul {
text-align: left;
}
.small-screen#cssmenu ul li {
width: 100%; 
border-top-color: #000; 
border-top-width: 1px; 
border-top-style: solid;
}
.small-screen#cssmenu ul ul li {
height: auto;
}
.small-screen#cssmenu li:hover > ul > li {
height: auto;
}
.small-screen#cssmenu ul li a {
width: 100%; 
border-bottom-color: currentColor; 
border-bottom-width: 0px; 
border-bottom-style: none;
}
.small-screen#cssmenu ul ul li a {
width: 100%; 
border-bottom-color: currentColor; 
border-bottom-width: 0px; 
border-bottom-style: none;
}
.small-screen#cssmenu > ul > li {
float: none;
}
.small-screen#cssmenu ul ul li a {
padding-left: 25px;
}
.small-screen#cssmenu ul ul ul li a {
padding-left: 35px;
}
.small-screen#cssmenu ul ul li a {
background: none; 
color: #000;
}
.small-screen#cssmenu ul ul li:hover > a {
color: #000;
}
.small-screen#cssmenu ul ul li.active > a {
color: #000;
}
.small-screen#cssmenu ul ul {
margin: 0px; 
left: 0px; 
width: 100%; 
text-align: left; 
position: relative;
}
.small-screen#cssmenu ul ul ul {
margin: 0px; 
left: 0px; 
width: 100%; 
text-align: left; 
position: relative;
}
.align-right.small-screen#cssmenu ul ul {
margin: 0px; 
left: 0px; 
width: 100%; 
text-align: left; 
position: relative;
}
.small-screen#cssmenu > ul > li.has-sub > a::after {
display: none;
}
.small-screen#cssmenu > ul > li.has-sub > a::before {
display: none;
}
.small-screen#cssmenu ul ul > li.has-sub > a::after {
display: none;
}
.small-screen#cssmenu ul ul > li.has-sub > a::before {
display: none;
}
.small-screen#cssmenu #menu-button {
padding: 17px; 
color: #000; 
font-size: 18px; 
font-weight: 400; 
display: block; 
cursor: pointer;
}
.small-screen#cssmenu #menu-button::after {
top: 22px; 
width: 20px; 
height: 4px; 
right: 17px; 
border-top-color: #000; 
border-bottom-color: #000; 
border-top-width: 2px; 
border-bottom-width: 2px; 
border-top-style: solid; 
border-bottom-style: solid; 
display: block; 
position: absolute; 
content: "";
}
.small-screen#cssmenu #menu-button::before {
background: #000; 
top: 16px; 
width: 20px; 
height: 2px; 
right: 17px; 
display: block; 
position: absolute; 
content: "";
}
.small-screen#cssmenu .menu-opened#menu-button::after {
background: #000; 
border: 0px currentColor; 
border-image: none; 
top: 23px; 
width: 15px; 
height: 2px; 
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-moz-transform: rotate(45deg); 
-o-transform: rotate(45deg);
}
.small-screen#cssmenu .menu-opened#menu-button::before {
background: #000; 
top: 23px; 
width: 15px; 
transform: rotate(-45deg); 
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-o-transform: rotate(-45deg);
}
.small-screen#cssmenu .submenu-button {
top: 0px; 
width: 46px; 
height: 46px; 
right: 0px; 
border-left-color: #000; 
border-left-width: 1px; 
border-left-style: solid; 
display: block; 
position: absolute; 
z-index: 99; 
cursor: pointer;
}
.small-screen#cssmenu .submenu-opened.submenu-button {
background: #66ffcc;
}
.small-screen#cssmenu ul ul .submenu-button {
width: 34px; 
height: 34px;
}
.small-screen#cssmenu .submenu-button::after {
background: #000; 
top: 22px; 
width: 8px; 
height: 2px; 
right: 19px; 
display: block; 
position: absolute; 
content: "";
}
.small-screen#cssmenu ul ul .submenu-button::after {
top: 15px; 
right: 13px;
}
.small-screen#cssmenu .submenu-opened.submenu-button::after {
background: #000;
}
.small-screen#cssmenu .submenu-button::before {
background: #000;
top: 19px; 
width: 2px; 
height: 8px; 
right: 22px; 
display: block; 
position: absolute; 
content: "";
}
.small-screen#cssmenu ul ul .submenu-button::before {
top: 12px; 
right: 16px;
}
.small-screen#cssmenu .submenu-opened.submenu-button::before {
display: none;
}
.select-list.small-screen#cssmenu {
padding: 5px;
}
.ctr {
text-align: center;
}