@font-face{font-family:gillsans;src:url(/assets/fonts/Gill-Sans.ttf);font-weight:400}
@font-face{font-family:uthmanic_hafs;src:url(/assets/fonts/KFGQPC_Uthman_Taha_Naskh_Regular.ttf)}
@font-face{font-family:Raleway;src:url(/assets/fonts/RALEWAY-REGULAR_0.TTF)}
@font-face{font-family:"Times New Roman";src:url(/assets/fonts/times.ttf)}


.pointer{cursor:pointer}
body{overflow:auto!important;font-family:roboto}
:focus{outline:none}
#background-effect{width:100%!important}
.header{width:100%;background:#000;height:56px}
.header .left{float:left}
.header .right{float:right}
.header .right .mnu-bar{padding-top:10px;color:#fff}
.header .right .mnu-search-circle{color:#fff;margin-right:20px}
.header .right .mnu-search{color:#272F39;margin-right:20px}
.header .right .mnu-search-block{margin-right:20px}
.content{margin-top:94px;min-height: 70vh;}
.book-a{text-decoration:none}
.book-a:hover,.book-a:visited{text-decoration:none}
.sticky_head{position:fixed;width:100%;z-index:999999;top:0;}
.footer-first{background-color:#272f39}
.head{color:#fff;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.25rem;text-align:center;padding:13px 0;height:115px}
.head1{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center}
.sub-head{color:#555658;font-family:"uthmanic_hafs";font-size:1.1rem;font-weight:400;font-style:normal;letter-spacing:0;line-height:2.25rem;text-align:center;background:#F1DCAC;padding:5px 15px;min-height:44px}
input:focus,textarea:focus,select:focus,text{outline:none !important}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {box-shadow: inset 0 -1px 0 #ddd;}
button:focus {outline:0;}
.nav-items{padding-bottom: 100px;}
.navbar{background-color:#000!important;height:56px}
.container-header{margin-top:0!important;max-width:100%!important}
.nav-logo{position:absolute;left:0}
.nav-search{position:absolute;left:0;right:0;width:550px}
.nav-toggler{position:absolute;right:0}
.nav-search{position:absolute;left:0;right:0;width:550px}
.g_search{border-radius:0;border-top-left-radius:30px;border-bottom-left-radius:30px;border:0;height:30px;background:rgba(255,255,255,0.25);font-size:13px;}
.g_search:focus + .g_search_btn{background:#fff}
.g_search_btn{border-radius:0;border-top-right-radius:30px;border-bottom-right-radius:30px;border:0;color:#bea174 !important;height:30px;padding:1px 10px 0 2px;background:rgba(255,255,255,0.25)}
.main-menu{background:#404040;text-align:center;height:100vh;display:none;position:fixed;z-index:9999999999;left:0;right:0;top:56px;}
.g_search_btn:focus{color:#bea174 !important;}
.navbar-dark .navbar-toggler{color:#fff;cursor:pointer;border:0;padding-left:0;}
.nav-item{margin:auto}
.nav-li{border-bottom:1px solid #efefef1c;}
.nav-link{color:#bea174;font-size:1rem;text-align:left;margin:auto;font-weight:300;}
.nav-ico{color:#bea174;margin-right:15px;font-size:16px;width: 17px;}
.subnav-ico{color:#bea174;margin:0 15px 0 37px;font-size:13px;vertical-align: top;padding-top: 9px;}
.nav-link:visited,.nav-link:active{color:#bea174}
.nav-link:hover{color:#fff}
#suggestion{border-radius: 15px;top:35px;}
#suggestion a:hover{text-decoration:none;}
.sugg{font-size:14px;margin:0 10px;color:#99a5b5;padding:3px;background-color:inherit;text-align:left;}
.result{clear:both;padding:3px 0;display:inline-block;width:100%;}
.result:hover{background:#c4a06e;display:inline-block;width:100%;}
.result:hover .sugg{color:white;}
.bkw{font-weight:bold;color:#272f39;}
.ref{font-size:12px;font-weight:normal;color:#c4a06e;margin-right:10px;padding:3px;background-color:inherit;float:right;font-weight:bold;}
.result:hover .ref{color:#fff;}
.highlighted{background-color:#c4a06e !important;display:inline-block;width:100%;}
.highlighted .sugg{color:white;}
#divsuggestions{float:left;width:207px;border-left:3px solid #000;border-bottom:3px solid #000;height: 100%;background-color:#52868d;}
#result a{background-color:#000;}
#suggestion{color:#00242a;position:absolute;background-color:#fff;z-index:9999;display:none;font-family:roboto;font-size:14px;padding: 8px 0; border:1px solid #F1DCAC}
#suggestion li{list-style:none;text-align: left;cursor:pointer;margin-left:10px;}
.nav_profile{color:#c4a06e;position:absolute;right:41px;background:rgba(255,255,255,0.25);border-radius:40px;padding:9px;text-align:center;font-size:.8rem;width:38px;min-height: 38px;background-size: contain;background-position: center;cursor:pointer;}
.icon_bookmark{position:absolute;margin-right:15px;cursor:pointer;font-size:20px;right: 130px;top: -1px;}
._bookmarked{background:#FFFBF1;    padding-bottom: 1px !important;}
.footer-content{
  font-size: 0.9rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .011rem;
  line-height: 1.1rem;
  text-align: left;  
  background-color:#efefef;color: #272f39;  
  font-family: Roboto;
}
.footer-content h2{font-weight:bold;}
.footer-content a,.footer-content a:hover,.footer-content a:active,.footer-content a:visited{color:#c4a06e;text-decoration:none;}
.footer-content li{list-style:none;padding:0;margin: 15px 0 0 0;}
@media (max-width: 576px) {
  .footer-first .footer-sect:nth-child(odd) {border-image:url(/assets/images/vert_sept_wt.png) 0 50% 0 stretch;border-left:0;border-right:.063rem solid #d1d1d1;border-width:0 1px 0 0;border-style:solid;}
  
}

@media (max-width: 767px) {
#suggestion{height: 80vh;overflow-y: scroll;}
.navbar{padding:20px;padding-right:0}
.search_sm{color:#c4a06e;position:absolute;right:88px;background:rgba(255,255,255,0.25);border-radius:40px;padding:9px;text-align:center;font-size:.8rem;width:38px}
.nav-search{width:240px}
.g_search{width:210px!important;height:38px;}
.g_search_btn{height:38px;}
.nav-item{margin:auto;width:100%}
.header{padding:9px 20px}
.footer .footer-copyright{color:#ffffff7a;font-family:"Times New Roman";font-size:16px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center;margin:auto}
.footer .footer-icons{color:#bea174;font-size:2.188rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal}
.footer .footer-icons i{margin:0 15px}
.footer .footer-icons a,.footer .footer-icons a:visited,.footer .footer-icons a:hover{color:#bea174}
.footer .footer-contribute{color:#ffffffbf;font-family:"Times New Roman";font-size:19px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer{padding:20px 0;background:#000;color:#fff;font-family:"Times New Roman";font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer .link{color:#fff;font-family:"Times New Roman";font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer-first{margin-top:0px}
.footer-first .fs{color:#c4a06e;font-family:"Times New Roman";font-size:1.563rem;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:normal;text-align:center}
.footer-first .sec{color:#fff;font-family:"Times New Roman";font-size:1.563rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center}
.f-visit a,.f-visit a:hover,.f-visit a:visited{color:#fff;font-family:Raleway;font-size:14px;font-weight:600;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer-first .footer-sect{margin:20px 0;}
.footer-first .footer-sect {border-image:url(/assets/images/vert_sept_wt.png) 0 50% 0 stretch;border-left:0;border-right:.063rem solid #d1d1d1;border-width:0 1px 0 0;border-style:solid;}
.footer-first .footer-sect a,.footer-first .footer-sect a:hover,.footer-first .footer-sect a:visited{color:unset}
.breadcrumb{margin:0;background:#272F39;color:rgba(255,255,255,0.5);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;font-family:'Roboto';font-size:15px;font-weight:300;padding:8px 20px;overflow-x:auto;padding:8px 20px;overflow-y:hidden;white-space:nowrap;position:relative;flex-wrap:nowrap}
.breadcrumb a{background:#272F39;color:#fff;opacity:50%;font-family:'Roboto';font-size:15px;font-weight:300}
.breadcrumb a:hover{background:#272F39;color:#fff;opacity:50%}
.breadcrumb a:active{background:#272F39;color:#fff;opacity:50%}
.font-golden{color:#C4A06E}
.font-dark{color:#272F39}
.bg-golden{background-color:#C4A06E}
.bg-dark{background-color:#272F39}
.sect1{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 28px}
.sect1 .div1{color:#C4A06E}
.sect1 .div2{color:#272F39;font-style:italic}
.sect1 .items{margin:28px 40px 0}
.sect1 .items .item .heading{color:#272f39;font-size:1.438rem;font-weight:700;text-align:center;font-family:"Times New Roman";line-height:normal;max-width:321px;margin:0 auto}
.sect1 .items .item .btn{border-radius:1.25rem;background-color:#c4a06e;border-radius:1.25rem;background-color:#c4a06e;color:#fff;font-size:1.25rem;font-weight:400;padding:8px 24px;line-height:normal;margin-top:19px;margin-bottom:27px}
.sect1 .items .item .btn a,.sect1 .items .item .btn a:visited,.sect1 .items .item .btn a:hover{color:#fff}
.sect1 .items .item .sept{width:8.625rem;height:0;border:.063rem solid #d1d1d1;margin:0 auto 22px}
.sect1 .items .sept{width:8.625rem;height:2px!important;margin:10px auto;background-image:url(/assets/images/separator.png);background-size:contain;background-repeat:no-repeat;border:0!important;background-color:transparent}
.sect1 .items .viewall{color:#272f39;font-family:"Times New Roman";font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center;margin:0 0 20px}
.sect2{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 28px;background:#c4a06e}
.sect2 .header{border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:#c4a06e;padding:50px 20px;height:unset}
.sect2 .header .div1{color:#fff;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.5rem}
.sect2 .header .div2{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;margin-top:4px}
.sect2 .items{margin:28px 40px 0}
.sect2 .footer{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background-color:#c4a06e;padding:50px 20px}
.sect2 .footer .sept{width:10.5rem;height:2px;margin:10px auto;background-image:url(/assets/images/sept-white.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:transparent}
.sect2 .footer .viewall{color:#fff;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.sect2 .footer .viewall a,.sect2 .footer .viewall a:hover,.sect2 .footer .viewall a:visited{color:#fff}
.sect2 .img_1{border-bottom:4px solid #fff!important;border:0;border-top:4px solid #fff!important}
.sect2 .img_3{border:4px solid #fff;border-top:0;border-right:0;border-left:2px solid #fff}
.sect2 .img_2{border:4px solid #fff;border-top:0;border-right:2px solid #fff;border-left:0}
.sect2 .img_container2{width:50%;padding:0;border:3px solid #fff}
.sect2 .img_container1{width:50%;padding:0;border:3px solid #fff}
.sect3{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 28px}
.sect3 .header{border-top-left-radius:1rem;border-top-right-radius:1rem;padding:50px 25px;background:none;height:unset}
.sect3 .header .div1{color:#c4a06e;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.5rem}
.sect3 .header .div2{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;margin-top:4px}
.sect3 .title{padding:10px 0 0;color:#272f39;font-family:"Times New Roman";font-size:1.75rem;font-weight:400;font-style:normal;letter-spacing:-.044rem;line-height:normal;text-align:left}
.sect3 .item{margin:26px 0 0}
.sect3 .items{max-width:321px;margin:0 auto}
.sect3 .title{padding:10px 0 0;color:#272f39;font-family:"Times New Roman";font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:-.044rem;line-height:normal;text-align:center}
.sect3 .title_ar{padding:5px 0 0;color:#272f39;font-family:uthmanic_hafs;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.563rem;text-align:center;text-align:center}
.sect3 .book_no{padding:10px 0 0;color:#c4a06e}
.sect4{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 0}
.sect4 .header{border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:#c4a06e;padding:50px 20px}
.sect4 .header .div1{color:#fff;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.5rem}
.sect4 .header .div2{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;margin-top:4px}
.sect4 .items{background:#c4a06e}
.sect4 .footer{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background-color:#c4a06e;padding:50px 20px}
.sect4 .footer .sept{width:10.5rem;height:2px;margin:10px auto;background-image:url(/assets/images/sept-white.svg);background-size:cover;background-repeat:no-repeat;background-position:center}
.sect4 .footer .viewall{color:#fff;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.sect4 .footer-container{background:#272f39}
.sect4 .items .item{padding:20px 20px 0}
.sect4 .items .item .vid{min-width:321px;width:100%}
.sect4 .items .item .title{font-family:gillsans;color:#fff;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.25rem;text-align:left;margin:15px auto 0;max-width:321px}
.sect4 .items .item .views{opacity:.5;color:#272f39;font-family:gillsans;font-size:.938rem;font-weight:700;font-style:normal;letter-spacing:.009rem;line-height:1.375rem;text-align:left;margin:15px auto 0;max-width:321px}
.book{position:relative}
.book .title{background:#C4A06E;border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:"Times New Roman";text-align:center}
.book .more{width:11.625rem;height:2.75rem;border-radius:2rem;background-color:#f1dcac;color:#555658;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;margin:auto;padding:12px 0}
.book .title_white{color:#fff;font-family:"Times New Roman";font-size:50px;font-weight:400;font-style:normal;letter-spacing:-1.25px;line-height:36px;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;padding-top:20px}
.book .title_black{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center;padding-bottom:20px;margin-top:-21px}
.book .title_ar{background:#F1DCAC;border-top-left-radius:0;border-top-right-radius:0;bottom:0;left:0;right:0;text-align:center;margin:0;padding:5px 0;color:#555658;font-family:"Abdo Line ☞";font-size:1.563rem;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:2.25rem;text-align:center}
.book .intro{padding:20px;margin:0 20px;font-size:1.3rem;font-weight:400;font-style:normal;letter-spacing:.011rem;line-height:1.9rem;text-align:left}
.book .topics_head{color:#c4a06e;font-family:"Times New Roman";font-size:30px;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:left;margin:56px 0 14px 20px}
.book .topics{margin:0}
.book .topic_item{padding:0 0 5px;margin-bottom:0}
.book .topic_item .right{width:100%;clear:both;padding:15px 0 0!important;display:inline-block}
.book .topic_item .ttitle{color:#555658;font-size:18px;font-weight:500;font-style:normal;letter-spacing:normal;line-height:22px;text-align:left;padding:15px 0 15px 20px;width:50%;float:left}
.book .topic_item .ttitle_ar{color:#555658;font-size:18px;width:50%;font-weight:500;font-style:normal;letter-spacing:normal;line-height:22px;padding:15px 20px 0 0;text-align:right;float:right}
.book .topic_item .no{border-top-right-radius:.313rem;border-bottom-right-radius:.313rem;background-color:#c4a06e;color:#fff;font-size:16px;font-weight:400;font-style:normal;letter-spacing:.16px;padding-left:20px!important;padding-right:27px!important;line-height:22px;text-align:left;width:50px;padding-left:25px}
.book .topic_item .tofrom{color:#c4a06e;font-size:16px;font-weight:500;font-style:normal;letter-spacing:.16px;line-height:22px;text-align:center;margin-top:4px;padding:9px;border-bottom:8px solid #e4e4e4;background:#F3F3F3}
.book .topic_item .ttitle a{color:#555658;text-decoration:none}
.book .topic_item .ttitle .a:hover,.book .topic_item .ttitle a:visited{color:#555658;text-decoration:none}
.chapter{position:relative}
.chapter .chapter_title{border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.chapter .chapter_title .title{background:#F1DCAC;border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:"Times New Roman";text-align:center}
.chapter .chapter_title .more{width:11.625rem;height:2.75rem;border-radius:2rem;background-color:#f1dcac;color:#555658;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;margin:auto;padding:12px 0}
.chapter .chapter_title .title_white{color:#fff;font-family:"Times New Roman";font-size:50px;font-weight:400;font-style:normal;letter-spacing:-1.25px;line-height:36px;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;padding-top:20px}
.chapter .chapter_title .title_black{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center;padding-bottom:20px;margin-top:-21px}
.chapter .chapter_title .title_inner{background:#c4a06e;bottom:0;left:0;right:0}
.chapter .chapter_title .title_inner .title_ar{background:#F1DCAC;color:#272f39;font-family:uthmanic_hafs;font-size:1.563rem;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:2.25rem;padding:7px 0}
.chapter .chapter_title .title_inner .title_en{color:#272f39;font-family:"Times New Roman";font-size:1.375rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:2.2rem}
.chapter .chapter_title .topic_item .no{border-top-right-radius:.313rem;border-bottom-right-radius:.313rem;background-color:#c4a06e;color:#fff;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;float:left;padding:2px 4px;margin-top:4px!important;height:1.5rem;text-align:center;width:30px}
.chapter .chapter_title .topic_item .tofrom{opacity:.5;color:#272f39;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;margin-top:4px;text-align:left}
.chapter .intro{padding:20px;margin:0 20px;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.438rem;text-align:left}
.chapter .topics_head{color:#c4a06e;font-family:"Times New Roman";font-size:1.875rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:left;margin:56px 0 14px 20px}
.chapter .topics{margin:0 20px}
.chapter .topic_head{padding:20px 0 0;margin-bottom:14px;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.chapter .topic_head .ttitle{color:#555658;font-size:18px;font-weight:500;font-style:normal;letter-spacing:normal;line-height:22px;text-align:left;padding:15px 0 15px 20px;width:50%;float:left}
.chapter .topic_head .ttitle_ar{color:#555658;font-size:18px;width:50%;font-weight:500;font-style:normal;letter-spacing:normal;line-height:22px;padding:15px 20px 15px 0;text-align:right;float:right}
.chapter .topic_head .no{border-top-right-radius:.313rem;border-bottom-right-radius:.313rem;background-color:#c4a06e;color:#fff;font-size:16px;font-weight:400;font-style:normal;letter-spacing:.16px;padding-left:20px!important;padding-right:27px!important;line-height:22px;text-align:left;width:50px;padding-left:25px}
.chapter .topic_head .tofrom{color:#c4a06e;clear:both;font-size:16px;font-weight:500;font-style:normal;letter-spacing:.16px;line-height:22px;text-align:center;margin-top:4px;padding:9px;border-bottom:8px solid #e4e4e4;background:#F3F3F3}
.chapter .topic_head .tofromsept{clear:both;margin-top:4px;padding:0;border-bottom:8px solid #e4e4e4}
.chapter .hadith_container .hadith_item{border-bottom:10px solid #eee;margin-bottom:25px}
.chapter .hadith_container .hadith_item .hadith_title{background:#c4a06e;color:#fff;padding:10px 20px 15px;position:sticky;top:93px;z-index:999}
.chapter .hadith_container .hadith_item .en{color:#4E555E;font-size:1.125rem;font-weight:400;font-style:normal;letter-spacing:.011rem;line-height:1.5rem;text-align:left;padding:34px 20px 0}
.chapter .hadith_container .hadith_item .ar{color:#4E555E;font-family:uthmanic_hafs;font-size:1.438rem;font-weight:400;font-style:normal;letter-spacing:.014rem;line-height:2.188rem;text-align:right;padding:34px 20px 0}
.chapter .hadith_container .chapter_title{padding:20px;color:#c4a06e;font-family:Roboto;font-size:1.375rem;font-weight:300;font-style:normal;letter-spacing:.014rem;line-height:1.75rem}
.chapter .hadith_container .hadith_item .ref{font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;text-align:left;padding:0 20px 0 0;border-radius:10px;margin:0 42px 30px 20px;float:none}
.chapter .hadith_container .hadith_item .ref a{color:#272f39;font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;text-align:left}
.chapter .hadith_container .hadith_item .ref a:hover,.chapter .hadith_container .hadith_item .ref a:visited{color:#272f39;font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;text-align:left}
.chapter .hadith_container .grade{color:#272f39;font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;margin:64px 20px 20px;padding-bottom:0;margin-bottom:0}
.chapter .hadith_container .grade-sept{border-bottom:2px solid #f1dcac;height:2px;margin:10px 0}
.chapter .hadith_container .chapter_ar{padding:20px;color:#c4a06e;font-size:1.375rem;font-weight:300;font-style:normal;letter-spacing:.014rem;line-height:2.5rem;direction:rtl;text-align:right;font-family:uthmanic_hafs}
.chapter .hadith_container .chapter .hl{color:#c4a06e}
.chapter .hadith_title .h_name{font-weight:500;font-family:roboto;margin-top:1px;display:block;}
.chapter .hadith_container .chapter_sm{float:left;width:50%}
.head{color:#fff;font-family:"Times New Roman";font-size:2.5rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:1.3rem;text-align:center;padding:17px 0;height:95px}
.head1{color:#272f39;font-family:"Times New Roman";font-size:2.5rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center}
.naration{font-size:1.375rem;color:#272f39;font-weight:400;font-style:normal;letter-spacing:.014rem;padding-bottom:22px;line-height:1.563rem;text-align:left}
}
@media (max-width: 360px) {
  .head{    color: #fff;font-family: "Times New Roman";font-size: 2rem;font-weight: 400;font-style: normal;letter-spacing: -.078rem;line-height: 1rem;text-align: center;padding: 15px 0 10px;height: unset;}
  .head1{color:#272f39;font-family:"Times New Roman";font-size:2rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center}  
}
@media (min-width: 768px) {
.nav-search{width:350px}
.g_search{width:322px!important}
.nav-link{font-size:16px;margin:0 auto;}
.nav-li{width:350px;}
.header{padding:9px 20px}
.footer{padding:15px 0;background:#000;color:#fff;font-family:"Times New Roman";font-size:1.22rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer .footer-icons{color:#bea174;padding-top:12px;font-size:1.563rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer .footer-icons i{margin-left:30px}
.footer .footer-icons a,.footer .footer-icons a:visited,.footer .footer-icons a:hover{color:#bea174}
.footer .footer-contribute{color:#ffffff86;font-family:"Times New Roman";font-size:14px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal}
.footer .footer-copyright{color:#ffffff7a;padding-top:21px;font-family:"Times New Roman";font-size:12px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal}
.f-visit a,.f-visit a:hover,.f-visit a:visited{color:#fff;font-family:Raleway;font-size:12px;font-weight:600;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer-first{margin-top:0px}
.footer-first .fs{color:#c4a06e;font-family:"Times New Roman";font-size:21px;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:normal;text-align:center}
.footer-first .sec{color:#fff;font-family:"Times New Roman";font-size:21px;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center}
.footer-first .footer-sect{border-image:url(/assets/images/vert_sept_wt.png) 0 50% 0 stretch;border-left:0;border-right:.063rem solid #d1d1d1;border-width:0 1px 0 0;border-style:solid;}
.footer-first .footer-sect a,.footer-first .footer-sect a:hover,.footer-first .footer-sect a:visited{color:unset}
.footer .link{color:#fff;font-family:"Times New Roman";font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.breadcrumb{margin:0;background:#272F39;color:rgba(255,255,255,0.5);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;font-family:'Roboto';font-size:15px;font-weight:300;padding:8px 20px}
.breadcrumb a{background:#272F39;color:#fff;opacity:50%;font-family:'Roboto';font-size:15px;font-weight:300}
.breadcrumb a:hover{background:#272F39;color:#fff;opacity:50%}
.breadcrumb a:active{background:#272F39;color:#fff;opacity:50%}
.font-golden{color:#C4A06E}
.font-dark{color:#272F39}
.bg-golden{background-color:#C4A06E}
.bg-dark{background-color:#272F39}
.sect1{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 28px}
.sect1 .div1{color:#C4A06E}
.sect1 .div2{color:#272F39;font-style:italic}
.sect1 .items{margin:60px 0 0}
.sect1 .items .item .heading{color:#272f39;font-size:1.438rem;font-weight:700;text-align:center;font-family:"Times New Roman";line-height:normal;max-width:321px;margin:0 auto}
.sect1 .items .item .btn{border-radius:1.25rem;background-color:#c4a06e;border-radius:1.25rem;background-color:#c4a06e;color:#fff;font-size:1.25rem;font-weight:400;padding:8px 24px;line-height:normal;margin-top:19px;margin-bottom:27px}
.sect1 .items .item .btn a,.sect1 .items .item .btn a:visited,.sect1 .items .item .btn a:hover{color:#fff}
.sect1 .items .item .sept{width:8.625rem;height:0;border:.063rem solid #d1d1d1;margin:0 auto 22px}
.sect1 .items .sept{width:8.625rem;height:2px!important;margin:10px auto;background-image:url(/assets/images/separator.png);background-size:contain;background-repeat:no-repeat;border:0!important;background-color:transparent}
.sect1 .items .viewall{color:#272f39;font-family:"Times New Roman";font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center;margin:0 0 20px}
.sect2{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 28px;background:#c4a06e}
.sect2 .header{border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:#c4a06e;padding:50px 20px;height:unset}
.sect2 .header .div1{color:#fff;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.5rem}
.sect2 .header .div2{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;margin-top:4px}
.sect2 .items{margin:28px 40px 0}
.sect2 .footer{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background-color:#c4a06e;padding:50px 20px}
.sect2 .footer .sept{width:10.5rem;height:2px;margin:10px auto;background-image:url(/assets/images/sept-white.svg);background-size:cover;background-repeat:no-repeat;background-position:center;background-color:transparent}
.sect2 .footer .viewall{color:#fff;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.sect2 .footer .viewall a,.sect2 .footer .viewall a:hover,.sect2 .footer .viewall a:visited{color:#fff}
.sect2 .img_1{border-bottom:4px solid #fff!important;border:0;border-top:4px solid #fff!important}
.sect2 .img_3{border:4px solid #fff;border-top:0;border-right:0;border-left:2px solid #fff}
.sect2 .img_2{border:4px solid #fff;border-top:0;border-right:2px solid #fff;border-left:0}
.sect2 .img_container1{padding:0;margin-bottom:5px;border:3px solid #fff}
.sect2 .img_container2{padding:0;margin-top:5px;border:3px solid #fff}
.sect3{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 28px}
.sect3 .header{border-top-left-radius:1rem;border-top-right-radius:1rem;padding:80px 20px;background:none;height:unset}
.sect3 .header .div1{color:#c4a06e;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.5rem}
.sect3 .header .div2{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;margin-top:4px}
.sect3 .title{padding:10px 0 0;color:#272f39;font-family:"Times New Roman";font-size:1.5rem;font-weight:400;font-style:normal;letter-spacing:-.044rem;line-height:normal;text-align:center}
.sect3 .title_ar{padding:5px 0 0;color:#272f39;font-family:uthmanic_hafs;font-size:1.7rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.563rem;text-align:center;text-align:center}
.sect3 .book_no{padding:10px 0 0;font-size:1.45rem;color:#b39163}
.sect3 .boo-name{width:110px}
.sect3 .item{margin:26px 0 0}
.sect3 .items{margin:0 auto}
.sect4{font-family:'Times New Roman',Times,serif;font-size:50px;text-align:center;line-height:2.8rem;margin:58px 0 0}
.sect4 .header{border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:#c4a06e;padding:50px 20px}
.sect4 .header .div1{color:#fff;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:normal;letter-spacing:-.078rem;line-height:2.5rem}
.sect4 .header .div2{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;margin-top:4px}
.sect4 .items{background:#c4a06e}
.sect4 .footer{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background-color:#c4a06e;padding:50px 20px}
.sect4 .footer .sept{width:10.5rem;height:2px;margin:10px auto;background-image:url(/assets/images/sept-white.svg);background-size:cover;background-repeat:no-repeat;background-position:center}
.sect4 .footer .viewall{color:#fff;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.sect4 .footer-container{background:#272f39}
.sect4 .items .item{padding:20px 20px 0}
.sect4 .items .item .vid{min-width:321px;width:100%}
.sect4 .items .item .title{font-family:gillsans;color:#fff;font-size:1.25rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.25rem;text-align:left;margin:15px auto 0;max-width:321px}
.sect4 .items .item .views{opacity:.5;color:#272f39;font-family:gillsans;font-size:.938rem;font-weight:700;font-style:normal;letter-spacing:.009rem;line-height:1.375rem;text-align:left;margin:15px auto 0;max-width:321px}
.book{position:relative}
.book .page_container{width:700px;margin:auto}
.book .title{background:#C4A06E;border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:"Times New Roman";text-align:center;margin:0}
.book .more{width:11.625rem;height:2.75rem;border-radius:2rem;background-color:#f1dcac;color:#555658;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;margin:auto;padding:12px 0;float:right;margin-right:20px}
.book .title_white{color:#fff;font-family:"Times New Roman";font-size:50px;font-weight:400;font-style:normal;letter-spacing:-1.25px;line-height:36px;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;padding-top:20px}
.book .title_black{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center;padding-bottom:20px;margin-top:-21px}
.book .title_ar{background:#F1DCAC;bottom:0;left:0;right:0;text-align:center;padding:4px 0;color:#555658;font-family:uthmanic_hafs;font-size:1.563rem;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:2.25rem;text-align:center;min-height:44px}
.book .intro{margin:40px 10px 22px;font-size:1.3rem;font-weight:400;font-style:normal;letter-spacing:.011rem;line-height:1.9rem;text-align:left}
.book .topics_head{color:#c4a06e;font-family:"Times New Roman";font-size:2.625rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:left;margin:35px 0 56px 10px;display:inline-block;width:100%}
.book .topics{margin:0 10px}
.book .topic_item{padding:0}
.book .topic_item .odd{min-height:100px}
.book .topic_item .odd:hover{background:rgba(241,220,171,0.15);cursor:pointer}
.book .topic_item .even{min-height:50px}
.book .topic_item .even:hover{background:rgba(241,220,171,0.15);cursor:pointer}
.book .topic_item .right{display:inline-block;padding:25px}
.book .topic_item .ttitle{color:#555658;font-family:Roboto;font-size:1.25rem;font-weight:500;font-style:normal;letter-spacing:normal;line-height:1.438rem;text-align:left;width:50%;float:left}
.book .topic_item .ttitle a{color:#555658;text-decoration:none}
.book .topic_item .ttitle .a:hover,.book .topic_item .ttitle a:visited{color:#555658;text-decoration:none}
.book .topic_item .ttitle_ar{float:right;text-align:right;width:40%;color:#555658;font-family:uthmanic_hafs;font-size:1.5rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.75rem;text-align:right}
.book .topic_item .no{border-top-right-radius:.313rem;border-bottom-right-radius:.313rem;background-color:#c4a06e;color:#fff;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;float:left;padding:2px 4px;margin:0 15px 0 0 !important;height:1.5rem;text-align:center;width:30px}
.book .topic_item .tofrom{color:#c4a06e;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;text-align:center;margin:0;padding:9px;border-bottom:8px solid #e4e4e4;text-align:center;background:#F3F3F3}
.boo-container{position:relative}
.chapter{position:relative;margin:auto}
.chapter .chapter_title{border-bottom-left-radius:15px;border-bottom-right-radius:15px}
.chapter .chapter_title .title{background:#F1DCAC;border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:"Times New Roman";text-align:center}
.chapter .chapter_title .more{width:11.625rem;height:2.75rem;border-radius:2rem;background-color:#f1dcac;color:#555658;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;margin:auto;padding:12px 0}
.chapter .chapter_title .title_white{color:#fff;font-family:"Times New Roman";font-size:50px;font-weight:400;font-style:normal;letter-spacing:-1.25px;line-height:36px;text-align:center;font-style:normal;letter-spacing:normal;line-height:normal;padding-top:20px}
.chapter .chapter_title .title_black{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center;padding-bottom:20px;margin-top:-21px}
.chapter .chapter_title .title_inner{background:#c4a06e;bottom:0;left:0;right:0}
.chapter .chapter_title .title_inner .title_ar{background:#F1DCAC;color:#272f39;font-family:uthmanic_hafs;font-size:1.563rem;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:2.25rem;padding:4px 0;min-height:44px}
.chapter .chapter_title .title_inner .title_en{color:#272f39;font-family:"Times New Roman";font-size:3.125rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:2.2rem;padding:20px 0}
.chapter .chapter_title .topic_item .no{border-top-right-radius:.313rem;border-bottom-right-radius:.313rem;background-color:#c4a06e;color:#fff;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;float:left;padding:2px 4px;margin-top:4px!important;height:1.5rem;text-align:center;width:30px}
.chapter .chapter_title .topic_item .tofrom{opacity:.5;color:#272f39;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.375rem;margin-top:4px;text-align:left}
.chapter .intro{padding:20px;margin:0 20px;font-family:Roboto;font-size:1rem;font-weight:400;font-style:normal;letter-spacing:.01rem;line-height:1.438rem;text-align:left}
.chapter .topics_head{color:#c4a06e;font-family:"Times New Roman";font-size:1.875rem;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:left;margin:56px 0 14px 20px}
.chapter .topics{margin:0 20px}
.chapter_title_container{margin:0 100px}
.chapter .topic_head{padding:30px 0 0;margin:0 auto}
.chapter .topic_head .ttitle{color:#555658;font-size:1.25rem;font-weight:500;font-style:normal;letter-spacing:normal;line-height:22px;text-align:left;padding:0 0 25px 20px;width:45%;float:left}
.chapter .topic_head .ttitle_ar{color:#555658;font-size:1.5rem;width:45%;font-weight:500;font-style:normal;letter-spacing:normal;line-height:22px;padding:0 20px 15px 0;text-align:right;float:right}
.chapter .topic_head .no{border-top-right-radius:.313rem;border-bottom-right-radius:.313rem;background-color:#c4a06e;color:#fff;font-size:16px;font-weight:400;font-style:normal;letter-spacing:.16px;padding-left:10px!important;padding-right:17px!important;line-height:22px;text-align:left;width:36px;float:left}
.chapter .topic_head .tofrom{color:#c4a06e;clear:both;font-size:1rem;font-weight:500;font-style:normal;letter-spacing:.16px;line-height:22px;text-align:center;margin-top:4px;padding:9px;border-bottom:8px solid #e4e4e4;background:#F3F3F3}
.chapter .topic_head .tofromsept{clear:both;margin-top:4px;padding:0;border-bottom:8px solid #e4e4e4}
.chapter .hadith_container .hadith_item{clear:both;margin:0 auto}
.chapter .hadith_container .hadith_item .hadith_title{background:#c4a06e;color:#fff;padding:10px 20px 15px;position:sticky;top:93px;z-index:999}
.chapter .hadith_container .hadith_item .en{color:#4E555E;font-size:1.125rem;font-weight:400;font-style:normal;letter-spacing:.011rem;line-height:1.5rem;text-align:left;padding:34px 20px 0}
.naration{font-size:1.375rem;color:#272f39;font-weight:400;font-style:normal;letter-spacing:.014rem;padding-bottom:22px;line-height:1.563rem;text-align:left}
.chapter .hadith_container .hadith_item .ar{color:#4E555E;font-family:uthmanic_hafs;font-size:1.438rem;font-weight:400;font-style:normal;letter-spacing:.014rem;line-height:2.188rem;text-align:right;padding:30px 20px 0}
.chapter .hadith_container .chapter_title{padding:30px 20px;color:#c4a06e;font-family:Roboto;font-size:1.375rem;font-weight:300;font-style:normal;letter-spacing:.014rem;line-height:1.75rem;float:left;width:50%}
.chapter .hadith_container .hadith_item .ref{font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;text-align:left;padding:0;border-radius:10px;margin:0 15px 30px 42px;float:none}
.chapter .hadith_container .hadith_item .ref a{color:#272f39;font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;text-align:left}
.chapter .hadith_container .hadith_item .ref :hover,.chapter .hadith_container .hadith_item .ref :visited{color:#272f39;font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;text-align:left}
.chapter .hadith_container .grade{color:#272f39;font-family:Roboto;font-size:.938rem;font-weight:400;font-style:normal;letter-spacing:.009rem;line-height:1.25rem;margin:64px 42px 20px;padding-bottom:0;margin-bottom:0}
.chapter .hadith_container .grade-sept{border-bottom:2px solid #f1dcac;height:2px;margin:10px 20px}
.chapter .hadith_container .chapter_ar{font-family:uthmanic_hafs;padding:30px 20px;color:#c4a06e;font-size:1.875rem;font-weight:300;font-style:normal;letter-spacing:.014rem;line-height:3rem;direction:rtl;text-align:right;float:right;width:50%}
.chapter .hadith_container .chapter .hl{color:#c4a06e}
.chapter .hadith_title .h_name{font-weight:500;font-family:roboto}
.sept{width:100%;height:.5rem;background-color:#eee;margin-bottom:25px}
.ppimg{width:160px}
}
@media (min-width: 992px) {
    .sugg{font-size:14px;margin-left:10px;;padding:3px;background-color:inherit;width:70%;text-align:left;float:left;}
.nav-search{width:450px}
.nav-li{width:450px;}
.g_search{width:375px!important}
.nav-link{font-size:16px;padding:0.5rem 36px;width: 370px;}
.sect2 .img_1{border:3px solid #fff}
.sect2 .img_3{border:3px solid #fff}
.sect2 .img_2{border:3px solid #fff}
.book .page_container{width:932px;margin:auto}
.sect1 .items .item{position:relative;height:180px}
.sect1 .items .item .heading{color:#272f39;font-size:1.438rem;font-weight:700;text-align:center;font-family:"Times New Roman";line-height:normal;max-width:321px;margin:0 auto}
.sect1 .items .item .btn{border-radius:1.25rem;background-color:#c4a06e;border-radius:1.25rem;background-color:#c4a06e;color:#fff;font-size:1.25rem;font-weight:400;padding:8px 24px;line-height:normal;position:absolute;bottom:0;left:0;right:0;width:150px;margin:0 auto}
.footer .footer-contribute{text-align:right}
.footer .footer-icons{text-align:right}
.footer .footer-contribute{color:#ffffff86;font-family:"Times New Roman";font-size:1.22rem;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal}
.f-visit a,.f-visit a:hover,.f-visit a:visited{color:#fff;font-family:Raleway;font-size:16px;font-weight:600;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
.footer-first{margin-top:0px}
.footer-first .fs{color:#c4a06e;font-family:"Times New Roman";font-size:25px;font-weight:400;font-style:normal;letter-spacing:-.039rem;line-height:normal;text-align:center}
.footer-first .sec{color:#fff;font-family:"Times New Roman";font-size:25px;font-weight:400;font-style:italic;letter-spacing:normal;line-height:normal;text-align:center}
.footer .footer-contribute{font-size:16px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal}
.footer .footer-copyright{padding-top:21px;font-size:16px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:normal;text-align:center}
}
@media (min-width: 1200px) {
.nav-search{width:550px}
.nav-li{width:550px;}
.nav-link{width:440px;font-size:1.25rem}
.g_search{width:522px!important}
.book .page_container{width:1130px;margin:auto}
.chapter .hadith_container .hadith_item .ar{font-family:uthmanic_hafs;font-size:1.538rem;font-weight:400;font-style:normal;letter-spacing:.014rem;line-height:2.6rem;text-align:right;}
.chapter .hadith_container .hadith_item .en{font-size:1.3rem;font-weight:400;font-style:normal;letter-spacing:.011rem;line-height:1.9rem;text-align:left;padding:34px 20px 0}
.naration{font-size:1.4rem}
}
.checkbox{margin-right:15px;position:relative;display:inline-block}
.checkbox label{position:relative;min-height:17px;display:block;padding-left:25px;margin-bottom:0;font-weight:400;cursor:pointer;padding-top:1px}
.checkbox label.frm{text-align:left;position:relative;min-height:17px;display:block;padding-left:25px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox label span{position:absolute;top:76%;transform:translateY(-50%);color:#666;font-family:Roboto;font-size:.938rem;line-height:1rem}
.checkbox label span.frm{position:initial;text-align:left;top:76%;transform:translateY(-50%);color:#666;font-family:Roboto;font-size:.938rem;line-height:1rem}
.checkbox label:before{content:'';position:absolute;left:0;top:0;margin:0;width:14px;height:14px;transition:transform .28s ease;border-radius:3px}
.checkbox label:after{content:'';display:block;width:8px;height:4px;transform:rotate(-45deg) scale(0);transition:transform ease .25s;position:absolute;top:4px;left:4px}
.checkbox.white label:before{border:2px solid #fff}
.checkbox.white label:after{border-bottom:1px solid #fff;border-left:1px solid #fff}
.checkbox.white label:before{content:'';position:absolute;left:-4px;top:0;margin:4px;width:18px;height:18px;transition:transform .28s ease;border-radius:2px;border:2px solid #fff;margin-top:3px;}
.checkbox.white label:after{content:'';display:block;width:10px;height:5px;transform:rotate(-45deg) scale(0);transition:transform ease .25s;position:absolute;top:9px;left:4px}
.checkbox input[type="checkbox"]{width:auto;opacity:1.0E-8;position:absolute;left:0;margin-left:-20px}
.checkbox .white input[type="checkbox"]:checked ~ label:before{border:2px solid #ffcf00}
.checkbox input[type="checkbox"]:checked ~ label:after{transform:rotate(-45deg) scale(1)}
.checkbox input[type="checkbox"]:focus + label::before{outline:0}
@media (max-width: 768px) {
.container{margin-top:50px;padding:0}
}
@media (min-width: 768px) {
.container{margin-top:50px;max-width:700px;padding:0}
}
@media (min-width: 768px) {
.container{margin-top:50px;max-width:700px;padding:0}
}
@media (min-width: 992px) {
.container{margin-top:50px;max-width:932px;padding:0}
}
@media (min-width: 1200px) {
.container{margin-top:60px;max-width:1130px;padding:0}
}
@media (min-width: 1400px) {
.container{margin-top:60px;max-width:1217px;padding:0}
}