HEX
Server: LiteSpeed
System: Linux in-mum-web921.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64
User: u590867752 (590867752)
PHP: 8.2.33
Disabled: NONE
Upload Files
File: /home/u590867752/domains/himanshuartinstitute.co.in/public_html/cooding/css/menubaar.css
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 400;
    src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('../fonts/YDAoLskQQ5MOAgvHUQCcLfGwxTS8d1Q9KiDNCMKLFUM.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
  }

@font-face {
    font-family: 'DAUPHINN';
    src: url('../fonts/DAUPHINN.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
	cursor:pointer;
}



.headerpart{
    width:100%;
}

ul{list-style:none;}
.nav ul li{
    float:left;
    padding:0px 12px;
    position: relative;
    
}


.nav ul{list-style:none;margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px;padding-inline-start: 0px;}

.nav ul li a{
    text-transform: capitalize;
    display:block;
    color:#595959;
    font: normal 22px 'Yanone Kaffeesatz', sans-serif;}


.nav ul li.currentcon {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F55;
	
}


.page-artcl {padding:0px 0px 0px 12px !important;}
#page-abut .nav ul li a.curnt-abut {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-abut-archv .nav ul li a.curnt-abut {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-indx .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-dipm .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-enrc .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-crft .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-kids .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-pntg .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-skng .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-crse-trdn .nav ul li a.curnt-crse {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-wrshp .nav ul li a.curnt-wrshp {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-glry .nav ul li a.curnt-glry {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-glry-vdo .nav ul li a.curnt-glry {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-evnt .nav ul li a.curnt-evnt {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-almni .nav ul li a.curnt-almni {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-almni-work .nav ul li a.curnt-almni {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-artcl .nav ul li a.curnt-artcl {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-admn .nav ul li a.curnt-admn {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-faq .nav ul li a.curnt-admn {color: #0058B0; text-underline-position: under; text-decoration: underline;}
#page-cont .nav ul li a.curnt-cont {color: #0058B0; text-underline-position: under; text-decoration: underline;}






.nav ul li a.current{
	color: #0058B0;
	cursor: mouse;
}
.nav ul li.current a:hover {
	//color: #F55;
}

.nav ul li span.arrow {
    position: absolute;
    right: 0px;
    bottom: 7px;
    width: 7px;
    height: 8px;
    float: right;
    background: url(menu_arrow.png) no-repeat left -8px;
}


.nav ul li span.sb-arrow {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 7px;
    height: 15px;
    float: right;
    background: url(menu_arrow.png) no-repeat left 5px;
    font: 0/0 a;
}


	
	
/* ACTIVE*/

.nav ul li.currentcon span {
	/*background:url(menu_arrow.png) no-repeat left 0;*/
}

.menubar{
    display:flex;
    justify-content: end;
    align-items: center;
    position: relative;
	margin:5px auto;
}

.innersubmnu li:nth-child(1) a{ background-color: #666; color:#ffffff;}

.innersubmnu li .hedng {padding-right: 0px; font-family: arial; font-size: 14px;padding: 8px 8px; text-transform: none;
    transition: 100ms;background-color:#555; color:#fff;}
	

.headerpart .submnu{
    position: absolute;
    background:#fff;
    width:210px;
    border-top:3px solid #00B0F0;
    border-bottom:3px solid #00B0F0;
    box-shadow:2px 4px 8px rgba(0,0,0,0.5);
    display:none;
	z-index:998;
	top:25px;
}
.headerpart .innersubmnu{
    position: absolute;
    top:-3px;
    left:100%;
    background:#fff;
    width:232px;
    //border-left:5px solid transparent;
    box-shadow:2px 4px 8px rgba(0,0,0,0.5);
    display:none;
	
}



.headerpart .submnu:before,.innersubmnu:after{
    content:"";
    position: absolute;
    left:10px;
    top:-5px;
    width:8px;
    height:8px;
    background:#F3F3F3;
    transform:rotate(-45deg);
    border-top:2px solid #00B0F0;
    border-right:2px solid #00B0F0;
}
.headerpart .innersubmnu:after{
	background-image:url(tringle.png);
	transform:rotate(135deg);
	border-top:0px solid #333;
    border-right:0px solid #333;
	left:-2%;
	top:10px;
	background-color:transparent;
}
.headerpart .innersubmnu:before{
	/* content:"";
    position: absolute;
	width:3%;
	background:transparent;
	height:100%;
	top:0;
	left:-8px;*/
}
.headerpart .submnu li{
    padding:0;
    display:block;
    width:100%;
	border-bottom:1px solid #ececec;
	color:#666;
}
.headerpart .submnu li span{ float:right; font-size:12px; }

.headerpart .submnu a{
    padding-right:0px;
    font-family: arial;
    font-size:14px;
    padding: 8px;
    text-transform: none;
    transition:100ms;
}

.submnu a img{
    width:12px;
    margin-right:2px;
    display:none;
}
.nav ul li:hover .submnu{
    display:block;
}
.nav ul li ul li:hover .innersubmnu{
    display:block;
}
.headerpart .submnu a:hover{
    background: #EB268F;
    color: #fff;
}
.menuicon{
    width:40px;
    height:35px;
    /* border:1px solid #111; */
    cursor:pointer;
    background:none;
    margin-right:10px;
    display:none;
    position: relative;
	transform: scale(0.7);
}
.menuicon .ln{
    width:80%;
    height:4px;
    background:#000;
    display:block;
    position: absolute;
    left:50%;
    transform: translatex(-50%);
    border-radius:10px;
    transition:300ms;
}

.menuicon .ln:nth-child(1){
    top:20%;
    /* top:50%; */
    transform: translate(-50%,-20%);
    /* transform: translate(-50%,-50%) rotate(45deg); */
}
.menuicon .ln:nth-child(2){
    top:50%;
    transform: translate(-50%,-50%);
    /* opacity: 0; */
}
.menuicon .ln:nth-child(3){
    bottom:20%;
    /* bottom:50%; */
    transform: translate(-50%,20%);
    /* transform: translate(-50%,50%) rotate(-45deg); */
}


.innersubmnu ul li .nonefill {background:none; color:#333;}
.nonefill:hover {background:#EB268F; color:#fff;}
 
@media screen and (max-width:800px){
    .menubar{
        justify-content: flex-end;
    }
    .nav{
        display:none;
        width:240px;
        position: absolute;
        top:110%;
        right:10px;
        background:#fff;
        box-shadow:2px 4px 8px rgba(0,0,0,0.5);
        transition: 600ms;
        z-index: 998;
        border-top:2px solid #00B0F0;
		border-bottom:2px solid #00B0F0;

    }
    .nav:before{
        content:"";
        position: absolute;
        right:10px;
        top:-6px;
        width:8px;
        height:8px;
        background:#fff;
        transform:rotate(-45deg);
        border-top:2px solid #00B0F0;
        border-right:2px solid #00B0F0;
    }
    .menuicon{
        display:block;
    }
    .nav ul li{
        float:none;
        width:100%;
        padding:0px !important;
    }
    .nav ul li a{
        padding:5px 5px 5px 15px;
        cursor: pointer;
    }
    .headerpart .submnu{
        position: relative;
        width:100%;
        border-top:2px solid #EB268F;
        border-bottom:2px solid #EB268F;
        box-shadow:none;
		background-color:#F3F3F3;
		top:0px;
    }
    .headerpart .innersubmnu{
        position: absolute;
        top:-3px;
        left:-95%;
        background:#fff;
        width:230px;
        box-shadow:2px 4px 8px rgba(0,0,0,0.5);
        display:none;
      }
	
	.headerpart .innersubmnu:after{
		left:98%;
		top:10px;
		transform:rotate(-45deg);
	}
	.headerpart .innersubmnu:before{
		left:100%;
		
	}
	
    .headerpart .submnu:before{
        border-top:1px solid #EB268F;
        border-right:1px solid #EB268F;
		left: 15px;
        /* display:none; */
    }
	
	
.nav ul li span.arrow {
  left: 4px;
 right: auto;
    bottom: 14px;
}
	
	
.page-artcl {padding:0px;}
	
	
	
#page-crse-indx .nav ul li a.curnt-crse { color: #fff; text-decoration: none;  background-color: #00B0F0;}
	
	
#page-abut .nav ul li a.curnt-abut {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-abut-archv .nav ul li a.curnt-abut {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse .nav ul li a.curnt-crse { color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-indx .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-dipm .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-enrc .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-crft .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-kids .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-pntg .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-skng .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-crse-trdn .nav ul li a.curnt-crse {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-wrshp .nav ul li a.curnt-wrshp {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-glry .nav ul li a.curnt-glry {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-glry-vdo .nav ul li a.curnt-glry {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-evnt .nav ul li a.curnt-evnt {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-almni .nav ul li a.curnt-almni {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-almni-work .nav ul li a.curnt-almni {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-artcl .nav ul li a.curnt-artcl {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-admn .nav ul li a.curnt-admn {color: #fff; text-decoration: none;  background-color: #00B0F0;}
#page-cont .nav ul li a.curnt-cont {color: #fff; text-decoration: none;  background-color: #00B0F0;}
	
	
	
	
	
	
}




@media screen and (max-width:220px){
.menubar { justify-content: center;}
}


@media screen and (max-width:239px){
.headerpart .submnu li span {
    float: none;
    display: block;
}
}
@media screen and (max-width:260px){
.nav {width:95%; right:7px;}

}

@media screen and (max-width:479px){
	/*.nav {overflow-x:hidden; overflow-y: scroll;}*/
	.nav::-webkit-scrollbar-track{	height:0px;
	border-radius:20px;
	background:transparet
}





.nav::-webkit-scrollbar{ 	width:5px; background:transparet
	
}
.nav::-webkit-scrollbar-thumb:vertical{
	border-radius:20px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	transition:300ms;
	background:#EB268F;
}


	.headerpart .innersubmnu{
        position: relative;
        top:-3px;
        left:0%;
        background:#046f9521;
        width:100%;
        border-right:0px solid #EB268F;
        border-top:1px solid #EB268F;
		box-shadow:0px 0px 0px rgba(0,0,0,0.5);
      }
	
	.headerpart .innersubmnu:after{
		left:10px;
		top:-5px;
		transform:rotate(-145deg);
	}
	.headerpart .innersubmnu:before{
		left:100%;
		display:none;
	}
}




@media (min-width: 801px) and (max-width: 1040px) {
.menubar {justify-content: center;}
}

@media (min-width: 1041px) and (max-width: 1085px) {
.nav ul li a { font-size:1.92vw;}
}

/*
@media (min-width: 301px) and (max-width: 400px) {
.menubar { margin:-13.5vw auto 5px auto;}
}

@media (min-width: 401px) and (max-width: 480px) {
.menubar { margin:-13.5vw auto 5px auto;}
}

@media (min-width: 481px) and (max-width: 551px) {
.menubar { margin:-10.5vw auto 5px auto;}
}

@media (min-width: 551px) and (max-width: 640px) {
.menubar { margin:-8vw auto 5px auto;}
}


@media (min-width: 641px) and (max-width: 700px) {
.menubar { margin:-6vw auto 5px auto;}
}

@media (min-width: 701px) and (max-width: 767px) {
.menubar { margin:-5vw auto 5px auto;}
}

@media (min-width: 767px) and (max-width: 790px) {
.nav ul li {padding: 10px 11px 8px 11px !important;}
}

*/