.fb-like { display: none !important; }
.nav-container { position: relative; z-index: 4; display: none; }
.sf-menu { background: #FBFBFB; border: 1px solid #ddd; display: none; }
.pseudoStickyBlock { height: 0 !important; }
.sf-menu li { float: left; text-align: left; position: relative; border-right: 1px solid #ddd; z-index: 99; }
.sf-menu li.parent { z-index: 999; }
.sf-menu li a { display: block; color: #383737; text-decoration: none; position: relative; padding: 0; text-transform: capitalize; }
.sf-menu > li > a > span { display: block; font-size: 13px; line-height: 17px; text-transform: uppercase; cursor: pointer; white-space: nowrap; padding: 16px 20px 14px; }
.sf-menu li ul a span { white-space: normal; }
.sf-menu > li.parent > a:before { content: "\f103"; position: absolute; bottom: 0; width: 100%; text-align: center; }
.sf-menu > li.sfHover > a, .sf-menu> li > a:hover, .sf-menu > li.active > a { background: #fff; }
.sf-menu li a:hover { text-decoration: none; }
.sf-menu ul { position: absolute; top: -999em; z-index: 99; width: 192px; display: none; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.12); -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.12); -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.12); }
.sf-menu li li { border: 1px solid #ddd; border-bottom-width: 0; }
.sf-menu li li.parent > a:before { content: "\f101"; float: right; }
.sf-menu li li.last { border-bottom-width: 1px; }
.sf-menu li li { position: relative; float: none; }
.sf-menu li li a { display: block; background: none; font-size: 12px; line-height: 15px; color: #000; padding: 6px 15px; }
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.active > a { color: #B90100; }
.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: 47px;/* match top ul list item height */
}
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; /* match ul width */
top: 0; }
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; /* match ul width */
top: 0; }
#home-note > h3 { font-weight: 400;}
@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) {
.nav-container { }
.sf-menu,  .sf-menu-phone { display: none; }
/* menu icon */
.sf-menu-block { display: block; position: relative; margin: 0 -15px; }
.nav-container { display: block; }
#menu-icon { display: block; font-size: 17px; line-height: 21px; cursor: pointer; text-transform: uppercase; padding: 0 10px; height: 50px; line-height: 50px; color: #fff; }
#menu-icon:before { content: "\f055"; font-size: 25px; line-height: 50px; float: right; }
#menu-icon.active:before { content: "\f056"; }
.sf-menu-phone { background: #3d3d3d; position: absolute; z-index: 2; width: 100%; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sf-menu-phone li { position: relative; }
.sf-menu-phone > li { border-top: 1px solid #666; padding: 10px 20px; font-size: 16px; }
.sf-menu-phone > li.last { border-bottom: 0; }
.sf-menu-phone li a { display: inline-block; color: #fff; }
.sf-menu-phone li a:hover { color: #f52c2c; }
.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; color: #fff; }
.sf-menu-phone > li > strong { top: 9px; right:7px; font-size: 20px; line-height: 20px; color: #fff; }
.sf-menu-phone li strong:hover { cursor: pointer; }
.sf-menu-phone li strong:before { content: "\f067"; }
.sf-menu-phone li strong.opened:before { content: "\f068"; }
/* dropdown */
.sf-menu-phone ul { width: auto; border: 1px solid #666; margin: 10px 0 0 0; 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: 0 10px; }
.nav-container { padding: 0 2.127659574468085%; background: #3d3d3d; }
}
/* --------- side -------------- */
.block-side-nav { border-bottom: solid 1px #f5f5f5; padding: 0 0 0px 0; margin: 0 0 25px; }

.block-side-nav {
  background: #2e4967 none repeat scroll 0 0;
  margin-bottom: 25px;
  padding: 20px;
}

.block.block-side-nav  .block-title  strong{ color:#fff;}

.block.block-side-nav .sf-menu-phone2 > li > a, .block.block-side-nav .sf-menu-phone2 li li a{ color:#fff; }

.block.block-side-nav .block-title {
  border-bottom: 2px solid #f5f5f5;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.block-side-nav .block-title { }
.block-side-nav .block-content { }
.sf-menu-phone2 { overflow: hidden; }
.sf-menu-phone2 li { position: relative; z-index: 2; font-size: 16px; line-height: normal; font-weight: 300; margin: 0 0 12px; }
.sf-menu-phone2 li.last { border: 0; }
.sf-menu-phone2 > li > a { padding: 0 0 0 18px; background: url(../images/cat_arr.gif) no-repeat 0 8px; color: #2E4967; text-decoration: none; position: relative; font-weight:600; }
.sf-menu-phone2 > li > a:hover { color: #ff3d54; }
.sf-menu-phone2 > li.active > a { color: #2E4967; font-weight:600; }
.sf-menu-phone2 li ul { position: relative; z-index: 1; padding: 10px 10px 0 15px; }
.sf-menu-phone2 li ul ul { padding: 10px 0 0 10px; margin: 0; border: 0; }
.sf-menu-phone2 li li { font-size: 14px; ; font-weight: 300; margin: 1px -9px 10px 0; padding: 0 0 0 0; border: 0; }
.sf-menu-phone2 li li.last { border: 0; }
.sf-menu-phone2 li li a { color: #2E4967; font-weight:400; }
.sf-menu-phone2 li li a:before { content: "\f105"; font-size: 14px; color: #fff;; margin: 0 13px 0 0; }
.sf-menu-phone2 li li a:hover:before { color: #f52c2c; }
.sf-menu-phone2 li li a:hover span {
  color: #f52c2c;
}

.sf-menu-phone2 li li a:hover { color: #f52c2c; }
.sf-menu-phone2 li li.active > a { color: #f52c2c; }
.sf-menu-phone2 ul { /*display:none;*/ padding: 12px 0 0 0; }
.sf-menu-phone2 li strong { position: absolute; display: block; z-index: 3; top: -1px; right: 0; font-size: 20px !important; line-height: 20px !important; }
.sf-menu-phone2 > li > strong { top: 2px; right: 0; color: #c8c7c7; }
.sf-menu-phone2 > li:hover > strong {
  color: #ffffff;
}
.sf-menu-phone2 li strong:hover { cursor: pointer; }
.sf-menu-phone2 > li.active > strong:before { color: #fff; }
.sf-menu-phone2 li strong:before { content: "\f107"; }
.sf-menu-phone2 li strong.opened:before { content: "\f106"; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.block-side-nav .block-title { margin: 0 0 10px 0; }
.sf-menu-phone2 li { font-size: 20px; }
.sf-menu-phone2 li li { font-size: 12px; margin: 0 0 16px 0; }
.sf-menu-phone2 li li a:before { font-size: 13px; margin: 0 8px 0 0; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.block-side-nav { }
.block-side-nav .block-title { }
.sf-menu-block { display: none; }
.nav-container { display: none; }
.sf-menu-phone2 li { font-size: 12px; font-weight: normal; }
.sf-menu-phone2 > li > a { background: url(../images/cat_arr.gif) no-repeat 0 4px; }
.sf-menu-phone2 li ul { }
.sf-menu-phone2 li li { font-size: 11px; margin-bottom: 5px; padding: 0 10px; }
.sf-menu-phone2 li li a:before { display: none; }
.sf-menu-phone2 li strong { font-size: 14px !important; line-height: 14px !important; right: 0; top: 2px; }
.sf-menu-phone2 li li strong { font-size: 14px !important; line-height: 14px !important; right: 0; top: 0px; }
}