#cssmenu {
	background:#08a7af;
	margin:0;
	width:auto;
	height:36px;
	padding:0;
	line-height:1;
	display:block;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	z-index:10005
}
#cssmenu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block
}
#cssmenu ul:after {
	content:' ';
	display:block;
	font-size:0;
	height:0;
	clear:both;
	visibility:hidden
}
#cssmenu ul li {
	margin:0;
	padding:0;
	display:block;
	position:relative
}
#cssmenu ul li a {
	text-decoration:none;
	display:block;
	margin:0;
-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 li ul {
	position:absolute;
	left:-9999px;
	top:auto
}
#cssmenu ul li ul li {
	max-height:0;
	position:absolute;
-webkit-transition:max-height .4s ease-out;
-moz-transition:max-height .4s ease-out;
-ms-transition:max-height .4s ease-out;
-o-transition:max-height .4s ease-out;
transition:max-height .4s ease-out;
	background:#08a7af
}
#cssmenu ul li ul li.has-sub:after {
	display:block;
	position:absolute;
	content:'';
	height:10px;
	width:10px;
	border-radius:5px;
	background:#fff;
	z-index:1;
	top:13px;
	right:15px
}
#cssmenu ul li ul li.has-sub:before {
	display:block;
	position:absolute;
	content:'';
	height:0;
	width:0;
	border:3px solid transparent;
	border-left-color:#08a7af;
	z-index:2;
	top:15px;
	right:15px
}
#cssmenu ul li ul li a {
	font-size:14px;
	font-weight:400;
	text-transform:none;
	color:#fff;
	letter-spacing:0;
	display:block;
	width:230px;
	padding:5px 5px 5px 10px
}
#cssmenu ul li ul li.active>a, #cssmenu ul li ul li:hover>a {
	color:#ebebeb
}
#cssmenu ul li ul li.active:after, #cssmenu ul li ul li:hover:after {
	background:#ebebeb
}
#cssmenu ul li ul li:hover>ul {
	left:200px;
	top:0
}
#cssmenu ul li ul li:hover>ul>li {
	max-height:72px;
	position:relative
}
#cssmenu>ul>li {
	float:left
}
#cssmenu>ul>li:after {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:0;
	top:0;
	z-index:0;
	background:#08a7af;
-webkit-transition:height .2s;
-moz-transition:height .2s;
-ms-transition:height .2s;
-o-transition:height .2s;
transition:height .2s
}
#cssmenu>ul>li>a {
	color:#fff;
	padding:11px 7px;
	letter-spacing:0;
	z-index:2;
	position:relative;
	text-transform:uppercase;
	font-weight:400;
	font-size:13px
}
#cssmenu>ul>li>a:hover {
	background:#282828
}
a.last {
	border-right:0!important
}
li.last {
	padding-bottom:5px!important
}
#cssmenu>ul>li.active:after, #cssmenu>ul>li:hover:after {
	height:100%
}
#cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a {
	color:#f5f2f5
}
#cssmenu>ul>li.active>a:after, #cssmenu>ul>li:hover>a:after {
	background:#f5f2f5
}
#cssmenu>ul>li.active>a:before, #cssmenu>ul>li:hover>a:before {
	border-top-color:#08a7af
}
#cssmenu>ul>li:hover>ul {
	left:0
}
#cssmenu>ul>li:hover>ul>li {
	max-height:72px;
	position:relative
}
#cssmenu #menu-button {
	display:none
}
@media all and (max-width:1049px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1050px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1050px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1050px), only screen and (min-device-pixel-ratio:2) and (max-width:1050px), only screen and (min-resolution:192dpi) and (max-width:1050px), only screen and (min-resolution:2dppx) and (max-width:1050px) {
#cssmenu {
font-family:Arial, Helvetica, sans-serif;
width:100%;
height:45px;
background:#08a7af;
margin-top:8px;
margin-bottom:0
}
#cssmenu>ul {
max-height:0;
overflow:hidden;
background:#08a7af;
-webkit-transition:max-height .35s ease-out;
-moz-transition:max-height .35s ease-out;
-ms-transition:max-height .35s ease-out;
-o-transition:max-height .35s ease-out;
transition:max-height .35s ease-out
}
#cssmenu>ul.open {
max-height:2100px;
border-top:1px solid rgba(110, 110, 110, .25)
}
#cssmenu ul {
width:100%
}
#cssmenu ul>li {
float:none
}
#cssmenu ul li a {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:12px 20px
}
#cssmenu ul li a:hover {
color:#000;
background:0 0
}
#cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before, #cssmenu ul li.has-sub>a:after, #cssmenu ul li.has-sub>a:before, #cssmenu ul>li:after {
display:none
}
#cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover>ul {
left:0;
position:relative
}
#cssmenu ul li ul li, #cssmenu ul li:hover>ul>li {
max-height:999px;
position:relative;
background:0 0
}
#cssmenu ul li ul li a {
padding:8px 20px 8px 35px;
width:auto;
color:#fff
}
#cssmenu ul li ul ul li a {
padding:8px 20px 8px 50px
}
#cssmenu ul li ul li:hover>a {
color:#FFF;
background:#f3652f
}
#cssmenu #menu-button {
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:15px 20px;
text-transform:uppercase;
font-weight:700;
font-size:14px;
letter-spacing:0;
color:#fff;
cursor:pointer
}
#cssmenu #menu-button:after {
display:block;
content:'';
position:absolute;
height:3px;
width:22px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
right:20px;
top:16px
}
#cssmenu #menu-button:before {
display:block;
content:'';
position:absolute;
height:3px;
width:22px;
border-top:2px solid #fff;
right:20px;
top:26px
}
#cssmenu ul li ul {
    display:none;
}
.show {display:block;}
#cssmenu ul li:hover>ul {
    display: block;
}
}
