@import "https://afiqa.net//static/fonts/fonts/styles.css";

* {
    font-family: 'Cairo-SemiBold';

}

a {
    color: inherit;
}

.row {
    position: relative;
}

.column {
    margin-bottom: 5px;
}

img:not(.img) {
    width: 100%;
    height: auto;
}

@keyframes imgbg {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}

a:hover {
    color: inherit;
}

.imgbg {
    width: 100%;
    height: 200px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.imgbg:hover {
    /*animation: imgbg 3s linear;
    background-position: 0% 100%;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'HacenLinerXL';
}

.fluid {
    max-width: 100%;
}

body {
    background: url('https://afiqa.net//static/images/site/background.png');

}

 .header{
  background: url('https://afiqa.net//static/images/site/header_bg2.png');
 height: 180px;
 border-bottom: rgb(199, 163, 108) solid 10px;
    background-position: center;
 }
 .title{
     font-size: 20px;
     margin-top: 30px;
     float: right;
     color: rgb(255, 255, 255);
    margin-right: 20px;
 }
.row_search{
padding-right:17px;
padding-top: 5px;
margin-top:14px;
 background-color: rgb(238, 236, 225);
 height: 50px;
}
.selectStyle{
width:130px;
height:40px;
margin-right:10px;
padding-top:0.3rem;
}

.search_button{
    margin-right: 25px;
    margin-top: 4px;
    padding-left: 10px;
    width: 97px;
    height: 32px;
    background: #ff6138;
    padding-right: 10px;
    padding-top: 8px;
}

.tag{
background:#eeeeee;
    margin-bottom: 2px;
    border:solid #e2e2e2 1px;
}
.value{
 background:#fff;
}

.authors_book{
background-color: rgb(239, 236, 202);
padding: 10px;

}
.library{
 background-color: rgb(190, 235, 159);
    padding: 10px;
}

.library .li{
padding-right:5px;
}

.logo_image{

text-align: center;
margin-bottom:22px;
}
.rectangle_search{
 background-color: rgb(199, 163, 108);
 width:450px;
 height:48px;
margin-right:auto;
margin-left:auto;
border-radius: 15px;
}
.input_{
margin-right:13px;
border-radius: 5px;
height:37px;
margin-top: 5px;
}
.submit_search{
    margin-right: 10px;
    margin-top: 7px;
    border-radius: 5px;
    width: 76px;
    height: 33px;
    background-color: rgb(30, 83, 122);
        padding-top: 8px;
}
.footer{
height:55px;
 background-color: rgb(199, 163, 108);
width:100%;

}
.All_right{
text-align:left;
color:rgb(255, 255, 255);
  padding-top: 18px;
}
.social_media{
padding-left:65px;
padding-top:15px;
}
.social_media_item{
margin-right:7px;

}
.social_media_image{
max-width: 26px;
float: left;
}
.div_map_{

    border-top: 6px solid #ebebeb;
padding-left:65px;
padding-right:65px;
}
.header_menu{
 background-color: rgb(199, 163, 108);
 border-radius:20px;
 height: 32px;
 margin-left: 7px;
 transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.header_menu:hover{
background:#fbc02d;
}
.menu{
margin-top:10px;

}
.header_menu a{
font-size:13px;
color:#fff;
}
.LogoEllipse{
max-width: 117px;
margin-top: -89px;

}
.cell_menu{
float: left;
margin-left: 20px

}
.logo_text{
margin-top: -10px;
}

/* library fixed */


	.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		left:  -145px;
		top: 305px;
		width: 211px;

	}

	.sticky li{
	width:300px;
		list-style-type: none;
		background-color: #333;
		color: #efefef;
		height: 55px;
		padding: 0px;
		margin: 0px -3px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
        border-radius: 10px;

    padding: 2px 2px 0px 0px;
	}

	.sticky li:hover{
		    margin-right: -164px;


	}

	.sticky li img{
		float: right;
		margin: 2px 10px;
		margin-right: 10px;
    margin-right: 3px;
	}

	.sticky li p{
	    float: right;
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;

	}

/*end library fixed */

.cell_author_information{
max-width: 51rem;

}
.cell_author_book{
max-width: 43rem;

}

@media screen and (max-width: 800px) {
.div_map_{
padding-left:0px;
padding-right:0px;
}
.logo_text{
margin-top: 10px;
   /* max-width: 275px; */
}
.header{
    height: 188px;

}
.title{
        width: 100%;
        margin-right: auto;
        margin-left: auto;
         margin-top: 16px;
}
.title_lin{
    margin-top: -6px!important;
    display: block!important;
    margin-bottom: 7px!important;
}
.En {
    top: 121px!important;
        left: 9px!important;
}
.cell_menu{

margin-left: 1px

}
.LogoEllipse {
    max-width: 60px;
    margin-top: -41px;
}
.header_menu a{
    padding: 10px 10px 0px 10px;
font-size:8px;
}
.header_menu{
    height: 30px;
margin-left: 4px;
}
.library_name{
    font-size: 12px!important;
}

}


@media screen and (max-width: 460px) {
.tabs-title > a{
    padding: 1.25rem 0.5rem;

}
.rectangle_search{
width: 324px
    /* width: 300px; */
}
.input_{
width:100px;

}
.logo_text {
        margin-top: 12px;
    max-width: 373px;
}
.title {
    padding-right: 12px;
    margin-left: 12px;
}
.header {
    height: 186px;
}
.cell_menu {
margin-top:0px!important;
}
.menu {
    margin-left: 76px;

    }
    .social_media {
        padding-left: 20px;
}
.cell_author_information{

    max-width: 23rem;
}
.cell_author_book {
    max-width: 23rem;
}
}
@media screen and (max-width: 369px) {
.logo_text {
        margin-top: 12px;
         max-width:  300px;
   /* max-width: 275px;*/
}

}
@media screen and (max-width: 600px) {
.new_div {
    width: 100%!important;

}
.value_author{
    max-width: 27rem!important;


}
.rectangle_search{

    width: 99%!important;
}
}
.En{
    width: 50px;
    background-color: rgb(30, 83, 122);
    border-radius: 20px;
    float: left;
    position: relative;
    top: 127px;
    height: 28px;
    left: 72px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 2px;
     -webkit-transition: .1s ease-in-out;
     transition: .1s ease-in-out;
}
.En:hover{
    transform: scale(1.09);
}
.En a{
    display: block;
    height: 26px;

}