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