/*Main CSS*/
body{background: url(../assets/imgs/bg.png) no-repeat center center fixed; 
  background-color: #000;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  height: 1200px;
  font-family: 'El Messiri', sans-serif;
}
a{
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color:#000;
}
a:hover{color: #000;}
/*PRELOADER*/
.preloader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FCB042;
    z-index: 999999;
}
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 48%;
  left: 48%;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}
/*PRELOADER*/
/*Main CSS*/
/*LOGO AREA*/
.logo-area{padding: 30px 0; background-color: transparent}
.logo-area .row h1{
    font-size:1.8em;
    color:#FCB042;
    text-align: center;
    margin:auto;
    text-shadow: 0 0px 2px rgb(0, 0, 0);
}
@media (max-width:767px){
    .logo-area{background-color: #000;}
    .site-title{margin-bottom: 0!important;margin-top: 1rem!important;}
}
.noPadding{padding: 0!important;}
/*LOGO AREA*/
/*NAVBAR*/
.navbar .nav-shadow{
     box-shadow: 0px 3px #fcb042;
}
.navbar{padding: 0 1rem;}
.bg-dark{background-color: #000!important; box-shadow: -3px 2px 0px rgb(252, 176, 66);}
/*box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/
button.navbar-toggler:focus { outline: 1px solid rgb(252, 176, 66);}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover,.nav-link, .active, .nav-item{
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.navbar-dark .navbar-nav .active{background-color:#FCB042;box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.2);}
.navbar-dark .navbar-nav .active a{color:#000000!Important;}
.navbar-dark .navbar-nav .home-m{background-color:#FCB042;box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.2);}
.navbar-dark .navbar-nav .home-m .nav-link{color:#000;}
.navbar-dark .navbar-nav .home-m:hover .nav-link{color:#FFF;}
.navbar-dark .navbar-nav .nav-item:hover{background-color: #FCB042;}
.navbar-dark .navbar-nav .nav-link{color: #FFF; text-align: center;} 
.navbar-dark .navbar-nav .nav-item:hover a{color: #000000!Important;;}
.nav-link{padding:1rem 1rem;}
@media (min-width:992px){
    .navbar-nav > li{
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 40px;
/*    margin-right: 20px;*/
}
}
.navbar-dark .navbar-toggler{
    margin: .5em 0;
}
/*NAVBAR*/
/*VIDEO*/
.video-section{
    background-color: #FFF;
}
.video-section .video{
    text-align: center;
    padding: 50px 0;
    -webkit-box-shadow: 0 0 17px rgba(0,0,0,.5);
    box-shadow: 0 0 17px rgba(0,0,0,.5);
}
/*VIDEO*/
/*SLIDER-SECTION*/
.slider-section{background-color: #FFF;padding: 20px 30px;}
.slider-section .owl-prev {
    width: 15px;
    height: 120px;
    position: absolute;
    top: 24%;
    margin-right: -20px;
    display: block!IMPORTANT;
    border: 0px solid black;
}
.slider-section .owl-next {
    width: 15px;
    height: 120px;
    position: absolute;
    top: 24%;
    left: -25px;
    display: block!IMPORTANT;
    border:0px solid black;
}
@media(max-width:767px){
    .owl-prev {top: 27%;}
    .owl-next {top: 27%;}}
@media(max-width:560px){
    .owl-prev {top: 34%;}
    .owl-next {top: 34%;}
}
@media(max-width:400px){
    .owl-prev {top: 30%;}
    .owl-next {top: 30%;}
}
.slider-section .owl-prev i, .owl-next i {transform: scale(2, 2); color: #000;}
.title{padding: 20px 0}
.title h3{
    text-align: center;
    background-color: #FCB042;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
}

/*SLIDER-SECTION*/
/*FOOTER*/
.footer{
    background-color: #FCB042;
    padding: 15px 0;
}
.footer p{text-align: center; margin: auto; text-shadow: 0 1px 1px rgb(0, 0, 0, 0.2);}
.footer a{color: #000; text-decoration: none;}
.footer a:hover{color: #FFF;}
/*FOOTER*/
/*LIBRARY-TITLE*/
@media (min-width: 576px)
.jumbotron {
    padding: 7rem 2rem;
}
.jumbotron{
    background:url(../assets/imgs/library-bg.png) no-repeat center center fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    border-radius:0;
    margin-bottom:0;
}
.jumbotron .lib-tit{
    background-color: black;
    display: inline-block;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    border: 0 solid transparent;
    box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
}
/*LIBRARY-TITLE*/
/*BOOKS-GRID*/
.books-grid{background-color: #FFF; padding: 20px 20px;}
.books-grid a:hover img {
    opacity: .85;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 7px 6px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(1.02) rotate(1deg);
    transform: scale(1.02) rotate(1deg);
}
.books-grid a img {
    transition: .2s;
    margin: 0;
    border-radius: 10px;
}
.books-grid .text{text-align: center;}
/*BOOKS-GRID*/
/*BOOK-PREVIEW*/
.book-preview{background-color: #FFF;}
.book-preview .book .cover img{
    -webkit-box-shadow: 0 0px 18px rgba(0,0,0,0.5);
    -ms-transform: 0 0px 18px rgba(0,0,0,0.5);
    -o-transform: 0 0px 18px rgba(0,0,0,0.5);
    -moz-transform: 0 0px 18px rgba(0,0,0,0.5);
    box-shadow: 0 0px 18px rgba(0,0,0,0.5);
}
.book-preview .text h1{color: #14745f;}
.book-preview .text h3{color: #990d24;}
@media(max-width:991px){
    .book-preview .text{text-align: center;}
}
.book-preview .text p, .book-preview .table .desc {line-height: 1.7;}
.table-bordered thead td, .table-bordered thead th, .table-bordered thead td, .table-bordered thead th{border-bottom-width: 0;}
/*BOOK-PREVIEW*/
/*ABOUT-AUTHOR*/
.about-author{background-color: #FFF;}
.about-author .text h1, .about-author .text p{color: #4a4a4a;}
.about-author .rounded{border-radius: 1.25rem!important;}
.about-author .text .fas{font-size: 30px; color: #FCB042;}
.about-author .line{
    border-bottom: 2px solid #333;
    padding: 15px;
    width: 50%;
    margin: auto;
}
.about-author .about-text{
    background-color: #FCB042;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.about-author .about-text p{color: #000; font-size: 17px; margin: 0; line-height: 1.7;}
/*ABOUT-AUTHOR*/
/*CONTACT-ME*/
.contact-me{background-color: #FFF;}
.contact-me .icon{
    display: inline-block;
    width: 95px;
    text-align: center;
    vertical-align: top;
}
.contact-me .text{display: inline-block;}
.contact-me .item .icon i{font-size: 40px; float: right;}
.contact-me .item .icon{padding: 20px;}
.contact-me .item .text{padding: 9px 14px 0 0;}
.contact-me .item .text h4{color: #FCB042}
.contact-me .item .text p{font-size: 18px; font-weight: bold;}
@media(max-width:750px){.contact-me .main-cont-text{text-align: center;}}
@media(max-width:991px){.contact-me .cont-form{padding-top: 0!important;}}
/*CONTACT-ME*/
/*404*/
.unknown{background-color: #FFF;}
.unknown h1{
    font-size: 80px;
}
.unknown span{color: #FCB042;}
.unknown a{color: #FCB042;}
/*404*/
.center{margin: 0 auto!Important;}