body, 
form, 
fieldset, 
ol, 
ul, 
li, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p {
    margin:0;
    padding:0;
}
img {
    border:0; 
    vertical-align:bottom;
}
body{
    background-color: #e1dcc5 !important;
}


/* Top nav css start */
header{
    height: 180px;
    align-content: center;
    margin-bottom: 20px;
}
.topnav{
    background-color: #000;
    padding: 10px;
    overflow: hidden;
}
.topnav img{
    width: 15%;
}
.top_left{
    float: left;
}
.top_right{
    float: right !important;
}
.top_right button{
    background-color: #000;
    color: #FFFFFF;
    border: 2px solid #7c7a7a;
    border-radius: 5px;
}
.heart{
    color: red;
}
.menu{
    width: 100%;
    height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.dropdown_section{
    padding-top: 20px;
}
.dropdown{
    cursor: pointer;
}
.search-box {
    margin: 100px auto;
}
.search-box .btn-light {
    border: 1px solid #ced4da;
}
.search_section{
    padding-top: 20px;
}
.menu_button{
    padding-top: 20px;
}
.log_in{
    background-color: #e1dcc5;
    border: none;
    font-size: 20px;
    cursor: pointer;
}
.sign_up{
    background-color: #0376b8;
    border: .1px solid #FFF;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 20px;
    cursor: pointer;
}
.search_button{
    background-color: #FFFFFF !important;
    border: none !important;
}
.all_btn{
    margin: 0px !important;
    border: .01px solid #FFFFFF !important;

}
.form-control{
    border: 1px solid #FFFFFF !important;
}

/* Start the main section */
.main{
    background-color: #FFFFFF;
    width: 100%;
    height: 900px;
    border: 1px solid rgb(177, 174, 174);
    border-radius: 5px;
    padding: 10px;
    padding-top: 20px;
    margin-bottom: 20px;
}
/* forst Slide */
.library_heading{
    color: #02598b;
}
.carousel {
	margin: 30px auto 60px;
	padding: 0 80px;
}
.carousel .carousel-item {
	text-align: center;
	overflow: hidden;
}
.carousel .carousel-item h4 {
	font-family: 'Varela Round', sans-serif;
}
.carousel .carousel-item img {
	max-width: 100%;
	display: inline-block;
}
.carousel .carousel-item .btn {
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	background: #a177ff;
	padding: 6px 15px;
	margin-top: 5px;
}
.carousel .carousel-item .btn:hover {
	background: #8c5bff;
}
.carousel .carousel-item .btn i {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.carousel .thumb-wrapper {
	margin: 0px;
	text-align: left;
	background: #FFFFFF;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);  
    border: 1px solid rgb(182, 181, 181); 
}
.carousel .thumb-content {
	padding: 15px;
	font-size: 13px;
}
.carousel-control-prev, .carousel-control-next {
	height: 40px !important;
	width: 40px !important;
	background: #0376b8;	
    margin-top: 50px;
	border-radius: 50%;
	border: 3px solid #0376b8;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 35px;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -30px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: #FFFFFF;
	text-shadow: none;
	font-weight: 800;
    width: 40px;
    height: 40px;
    text-align: center;

}

.carousel-control-prev i {
	margin-left: 0px;
}
.carousel-control-next i {
	margin-right: 0px;
}
.carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border: none;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: #555;
}
.first_slider{
    height: 200px;
}
.img-box{
    padding: 10px;
}