.navbar-main-menu > .item {
  margin-left: 0 !important; }

.submenu-block .icon {
  position: relative;
  top: -2px;
  font-size: 1.2em;
  display: block;
  float: left;
  width: 2.5em;
  text-align: center; }

.navbar-main-menu {
  z-index: 10;
  padding: 18px 0 0;
  margin: 0 0 0 0;
  clear: both;
  list-style-type: none;
  position: relative;
  bottom: -1px;
  top: -6px;
  box-sizing: content-box; }

.navbar-main-menu .item {
  float: left;
  height: 38px;
  padding: 0;
  margin: 0 0 -6px 0;
  position: relative; }

.navbar-compact .navbar-main-menu .item {
  height: 32px; }

.navbar-main-menu .item:hover {
  z-index: 1000000; }

.navbar-main-menu .item:first-child {
  margin-left: -10px; }

.navbar-main-menu .item-content {
  float: right;
  overflow: hidden;
  display: none;
  margin-left: -100%;
  width: 100%;
  margin-top: 38px !important;
  margin-bottom: -6px !important;
  background: #fff;
  position: relative; }

.navbar-main-menu .item-content .wrapper-border .row .row > div {
  display: inline-block !important;
  float: none !important;
  vertical-align: top;
  margin: 0 -5px 0 0; }

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  z-index: 10;
  padding: 10px 0 0;
  clear: both;
  list-style-type: none;
  position: relative; }

.sf-menu li {
  position: relative; }

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  margin-top: 5px;
  z-index: 99; }

.sf-menu > li {
  float: left; }

.sf-menu li.sfHover > ul, .sf-menu li:hover > ul {
  display: block; }

.sf-menu a {
  display: block;
  position: relative; }

.sf-menu ul ul {
  top: 0;
  left: 100%; }

.sf-menu > li {
  display: block;
  position: relative;
  padding-bottom: 18px;
  border-bottom: 0 solid #ee3b27;
  height: 40px; }

.sf-menu > li:hover {
  border-bottom: 5px solid #ee3b27; }

.sf-menu > li.current {
  border-bottom: 5px solid #ee3b27; }

.sf-menu > li > a {
  text-decoration: none;
  position: relative;
  border-left: 1px solid #e7e7e7;
  display: block;
  padding: 0 15px;
  font: 1.23em Mavenpro-medium, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #565656; }

header.variant4 .navbar-main-menu-outer .sf-menu > li > a {
  padding: 4px 15px 0; }

header.variant4 .navbar-main-menu-outer.black .sf-menu > li > a {
  color: #fff; }

header.variant4 .navbar-compact .navbar-main-menu-outer .sf-menu > li > a {
  padding: 0 7px; }

header.variant4 .navbar-compact .navbar-main-menu-outer.black .sf-menu > li > a {
  color: #565656; }

.sf-menu > li:first-child > a {
  border-left: none; }

.sf-menu > li:first-child > a:before {
  border-left: none; }

.navbar-main-menu > .item:first-child .sf-menu > li:first-child > a:before {
  border-left: none; }

.sf-menu ul {
  min-width: 12em;
  background: #fff;
  box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1); }

.sf-menu ul ul {
  margin-top: -1px; }

.sf-menu ul li a {
  display: block;
  border-bottom: 1px solid #f7f7f7;
  padding: 8px 20px;
  font: 1.077em Mavenpro-medium, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #2b2b2b;
  text-decoration: none; }

.sf-menu ul ul li a {
  text-transform: none; }

.sf-menu ul li a:hover {
  background: #f7f7f7; }

.sf-menu ul .sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; }

.sf-arrows ul .sf-with-ul:after {
  content: '\e077';
  position: absolute;
  top: 45%;
  right: 20px;
  height: 0;
  width: 0;
  font-family: icomoon;
  font-size: 10px; }

.sf-arrows > .sfHover > .sf-with-ul:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > li > .sf-with-ul:focus:after {
  border-top-color: white; }

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  border-left-color: rgba(255, 255, 255, 0.5); }

.sf-arrows ul .sfHover > .sf-with-ul:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul li > .sf-with-ul:focus:after {
  border-left-color: white; }

.navbar-main-menu .sf-menu {
  padding: 0;
  margin: 0; }

.navbar-main-menu .sf-menu > li {
  height: 38px;
  margin-bottom: -6px; }

.navbar-compact .navbar-main-menu .sf-menu > li {
  height: 32px;
  margin-bottom: 10px; }

.navbar-main-menu .sf-menu > li:first-child > a {
  padding-left: 15px; }

.navbar-main-menu .sf-menu > li > a:before {
  border-left: 1px solid #E7E7E7;
  content: " ";
  display: inline;
  left: -15px;
  position: relative; }

header.variant4 .navbar-main-menu-outer.black .navbar-main-menu .sf-menu > li > a:before {
  border-color: #474747; }

header.variant4 .navbar-compact .navbar-main-menu-outer.black .navbar-main-menu .sf-menu > li > a:before {
  border-color: #E7E7E7; }

.navbar-main-menu dt:first-child .sf-menu > li > a:before {
  display: none; }

.offscreen_fix {
  left: -90% !important;
  top: 1px !important; }
