*
{
	margin: 0;
	padding: 0;
	font-family: sans-serif;

}
/*----------Navigation-------*/
#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
	
}
.navbar-brand img
{
	height: 40;
	padding-left: 30;
}
.navbar-nav li
{
	padding: 0 10px;
}
.navbar-nav li a
{
	float: right;
	text-align: left;


}
#nav-bar ul li a:hover
{
	color: #007bff!important;
}
.navbar
{
	background: #fff;
}
.navbar-toggler
{
	border: none!important;
}
.nav-link
{
	color: #555!important;
	font-weight: 600;
	font-size: 16px;
	

}

/*---------------- auxiliumhome----------*/
 
#about

{
	padding-top: 40px;
	padding-bottom: 20px;



	

}
.about-content
{
	
	color: #000000!important;
	

}


/*---------------- Hostel Incharge----------*/

#team
{
	padding-top: 10px;
	padding-bottom: 30px;

	
}



/*--------Facilities-------*/


#facilities
{
	height:100%;
	width: 100%;
	background-color:   rgba(153, 102, 51, 0.1)

	

}

.img-box
{
	padding-bottom: 2%;
}


.fa
{
color: #007bff;
padding-bottom: 4%;
}

/*--------fee-------*/
#fees {


    background: #ffffff;
  	
  padding-top: 3%;
  	
  
}

.feehead
{
	color: #000000;
	padding-top: 1%;
}
.fee-content
{
	color: #000000;
}






/*---------------------------General norms---------------*/
#dur
{
	padding-top: 3%;
	background: #5abae7 !important;
	background-size: cover;

}
.general
{
	padding-top: 1%;
}
.generaltext
{
	color: #ffffff;
	padding-bottom: 5%;
	padding-left: 2%;
	padding-top: 0%;

}



/*----------------------gallery---------------------*/
#gallery
{

}
.galback
{
	margin-top: 4%;		
	background: #30649a!important;
	background-size: cover;
		background-position: center center;
	margin-bottom: 3%;
	padding-top: 4%;
}

.galtxt
{
	padding-top: 1%;
}

.flex-container
{
 height: 80%;
 width: 100%;
 display: flex;


 margin: 5% auto 0;
 box-sizing: border-box;
}
.image_box
{
	margin: 0 1%;
	flex-grow: 1;
	flex-basis: 0;
	transition: .5s;
	margin-bottom: 6%;
}
.image_box img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

.image_box:hover
{
flex-basis: 50%;
}

.active
{
flex-basis: 50%;
}
.flex-container:hover .active
{
flex-basis: 0;
}
.image_box:nth-child(1):hover
{
flex-basis: 50%;
}

/*----------------------------------contact us------------------------------*/

.contact
{	
	margin-top: 2%;
	position: relative;
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(pic/10.jpg);
	margin-bottom: 0%;
	background-size: cover;
	background-position: center;
	
}
.contactimg
{
	margin-top: 2%;
}
.headcon
{
	color: #fff;
	padding-bottom: 3%;
}


.form-group textarea
{
	resize: none;
}

.btn
{
	background: linear-gradient(to right, #1e4eea, #57bcf5);
}

/*---- ---------------address-------*/

.address h5
{
	margin-top: 6%;
	padding-top: 2%;	
	margin-bottom: 0;
	background: rgba(98,180,69, 0.4);	
	padding-left: 5%;
	color: #ffffff;
	
}

.address p
{
	padding-left: 4.5%;
	font-size: 16px;
}
.footer
{
	margin-top: 3%;
	background: #333;
	color: #fff;
	padding: 12px;
	text-align: center;