.sm,
.sm ul,
.sm li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  direction: ltr;
}

ul.sm li {

  position: relative;

}

ul.sm a {
  position: relative;
  display: block;
}

ul.sm a.disabled {
  cursor: default;
}

ul.sm ul {
  position: absolute;
  top: -999999px;
  left: -800px;
  width: 100px;
}

ul.sm li {
  float: left;
}

ul.sm-rtl {
  direction: rtl;
}

ul.sm-rtl li {
  float: right;
}

ul.sm ul li,
ul.sm-vertical li {
  float: none;
}

ul.sm a {
  white-space: nowrap;
}

ul.sm ul a,
ul.sm-vertical a {
  white-space: normal;
}

* html ul.sm-vertical li {
  float: left;
  width: 100%;
}

* html ul.sm-vertical ul li {
  float: none;
  width: auto;
}

*:first-child+html ul.sm-vertical>li {
  float: left;
  width: 100%;
}

ul.sm ul.sm-nowrap>li>a {
  white-space: nowrap;
}

ul.sm:after {
  content: "\00a0";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

* html ul.sm {
  height: 1px;
}

*:first-child+html ul.sm {
  min-height: 1px;
}

ul.sm li *,
ul.sm li *:before,
ul.sm li *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

ul.sm {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.headermenu ul {
  background-color: #fff;
  opacity:0.85;
  /*border-radius: 10px*/
}

.headermenu li > a {
  display: block;
  text-decoration: none;
  margin: 0 0px 0 30px;
  text-align: center;
  font-weight: 400;
  color: #31353d !important;
  font-family:"Roboto" sans-serif;
}

.headermenu li a > i {
  display: none;
  font-size: 2em;
}

.headermenu li > a strong {
  display: block;
  /*text-transform: uppercase;*/
  font-weight: 400;
  font-size: 16px;
  padding: 1em 0;
}

.headermenu li > a small {
  display: none;
  font-size: .85em;
}

.headermenu li > a i,
.headermenu li > a strong,
.headermenu li > a small {
  position: relative;
}

.headermenu li:hover > a i {
  opacity: 1;
  /*font-weight:bold;*/
}

.headermenu li:hover a strong {
  opacity: 1;
  /*font-weight:bold;*/
}

.headermenu li:hover a small {
  opacity: 1;
  /*font-weight:bold;*/
}

.headermenu a >small {
  display: block
}

.headermenu a:hover,
.headermenu a:focus,
.headermenu a:active,
.headermenu a.highlighted {
  color: #18984f !important;
}

.headermenu li > a.active {
  color: #aaa;
}

.headermenu li ul li a.active {
  color: #ccc;
}

.headermenu li > a.active:after {
  /*position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #53BD99;
  bottom: -10px;
  left: 50%;
  margin-left: -8px*/
}

.headermenu a.has-submenu {

}

.headermenu li.nav-submenu-item i.icon {
  margin-right: .5em
}

.headermenu ul a.has-submenu,
 .headermenu-vertical a.has-submenu {
  padding-right: 1.8em;
}

.headermenu li ul li a {
  padding: .85em;
  text-align: left;
  border-bottom: 2px solid #e9e9e9;
  /*box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2);
  text-transform: uppercase;*/
  font-weight: 400;
  font-size: 13px;
  color:#4d4d4d;
  /*margin-left: 10px; 
  margin-right:10px;*/
}

/*.headermenu li ul li a:last-child {
	border-bottom:none
}*/

.headermenu li ul li a:hover {
  background-color: #d9d9d9;
  color: #18984f;
}

.headermenu li ul li a i {
  font-size: 1em;
  display: inline-block;
  margin: 0 .5em 0 0;
}

#menu ul.two.cols {
  width: 380px!important;
}

#menu ul.three.cols {
  width: 500px!important;
}

#menu ul.three.cols li {
  width: 33.33%;
}

#menu ul.four.cols li {
  width: 25%;
}

#menu ul.four.cols {
  width: 680px!important;
}

#menu ul.cols li {
  display: block;
  float: left;
  width: 50%;/*box-shadow: inset 1px 0 0 0 #EEE;*/
}

#menu ul.cols li:first-child {
  box-shadow: none
}

#menu ul.cols {
  clear: both
}

/* Sub menu indicators
===================*/
.headermenu ul.menu-submenu {
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

.headermenu a span.sub-arrow {
  position: absolute;
  left: 58%;
  bottom: 45px;
  margin-left: -12px;
  width: 1em;
  height: 1em;
  line-height: 1em;
}

.headermenu ul.menu-submenu a span.sub-arrow,
.headermenu-vertical a span.sub-arrow {
  right: 1em;
  top: 1.4em;
  left: auto;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* Items separators
===================*/
.headermenu li {
}

.headermenu li:first-child {
  border-left: 0;
}

.headermenu ul li,
 .headermenu-vertical li {
  border-left: 0;
}

.headermenu ul li:first-child,
 .headermenu-vertical li:first-child {
  border-top: 0;
}

.headermenu span.scroll-up,
.headermenu span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  border: solid #bbb;
  border-width: 1px 0;
  background: #fff;
  height: 20px;
}

.headermenu span.scroll-up-arrow,
.headermenu span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #555 transparent;
}

.headermenu span.scroll-down-arrow {
  top: 6px;
  border-style: solid dashed dashed dashed;
  border-color: #555 transparent transparent transparent;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {

.headermenu li > a {
  padding: .5em 1em;
}

.headermenu li a > i {
  font-size: 1.2em;
}

.headermenu li > a strong {
  font-size: .85em;
}

.headermenu li > a small {
  font-size: .65em;
}

.headermenu a span.sub-arrow {
  left: 40%;
}

}



@media only screen and (max-width: 768px) {

ul.headermenu {
  width: auto;
}

ul.headermenu ul {
  display: none;
  position: static;
  top: auto!important;
  left: auto!important;
  margin-left: 0 !important;
  margin-top: 0!important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

ul.headermenu>li {
  float: none;
}

ul.headermenu>li>a,
ul.headermenu ul.sm-nowrap>li>a {
  white-space: normal;
}

ul.headermenu iframe {
  display: none;
}

/* Menu box
===================*/
.headermenu ul.menu-submenu {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.headermenu li > a {
  display: block;
  text-decoration: none;
  padding: .5em 1em;
  text-align: left;
  font-weight: 400;
  color: #4d4d4;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2);
}

.headermenu li a > i {
  display: inline-block;
  font-size: 1em;
  margin-right: 1em;
}

.headermenu li > a strong {
  display: inline-block;
  font-weight: 400;
  font-size: .85em;
  padding:0;
}

.headermenu li > a small {
  display: block;
  font-size: .8em;
  margin-left: 2.5em;
}

.headermenu a span.sub-arrow {
  left: auto;
  right: 1em;
  bottom: 1em;
  width: 1em;
  height: 1em;
  line-height: 1em;
}

.headermenu ul a span.sub-arrow,
.headermenu-vertical a span.sub-arrow {
  left: auto;
  right: 1em;
}

#menu ul.two.cols,
#menu ul.three.cols,
#menu ul.four.cols {
  width: 100%!important;
}

#menu ul.cols li {
  float: none;
  width: auto;
  box-shadow: none
}

.headermenu li:hover > a i,
.headermenu li:hover a small {
  opacity: 1;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

.headermenu a.highlighted span.sub-arrow {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.headermenu li {
  border-left: 0;
}

.headermenu li:first-child {
  border-top: 0;
}
}