.nav > li > a:focus,
.nav > li > a:hover {
  background-color: transparent;
}

.dropdown:hover>.dropdown-menu {
 display: block;
}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

.header-top ul.mod-menu > li > a {
  position: relative;
}
.header-top ul.mod-menu > li.active > a{background: none repeat scroll 0 0 #337AB7;border-bottom-color: #337AB7;color: #fff}
.header-top ul.mod-menu > li.active > a:hover{color: #b1d7ff;}

/* 1 level */
.header-top ul.mod-menu > li > ul.mod-menu__sub li {position:relative;}
.header-top ul.mod-menu > li > ul.mod-menu__sub,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub {display: none;overflow: visible;position: absolute;z-index: 999999999;}
.header-top ul.mod-menu > li:hover > ul.mod-menu__sub {display: block;}
.header-top ul.mod-menu > li > ul.mod-menu__sub > li:hover > ul.mod-menu__sub{display: block;left: 100%;top: 0;}
.header-top ul.mod-menu > li > ul.mod-menu__sub,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub{
	background:#fff;
  border-color: #337AB7;
  border-radius: 0;
  border-style: solid none;
  border-width: 1px 0 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  font-size: 13px;
  margin-bottom: 0 !important;
  min-width: 210px;
  padding: 0;
	list-style:none;
}
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > a,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > span,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > span {
  clear: both;
  color: #333333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > a,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > span,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > a,
.header-top ul.mod-menu > li > ul.mod-menu__sub > li > ul.mod-menu__sub > li > span { 
	border-bottom: 1px solid #f0f0f0;
  line-height: 2.66 !important;
  padding: 2px 20px 2px 14px;
}

ul.mod-menu__sub > li.deeper > a::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #cccccc;
  border-style: solid;
  border-width: 3px 0 3px 3px;
  content: " ";
  display: block;
  float: right;
  height: 0;
  margin-right: -10px;
  margin-top: 14px;
  width: 0;
}

.header-top ul.mod-menu .dropdown-item.active, .header-top ul.mod-menu .dropdown-item:active {
  color: #fff;
  background-color: #337AB7;
}

.header-top ul.mod-menu > li > div.mod-menu__sub {display: none;overflow: visible;position: absolute;z-index: 999999999;}
.header-top ul.mod-menu > li:hover > div.mod-menu__sub {display: block;}

.offcanvas-body {
padding: 0;
}

.offcanvas-body .nav-item.active a {
  font-weight: bold;
}

.offcanvas-body .nav-link {
  border-bottom: 1px solid #0000001f;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  font-weight: 500;
}

.offcanvas-footer {
  border-top: 1px solid #dddddd;
}