/* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
  font-family: 'Open Sans', sans-serif;
  color:#fff;
  font-size: 16px;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}

#cssmenu ul ul {
	background-color:#1db3a3;
	width:272px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:9999;
	height:auto;
}

#cssmenu ul ul a {
	height:auto;
	line-height:normal;
	color:#fff;
	padding:3px 5px 3px 7px;
	background-image:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#1db3a3;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
    position: relative;
  	float:none;
	font-size:13px;
	color:#fff;
	border-bottom:#fff dashed 1px;
	padding:7px;
	background-color:#1db3a3;
}

#cssmenu ul ul li:first-child {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#cssmenu ul ul li:last-child {
	border-bottom:none;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#cssmenu ul ul li:hover > a {
  background-color:#0b897c;
  color: #ffffff;
}


#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
	color:#fff;
	text-decoration:none;
	background-position:left top;
	background-size:100% 100%;
}
#cssmenu ul li.has-sub > a:after {
  content: url(../images/down-arrow.png);
  margin-left: 5px;
}


#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  	display:block;
	height:35px;
	line-height:30px;
	color:#bebebe;
	padding:0px 19px 0px 19px;
	text-decoration:none;
	background-image:url(../images/menu-hover.png);
	background-repeat:no-repeat;
	background-position:left 200px;
}
#cssmenu > ul > li > a {

}







@media only screen and (max-width: 767px) {
	
	
#cssmenu ul li a {
	height:auto;
	line-height:normal;
	padding:7px 19px 7px 19px;
	background-image:none;
}

#cssmenu ul li a:hover {
	background:#0f9a87;
	background-image:none;
}	
	
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
#cssmenu ul li a {
	height:auto;
	line-height:normal;
	padding:7px 19px 7px 19px;
	background-image:none;
}

#cssmenu ul li a:hover {
	background:#0f9a87;
	background-image:none;
}	
	
}