@font-face {
	font-family: 'The-Sans-Plain';
	src: url('fonts/ArbFONTS-The-Sans-Plain.eot');
	src: local('☺'), url('fonts/ArbFONTS-The-Sans-Plain.woff') format('woff'), url('fonts/ArbFONTS-The-Sans-Plain.ttf') format('truetype'), url('fonts/ArbFONTS-The-Sans-Plain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
a,h3,h2,h1,h4,h5,p,span{font-family: 'The-Sans-Plain' !important;}

a{text-decoration: none !important;}
.float-l{ float: left;}
.margin-0{ margin: 0px !important;}
.margin-t-10{ margin-top: 10px;}
.margin-b-15{ margin-bottom: 15px;}
.padding-r-20{ padding-right: 20px !important;}
.padding-t-30{padding-top: 30px;}
.top_menu{  background-color:#0a98bf !important; height: 100px; width: 100%; -webkit-border-radius: 0 0 80px/0 0 100px;
	-moz-border-radius: 0 0 80px/0 0 100px;
	border-radius: 0 0 80px/0 0 100px;
	background-color: #0a98bf;}
.navbar{ float: right; margin: 15px; background-color: #0a98bf;z-index: 200;}
.navbar .nav-link{ color:#fff; padding: 10px;}
.navbar .nav-link:hover{color:#087e9f}
.navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,.7);}
.navbar-dark .navbar-nav .nav-link:hover{color: rgba(255,255,255,.9);}
.navbar-dark .navbar-toggler {color: rgba(255,255,255,.7);border-color: rgba(255,255,255,.4);
}

.search{ float: left; display: inline-block;     margin-left: -14px; }
.search a{  display: inline-block; background-color: #087e9f; height: 100px; width: 100px; color: #fff}
.search a i{margin: 43px;}
.search_input{ position: absolute; z-index: 300; padding-right: 10px; width: 100px; left: 0; height: 50px; display:none;  -webkit-transition: width 12s; /* For Safari 3.1 to 6.0 */ transition: width 1s; top: 0; margin: 20px;}
.search:hover .search_input{ display: block; }
.search_input:hover{  width: 300px;}
#slider-main img{ width: 100%;}
.carousel-caption {

    position: absolute;
    right: 15%;
    top: 30%;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right !important;

}
.carousel-caption h3{ color: #0a98bf; font-size: 30px;}
.carousel-caption p{ color: #688e35; font-size: 20px;}
.but_more{ background-color: #0a98bf; padding: 7px 20px; border-radius: 50px; font-size: 12px; color:#fff; text-align: center; margin-left: 13px;}
.but_more:hover,.but_more2:hover{ background-color:#087e9f; color: #fff }
.but_more2{  border: 2px solid #0a98bf; padding: 5px 20px; border-radius: 50px; font-size: 12px; color:#0a98bf; text-align: center; margin-left: 20px;}
.link_more{text-align: left;    padding: 10px;}
.link_more a{ font-size: 12px;}
.link_more a i{font-size: 20px; color: #087e9f; padding-left: 5px;}
.more2{margin-right: 20px; color: #8dbf52}
.more2:hover{ color:#688e35}

.section-gray{background-color: #ebebeb; padding: 30px 0 100px 0;}
.section-white{background-color: #fff; padding: 30px 0 50px 0;}
.section-testimonial{ background: url(../img/testimonial-bg.jpg) no-repeat center; padding: 30px 0 50px 0;}
.title { text-align: center; margin: 20px 0;}
.title span{ color: #0a98bf; font-size: 30px;}
.title .title-line-right{ width: 40%; height: 19px; background-image: url(../img/title-line.png); float: right; margin-top: 5px; }
.title .title-line-right .title-line-r{float: right}
.title .title-line-right .title-line-o{float: left;  width: 12px;}
.title .title-line-left{ width: 40%; height: 19px; background-image: url(../img/title-line.png);  float: left;margin-top: 5px;}
.title .title-line-left .title-line-l{float: left}
.title .title-line-left .title-line-o{float: right;  width: 12px;}
.title .title-line-6{ width: 60%; height: 19px; background-image: url(../img/title-line.png); float: left; margin-top: 5px; }
.title .title-line-6 .title-line-r{float: left}
.title .white{ color: #fff; font-size: 25px; }
.caption-news{	background-color: #fff;
	-webkit-box-shadow: 3px 4px 9px rgba(0,0,0,.09);
	-moz-box-shadow: 3px 4px 9px rgba(0,0,0,.09);
	box-shadow: 3px 4px 9px rgba(0,0,0,.09);margin-right: -14px;}
.caption-news h3{ font-size: 20px; padding: 20px 20px 10px 20px;}
.caption-news p{ font-size: 13px !important; color: #767879; padding: 0  20px;}
.date{ padding: 0 20px }
.date i{ color: #688e35; font-size: 20px; padding-left: 10px; }
.date span{ color: #767879; font-size: 12px; padding-left: 10px; }
.caption-news .but_more2{  float: left;}
#slider-news .carousel-inner {padding: 5px;}
#slider-news .carousel-control-prev,#slider-news .carousel-control-next{background-color:#0a98bf; height: 40px; width: 40px; border-radius: 50%; top:45%; margin: 0 20px; }
.projects{ margin-top: 30px; text-align: center;}
.projects img{ border-radius: 50%; border: #087e9f solid 2px; width: 250px;}
.projects a{ margin-top: 20px; display: block; font-size: 20px; color: #3c3b3b}
.projects a:hover{  color: #087e9f}
.projects .owl-dots,.projects .owl-prev span, .projects .owl-next span{ display: none;}
.projects .owl-prev, .projects .owl-next{background-color:#41b9da !important; height: 40px; width: 40px; border-radius: 50% !important; margin-left: 5px; }
.projects .owl-prev:hover, .projects .owl-next:hover{background-color:#087e9f !important;}
.projects .owl-prev,.projects .owl-next {
    position: relative;
}
.articles .owl-dots,.articles .owl-prev span, .articles .owl-next span,.partners .owl-nav{ display: none;}
.articles .owl-prev, .articles .owl-next,.books .owl-prev, .books .owl-next,.testimonial .owl-prev, .testimonial .owl-next{background-color:#41b9da !important; height: 40px; width: 40px; border-radius: 50% !important; margin-left: 5px; }
.articles .owl-prev:hover, .articles .owl-next:hover,.books .owl-prev:hover, .books .owl-next:hover,.testimonial .owl-prev:hover, .testimonial .owl-next:hover{background-color:#087e9f !important;}
.articles .owl-nav{ text-align: center; margin-top: 20px}
.books .owl-nav{ text-align: center; }
.articles .owl-prev,.articles .owl-next,.books .owl-prev,.books .owl-next,.testimonial .owl-prev,.testimonial .owl-next   {
    position: relative;
}

.projects .owl-prev:before,.articles .owl-prev:before,.books .owl-prev:before,.testimonial .owl-prev:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 20px;
	top: 5px;
    right: 16px;
	position: absolute;
	

}
.projects .owl-next:before,.articles .owl-next:before,.books .owl-next:before,.testimonial .owl-next:before {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 20px;
	top: 5px;
    right: 16px;
	position: absolute;
	

}
.projects .owl-next:focus,.projects .owl-prev:focus{border:0px !important;}
.section-green{background: #8dbf52 url(../img/bg-2.jpg) no-repeat; padding: 30px 0 50px 0;}
.quiz{width: 250px; padding: 20px;  background-color: #fff;  display:inline-grid; margin: 8px;  margin-top: 20px;
	-webkit-box-shadow: 3px 4px 9px rgba(0,0,0,.24);
	-moz-box-shadow: 3px 4px 9px rgba(0,0,0,.24);
	box-shadow: 3px 4px 9px rgba(0,0,0,.24);

}
div.quiz:first-child{ margin: 15px;}

.quiz img{ width: 210px; height: 272px;}
.quiz a{ font-size: 16px; padding: 10px 0; color:#3c3b3b;}
.quiz a:hover{ color:#087e9f;}
.quiz .date{ padding: 0;}
.events,.fatawaa{-webkit-box-shadow: 3px 4px 9px rgba(0,0,0,.24);
	-moz-box-shadow: 3px 4px 9px rgba(0,0,0,.24);
	box-shadow: 3px 4px 9px rgba(0,0,0,.24);

background-color: #fff;
width: 100%;    margin-top: 21px; float: right;
padding: 15px;

}
.events ul{ list-style-type: none; margin: 0px; padding:0px;}
.events .calendar{ width: 72px; height: 83px; background: url(../img/calendar.png) no-repeat; display: inline-block;}
.events li{ display: block; float: right; height: 94px;}
.events li a{ width: 150px; float: left; font-size: 14px; color:#3c3b3b; padding: 5px; }
.events .calendar .month,.events .calendar .day,.events .calendar .year{width: 100%; display: block; color: #fff;text-align: center}
.events .calendar .month{ font-size: 12px; margin-top: 8px;}
.events .calendar .day{font-size: 25px;}
.events .calendar .year{font-size: 12px; margin-top: -5px;}
.fatawaa ul{ list-style-image: url(../img/arrow.png); margin: 0px; padding-right: 15px;}
.fatawaa li{ border-bottom: 1px #ccc solid; height: 75px; padding-top: 5px;}
.fatawaa li a{  font-size: 14px; color:#3c3b3b; padding: 5px; }
.fatawaa li a:hover,.events li a:hover{   color:#688e35; }
.sheikh{ margin-top: 5px;}
.sheikh i { color: #688e35 !important; font-size: 20px; padding-left: 5px;}
.sheikh a { color: #767879; font-size: 12px !important; }
.section-blue{padding: 30px 0 50px 0; background-color: #0484a8}
.section-blue .title span{color: #fff}
.articles .item{-webkit-box-shadow: 3px 4px 9px rgba(0,0,0,.24);
	-moz-box-shadow: 3px 4px 9px rgba(0,0,0,.24);
	box-shadow: 3px 4px 9px rgba(0,0,0,.24);

background-color: #fff;
width: 100%;    margin-top: 21px; float: right;}
.articles .item img{padding: 0;}
.articles .item .article-link{padding: 20px ; font-size: 18px; color: #3c3b3b; display: block;}
.audios{ text-align: center; position: absolute;width: 100%;z-index: 2;     left: 0;}
.audios i{font-size: 40px; background-color: #8dbf52; padding: 20px; border-radius: 50%; color: #fff; }
.audios h3{ font-size: 20px; color: #087e9f; padding-top: 10px;}
.audios-list,.video-list{ 	background-color: #fff;
	-webkit-box-shadow: 4px 7px 18px rgba(3,3,3,.05);
	-moz-box-shadow: 4px 7px 18px rgba(3,3,3,.05);
    box-shadow: 4px 7px 18px rgba(3,3,3,.05);
    position: relative;
    width: 100%;
    padding-top: 100px;   
    top: 40px; padding-left: 10px}
.audios-list ul{ list-style-image: url(../img/arrow.png); padding-bottom: 0px !important;}
.audios-list li{ height: 76px; border-bottom: #ccc 1px solid; padding: 10px 0; }
.audios-list li:last-child{ border: none;}
.audios-list .audios-title{ font-size: 14px; color: #3c3b3b;width: 210px; float: right}
.audios-list li a i{border-radius: 50%; color: #4a4a4a; border: #ccc solid 1px; padding: 10px; float: left; margin-left: 5px;}
.audios-list li a:hover{color: #087e9f}

.video-list .play{position: absolute;
    top: 183px;
 
    left: 45%;
    right: 45%;}

.nav-link1:first-child{ padding-right: 16px;}
.nav-tabs .nav-item{     padding: 10px 0;}
.nav-tabs{  border: none;}
.books{background: url(../img/book-bg.png) no-repeat bottom;    padding-bottom: 4px;
    margin-right: 5px;}
.testimonial{ text-align: center;}
.testimonial .item{ margin: 20px;}
.testimonial img{ height: 125px; width: 130px !important; border: #8dbf52 solid 2px; border-radius: 50%; margin: 0 auto;}
.testimonial h4{ font-size: 18px; color: #fff; padding: 10px 0 0 0;}
.testimonial h5{ font-size: 14px; color: #8ebf52;padding: 0px 20px 0 0; }
.testimonial p{font-size: 14px; color: #e0e0e0; width: 75%; margin: 0 auto; font-weight: 100; line-height: 24px;}

.testimonial2{ text-align: center;}
.testimonial2 .item{ margin: 20px;}
.testimonial2 img{ height: 125px; width: 130px !important; border: #8dbf52 solid 2px; border-radius: 50%; margin: 0 auto;}
.testimonial2 h4{ font-size: 18px; color: #2d2e2e; padding: 10px 0 0 0;}
.testimonial2 h5{ font-size: 14px; color: #41b9da;padding: 0px 20px 0 0; }
.testimonial2 p{font-size: 14px; color:#767879; width: 75%; margin: 0 auto; font-weight: 100; line-height: 24px;}
footer{ background-color: #2d2e2e; padding: 20px 0;}
footer .white{color: #fff; font-size: 12px; font-family: 'The-Sans-Plain';}

.social i{ font-size: 25px; color: #d6d7d7; margin-left: 10px;}
.social:hover i{ color: #fff}
.single-header{ background: url(../img/bg-header.jpg) no-repeat; background-size: cover; padding: 30px 0;}
.single-header h1{ color: #fff;}
.single-header a{ color: #a4e058; font-size: 12px; margin-left: 5px;}
.single-header p{ color: #a4e058; font-size: 12px}
.single-header a:last-child{ color: #fff; font-size: 12px; margin-right: 5px;}
.single-content {-webkit-box-shadow: 3px 4px 9px rgba(0,0,0,.1);
	-moz-box-shadow: 3px 4px 9px rgba(0,0,0,.1);
	box-shadow: 3px 4px 9px rgba(0,0,0,.1);

background-color: #fff;
width: 100%;    margin-top: 21px; 
padding: 30px;}
.img-news{margin: 20px;}
.last-news a{color: #3c3b3b; padding-top: 10px; display: block;}
.last-news a:hover,.single-content .item a:hover{color: #0a98bf;}
.section-gray2{background-color: #ebebeb;padding: 10px 0 0px 0;}
.single-content .item a{ color: #3c3b3b; font-size: 14px;}
.single-content .events a{ float: right; margin-right: 10px; width:165px;}
.single-content .events .calendar{ float: right;}
.single-content .fatawaa a i{ color: #688e35; margin-left: 5px;}
.single-content .date{ padding: 0px;}
.single-content .audios-list li{ height: 60px;}
.single-content .audios-list,.single-content .video-list{ padding-top: 0px; top: 0px;}
.single-content .audios-list .audios-title{ width: 90% !important;}
.single-content .video-list .play{ top: 110px; right: 40%;}
.single-content .video-list a{ font-size: 14px; color: #3c3b3b}
.single-content .fatawaa img{ display: block; margin: 0 auto;}
.single-content .download{ display: block; background-color: #688e35; padding: 5px 15px; color: #fff; width: 150px; margin: 0 auto; border-radius: 50px;}
.single-content .download:hover{ background-color:#8dbf52;}
.single-content .download i{margin-left: 10px;}
.section-contact-us {
    position: relative;
    padding: 15px 0;
    display: block;
    width: 100%;}
    .list-info li {
        display: block;
        position: relative;
        padding: 0;
        margin-bottom: 5px;
        padding-right: 25px;
      }
       .list-info li .icon {
        position: absolute;
        top: 0;
        right: 0;
        color: #34afbf;
        font-size: 17px;
      }
     .list-info li .name {
        font-size: 14px;
        color: #222222;
        font-weight: bold;
      }
     .list-info li .desc {
        font-size: 13px;
        color: #222222;
      }
      .list-info li .desc.full {
        display: block;
        width: 100%;
      }
       .list-info li .desc.link, .section-contact-us .list-info li .desc .number {
        font-size: 14px;
      }
      .contact-form-submit {
        text-align: left;
      }
      .search-dis{ padding: 20px; float: right;}
      .search-dis a{ font-size: 20px;color: #222222;}
      .search-dis p{ font-size: 14px;color: #4a4a4a;}
      @media screen and (max-width: 480px) {
        .top_menu{height: 80px; width: 100%; -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;}
            .search a{  height: 80px; width: 80px; color: #fff}
            .search a i{margin: 36px 36px 0 0 !important;}
            .carousel-caption {top:0px; left: 0px;}
            .carousel-caption h3{ color: #0a98bf; font-size: 16px;}
.carousel-caption p{ color: #688e35; font-size: 10px;}
.carousel-caption .but_more{ background-color: #0a98bf; padding: 5px 5px; border-radius: 50px; font-size: 10px; color:#fff; text-align: center; margin-left: 13px;}
.carousel-caption .but_more2{ padding: 2px 4px; font-size: 10px; }
.title .title-line-right{ width: 30%;}
.title .title-line-left{ width: 30%;}
#slider-news .carousel-control-prev,#slider-news .carousel-control-next{ top:30%;}
.quiz img{ margin: 0 auto;}
.quiz{width: 322px;}
.events li a { width: 230px;}
.audios-list .audios-title { width: 200px;}
footer{ text-align: center;}
footer div{ margin-bottom: 10px;}


      }
 .folder,.bg-sh{background-color: #fff;
    -webkit-box-shadow: 3px 4px 9px rgba(0,0,0,.09);
    -moz-box-shadow: 3px 4px 9px rgba(0,0,0,.09);
    box-shadow: 3px 4px 9px rgba(0,0,0,.09);
    margin-bottom: 20px;}
.folder i{font-size: 30px; border-radius: 50%; border:1px solid #0484a8; padding: 20px; color: #688e35; margin-top: 20px;}
.folder img{ border-radius: 50%; border:2px solid #0484a8;   margin-top: 20px;}
.folder a{ display:inline-block; width: 100%; padding: 20px 0; color: #212529; font-size: 16px;}
.folder a:hover{color:#0a98bf }
.badge-primary{ background-color: #0a98bf }
.card-deck{ margin-bottom: 20px}
.card-deck a{color:#3c3b3b}
.card-deck a:hover{color:#0a98bf}
.card-deck img{ height: 185px;}
.btn:focus, .btn:active, button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
  }
  
  #image-gallery .modal-footer{
    display: block;
  }
  
  .thumb{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .bg-sh{ padding: 20px 0;}
  .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:99;
  left:0;
}
.logo{margin:8px 0px;}
#slider-main{margin-top:100px}