@charset "utf-8";
/* CSS Document */

.toggleMenu, .toggleMenu2 {
    padding: 5px 0px 0px 5px;
    background: #f06d2a;
    border-radius: 20px;
}

.menu{ background-color:#069099; position:relative; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.49); z-index:3; } 
@media (min-width:769px) {
   .menucont { overflow-x: scroll; width: 100%; margin-bottom: 5px; padding-bottom: 10px; }
   .menucont::-webkit-scrollbar {
        height: 5px;
        border-radius: 3px;
   }
   .menucont::-webkit-scrollbar-track-piece {
        background-color: #efefef;
   }
   .menucont::-webkit-scrollbar-thumb {
        height: 5px;
        background-color: #3b389e;
        border-radius: 3px;
   }
   .menucont .nav { flex-wrap: nowrap; }

}

.nav { list-style: none;
     *zoom: 1; padding:0px 8px; margin: 15px 0px 0px 0px !important; }
	 
.nav:before,
.nav:after {
    content: ""; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul { list-style: none; width: 250px; }
.nav li { /* position: relative; */ margin-right:3px; }
.nav li a { font-size: 14px; font-weight: 500; color:#000; padding: 0px 12px 0px 12px; margin: 5px 5px 5px 0px; text-transform: uppercase; }
.nav li a.menuarrow { padding-right: 13px; position: relative; }
.menuarrow:after { content:'\f0d7'; font-family: 'Font Awesome 6 Free'; font-weight: 600; font-size: 12px; color: #f1740d;
	display: block; position: absolute; right: 0px; top: 3px; }
.nav li > a:hover, .nav li a.select { color: #ff810b; }
.nav > li:hover > a, .nav > a:hover{ color: #ff810b; } 
.nav > li li:hover > nav li a, .nav > a:hover {background-color:#ff810b;}
.nav > li { float: left; }
.nav > li > .parent { }
.nav > li > a { display: block; }
.nav li ul { /* display:none; */ position: absolute; left: -9999px; border-radius:0px 0px 3px 3px; 
	box-shadow:0px 3px 3px rgba(0, 0, 0, 0.34); background-color: #fafafa; padding:0px 2px 2px 2px;
	border-radius: 0px 0px 20px 20px; }
.nav li ul li {	margin:0px ; padding:0px; }
.nav > li.hover > ul { left: 0px; display: block; z-index:1000000000000; right: 0; margin: auto; }
.nav li li.hover ul { top: 0px; }
.nav li li { padding:0px; margin:0px; border-radius:0px; }
.nav li li a {
	height:auto !important;
    display: block;
	padding:10px 16px;
	margin:0px 0px 0px 0px;
	line-height:normal;
    position: relative;
	text-shadow:none; color:#000; 
	text-transform:none;	
}
.viewallink { font-size: 13px!important; color: #f1740d!important; }




/* .nav li li:last-child > a{border-bottom:none;} */

/*.nav li li li a {
    background:#16af5f;
    z-index:200;
    border-top: 1px solid #1d7a62;
}*/

.nav li li > a:hover {
    background-color:#00b0bb; color:#fff; border:none; border-top:none;
}
.nav li li:last-child > a:hover{border-bottom:none;}

/* career menu start */
.careermenu { width:550px !important; padding:0px 10px 10px 0px !important; }
.careermenu li { width:48%; float:left; margin:10px 0px 0px 10px !important; }
.careermenu li a { /* background-color:#088088 !important; */ border:1px solid #1ab6c0 !important; }
/* career menu ENd */

/* entrance exam Start */
.ent-exams-menu { width: 90%!important; padding:15px !important; /* background-color:#f3f5fb !important; */ }
.ulposition { position:static !important; background-color:transparent !important; box-shadow:none !important; /*width:auto !important;*/ }
/* entrance exam ENd */


/*@media screen and (max-width: 1266px){
	.nav li a{ padding:10px 35px;}
	}

@media screen and (max-width: 1186px){
	.nav li a{ padding:10px 30px;}
	}

@media screen and (max-width: 1119px){
	.nav li a{ padding:10px 25px;}
	}
	

	
@media screen and (max-width: 1052px){
	.nav li a{ padding:10px 20px;}
	
	}	
	
@media screen and (max-width: 934px){
	.nav li a{ padding:10px 15px;}
	
	}
	
@media screen and (max-width: 870px){
	.nav li a{ padding:10px 10px;}
	
	}

@media screen and (max-width: 807px){
	.nav li a{ padding:10px 9px; font-size:15px;}
	
	}*/		
	
	
/* second MENU start */
.nav2 {
    list-style: none;
     *zoom: 1; padding:0px 8px;
	 margin:-2px 0px !important; display:block; }
	 
.nav2:before,
.nav2:after {
    content: ""; 
    display: table; 
}
.nav2:after {
    clear: both;
}
.nav2 ul {
    list-style: none;
}

.nav2 li { position: relative; margin:0px 0px -5px 0px; padding:0px; border-right:1px solid #4ea8d8; }
.nav2 li:last-child  { border-right:0 !important; }


.nav2 li a{ font-family: 'OpenSansSemibold'; font-size:12px; color:#fff; padding:6px 10px 7px 10px; margin:0px; text-transform:uppercase }

.nav2 li > a:hover, .nav2 li a.select{ background-color:#004f7a }

.nav2 > li:hover > a, .nav2 > a:hover{ background-color:#004f7a }
 
.nav2 > li li:hover > .nav2 li a, .nav2 > a:hover { background-color:#004f7a }
 
 

.nav2 > li {
    float: left;
}
.nav2 > li > .parent {
   
}
.nav2 > li > a {
    display: block;
}
.nav2 li ul {
	/* display:none; */
    position: absolute;
    left: -9999px; border-radius:0px 0px 3px 3px; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.34) ; padding:0px 2px 2px 2px;
}
.nav2 li ul ul {
    position:relative; left:0; width:auto; box-shadow:none; margin:0px; padding:0px;
}

.nav2 li ul li {
	margin:0px ; padding:0px;
}
.nav2 > li.hover > ul {
    left:-1px;
	display:block; z-index:1000000000000; 
}

.nav2 li li.hover ul {
    /* left: 100%; */
    top: 0px;
}



.nav2 li li {
	padding:0px;
	margin:0px; border-radius:0px; border:0;
}
.nav2 li li a {
    display: block;
	padding:0px 0px 0px 5px;
	margin:3px 0px 3px 5px;
	font-weight:normal;
    font-family: 'OpenSansRegular';
	font-size:12px;
	text-transform:none;	
	line-height:normal;
}

.nav2 li li > a:hover {
    background-color:#; color:#fbd34c; border:none; border-top:none;
}
.nav2 li li:last-child > a:hover{border-bottom:none;}

/* customised */
.top-link-bg { background-color:#004f7a; padding:15px 8px; }
.topsubouter { display:inline-block; margin:0px 15px 15px 15px; }
.nav2hd {  font-family: 'OpenSansSemibold'; font-size:13px; color:#fbd34c; font-weight:normal; margin-bottom:10px; }
.topdrop { margin:0px 0px 0px 10px; font-size:10px !important; color:#4ea8d8; padding-top:-10px !important; }

/* second MENU end */

	
	
			

@media screen and (max-width: 780px) {
.nav {
	 display:none;
}

.menu{ width:100%; float:; clear:both; }
    
.toggleMenu {
    display:  none;
}

/*
.nav li a{background:#000; color:#fff; opacity:1;}
.nav li > a:hover, .nav li a.select{  background:#003372 !important; color:#fff;}


	
	.nav li a{ padding:10px 0px 10px 5px;}*/
	.nav li li a{ color:#fff; padding:6px 28px;}
	.active {
        display: block;
    }
    .nav > li {
        float: none; width: 100%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
	
	.nav > li.hover > ul{width:100%;}
	
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.careermenu { width:100% !important; padding:0px !important; }
	.careermenu li { width:100%; float:none; margin:2px 0px !important; }
	.careermenu li a { border:0px solid #1ab6c0 !important; border-bottom:1px solid #1ab6c0 !important; }
	.ent-exams-menu { width:100% !important; float:none !important; margin:2px 0px !important; }
	
	
	
	
	
	
/* second MENU start */
.nav2 {
	 display:none;
}
    
.toggleMenu2 {
    display:  none;top:100px;
	
}
	.nav2 li { border-right:0; border-bottom:1px solid #4ea8d8; margin:0px; }
	.nav2 li li a{ color:#fff; padding:12px 8px;}
	
	.active2 {
        display: block;
    }
    .nav2 > li {
        float: none;  
    }
    .nav2 ul {
        display: block;
        width: 100%;
    }
	
	.nav2 > li.hover > ul{width:100%;}
	
   .nav2 > li.hover > ul , .nav li li.hover ul {
        position: static; box-shadow:0 none;
    }
	
}


@media only screen and (max-width: 580px) {
    .toggleMenu { position: absolute; right: 15px; top: 30px; }
    
}