#TopNav {
	float:left;
	margin-left:8.5vw;
}

/* Animation */
#TopNav .animated {
		-webkit-animation-duration:0.3s;
	animation-duration:0.3s;
		-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
			-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0)
	}
	100% {
		opacity: 1;
			-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
			-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0)
	}
	100% {
		opacity: 1;
			-webkit-transform: none;
		transform: none
	}
}
#TopNav .fadeInUp {
		-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

#TopNav .navbar,
#TopNav ul.navbar-nav,
#TopNav ul.navbar-nav>li {
	margin:0;
	padding:0;
}

#TopNav ul.navbar-nav>li { margin-right:10px;}

#TopNav ul.navbar-nav>li>a {
    padding: 0 10px;
	font-family: "Avenir Heavy";
    font-size: 15px;
    line-height: 90px;
	color: #000;
	display:block;
	background:transparent;
	text-transform:uppercase;
}

#TopNav ul.navbar-nav>li>a:hover,
#TopNav ul.navbar-nav>li.show>a,
#TopNav ul.navbar-nav>li.active>a {
	background:transparent;
	color: #1a5632;
}


#TopNav ul.navbar-nav>li.dropdown>.dropdown-toggle::after {
    content: '\0276F';
    font-size: 13px;
    line-height: normal;
    font-weight: normal;
    color: #000;
    border: none;
    margin: 0;
    padding: 0;
		-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	cursor:pointer;
}

#TopNav ul.navbar-nav>li.dropdown>[data-toggle="dropdown"] + a:after {
	content: '';
	display:inline-block;
	width: 10px;
	position: relative;
}
#TopNav ul.navbar-nav>li.dropdown>[data-toggle="dropdown"] {
	float: right;
	right:5px;
    position: relative;
    top: 32px;
	width:auto;
}

/* 2nd Level */
#TopNav .dropdown-submenu {position: relative;}

#TopNav .dropdown-menu .dropdown-toggle::after {
	content: "\0276F";
    vertical-align: top;
	border:none;
    position: absolute;
    top: 50%;
    right: 8px;
    margin:-12px 0 0 0;
	color:#999;
}
#TopNav .dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0px;
	margin-left: 0px;
}

#TopNav ul.navbar-nav>li.dropdown ul li { margin:0;}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-menu {
	min-width: 250px;
	padding: 0 15px 15px;
	margin: 0;
	font-family: "Avenir LT Pro 55 Roman";
	font-size: 16px;
	line-height: 22px;
	color: #878787;
	background-color: #fff;
	border:1px solid #E8E8E8;
	border-top:none;
	border-radius: 0 0 12px 12px;
	overflow:hidden;
}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li a {
	padding:10px;
	background:transparent;
	border-bottom:none;
	display:block;
	color:#878787;
}
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li.active a,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li.active a {color:#1a5632;}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a img,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li a img {
	float:right;
	height:20px;
}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a:hover,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li a:hover,
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li.show>a,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li.show>a,
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li.active a,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li.active a {
	background:transparent;
	color:#1a5632;
	
}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a::after {
	content: '\0276F';
	position:absolute;
	right:-10px;
	font-size:14px;
		-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
}
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a:hover::after {
	right:20px;
}
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li.HoverNone a:hover::after { display:none;}


/* 3rd Level */
#TopNav ul.navbar-nav li.dropdown-submenu ul.dropdown-menu { top:-15px!important;}

#TopNav ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
    left: 100%;
    top: 0;
    margin-top: -15px;
}
#TopNav ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown .dropdown-toggle::after {
}


/*= Mobile Toggle =*/
#TopNav .navbar-toggler {
	position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 0;
    height: 70px;
    line-height: 70px;
    width: 70px;
}
#TopNav .navbar-toggler[aria-expanded="true"]::before,
#TopNav .navbar-toggler[aria-expanded="false"]::before {
	content: '';
	width:70px;
	line-height:70px;
	position: absolute;
	left:0;
	top:0;
	color:#000;
	font-size:30px;
}
#TopNav .navbar-toggler[aria-expanded="true"]::before {content:'\02715';}
#TopNav .navbar-toggler[aria-expanded="false"]::before {content:'\02630';}


@media All and (max-width:1370px) {
	#TopNav {
		margin-left: 7vw;
	}
}

@media All and (max-width:1280px) {
	#TopNav { margin-left: 3%;}
	#TopNav ul.navbar-nav>li { margin-right: 7px;}
}


@media All and (max-width:1199px) {
	#TopNav {
		float:none !important;
		margin:0 !important;
	}
	
	.is_mobile_menu #TopNav {
		height:calc(100vh - 70px);
		overflow-y:scroll;
		background:#fff;
		padding-bottom:70px;
	}
	.is_mobile_menu html,
	.is_mobile_menu body { overflow:hidden;}

	#TopNav .navbar-collapse {background:#fff;}

	#TopNav ul.navbar-nav>li { margin-right:0;}
	#TopNav ul.navbar-nav>li>a {
		padding: 15px 20px;
		display: block;
		border-top:1px solid #E8E8E8;
		border-bottom: none;
		line-height:22px;
	}

	#TopNav ul.navbar-nav>li.dropdown [data-toggle="dropdown"] {
		margin:0;
		top:0;
		left:auto;
		right:0;
	}
	#TopNav ul.navbar-nav>li.dropdown>.dropdown-toggle::after {
		font-size: 12px;
		color: #000;
		margin: 0;
		background:transparent;
		height: 53px;
		width: 53px;
		text-align: center;
		line-height: 50px;
	}

	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu,
	#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-menu {
		padding:0 0 15px 0;
		border:none;
		background:none;
			-webkit-border-radius:0;
		border-radius:0;
	}

	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a,
	#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li a {
		padding: 10px 20px;
		background:transparent;
		border: none;
	}

	/*#TopNav .dropdown-menu .dropdown-toggle::after {
		top: -5px;
		right: 5px;
		margin:0;
		color: #fff;
		background: #fff;
		font-size: 12px;
		line-height: 53px;
		width: 43px;
		text-align: center;
			-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
		cursor:pointer;
	}*/
	#TopNav ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {margin-top: 0;}
}