@font-face 
{
     font-family: 'Scheheraza';
     src: url('../fonts/Scheherazade.eot');
     src: local('Scheherazade'), url('../fonts/Scheherazade.ttf') format('truetype');
 }
 
body
{
    font-family: inherit;
	/* font-family: 'Ubuntu', sans-serif; */
	line-height: 1.5;
}

body.container > section:before,
body.session:before
{
	content: "";
	background: #FFF url(../images/bg.jpg) repeat-x;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;  
	display: block;
}

.navbar-brand .h1,
.header-md .navbar-brand 
{
	font-family: 'Slabo 27px', serif;
	font-size: 32px;
}

.navbar-brand .h1
{
	font-size: 36px;
}

.text-arabic
{
	text-align: justify;
    font-family: Scheherazade, Scheheraza;
    font-size: 2em;
    font-weight: normal;
    direction: rtl;
	line-height: 50px;
}

.scrollToTop
{
	text-decoration: none;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
}

.scrollToTop:hover
{
	text-decoration:none;
}

@media(min-width: 767px) 
{
    .sm-m-l-n
    {
        margin-left: -15px;
    }
    
	header .navbar-header
	{
		text-align: center;
		float: none;
		margin: 0 auto;
	}
	
	.navbar-header > .btn 
	{
		position: absolute;
		font-size: 2em;
		padding: 9px 16px;
		line-height: 40px;
		left: 0;
		text-decoration: none !important;
	}
	
	.navbar-header .navbar-brand + .btn
	{
		right: 0;
		top: 0;
		left: auto;
	}
	
	/*
	#navbar:before
	{
		content: " ";
		background-image: url('../images/header-bg.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center; 
		opacity: 0.5;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;  
		display: block;
	}
	*/
}

@media (max-width: 767px) 
{
	.navbar-search
	{
		min-height: 50px;
	}
	
	body.fixed-bottom-xs
	{
		margin-bottom: 20px !important;
	}
	
	body.fixed-bottom-sm
	{
		margin-bottom: 40px !important;
	}
	
	body.fixed-bottom-md
	{
		margin-bottom: 60px !important;
	}
	
	body.fixed-bottom-lg
	{
		margin-bottom: 80px !important;
	}
	
	.ayah-item span.clear
	{
		clear: both;
	}
	
	.ayah-item .ayah-content
	{
		margin-top: 15px;
	}
	
    /*
	.dropdown-menu 
	{
		font-size: 20px;
	}
    */
	
	.scrollToTop
	{
		bottom:60px;
		right:10px;
	}
}

.thumb-v-xl.surah-logo
{
	margin-top: -60px;
    margin-bottom: -60px;
}

.i-checks.i-checks-rounded input[type="checkbox"] + i 
{
  border-radius: 100%;
}

.surah-prev span,
.surah-next span
{
    position: relative;
	vertical-align: top;
	line-height: 75px;
}

#surahs #banners [class^="col-"]
{
	z-index: -1;
}

.full
{
	width: 100%;
	border-radius: 0;
}

.pixelturk a
{
	color: #FFF !important;
}


body.safari	.thumb-v-xl 
{
	width: 40%; 
	height: 40%; 
}

.ayah-content p
{
	color: #333;
}

.onhover:hover
{
	background-color: #f2f2f2 !important;
}

#navbar-search
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.i-checks-lg i 
{
    width: 24px;
    height: 24px;
    font-size: 18px;
}

dl dt
{
	width: 30%;
	float: left;
	margin-bottom: 10px;
}

dl dd
{
	width: 70%;
	float: left;
	margin-bottom: 10px;
}

@media (min-width: 768px)
{
    .vbox > header ~ section 
    {
        top: 60px;
    }
}

.jp-play-bar 
{
    border-right: 1px solid #f05050;
}

.btn-circle
{
    border: 1px solid #cbd5dd !important;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

.btn-circle .i-lg 
{
    vertical-align: sub;
}

.surah-control-label
{
    position: absolute;
    font-size: 10px;
    top: -50px;
}

.surah-prev span .surah-control-label
{
    left: 0;
}

.surah-next span .surah-control-label
{
    right: 0;
}

.bg-custom
{
    color: #FFF;
    background-color: #4267b2;
}

.bg-info a,
.bg-custom .text-lt,
.bg-custom .btn-link
{
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a 
{
    color: #545ca6;
    font-weight: bold;
    text-transform: uppercase;
}