header{

    width: 100%;
    height: auto;
}
#preloader{
	margin: auto;
	z-index: 10;
	background-color: white; 
	float: left;width:100%;
	height:100vh;
	position: fixed;
}

.topmenubar{

    width: 100%;
    height:30px;
}
.slider{
    height: 400px;
    width: 70%;
    background-color: darkgreen;
    float: left;
}

.newsbar{
    width: 30%;
    height: 400px;
    background-color: white;
    float: left;
}

.scrollnews{
    width: 100%;
    height: 50px;
    background-color: white;
    float: left;
    border-bottom: 1px solid black;
}

#latlogo{
    width: 20%;
    background-color: sienna;
    float: left;
    height: 100%;
    color: white;
    font-weight: bolder;
    line-height: 45px;
    text-align: center;
}

#snewshead{
    width: 80%;
    height: 100%;
    float: left;
    line-height: 45px;
    color: blue;
}

.col1-vermenu{
    width: 25%;
    height: 400px;
    float: left;
    background-color: white;
}

.col2-hs{
    width: 47%;
    margin-right: 20px;
    height: 370px;
    float: left;
    background-color: white(53, 23, 248);
    border: 2px solid chocolate;
    border-radius: 5px;
    margin-top: 15px;

}
.col3-vc{
    width: 25%;
    height: 370px;
    float: left;
    background-color: white(131, 131, 133);
    border: 2px solid chocolate;
    border-radius: 5px;
    margin-top: 15px;

}



.col4-syllabus{
    margin-top: 20px;
    width: 30%;
    height: 370px;
    float: right;
    background-color:white;
    border: 2px solid chocolate;
}

.col5-mettings{
    margin-top: 20px;
    width: 29%;
    margin-right: 10px;
    height: 370px;
    float: right;
    background-color: white;
    border: 2px solid chocolate;

}
.col6-Notification{
    width: 39%;
    height: 370px;
    margin-top: 5px;
    float: left;
    background-color:white;
    border: 2px solid chocolate;

}

.links{
    margin-top: 10px;
    width: 100%;
    height: 130px;
    float: left;
    background-color: tomato;
}

.footer{
    width: 100%;
    height: auto;
    float: left;
    background-color: chocolate;
}


/*-----top Menubar Style-------*/
/*--------------------menu style------------------*/

.menu1{

	background-color: chocolate;
	list-style: none;
	position: relative;
}
.menu1>li{
padding: 5px;
display: inline-flex;
}
.menu1>li>a{
	color: white;
	display: block;
	font-size: 12PX;
}
.menu1>li:hover{
background-color: white;
transition: 0.5s ease-out;
}
.menu1>li:hover> a{
	color: black;
	text-decoration: none;
}
.menu1>li:active{
	background-color: white;
	color: black;
}

.submenu{
	display:none;
	margin-top:25px;
	position: absolute;
	list-style: none;
	height: auto;
	width:250px;
	border-radius: 5px;
	transition: all 1s linear;
	z-index: 11;
	background-color: chocolate;
	padding-bottom: 10px;
	padding-top: 10px;
	box-shadow: -2px 2px rgb(187, 186, 186);
	padding-left:0px;
}
.submenu>li{
	padding: 5px;	
	color:red;
	background-color: chocolate;
	width:220px;
	font-size: 12PX;
margin:auto;
}
.submenu>li>a{
	color: white;
	text-decoration: none;
}
.submenu>li:hover>a{
	color:blue;
}
.submenu>li:hover{
	background-color: rgb(250, 250, 250);
}
#submenu2{
position: absolute;	
display: none;
float: left;
margin-left: 210px;
margin-top: -25px;
}
#submenu2>li:hover>a{
	color: red;
	text-decoration: none;
}
.submenu>li:hover>#submenu2{
	display: block;
}



.menu1>li:hover>#submenu{
	display: block;
}
/*-----Slider Style-------*/
.carousel-item>p{

    margin-top:-50px;position: absolute;
    width: 100%;
    background-color: rgb(27, 27, 27);
    opacity: 0.7;
    height: auto;
    color: white;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-top: 5px;
    }
    .carousel-inner{
        height: 400px;
    }
    .carousel-inner>.carousel-item{
        height: 100%;
    }


    /*----tab designs----*/
    input { display: none; }                /* hide radio buttons */
        input + label { display: inline-block } /* show labels in line */
        input ~ .tab { display: none }          /* hide contents */
        /* show contents only for selected tab */
        #tab1:checked ~ .tab.content1,
        #tab2:checked ~ .tab.content2,
        #tab3:checked ~ .tab.content3,
        #tab4:checked ~ .tab.content4,
        #tab5:checked ~ .tab.content5 { display: block; }


        input + label {             /* box with rounded corner */
          border: 1px solid #999;
          background: chocolate;
          padding: 4px 12px;
          position: relative;
          color:white;
          width:32%;
          height:40px;
          line-height:30px;
          text-align:center;
        }
        input:checked + label {     /* white background for selected tab */
          background: #FFF;
          border-bottom: 5px solid chocolate;
          color:black;
        }
        input ~ .tab {          /* grey line between tab and contents */
          padding: 12px;
          height:310px;
          width:100%;
          background-color:white;
          overflow-y:scroll;
		  text-align:justify;
        }
        
//*-----------------------news section tabs designs-------------*//
        input[name=tabb] {
          display: none;
        }
        input[name=tabb]+label {
          display: inline-block;
        }
        input[name=tabb]~.tabl{
          display: none;
        }
        #but1:checked~.details1.tabl,
        #but2:checked~.details2.tabl{
        display: block;
        }
        input[name=tabb]+label{
          border: 1px solid #999;
          background: chocolate;
          padding: 4px 12px;
          position: relative;
          color:white;
          width:197px;
          height:40px;
          line-height:30px;
          text-align:center;
          transition: all 1s ease;
          cursor: pointer;
        }
        input[name=tabb]:checked+label{
          background-color: white;
          color: black;
        }

    
        .tabl{

overflow-x: hidden; overflow-y: auto; height: 450px; width: 100%;  }

/*----Vertical Menu designs----*/
.vmenu{
    width: 250px;
    float: left;
    margin-top: 10px;
    border-radius: 5px;
    margin-left: 40px;
    padding-bottom: 0;
}
.vmenu ul{
    list-style: none;
    text-decoration: none;
    transition: 1s all ease;
    position: relative;
}
.vmenu ul li{
    width: 220px;
    border-bottom: 1px solid white;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: calibri;
    font-weight: bold;
}
.vmenu ul li:first-child{
    margin-top: 5px;
}

.vmenu ul li:last-child{
    border: none;
    padding-bottom: 0;
}
.vmenu ul li>a{
    text-decoration: none;
    color: white;
    padding-left: 15px;
}
.vmenu ul li:hover>a{
color: black;}
.vmenu ul li:hover{
    background-color: white;
}
#submenu-v{
    position: absolute;
    margin-left: 220px;
    background-color: chocolate;
    list-style: none;
    margin-top: -25px;
    width: 250px;
    border-radius: 5px;
    height: auto;
    display: none;
    transition: all 1s linear;
}
#submenu-v>li{
    width: 220px;
    border-bottom: 1px solid white;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: calibri;
    font-weight: bold;
}
#submenu-v>li:last-child{
    border: none;
}

.vmenu ul li:hover>#submenu-v{
    display: block;
}





/*Mobile Menu*/