*{
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;

}

.contaner{width: 100%;
	       height: auto;
	  

}

.nav-bar{width: 100%;
	     height: 15%;
	     float: left;
	        border: solid;
    border-radius: 15px;
    border-color: green;
    padding: 2%;
                 

}


.nav-bar img{position: relative;
           height: 50%;
           top: 15px
}




 .nav-bar input{
       	      width: 17%;
    height:38px;
    margin-left: 76%;
    margin-top: -22px;
   
  } 


    
    i{width: 2%;  
  	       height: 33%;
  	       margin-left: -45%;
  	       padding: 5px;
 }

 .home button{ width: 8%;
       height: 35px;
       float: left;
       position: relative;
       margin-top: -35px;
       margin-left: 73px;
       font-size: 18px;
       transition: 0.8s;
	   border-radius:14px;
	   padding:0%;
       

 } 	

 .home button:hover{ background: #c2c2bc;
 	 font-size: 20px;

 }


 .background img{width: 100%;
 	             height: 900px;
 	             border:solid;
 	             filter:blur(5px);
				 position: fixed;
 	           

 }

 .background img:active{
	
	
	filter:blur(0px);
	
}

.container-fluid{
	
	position:relative;
	top: 919px;
	left:4.20%;
	
}

.sear button{
	
	position: relative;
	left:94%;
	top:-35px;
	
}
#mainNav{
      background-color: #222222 !important;
}
.banner{
      padding: 145px 15px;
      position: relative;
    text-align: center;
    overflow: hidden;
    background:url(../img/ban1.jpg);
    background-size: cover;

}
.page-title{
       font-family: 'Roboto', sans-serif;
    font-size: 5.3rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    position: relative;
    top: 55px;
  }
#myImg {
    cursor: pointer;
    transition: 0.3s;
}
.fit {
    max-width: 100%;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    display: block;
    object-fit: contain;
}
.iscale {
    transition: 1s;
}
.white {
    background-color: #fff !important;
}
.pb-1, .py-1 {
    padding-bottom: .25rem!important;
}

.p-0 {
    padding: 0!important;
}
.m-1 {
    margin: .25rem!important;
}
.pt-1, .py-1 {
    padding-top: .25rem!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.lgb {
    background-color: rgb(249, 251, 253) !important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem!important;
}
.pt-5, .py-5 {
    padding-top: 3rem!important;
}
.key a img{
max-width: 100%;
height:100px;

}
.key{
  float: left;

}
.books{
  margin-top: 60px;
  margin-bottom: 80px;
}
.quicklinks li a {
  color: black;
}
.box a img{
  max-width: 100%;
  height: 60%
}

  .box h3{  
    text-align: center;
    background-color: black;
    color: #fed136;
    margin:0px !important;
    padding: 2rem;
      }
      .download {
        margin-top: 50px;
        margin-bottom: 30px;
        padding: 4rem;
      }