@import url(notokufiarabic.css);
body{font-family: 'Noto Kufi Arabic';padding-bottom:40px;}
.navbar-nav>li{float:right !important}
.navbar-inverse .navbar-nav>li>a{color:#F9F7ED;text-shadow:2px 2px 2px #730012;}
.navbar-inverse .navbar-nav>li>a:hover{color:#FFFFFF}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background-color:#A5021B !important;border:1px #730012 solid;border-width:0 1px}
.navbar-inverse{
background: #6f0011; /* Old browsers */
background: -moz-linear-gradient(top,  #6f0011 0%, #880015 50%, #6f0011 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f0011), color-stop(50%,#880015), color-stop(100%,#6f0011)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6f0011 0%,#880015 50%,#6f0011 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6f0011 0%,#880015 50%,#6f0011 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6f0011 0%,#880015 50%,#6f0011 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6f0011 0%,#880015 50%,#6f0011 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f0011', endColorstr='#6f0011',GradientType=0 ); /* IE6-9 */
border-color:#ff0027
}
.controls button{margin:5px 0}
.navbar-brand{padding:9px 15px;float:right;}
.navbar-toggle{float:left}
.navbar-inverse .navbar-toggle{border-color:#730012}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#BB0808}
.bqubtns a{margin:5px 3px}
.carousel-indicators{direction:ltr}
.dropdown-menu{text-align:right;font-size:13px;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:right}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:right}
.listing h2, .listing h3{font-size:13px}
.listing{margin:20px 0}

.featurette-divider{margin:30px 0}
td{vertical-align:middle !important}
th{text-align:right}
p{line-height: normal;}

element.style {
}
.bs-callout-danger{border-right-color:#d9534f}
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-right-width: 5px;
border-radius: 3px;
}
.list-group{padding-right:0}
.close, .list-group-item>.badge{float:left}
.modal-backdrop{z-index:19}
.q-settings{padding: 8px 0 0 10px}
.nav-tabs>li{float:right}
.i-nav-alf{margin-right:15px !important}
.i-nav>li>a{padding:10px 10px;color:red;font-weight:bold}
.i-nav{padding-right:10px}
.tab-content{padding:10px 0}
.descy{
	text-align:justify;line-height:24px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:right}
.form-horizontal .control-label {text-align:left;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:right;}


#sidebar{margin-top:100px}
.sidebar-ads img{margin:7px 0}

.padding-10{padding:10px 0}
.padding-15{padding:15px 0}

.iiheader{height:100px;background: #d61c39 url('../images/header-bg.png') repeat-x scroll center bottom;}
.fb-box{width: 100% !important}
.breadcrumbCon{background-color:#f5f5f5;border-radius:0px}
.breadcrumb{padding: 12px 50px;margin-bottom: 20px;background-color: #f5f5f5;}

.playheader{margin:20px 0 20px 0}
.cloned{background-color:#b90d28;box-shadow:0 1px 60px #666666;border-bottom:1px #7F0808 solid}

.cloned .navbar{border-radius:0 !important}
.cloned .navbar-inverse{background:rgba(255, 255, 255, 0) !important;border-width:0px !important;}
.navbar{margin-bottom:0}

.ihidden{/*opacity:0*/}
.ivisible{opacity:1}

.irate{width:94px;height:16px;background-image: url('../images/rate.png');background-repeat:no-repeat;display: inline-block;}
.rate_0_0{background-position:0px 0px}
.rate_0_5{background-position:0px -17px}
.rate_1_0{background-position:0px -17px}
.rate_1_5{background-position:0px -34px}
.rate_2_0{background-position:0px -51px}
.rate_2_5{background-position:0px -68px}
.rate_3_0{background-position:0px -85px}
.rate_3_5{background-position:0px -102px}
.rate_4_0{background-position:0px -119px}
.rate_4_5{background-position:0px -136px}
.rate_5_0{background-position:0px -153px}

.social{padding-left:10px}
.social a{display:inline-block;margin:15px 1px;color:#fff;opacity:0.5}
.social a:hover{opacity:1}
.social a.twitter:hover{color:#55acee}
.social a.facebook:hover{color:#4285f5}
.social a.googleplus:hover{color:#d87b0e}

.shareit a{display:inline-block}
.shareit a.goplus{color:#dc4e38}
.shareit a.twitter{color:#55acee}
.shareit a.facebook{color:#3a5897}

.navbar-form input, .form-control{line-height:19px;width: 150px !important;}
.navbar-form input::-webkit-input-placeholder {color:#e3e3e3}

.bigsearch{margin:50px auto;width:60%}
.bigsearch img{margin:20px 0}
.widebutton{width:100px}

@media (max-width: 768px){
	.stickybox {position: static !important}
	#sidebar{height:auto !important}
}


.controls{
	margin:15px 0 30px 0
}
.quran-list{
  -webkit-backface-visibility: hidden
}

.quran-list:after, .quran-list:before{
  content: '';
  display: inline-block;
  width: 100%;
}

.quran-list .mix,
.container .gap{
  display: inline-block;
  width: 49%;
}

.quran-list .mix{display:none}

.quran-list .mix:after{
  content: attr(data-myorder);
  color: white;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;

}

.quran-list .mix:before{
  content: '';
  display: inline-block;
}

@media all and (min-width: 420px){
  .quran-list .mix,
  .quran-list .gap{
    width: 32%;
  }
}

@media all and (min-width: 640px){
  .quran-list .mix,
  .quran-list .gap{
    width: 23.5%;
  }
}