.top-nav-div .active > a div.top-nav-text-lvl-1 {
    font-weight: 700;
}

.top-nav-div { 
	width: calc(100% - 450px);
	height: 29px;
    float: left;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
	text-align: center;
}

.top-nav-div a { 
	outline: none;
    text-transform: uppercase;
}

.top-nav-menu-lvl-1 {
	display: inline-table;
	position: relative;
}

.top-nav-menu-lvl-1 li {
	float: left;
    line-height: 26px;
    padding: 0px 20px;
}

.top-nav-menu-lvl-1 li a {
	color: #000;
	position: relative;
	display: block;
}

.top-nav-menu-lvl-1 li a div.top-nav-text-lvl-1 {	
	position: absolute;
	left: -3px;
	top: 0px;
	right: -3px;
	bottom: 0px;
	background-color: #000;
	color: #fff;
    text-align: center;
	font-family: 'Lato', sans-serif;
}

.top-nav-menu-lvl-2 li a div.top-nav-text-lvl-2 {	
	position: absolute;
	left: -3px;
	top: 0px;
	right: -3px;
	bottom: 0px;
	background-color: #000;
	color: #fff;
    text-align: center;
	font-family: 'Lato', sans-serif;
}

.top-nav-menu-lvl-3 li a div.top-nav-text-lvl-3 {	
	position: absolute;
	left: -3px;
	top: 0px;
	right: -3px;
	bottom: 0px;
	background-color: #000;
	color: #fff;
    text-align: center;
	font-family: 'Lato', sans-serif;
}

.top-nav-menu-lvl-2 {
	display: none;
	position: absolute;
    bottom: -37px;
    z-index: 1000;
    height: 28px;
    width: 750px;
    left: 0px;
}

.top-nav-menu-lvl-1 li .top-nav-menu-lvl-2 li a {
	color: #fff;
}

.top-nav-menu-lvl-2 li {
	float: left;
    line-height: 26px;
    padding: 0px 20px;
}

.top-nav-menu-lvl-1 li .top-nav-menu-lvl-2 li:hover a div.top-nav-text-lvl-2 {
	font-weight: 600;
}

.top-nav-menu-lvl-1 li .top-nav-menu-lvl-3 li:hover a div.top-nav-text-lvl-3 {
	font-weight: 600;
}

.top-nav-menu-lvl-1 .top-nav-menu-lvl-3 {
	display: none;
	position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000;
    right: 0px;
}

.top-nav-menu-lvl-3 li a,
.top-nav-menu-lvl-3 li,
.top-nav-menu-lvl-3 {
	z-index: 10000;
    background-color: #000;
}

.top-nav-menu-show .active-lvl-1 .top-nav-text-lvl-1 {
	font-weight: 600;
}

.top-nav-menu-show .active-lvl-1 .top-nav-menu-lvl-2-active {
	display: block !important;
}

.top-nav-menu-show .active-lvl-1 .top-nav-menu-lvl-2-active .active-lvl-2 .top-nav-menu-lvl-3-active {
	display: block !important;
}

.top-nav-menu-show .active-lvl-1 .top-nav-menu-lvl-2-active .active-lvl-2 .top-nav-text-lvl-2 {
	font-weight: 600;
}

.top-nav-menu-show .active-lvl-3 .top-nav-text-lvl-3 {
	font-weight: 600;
}

/*.top-nav-menu-lvl-1 li:hover .top-nav-menu-lvl-2 {
	display: block;
}*/

.top-nav-div-mobile,
.top-nav-div-mobile-menu-hide {
	display: none;
}

.top-nav-div-mobile {
	position: absolute;
    right: 0px;
    top: -15px;
    bottom: 0px;
    width: 59px;
    z-index: 1000;
    height: 59px;
}

.top-nav-div-mobile-show {
    width: 59px;
    z-index: 1000;
    height: 59px;
    text-align: center;
    vertical-align: middle;    
	line-height: 66px;
}

.top-nav-div-mobile-menu {
	display: none;
	position: absolute;
    top: 44px;
    right: 0;
    width: 100%;
    background-color: #000000;
    border: 1px solid #fff;
    border-top: 0px solid #fff;
}

.top-nav-div-mobile-menu ul {
	width: 100%;
}

.top-nav-div-mobile-menu li {
	width: 100%;
    color: #fff;
	padding: 0px;   
	border-top: 1px solid #fff;
	position: relative;
}

.top-nav-div-mobile-menu li a {
	width: 100%;
    color: #fff;
    padding: 12px 10px;
    font-size: 14px;
    display: block;
}

.top-nav-div-mobile-show:hover {
	background-color: #212121;
}

.top-nav-div-mobile-show i {
	color: #fff;
    font-size: 24px;
}

.top-nav-div-mobile-menu a i {
	position: absolute;
    right: 15px;
    font-size: 25px;
    top: 0;
    bottom: 0;
    line-height: 39px;
}

.actvie-mobile-menu {
	display: block;
}

.menu-li-2 {
	padding-left: 20px !important;
}

.menu-li-3 {
	padding-left: 30px !important;
}

@media (max-width: 1200px) {
	.top-nav-div {
		display: none;
	}

	.top-nav-div-mobile {
		display: block;
	}
}

@media (min-width: 1201px) {
	.top-nav-div-mobile-menu {
		display: none !important;
	}
}