/* 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 ul, #TopNav ul li,
#TopNav .navbar,
#TopNav ul.navbar-nav,
#TopNav ul.navbar-nav>li {
	margin:0;
	padding:0;
	list-style:none;
}
#TopNav ul.navbar-nav {
	display:flex;
	width:100%;
}
#TopNav ul.navbar-nav>li {
	flex-grow:1;
}

#TopNav ul.navbar-nav>li>a {
    padding: 18px 0px 17px;
    font-size: 16px;
    line-height: 22px;
	color: #9c9ea1;
    font-weight: 500;
	display:block;
	background:transparent;
}

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

#TopNav ul.navbar-nav>li.dropdown>.dropdown-toggle::after {
    content: '';
    border: none;
    margin: 0;
    padding: 0;
	cursor:pointer;
	background-image:url(../images/icons/drop_down_arrow.svg);
	background-repeat:no-repeat;
	background-size:40%;
	background-position:center center;
	height:30px;
	width:30px;
}

#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:15px;
    position: relative;
    top: 2px;
	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: 270px;
	padding: 10px 25px 20px;
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	color: #0e172b;
	font-weight:400;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-width:3px;
	border-top:none;
		-webkit-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu li > a,
#TopNav ul.navbar-nav>li.dropdown-submenu .dropdown-men li > a {
	padding:0;
	background:none;
	border-bottom:transparent;
	display:block;
	color:#171714;
	padding:5px 0;
}

#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:none;
	color:#ce9e0e;
}

/* 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 {
}


/*== Megamenu */
#TopNav .navbar { position:static;}
#TopNav ul.navbar-nav>li.dropdown.megamenu-li { position: static;}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding:30px 40px 15px;
	top:100%;
	border-top:none;
}

/*#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu::before {
    content: "";
	height: 100%;
    width: calc(100vw - 9px);
	position: absolute;
	top: 0;
    left: 50% !important;
    margin-left: -50vw !important;
	background: #f3f6fb;
	border-top: 1px solid #dbe5f3;
	z-index: -1;
}*/

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
}
/*#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li {
	flex-grow:1;
	width:15%;
	margin-left:5%;
}*/

/*#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li.NavShortDesc {width:40%;}
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li.Ind_DropDown {width:60%;}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li:first-child { margin-left:0;}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li>ul,
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li>ul li {
	margin:0;
	padding:0;
	list-style:none;
}*/

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li>ul>li>a {
    font-size: 16px;
    line-height: 22px;
    color: #171714;
    font-weight: 400;
    text-transform: capitalize;
    padding: 5px 0;
    margin-bottom: 0;
    background: none !important;
    letter-spacing: 0.02em;
}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu .Title,
#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu .Title a {
    font-size: 18px;
    line-height: 20px;
    color: #171714;
	font-weight: 600;
	margin-bottom:20px;
	list-style:none;
}

#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li>ul>li>a:hover { color:#ce9e0e;}

#TopNav .dropdown-submenu {position: relative;}


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


@media All and (min-width:1199px) {
	#TopNav ul.navbar-nav>li.dropdown>.dropdown-toggle::after,
	#TopNav ul.navbar-nav>li.ForMobile { display: none;}
}


@media All and (max-width:1280px) {
	/*#TopNav ul.navbar-nav>li>a {
		padding-left:15px;
		padding-right:15px;
	}*/
}

@media All and (max-width:1199px) {
	#TopNav {
		float:none;
		margin:0;
	}

	.is_mobile_menu #TopNav {
		height:calc(100vh - 80px);
		overflow-y:scroll;
		background:#fff;
	}
	.is_mobile_menu html,
	.is_mobile_menu body { overflow:hidden;}

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

	#TopNav ul.navbar-nav>li>a {
		font-size: 14px;
		line-height: 20px;
		font-weight: 700;
		color: #171714;
		padding: 15px;
		display: block;
		border-top:1px solid #ddd;
		border-bottom: none;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	/*#TopNav ul.navbar-nav>li:first-child>a { border-top:none;}*/

	#TopNav ul.navbar-nav>li.dropdown [data-toggle="dropdown"] {
		margin: 0;
		top: 11px;
		left: auto;
		right: 8px;
		position:absolute;
	}
	#TopNav ul.navbar-nav>li.dropdown>.dropdown-toggle::after {
		margin: 0;
		background-color: rgba(0,0,0,0.06);
		text-align: center;
			-webkit-border-radius: 4px;
		border-radius: 4px;
	}

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

	/*== Megamenu */
	#TopNav ul.navbar-nav>li.dropdown.TrainingDropDown .dropdown-menu {
		width: 100%;
		padding: 0;
	}
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu .row { margin:0;}
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu .row>* { padding:0;}
	
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu .Title,
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu .Title a { display:none;}
	
	
	#TopNav ul.navbar-nav>li.dropdown.TrainingDropDown table {
		/*width: auto;*/
	}
	
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li.NavShortDesc { display:none;}
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li,
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li.Ind_DropDown {
		width: 100%;
		margin-left: 0;
	}
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li .Title,
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li .Title a {
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		padding: 5px 15px 6px;
	}
	
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li>ul { margin-bottom:10px;}

	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu {
		position:relative;
		padding:0 15px;
	}
	#TopNav ul.navbar-nav>li.dropdown.megamenu-li { position:relative;}
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul { display:block;}
	#TopNav ul.navbar-nav>li.dropdown .dropdown-menu.megamenu>ul>li>ul>li>a {
		padding:5px 15px;
		font-size:14px;
	}
}