.nav-container { position: relative; z-index: 1; margin-bottom: 30px; }
.sf-menu { background: rgb(231, 235, 236) url(e85e348d25b0be8ad937589fb98b4aa8f161cecd.gif)  repeat-x scroll 0% 0%; border: 1px solid rgb(181, 187, 189); border-radius: 5px; }
.sf-menu li { float: left; text-align: left; position: relative; border-right: 1px solid rgb(181, 187, 189); font-size: 15.1px; font-family: "Franklin Gothic"; }
.sf-menu li:last-child { border-right: medium none; }
.sf-menu li.parent { z-index: 999; }
.sf-menu li a { display: block; color: rgb(51, 51, 51); text-decoration: none; position: relative; padding: 13px 19px 19px; text-transform: capitalize; }
.sf-menu > li.first > a { border-radius: 5px 0px 0px 5px; }
.sf-menu > li > a > span { display: block; cursor: pointer; white-space: nowrap; }
.sf-menu li ul a span { white-space: normal; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a { background: rgb(3, 145, 186) url(f4fc0371284c1033e7fd8f41551ae28d893d51c2.gif)  repeat-x scroll 0% 0%; border-bottom: 1px solid rgb(2, 117, 149); margin: -1px; padding: 14px 20px 19px; color: rgb(255, 255, 255); }
.sf-menu li a:hover { text-decoration: none; }
.sf-menu ul { position: absolute; top: -999em; z-index: 99; width: 225px; display: none; background: rgb(5, 44, 77) none repeat scroll 0% 0%; margin-left: -1px; }
.sf-menu li li { font-size: 14px; border: 0px none; }
.sf-menu li li.parent > a::before { content: ""; float: right; }
.sf-menu li li.last {  }
.sf-menu li li { position: relative; float: none; }
.sf-menu li li a { display: block; background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); padding: 3px 19px 8px; }
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.active > a { background: rgb(3, 145, 186) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.sf-menu ul ul { position: absolute; top: -999em; z-index: 99; width: 192px; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 53px; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 193px; top: 0px; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 193px; top: 0px; }
@media only screen and (min-width: 992px) {
  #menu-icon, .sf-menu-phone, .sf-menu-block { display: none ! important; }
}
@media only screen and (max-width: 991px) {
  .sf-menu, .sf-menu-phone { display: none; }
  .sf-menu-block { display: block; position: relative; }
  #menu-icon { display: block; background: rgb(251, 251, 251) none repeat scroll 0% 0%; border: 1px solid rgb(204, 204, 204); font-size: 17px; cursor: pointer; text-transform: uppercase; padding: 0px 20px; height: 50px; line-height: 50px; color: rgb(51, 51, 51); }
  #menu-icon::before { content: ""; font-size: 25px; line-height: 50px; float: right; }
  #menu-icon.active::before { content: ""; }
  .sf-menu-phone { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-width: 0px 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; position: absolute; z-index: 2; width: 100%; box-sizing: border-box; }
  .sf-menu-phone li { position: relative; }
  .sf-menu-phone > li { border-bottom: 1px solid rgb(204, 204, 204); padding: 10px 20px; font-size: 18px; }
  .sf-menu-phone > li.last { border-bottom: 0px none; }
  .sf-menu-phone li a { display: inline-block; color: rgb(51, 51, 51); }
  .sf-menu-phone li a:hover { color: rgb(254, 133, 3); }
  .sf-menu-phone li li { font-size: 13px; padding: 4px 8px; }
  .sf-menu-phone li li.last { padding-bottom: 10px; }
  .sf-menu-phone li li:first-child { padding-top: 10px; }
  .sf-menu-phone li li:first-child strong { top: 10px; }
  .sf-menu-phone li strong { position: absolute; display: block; top: 4px; right: 5px; width: 24px; font-size: 16px; line-height: 16px; text-align: center; }
  .sf-menu-phone > li > strong { top: 9px; right: 18px; font-size: 20px; line-height: 20px; }
  .sf-menu-phone li strong:hover { cursor: pointer; }
  .sf-menu-phone li strong::before { content: ""; }
  .sf-menu-phone li strong.opened::before { content: ""; }
  .sf-menu-phone ul { width: auto; border: 1px solid rgb(204, 204, 204); margin: 10px 0px 0px; display: none; }
  .sf-menu-phone > li.active > a > span { color: inherit; }
  .sf-menu-phone > li.active > a, .sf-menu-phone > li > a:hover {  }
  .sf-menu-phone li li.active > a, .sf-menu-phone li li a:hover {  }
}
@media only screen and (max-width: 767px) {
  .sf-menu-block { margin: 0px 10px; }
}
.activeLink { background: rgb(3, 145, 186) url(f4fc0371284c1033e7fd8f41551ae28d893d51c2.gif)  repeat-x scroll 0% 0%; border-bottom: 1px solid rgb(2, 117, 149); margin: -1px; padding: 14px 20px 19px; color: rgb(255, 255, 255); line-height: 21px; }
.activeLink span { color: rgb(255, 255, 255); }