body{background:#f1f1f1;}
ul{list-style-type:none;padding:0;margin:0}
a:hover,a,a:focus{text-decoration:none}
img{max-width:100%}
@font-face{font-family:"Shaikh Hamdullah Mushaf";src:url(../fonts/ShaikhHamdullahMushaf.eot)}
header .logo,header nav,header nav ul li:before,header .toplinks ul li a,.search>form,.module .inner form label select,.module .inner form label input,.module .inner form button,.mealler .meal .player,
.ayetkelimeleri,.sayfabaslik .ilerigeri a,.filtrebar,.filtrebar select,.filtrebar input,.filtrebar button,.filtrebar .mealciler button,.mealler .meal,.mealler .meal .ayetbilgi .ayetno,.mealler .meal .mealci .adsoyad,.mealler .meal .ekbuton a,.alert,a.button,.sidebar-ac,
.page-buttons>div,.page-buttons .page-buttons-dropdown,header nav ul li.yeni>a:before,.sureler-listesi ul li .linkler a,.sureler-listesi .sure-sirala .sirala,
.yuvarla_YYYY3{border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}
.sureler-listesi ul li,.mealler .meal .mealic .harf,
.ayetkelimeleri .kelime:before,.ayetkelimeleri .kelime .hvr,.ayetresim a img,.yuvarla_YYYY1{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.module .inner,.yuvarla_00YY{border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px}
.yuvarla_000Y{border-radius:0 0 0 20px;-moz-border-radius:0 0 0 20px;-webkit-border-radius:0 0 0 20px}
.module .title,.yuvarla_YY00{border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0}
.yuvarla_Y000{border-radius:20px 0 0 0;-moz-border-radius:20px 0 0;-webkit-border-radius:20px 0 0 0}
.yuvarla_0YYY{border-radius:0 20px 20px 20px;-moz-border-radius:0 20px 20px;-webkit-border-radius:0 20px 20px 20px}
.yuvarla_Y00Y{border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px}
.yuvarla_0YY0{border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;-webkit-border-radius:0 20px 20px 0}
.yuvarla_YYY0{border-radius:20px 20px 20px 0;-moz-border-radius:20px 20px 20px 0;-webkit-border-radius:20px 20px 20px 0}
.yuvarla_00Y0{border-radius:0 0 20px 0;-moz-border-radius:0 0 20px;-webkit-border-radius:0 0 20px 0}
.tablar .tablinkler,
.tablar .tablinkler .tablink,
.yuvarla6_YY00{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0}
.tablar .tabicerikler ,
.yuvarla6_00YY{border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px}
.ayetkelimeleri .kelime:after,.mealler .meal .mealci .icon,.yuvarla_YYYY3{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.sidebar, 
header nav ul li a,header .logo,
.mainbar:before,
.efect_geciktirici{transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}
header#header{position:absolute;top:0;width:100%;z-index: 9;background: rgb(0 0 0 / 80%);}
.single header#header{/* position:relative; */}
header .toplinks{padding:20px 0}
header .toplinks ul{text-align:right}
header .toplinks ul li{display:inline-block}
header .toplinks ul li a{display:block;padding:4px 14px;color:#fff;border:1px solid;font-size:14px;font-weight:700}
header .toplinks ul li a:hover{color:#ffbb24}
header nav{background:#ffbb24;height:60px;margin-bottom:-25px;position:relative}
header nav ul li{display:inline-block;padding:0 5px;position:relative;z-index:1}
header nav ul li a{color:#000;text-decoration:none;font-size:14px;font-weight:700;display:block;padding:0 14px;top:0;position:relative}
header nav ul>li:before{content:'';position:absolute;height:8px;left:0;right:0;bottom:0;background:#fff;z-index:-1}
header nav ul li:hover a{color:#000;top:-2px}
header nav ul li.yeni>a:before{content:'YENI';animation: hoverli 5s infinite;position:absolute;top: -7px;right: -13px;background: #eb1000;color: #fff;font-weight:normal;font-size: 10px;line-height: 14px;padding: 2px 6px;z-index: -1;}
header nav ul.left-nav{padding:18px 40px 18px 25px;text-align:right}
header nav ul.right-nav{padding:18px 25px 18px 40px}
header .logo{background:#fff;padding:60px 20px 20px;margin:0 auto;margin-top:-120px;position:relative;width:244px;left: -25px;box-shadow: 0 0 15px rgb(0 0 0 / 30%);}
header .logo:hover{margin-top:-110px}
@keyframes hoverli {
  0% {background-color: #eb1000;}
  50% {background-color: #303030;}
  100% {background-color: #eb1000;}
}
.mobil_menuac{
display: none!important;
right: 20px;
color: #000;
font-size: 28px;
top: 3px!important;
}
main#main{position:relative}
body:not(.home) main#main,
.single main#main{padding: 190px 0 80px;}
#mainslider{height:600px;overflow:hidden;z-index:1;position:relative}
#mainslider .carousel-indicators{bottom:unset;top:190px}
#mainslider .carousel-item{width:100%;top:0;left:0;height:600px;background-position:top center;background-size:cover}
#mainslider .carousel-item:before{content:'';position:absolute;width:100%;height:100%;z-index:0;background:rgb(0 0 0 / 48%);}
#mainslider .carousel-item img{filter:blur(8px);-webkit-filter:blur(8px)}
#mainslider .carousel-caption{top:220px;bottom:unset}
#mainslider .carousel-item h5{font-family:"Shaikh Hamdullah Mushaf";font-size:28px;margin-bottom:20px;direction:rtl}
#mainslider a{color:#fff;}
#mainslider .search{position:absolute;right:25%;top:60%;left:25%;z-index:2}
.search{}
.search>form{height:44px;background:#fff;padding:4px 4px 4px 50px;box-shadow: 0 0 15px rgb(0 0 0 / 30%);}
.search>form button{position:absolute;top:0;left:0;background:none;border:none;height:100%;padding:0 15px;width:50px}
.search>form input{width:100%;height:100%;border:none;background:none;outline:0}
.main-modules{margin-top:-40px;position:relative;z-index:2;padding-bottom:30px}
.module{margin-bottom:10px;}
.module .title{background:#000;color:#fff;text-align:center;padding:10px;font-size:14px;line-height:20px;height:40px}
.module .inner{background:#ffbb24;padding:20px;box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.module .inner.type2{background:#fff;}
.module .inner form label{display:block}
.module .inner form label b{display:block;font-size:12px;text-align:center;margin-bottom:5px}
.module .inner form label select,.module .inner form label input{width:100%;font-size:14px;padding:5px 10px;border:none;outline:none;text-align:center}
.module .inner form button{background:#000;color:#fff;border:none;font-size:14px;padding:5px 10px;margin:10px 0 0;float:right}
.module .inner form #kelimeara,.module .inner form #konuara{text-align:left}
.module .inner form #kokara{text-align:right}
.yapimda{text-align:center;padding:60px 0}
.yapimda h1{font-size:24px;font-weight:700}
.yapimda h2{font-size:18px;font-weight:700}
.sayfabaslik{display:flex;justify-content:center;margin-bottom:10px;align-content:center}
.sayfabaslik .ilerigeri a{display:block;padding:5px 15px;background:#dcdcdc;color:#000;font-size:14px;font-weight:700}
.sayfabaslik .ilerigeri a:hover{background:#ffbb24}
.sayfabaslik .title{padding:0 20px;text-align:center}
.sayfabaslik .title h1{margin:0;font-size:24px}
.ayetkelimeleri{display:flex;text-align:center;align-content:flex-start;flex-wrap:wrap;align-items:flex-start;background:#fff;padding:10px;margin-bottom:20px;border: 1px solid #ffbb24;direction:rtl;position:relative;z-index: 1;min-height:137px}
.ayetkelimeleri .ayet{display:inline-flex;text-align:center;align-content:flex-start;flex-wrap:wrap;align-items:flex-start;direction:rtl;position:relative;}
.ayetkelimeleri .ayetno{display:inline-flex;text-align:center;}
.loading{position:absolute;left:50%;top:50%;width:150px;height:60px;margin:-20px 0 0 -75px;direction: ltr;text-align:center;}
.loading span{font-size:12px;color:#ffbb24;display:block;}
.modal-content .loading{position:relative;left:0;right:0;margin:40px auto;}
.ayetkelimeleri .kelime.sec,.ayetkelimeleri .kelime{padding:10px;position:relative;height:95px;margin-bottom:20px;min-width:60px;white-space:nowrap;font-size: 12px;}
.ayetkelimeleri .kelime.sec:before,.ayetkelimeleri .kelime:before{content:'';position:absolute;width:100%;height: 100%;left:0;top:0;border:1px solid transparent;z-index:0}
.ayetkelimeleri .kelime.sec:before,.ayetkelimeleri .kelime:hover:before{background:#f1f1f1;border-color:#ffbb24}
.ayetkelimeleri .kelime.sec .hvr,.ayetkelimeleri .kelime .hvr{position:absolute;left:10px;right:10px;bottom:-10px;z-index:2;background:#ffbb24;font-size:10px;color:#000;display:block;font-weight:700;cursor: pointer;}
.ayetkelimeleri .kelime.sec .hvr a,.ayetkelimeleri .kelime .hvr a{}
.ayetkelimeleri .kelime:hover{z-index:1}
.ayetkelimeleri .kelime.sec .hvr,.ayetkelimeleri .kelime:hover .hvr{display:block!important}
.ayetkelimeleri .kelime:after{content:attr(data-kelimeno);position:absolute;top:-8px;left:-8px;font-size:10px;width:20px;text-align:center;padding:2px 0;height:20px;background:#000;color:#fff;display:none}
.ayetkelimeleri .kelime.sec:after,.ayetkelimeleri .kelime:hover:after{display:block}
.ayetkelimeleri .kelime .inner{position:relative;z-index:1}
span.ar{font-family:"Shaikh Hamdullah Mushaf";}
.ayetkelimeleri .kelime .ar{font-family:"Shaikh Hamdullah Mushaf";font-size: 200%;}
.ayetkelimeleri .kelime .ok{font-style:italic;}
.ayetkelimeleri .kelime .tr,
.ayetkelimeleri .kelime .en{color:#e30000;direction:ltr}
.ayetkelimeleri .rakam{display: flex;align-items: center;font-size: 28px;margin: 0 10px;align-content: center;color: #000;}
.ayetkelimeleri .oncekisonraki{
display: flex;
align-items: center;
font-size: 28px;
margin: 0 10px;
cursor: pointer;
}
.ayetkelimeleri .rakam .rakamic{
	position: relative;
}
.ayetkelimeleri .rakam .rakamic .ar{}
.ayetkelimeleri .rakam .rakamic .tr{
	font-size: 40%;
	position: absolute;
	bottom: -5px;
	width: 25px;
	left: 50%;
	margin-left: -12px;
	color: #e30000;
}
.ayetkelimeleri .rakam .isaret{
	font-size: 130%;
}
a.btn.selected{background: #000;color: #fff;border-color: #000;}
.page-buttons{display:flex;margin-bottom:6px;flex-wrap: nowrap;justify-content: center;position: relative;z-index: 2;}
.page-buttons>div{display:block;padding:5px;border:1px solid #ccc;margin: 0 2px;width: 50px;text-align:center;color: #959595;background:#fff;cursor: pointer;position: relative;}
.page-buttons>div:hover{color: #000;background: #ffbb24;border-color: #303030;}
.page-buttons .page-buttons-dropdown{position: absolute;left: -35px;right: -1px;top: 100%;background: #303030;display:none;width: 120px;}
.page-buttons .page-buttons-dropdown a{display: inline-block;padding: 8px;color: #fff;/* border-bottom: 1px solid #ccc; */font-size: 16px;line-height: 16px;}
.page-buttons .page-buttons-dropdown{}
.page-buttons .page-buttons-dropdown a:hover{color: #ffbb24;}
.filtrebar{padding:10px 10px 10px 20px;background:#ffbb24;margin-bottom:20px;display: flex;justify-content: center;}
.filtrebar>div{margin: 0 10px;}
.filtrebar .diller{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;}
.filtrebar .diller label{min-width:30px;font-size:14px;}
.filtrebar .mealciler{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;margin-right:20px;}
.filtrebar .mealciler label{min-width:80px;font-size:14px}
.filtrebar .mealciler button{border:1px solid #ced4da;background:#fff;color: #000;}
.filtrebar .sirala{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;}
.filtrebar .sirala label{min-width:80px;font-size:14px}
.filtrebar input{
border: 0;
height: 30px;
padding: 0 10px;
width: 60px;
font-size: 14px;
text-align: center;
}
.filtrebar button{
font-size: 14px;
height: 30px;
padding: 0 15px;
border: 0;
background: #303030;
color: #fff;
}
.filtrebar .sure_navi{
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
}
.filtrebar .sure_navi form{
margin-right: 5px;
display: flex;
}
.filtrebar .sure_navi form>div{margin:0 5px;}
.aramaust{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    align-content: center;
}
.aramaust form{
    position: relative;
    width: 300px;
    padding: 4px 50px 4px 15px;
}
.aramaust form input{}
.aramaust form button{
    right: 0;
    left: unset;
}
.mealler{padding:30px 0}
.mealler .meal{background:#fff;padding:25px 10px 15px 25px;margin-bottom:30px;border:1px solid #ccc;position:relative}
.mealler .meal:hover{box-shadow: 0 0 15px rgb(0 0 0 / 30%);border-color:#a7a7a7}
.mealler .meal.visible{visibility: visible!important;}
.mealler .meal .mealci{position:absolute;top:-19px;display:flex;align-items:center;align-content:center;flex-wrap:nowrap;justify-content:flex-start;flex-direction:row}
.mealler .meal .mealci .icon{width:38px;height:38px;background:#f1f1f1;border:1px solid #ccc;position:relative;z-index:1;overflow:hidden}
.mealler .meal .player{
position: absolute;
top: -12px;
right: 23px;
width: 50px;
overflow: hidden;
height: 24px;
}
.mealler .meal .player audio{
height: 24px;
}
.mealler .meal .player audio::-webkit-media-controls-panel{background:#ffbb24;}
.mealler .meal .player audio::-webkit-media-controls-mute-button,
.mealler .meal .player audio::-webkit-media-controls-volume-slider-container,
.mealler .meal .player audio::-webkit-media-controls-volume-slider,
.mealler .meal .player audio::-webkit-media-controls-timeline,
.mealler .meal .player audio::-webkit-media-controls-current-time-display{display:none;}
.mealler .meal .player audio::-webkit-media-controls-time-remaining-display{display:none;}
.mealler .meal .ayetbilgi{position:absolute;top:-15px;display:flex;align-items:center;align-content:center;flex-wrap:nowrap;justify-content:flex-start;flex-direction:row}
.mealler .meal:hover .ayetbilgi .ayetno,.mealler .meal:hover .mealci .icon,.mealler .meal:hover .mealci .adsoyad{border-color:#a7a7a7}
.mealler .meal .ayetbilgi .ayetno{font-size:12px;line-height:14px;background:#fff;border:1px solid #ccc;padding:4px 15px}
.mealler .meal .mealci .adsoyad{font-size:12px;line-height:14px;background:#fff;border:1px solid #ccc;padding:4px 15px 4px 30px;margin-left:-20px}
.mealler .meal .mealic{font-size:14px}
.mealler .meal .mealic .devami{font-size:14px;cursor:pointer;font-family: sans-serif;font-style: normal;}
.mealler .meal .mealic a{color: #000;font-weight: bold;}
.mealler .meal .mealic a:hover{color: #ffbb24;text-decoration: underline;}
.mealler .meal .mealic .harf{position:relative;margin-left:5px;min-width: 20px;display: inline-block;text-align: center;line-height: 28px;font-size: 24px;border: 1px solid transparent;padding: 5px 5px 20px 5px;cursor: pointer;}
.mealler .meal .mealic .harf:after{position:absolute;bottom: 5px;content:attr(data-sayi);font-size:8px;line-height: 8px;height:8px;left: 0;right: 0;}
.mealler .meal .mealic .harf.active,
.mealler .meal .mealic .harf:hover{background: #f1f1f1;border-color: #ffbb24;}
.mealler .meal .mealic .harf.sec{background: #f1f1f1;border-color: #ffbb24;}
.mealler .meal .ekbutonlar{position:absolute;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex-direction:row}
.mealler .meal .ekbuton{margin:0 2px}
.mealler .meal .gizle{display:none}
.mealler .meal:hover .gizle{display:block}
.mealler .meal .ekbuton a{font-size:12px;line-height:14px;background:#fff;border:1px solid #ccc;padding:4px 8px;color:#000}
.mealler .meal .ekbuton:hover a{background:#ffbb24;color:#fff;border-color:#4d4d4d}
.mealler .meal .ekbutonlar.ust{top:-10px;right:20px}
.mealler .meal .ekbutonlar.alt{bottom:-10px;right:20px}
.kelimeler table{border:1px solid #ccc;width:100%;background:#fff}
.kelimeler table thead th{background:#ffbb24;border:1px solid #efac16;text-align:right}
.kelimeler table thead th a{color: #000;}
.kelimeler table tbody tr td{border: 1px solid #ccc;text-align:right;font-size: 14px;}
.kelimeler table tbody tr:hover td{background:#ffbb24;border:1px solid #efac16!important}
.kelimeler table tbody tr:hover td:hover{background:#ffbb24}
.kelimeler table tbody tr td a{color:#000;font-size: 14px;line-height: 16px;/* padding: 5;border: 0;;px; */border: 0;}
.kelimeler table tbody tr td span.ar{font-size:20px;}
.kelimeler table tfoot tr td{border:1px solid #888;text-align:right;background:#ededed;}
.font-semibold{font-weight: 600;}
footer#footer{background:#000;text-align:center;font-size:14px;color:#ccc;padding:10px 0;border-top:5px solid #ffbb24}
footer#footer p{margin:0}
a.button{background: #000;display: block;text-align: center;color: #fff;padding: 10px;margin:20px 0;}
a.button:hover{background: #ffbb24;color: #000;}
.ayetresim a{display:block;margin-bottom:20px}
.ayetresim a img{height:auto;width:100%}
.form-check-input:checked {background-color: #ffbb24;border-color: #ffbb24;}
.form-check-input:focus {border-color: #ffbb24;outline: 0;box-shadow: 0 0 0 0.25rem rgb(255 187 36 / 25%);}
.sidebar-ac{padding: 8px 15px 8px 65px;background: #ffbb24;font-weight: bold;margin-left: -60px;display: none;}
.sidebar{margin-top: 30px;}
.single-page #module-sureye-git,
.single-page #sureyegit,
.sticky{position: sticky;top: 10px;z-index: 3;}
span.kucult{display: inline-block;vertical-align: bottom;}
span.kucult.aktif{max-width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
::selection {color: #000;background: #ffbb24;}
.mainbar:before{content:'';left:0;top:0;width:100%;height:100%;background:#000;position:absolute;z-index:0;opacity:0;visibility:hidden;}
.sureler-listesi{
    text-align: center;
}
.sureler-listesi h3{
    margin-bottom: 20px;
}
.sureler-listesi ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.sureler-listesi ul li{
    background: #fff;
    padding: 10px;
    margin: 3px;
    border: 1px solid transparent;
}
.sureler-listesi ul li:hover{
    border-color: #000;
}
.sureler-listesi ul li h4{
    font-size: 16px;
    margin-bottom: 3px;
}
.sureler-listesi ul li h4:before{content:attr(data-sirano);margin-right:5px;}
.sureler-listesi ul li .linkler{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}
.sureler-listesi ul li .bilgi{
  font-size: 12px;
  color: #747474;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 auto 5px;
}
.sureler-listesi ul li .linkler a{
    display: block;
    font-size: 12px;
    color: #000;
    border: 1px solid #e3e3e3;
    padding: 2px 8px;
    margin: 1px;
    background: #fff;
}
.sureler-listesi ul li .linkler a.aktif,
.sureler-listesi ul li .linkler a:hover{
    background: #ffbb24;
    color: #000;
    border-color: #000;
}
.sureler-listesi .sure-sirala{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 20px;
}
.sureler-listesi .sure-sirala .sirala{
    font-size: 14px;
    padding: 2px 10px;
    background: #fff;
    margin: 2px;
    cursor: pointer;
}
.sureler-listesi .sure-sirala .sirala.active,
.sureler-listesi .sure-sirala .sirala:hover{
    background: #000;
    color: #fff;
}
body .hc-offcanvas-nav .nav-content>.nav-close:first-child a, 
body .hc-offcanvas-nav .nav-title+.nav-close a.has-label, 
body .hc-offcanvas-nav li.nav-close a, 
body .hc-offcanvas-nav .nav-back a {
background: #ffbb24;
border-top: 1px solid #ffbb24;
border-bottom: 1px solid #ffbb24;
border-radius: 20px;
}
body .hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover, 
body .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover, 
body .hc-offcanvas-nav li.nav-close a:hover, 
body .hc-offcanvas-nav .nav-back a:hover {
background: #ffbb24;
}
body .hc-offcanvas-nav .nav-content>.nav-close:first-child{margin-top:0;}
body .hc-offcanvas-nav .nav-item-link, 
body .hc-offcanvas-nav li.nav-close a, 
body .hc-offcanvas-nav .nav-back a{border-bottom: 1px solid #ffbb24;border-radius: 20px;}
body .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
border-top: 1px solid #ffbb24;
border-radius: 20px;
}
.hc-offcanvas-nav .nav-wrapper>.nav-content>ul{
border: none!important;
margin-bottom: 0!important;
}
.ayet_ac_ajax{
    padding: 5px;
    line-height: 15px;
}
.kelime_ici_ayet_tr{
    display: none;
}
.kelime_ici_ayet_tr.active{
    display: table-row;
}
.kelime_ici_ayet_tr:hover td{background: none!important;border: 1px solid #ccc!important;}
.kelime_ici_ayet_tr td{
    padding: 0;
}
.kelime_ici_ayet_tr.active td{
    padding: 10px;
}
.tablar{
    margin-bottom: 10px;
}
.tablar .tablinkler{padding: 8px 6px 0 6px;background: #ffbb24;display: flex;}
.tablar .tablinkler .tablink{padding: 5px 7px;font-size: 14px;font-weight: bold;cursor: pointer;color: #fff;margin: 0 2px;}
.tablar .tablinkler .tablink:hover,
.tablar .tablinkler .tablink.aktif{background: #fff;color: #363636;}
.tablar .tablinkler .tablink b{font-weight:normal}
.tablar .tabicerikler{padding: 13px;border: 1px solid #D8D8D8;border-top: 0;background: #fff;}
.tablar .tabicerikler .tabicerik{}
.tablar .tabicerikler .tabicerik:hover,
.tablar .tabicerikler .tabicerik.aktif{}
.sayfalama{flex-wrap: wrap;}
.sayfalama a{}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #000;
}
::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ffbb24;
}
@media (max-width: 1400px){
.container{max-width: 100%;}
}
@media (max-width: 1200px){
#module-sureye-git .col-6,
#module-sureye-git .col-3{width: 100%;}
}
@media (max-width: 992px) {
.mobil_menuac{display: block!important;}
header nav ul,.toplinks{display:none}
header nav{height:50px;margin-bottom:-25px}
header .logo{width:120px;margin-top:-50px;left:0;padding:60px 10px 10px;border-radius:10px;margin-bottom:-40px;position:absolute;left:50%;margin-left:-60px}
header .logo:hover{margin-top:-40px}
#mainslider{height:500px}
#mainslider .search{top:70%;left:15%;right:15%}
#mainslider .carousel-caption{top:90px}
#mainslider .carousel-indicators{top:unset;bottom:40px}
.filtrebar .sirala,.filtrebar .mealciler,.filtrebar .diller{width:100%;float:none;margin-bottom:5px}
.kelimeler table tbody tr td a{font-size:12px;display:block;min-width:60px}
.kelimeler table thead th{font-size:12px}
.sidebar-ac{display: inline-block;}
.sidebar{
position: absolute;
background: #fff;
z-index: 2;
margin-top: 50px;
left: -100%;
}
body.menu-aktif .sidebar{left:0;min-width:300px;background:none;}
body:not(.home) main#main,
.single main#main{padding: 100px 0 60px;}
.mainbar{width:100%;}
.mainbar{position:relative;}
body.menu-aktif .mainbar:before{z-index:1;opacity:0.5;visibility:visible;}
.sticky{position: relative;}
.ayet_ac_ajax{display:block;}
}
@media (max-width: 550px) {
.sayfabaslik .title{/* width: 190px; */}
.sayfabaslik .title b{font-size: 20px;/* display: block; */}
.sayfabaslik .title span{
font-size: 18px;
}
.sureler-listesi ul li h4{
    font-size: 14px;
}
.sureler-listesi ul li{
    padding: 5px;
    width: 31%;
}
.sureler-listesi ul li .linkler{
    flex-direction: column;
}
}
@media print {
header#header,
.sayfabaslik .ilerigeri,
.page-buttons,
.sidebar-ac,
footer#footer,
.mealler .meal .player,
.mealler .meal .ekbutonlar.alt .ekbuton,
.sidebar{display:none;}
body:not(.home) main#main, .single main#main,
main#main{padding: 10px 0;}
.mainbar{width:100%;}
.sayfabaslik{display:block;margin-bottom:30px}
.ayetkelimeleri .kelime.sec, 
.ayetkelimeleri .kelime{font-size:10pt!important;height:95px!important;}
body{background:none;}
}