.ddsmoothmenu { float:left; padding:0px; transition:all 0.4s ease;  margin:0px;  }

.ddsmoothmenu { float: left; width: 100%; padding:0px; font-size:16px;  text-transform:none;  -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;  margin:0px 0px 0 0; }
.ddsmoothmenu ul { display: flex; z-index:10; margin:0; padding:0px 0px; list-style-type: none; width: 100%; justify-content: center; }
/*Top level list items*/
.ddsmoothmenu ul li { flex: 0 1 auto; padding:0px 0; margin:0px 0px 0 0; line-height: 34px; float: left; position: relative; }
.ddsmoothmenu ul li.mega-menu { position: inherit;}
.ddsmoothmenu ul li a { display: block; color:#FFFFFF; text-decoration:none; padding:10px 18.3px; position:relative; font-size: 14px; letter-spacing: 0.5px;font-family: 'PPFormula-Medium'; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;  }
.ddsmoothmenu ul li a::after { position: absolute; content: ""; background: rgba(255,255,255,0.15); right: 0px; top: 0; width: 1px; height: 100%;}
.ddsmoothmenu ul li.has-dropdown a span { display: inline-block; margin: 0 0 0 3px; border-left: 4px solid transparent; border-right: 4px solid transparent;
border-top: 5px solid #FFFFFF;}
.ddsmoothmenu ul li.has-dropdown:hover a span {border-top: 5px solid #FFFFFF;}
.ddsmoothmenu ul li:last-child{padding-right:0px; margin-right:0;}
.ddsmoothmenu ul li:last-child:after { display: none;}
.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.active { background: #0e95bb;}
.ddsmoothmenu ul li:last-child a::after { display: none;}
.ddsmoothmenu ul li .amazonmenu > ul li a:hover { background: none;}

.mega-menu-content, .sub-menu-container {position: absolute;visibility: hidden;width:240px;list-style: none;background-color: #fff;  z-index:9999; top:100%;left:0;padding: 0;transition: all .4s ease;}
.ddsmoothmenu>ul>li:not(.mega-menu) .sub-menu-container { padding:0px;}
.ddsmoothmenu ul li .mega-menu-content, .ddsmoothmenu ul li .sub-menu-container { padding: 50px 0 50px; display: block;opacity: 0;margin-top:30px;z-index: -9999; pointer-events: none; transition: all .3s ease; box-shadow: 0 20px 20px rgba(0,0,0,0.25);}
.ddsmoothmenu ul li:hover > .mega-menu-content, .ddsmoothmenu ul li:hover .sub-menu-container {opacity: 1;visibility: visible;margin-top: 0;z-index: 399;pointer-events: auto;transition: opacity .2s ease, margin .25s ease, visibility .15s ease;}
/* .ddsmoothmenu ul li .mega-menu-content a::after, .ddsmoothmenu ul li .sub-menu-container li a::after { display:none; } */
.ddsmoothmenu ul li .sub-menu-container li { width:100%; margin:0px; padding:0px; border-bottom:1px solid #eeeeee; transition:all .4s ease;}
.ddsmoothmenu ul li .sub-menu-container li a { display:block; font-family:'Montserrat'; font-weight:400; font-size: 14px;color: #3f4042;line-height:22px;padding:8px 16px;text-transform:none;}
.ddsmoothmenu ul li .sub-menu-container li:hover { ackground:#f5f5f5; }
.ddsmoothmenu ul li .sub-menu-container li:hover a, .ddsmoothmenu ul li .sub-menu-container li a:hover { color:#ff8920; padding-left:20px; }

.mega-menu-content {width:100%;}
.ddsmoothmenu > ul>li:not(:hover) > .sub-menu-container > * {display: none;}
.ddsmoothmenu ul li #tab-nav {padding: 0 30px;background-color: #F9F9F9;border-bottom: 1px solid #EEE; text-align:center;}
.ddsmoothmenu ul li #tab-nav a { position:relative; display:inline-block; color: #333;padding:5px 20px;text-transform: uppercase;font-size:14px;letter-spacing: 1px;}
.ddsmoothmenu ul li #tab-nav a.active, .ddsmoothmenu ul li #tab-nav a:hover {color: #0f8ffa;}
.ddsmoothmenu ul li #tab-nav a::before { position:absolute; content:''; background:#0f8ffa; width:0px; height:2px; left:50%; bottom:0; transform:translateX(-50%);  transition:all 0.4s ease; }
.ddsmoothmenu ul li #tab-nav a.active::before, .ddsmoothmenu ul li #tab-nav a:hover::before { width:100%; }

.tab-pane { display:none; padding:20px 0; float:left; width:100%; }
.tab-pane.show {
    display: block;
}
.menu-column { float:left; width:22.5%; margin-right:3%; }
.ddsmoothmenu ul li .menu-column h2 { display:block; font-family: 'OpenSans-SemiBold';font-size: 14px;color: #3f4042;line-height:20px;padding:0 0 8px;text-transform:none;}
.ddsmoothmenu ul li .menu-column li { width:100%; margin:0px; padding:0px; transition:all .4s ease; }
.ddsmoothmenu ul li .menu-column li a { position:relative; display:block; font-family: 'OpenSans-Regular';font-size: 14px;color: #606060;line-height:20px;padding:3px 0 3px 5px;text-transform:none;}
.ddsmoothmenu ul li .menu-column li:hover { ackground:#f5f5f5; }
.ddsmoothmenu ul li .menu-column li:hover a, .ddsmoothmenu ul li .menu-column li a:hover { color:#ff8920; padding-left:8px; }
.ddsmoothmenu ul li .amazonmenu > ul li ul li a::before{display: none;}
.ddsmoothmenu ul li .amazonmenu > ul li ul li.hassub a{padding-left: 0;}
.tab-pane { float:left; width:100%; padding:40px 0; }
.amazonmenu { float:left; flex: 0 1 80%; width: 60%;}
.amazonmenu ul{	list-style: none;margin: 0;padding: 0; display: inherit;}
.ddsmoothmenu ul li .amazonmenu ul li{position: static; float: left; width: 50%;padding:0px 40px 0 0;}
.amazonmenu > ul{background: white;border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; border-radius: 0px;width: 100%; padding: 0 0px; /* width of main menu */height: auto; /* height of main menu */position: relative;float: left;}
.menu-col-sec { width: 93%; margin: 0 auto;}
.amazonmenu h3  { color: #333333; font-size: 18px; line-height: 24px; font-family:'PPFormula-Extrabold'; margin-bottom: 15px; }
.amazonmenu.facultywise {width: 35%; float: right;}
.ddsmoothmenu ul li .amazonmenu.facultywise ul li{width: 100%;}


.ddsmoothmenu ul li .amazonmenu > ul li a{color: #333333;display: block;overflow: auto;padding:5px 0px 5px 25px;position: relative;text-decoration: none;
text-indent: 0px; font-family:'NeueMontreal-Regular'; font-size:15px; line-height:26px; }
.ddsmoothmenu ul li .amazonmenu > ul li a:after { position: absolute; display: block; content: "\e8ae"; left: 0; top: 6px; font-size: 14px; font-family: "feather"; color: #00A7C1; background: none; width: auto; height: auto;} 
.amazonmenu ul li.hassub:hover > a, .amazonmenu ul li a:hover { font-family:'NeueMontreal-Regular'; color: #00A7C1;}
.ddsmoothmenu ul li .amazonmenu ul > li.hassub > ul.issub > li:hover > a { font-family:'NeueMontreal-Regular'; color: #00A7C1;}
.ddsmoothmenu ul li .amazonmenu > ul li a:hover { color: #00A7C1;}
.ddsmoothmenu ul li .amazonmenu ul li.hassub.first ul { width: 650px; padding-left: 30px; border: none;}
.ddsmoothmenu ul li .amazonmenu ul li .img-cnt { width: 100%; left: 0; position: relative; display: flex; column-gap: 4%; padding: 0; border: none;}
.ddsmoothmenu ul li .amazonmenu ul li .img-cnt .depart-img { flex: 0 1 50%; }
.ddsmoothmenu ul li .amazonmenu ul li .img-cnt .depart-img img { width: 100%;}
.ddsmoothmenu ul li .amazonmenu ul li .img-cnt .depart-txt { flex: 0 1 45%; margin-top: 20px;}
.ddsmoothmenu ul li .amazonmenu ul li .img-cnt .depart-txt h4 { color: #333333; font-size: 18px; line-height: 24px; font-family:'PPFormula-Extrabold'; margin-bottom: 20px;}
.ddsmoothmenu ul li .amazonmenu ul li .img-cnt .depart-txt p { color: #666666; font-size: 16px; line-height: 24px; font-family:'PPFormula-Extrabold';}
.ddsmoothmenu ul li .amazonmenu ul li.hassub.open a::after { opacity: 1;}
.ddsmoothmenu ul li .amazonmenu ul li.hassub.open a { font-family:'PPFormula-Extrabold'; color: #00A7C1;}
.ddsmoothmenu ul li .amazonmenu ul > li.hassub:hover > a::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 3px; background: #00A7C1; height: 100%; opacity: 1; }
.ddsmoothmenu ul li .amazonmenu ul > li.hassub > ul.issub > li:hover > a::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 3px; background: #00A7C1; height: 100%; opacity: 1; }

@keyframes fade {
	0% { opacity:0; transform:translateX(-20px)}
	100% { opacity:1; transform:translateX(0px)}	
}

.amazonmenu ul li > div, .amazonmenu ul li > ul{ 
	font-weight: normal;
	width:calc(100% - 0px);
	height: 100%;
	background:#ffffff;
	left:calc(100% + 0px);
	padding:0;
	position: absolute;
	top: 0;
	z-index: 1000; 
	opacity:0;
	visibility:hidden;
	transform:translateX(-30px);
	transition: opacity .55s ease, transform .4s ease, visibility .1s ease;
	border-left: 1px solid #ccc;
}
.amazonmenu ul li.hassub:hover > ul{ opacity:1;visibility:visible;transform:translateX(0px);z-index:1001;}
.ddsmoothmenu ul li .amazonmenu ul > li.hassub ul.issub li a > div li a  { font-size: 22px; font-family:'PPFormula-Extrabold'; color: #333333; text-transform: none; padding:10px 40px; line-height: 28px; }
.amazonmenu > ul li ul.issub li a:hover { font-family:'PPFormula-Extrabold'; color: #00A7C1; }
.amazonmenu > ul li ul.issub li > div{border-left: 1px solid #cccccc;padding: 0px 0 0 0%;transform:translateX(0);}
.amazonmenu > ul li ul.issub li > div ul li a { font-size: 18px; line-height: 24px; color: #292929; border: none; padding: 10px 30px;}
.amazonmenu > ul li ul.issub li:hover > div{ opacity:1;visibility:visible;transform:translateX(0px);z-index:1001;  padding-right:0px; }
.amazonmenu > ul li ul.issub li div a { display:inline-block; position:relative; font-family: 'PPFormula-Extrabold'; font-size:18px; color:#292929; line-height:24px; text-transform:none; 
padding:0px 0 0px; margin:0; border-bottom:0px solid #e0e0e0; }
.amazonmenu ul li.open ul, .amazonmenu ul li.open > div { opacity:1;visibility:visible;transform:translateX(0px);z-index:1001;}


/* ###### CSS Media queries ###### */
@media screen and (max-width: 480px){ 
	.amazonmenu ul li > div, .amazonmenu ul li > ul{ left: 30px;}
	.amazonmenu > ul li.hassub.selected::after{ background: #eee;content: '';height: 100%;left: 0;opacity: .8;pointer-events: none;position: absolute;top: 0;width: 100%;z-index: 1;}
}

.ddsmoothmenu ul li .sub-menu ul {padding:0px 0px;display: block;position: absolute;visibility: hidden;opacity: 0;margin-top: 30px;box-shadow: 0 20px 20px rgba(0,0,0,0.25);width: 240px;list-style: none;background-color: #fff;z-index: 9999;top:100%;left: 0;transition: all .4s ease;border-radius:0px;}
.ddsmoothmenu ul li .sub-menu ul:after {content: '';position: absolute;top:-7px;left:40px;width: 0; height: 0; border-left:8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;}
.ddsmoothmenu ul li.sub-menu:hover ul { opacity:1;margin-top:-1px;visibility: visible;}
.ddsmoothmenu ul li.sub-menu ul li a {color: #333333;display: block;overflow: auto;padding: 8px 20px;position: relative;text-decoration: none;text-indent: 0px;font-family: 'NeueMontreal-Regular';font-size: 15px;line-height: 26px;border-bottom: 1px solid #ddd;width: 100%;} 
.ddsmoothmenu ul li.sub-menu ul li:last-child a {border-bottom: none; }
.ddsmoothmenu ul li.sub-menu ul li { width: 100%;}
.ddsmoothmenu ul li.sub-menu ul li a:hover { background: #0e95bb; color: #ffffff;}
.amazonmenu-rht { float: left; width: 40%; position: relative; padding: 13px;}
.amazonmenu-rht::before {content: ""; position: absolute; right: 0px; top:0px; background: url(../images/chancellor-bg.svg) no-repeat center center; width: 59px; height: 60px; transform: rotate(180deg);}
.amazonmenu-rht:after {content: ""; position: absolute; left: 0px; bottom:0px; background: url(../images/chancellor-bg.svg) no-repeat center center; width: 59px; height: 60px;}
.amazonmenu-rht img { float: left; width: 100%;}
.down-arw { background: url(../images/arrw-down.svg) no-repeat 0 11px;  width: 15px;height: 26px;float: right;z-index: 9;margin-left: 10px;}
.ddsmoothmenu ul li a:hover .down-arw { background: url(../images/arrw-down-w.svg) no-repeat 0 11px;}

