/*Other css files */
@import url("bootstrap.css");
@import url("slick.css");
@import url("magnific-popup.css");
@import url("mediaBoxes.css");
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("owl.transitions.css");
@import url("font-awesome.min.css");
@import url("fontello.css");
@import url("animation.css");
@import url("rtl.css");
/*Website template css */
/*******/
@font-face {
font-family: 'Droid Arabic Kufi Reg';
font-style: normal;
font-weight: 400;
src: url(../fonts/droid-arabic-kufi/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/droid-arabic-kufi/DroidKufi-Regular.woff) format('woff'),
url(../fonts/droid-arabic-kufi/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi Bold';
font-style: normal;
font-weight: 700;
src: url(../fonts/droid-arabic-kufi/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(../fonts/droid-arabic-kufi/DroidKufi-Bold.woff) format('woff'),
url(../fonts/droid-arabic-kufi/DroidKufi-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'helvetica_neueregular';
src: url('../fonts/HelveticaNeue-UltraLight.eot');
src: url('../fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
url('../fonts/HelveticaNeue-UltraLight.woff') format('woff'),
url('../fonts/HelveticaNeue-UltraLight.ttf') format('truetype'),
url('../fonts/HelveticaNeue-UltraLight.svg#helvetica_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*******/
body
{
padding: 0;
margin: 0;
background: #e2e2e2;
 font-family: Droid Arabic Kufi Reg;
}
.modal-dialog {
    position: absolute!important;
    width: auto!important;
    margin: 10px!important;
    right: 32%!important;
    top: 32%!important;
}


.mn{
	color: #999;
font-size: 18px;
font-family: Droid Arabic Kufi Bold;
padding: 10px;
}
.workli{
font-family:Droid Arabic Kufi Reg;
	 list-style: outside none none;
    font-size: 15px;
    padding: 8px;

	 color: #999999;
}
.close {
    float: left!important;
    font-size: 44px!important;}

.panel-group {
    margin-bottom: -1px;
}
.tit{
		color: #1ABCE2;
font-size: 25px;
font-family: Droid Arabic Kufi Reg;
}
.sub{
	color: #999999;
font-size: 15px;
font-family: Droid Arabic Kufi Reg;
}
.sub1{
color: #1ABCE2;
font-size: 20px;
font-family: Droid Arabic Kufi Reg;
}
.workli:hover{
font-family:Droid Arabic Kufi Reg;
	 list-style: outside none none;
    margin-bottom: 3px;
    font-size: 15px;
    padding: 8px;
	 margin: 3px;
	 color: #999999;
	 background-color: #7CD9EF;
}

.liststy li {
    list-style: outside none none;
    background-color: #DBDBDB;
    margin-bottom: 3px;
    font-size: 15px;
    padding: 2px;
}
.headline {
    display: block;
    border-bottom: 2px solid #D3D3D3; 
}
.ty{
margin-right: -45px;
}
a
{
text-decoration: none !important;
}
ul,li
{
list-style: none;
}
.content-scroll {
		height: 200px;
	}
	
.img-resonsive
{
width: 100% !important;
}
.box-shadow
{
border: 1px solid #b5b5b5;
}

.bac a {
	color: #999;
}
.bac a:hover {
	color: #434343;
}
.bac{
margin-top:5px;
margin-right: 15px;

	
}
.box-border
{
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
}
.margin-top-50
{
margin-top: 50px;
}
.margin-top-30
{
margin-top: 30px;
}
:-webkit-input-placeholder { /* WebKit browsers */
color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #999;
opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #999;
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #999;
}
.label{
white-space: nowrap!important;
    margin-right: 1px;
    font-size: 80%!important;
} 
/**/
/*assirat menu*/
.main-assirat-template
{
direction: rtl;
}
.menu-assirat-container
{
background: #fff;
}
.navbar-nav,.navbar-brand,.navbar-nav>li
{
float: right !important;
}
.navbar-nav > li > a
{
line-height: 15px;
}
.navbar-brand
{
padding: 15px 0px 15px 0px;
}
.menu-logo 
{
width: 100% !important;
margin: 0 auto;
}
.navbar-toggle
{
background: #1abce2
}
.navbar-toggle >.icon-bar
{
background: #fff;
}
.navbar-collapse
{
padding-left: 0px;
padding-right:3px;
}
.navbar-nav
{
padding-top: 20px;
width: 90% !important;
padding-right: 20px;
}
.navbar-nav>li 
{
font-family:Droid Arabic Kufi Reg;
/*padding-right: 18px;
padding-left: 18px;*/
text-align: center;
font-size: 12px;
/*border-right: 1px solid  #f7f7f7;*/
position: relative;
width: 157px;
}
.navbar-nav>li:not(:last-child):before
{
content: "|";
position: absolute;
top:20%;
right:-2px;
font-size: 17px;
font-weight: lighter;
color: #1abce2;
}
.navbar-nav>li.active
{
border-bottom: 7px solid #1abce2;
}
.navbar-nav>li.active>a
{
color: #1abce2;
}
.navbar-nav>li.active>a i
{
display: inline-block;
font-size: 13px;
}
.navbar-nav>li a i
{
display: none;
}
.navbar-nav>li>a
{
color: #999999;
}
.navbar-nav>li>a i 
{
font-size: 15px;
}
.navbar-nav>li>a:hover
{
background: none;
color: #1abce2;
}
.search
{
padding-right: 0px !important;
}
#livestream
{
color: #d83f3f;
}

.search a .glyphicon
{
top:8px;
}
#search
{
line-height: 73px;
position: relative;
padding-right: 30px;
font-size: 20px;
border-right: 1px solid  #f9f9f9;
position: relative;
z-index: 1000;
}
#search a
{
color: #00b7ec;
}
#search:hover >.input-search
{
display: block !important;
z-index: 1000;
}
#search:before
{
content: "|";
position: absolute;
top:5px;
right:-1px;
font-size: 17px;
color: #1abce2;
}
#search:hover 
{
background: #1abce2;	
color: #fff;
}
#search:hover >a span
{
color: #fff;	
}
.input-search
{
z-index: 1000;
padding: 8px 8px 8px 8px ;
position: absolute;
top: 100%;
background: #1abce2;
z-index: 100;
display: none;
left: 0;
width: 250px;
}
.input-search > input
{
border: none;
outline: none;
color: #999 !important;
font-family:Droid Arabic Kufi Reg;
font-size: 12px;
}
.header >header
{
position: relative;
}
.m-button
{
padding: 7px;
font-size: 22px;
color: #00b7ec;
cursor: pointer;
font-weight: lighter;
}
.sidebar
{
height:100%;
width: 180px;
background:#fff;
padding: 5px 20px 5px 0px;
border-left:4px solid #1abce2; 
position: fixed;
top: 48px;
right: -180px;
z-index: 900;
border-top: 1px solid gray;
display: none;
}
.sidebar ul
{
padding: 0;
margin: 0;
}
.sidebar ul li
{
padding: 20px 5px 20px 0px ;
border-bottom: 1px solid #aeaeae;
}
.sidebar ul li a
{
font-family:Droid Arabic Kufi Reg;
font-size: 13px;
color: #999;
}
.sidebar ul li a i
{
color: #fff;
}
.sidebar ul li.active a
{
font-family:Droid Arabic Kufi Reg;
font-size: 14px;
color: #1abce2;
}
.sidebar ul li.active a i
{
color: #1abce2;
}
.back-white
{
position: fixed;
background: #fff;
opacity: 0.7;
width: 100%;
top: 48px;
right: 0;
height: 100%;
z-index: 800;
display: none;
}
.search-menu
{
position: absolute;
top: 45px;
right: 0;
left: 0;
width: 100%;
background: #00b7ec;
z-index: 400;
padding: 5px 5px 5px 5px ;
display: none;
z-index: 900;
}
.search-menu input
{
font-family:Droid Arabic Kufi Reg;
width: 89%;
float: right;
height: 30px;
border: none;
outline: none;
}
.mbar div[class*="col-"] 
{
padding: 0;
}
.m-s:hover
{
background: #00b7ec;
color: white;
}
.m-s:hover  .search-menu
{
display: block !important;
}
/**/
/*MAWAKEET*/
.mawakit-salah
{
position: absolute;
top: 63px;
right: 0;
width: 100%;
z-index: 1000;
padding: 20px 200px 10px 190px;
background:#e2e2e2;
text-align: center;
display: none;
}
.mawakit-salah div.col
{
padding: 2px;
}
.mawakit-box
{
position: relative;
}
.mawakit-box #close-m
{
position: absolute;
top:-25px;
right: -60px;
font-family:helvetica_neueregular;
font-weight: lighter;
font-size: 36px;
color: #ADADAE;
cursor: pointer;
z-index: 100;
}
.salat-date > span:first-child 
{
font-family: Droid Arabic Kufi Bold;
font-size: 12px;
text-align: center;
line-height: 10px;
color: #999;
}
.salat-date > span:nth-child(2n)
{
font-family: Droid Arabic Kufi Reg;
font-size: 11px;
color: #999;
}
.salat-time > div:first-child>div
{
font-family: Droid Arabic Kufi Bold;
font-size: 13px;
text-align: center;
color: #999;
margin-bottom: 5px;
}
.salat-time > div:first-child
{
font-family:helvetica_neueregular;
font-weight: lighter;
font-size: 50px;
font-weight: lighter;
padding: 0;
color: #999;
text-align: center;	
}
.salat-region
{
font-family: Droid Arabic Kufi Reg;
font-size: 15px;
color: #1abce2;
margin-bottom: 10px;
}
.salat-box
{
background: #f1f1f1;
margin-bottom: 10px
}
.salat-ex-time
{
padding-top: 5px;
font-family:helvetica_neueregular;
font-weight: lighter;
font-size: 30px;
font-weight: lighter;
color: #999;
text-align: center;	
}
.salat-ex-icon >img
{
margin: 0 auto;
}
.salat-ex-name
{
padding-top: 5px;
padding-bottom: 7px;
font-family: Droid Arabic Kufi Reg;
font-size: 17px;
font-weight: lighter;
text-align: center;	
}
.fajer-time
{
border-right:6px solid #50586d; 
}
.fajer-name
{
color: #50586d;
}
.shorok-time
{
border-right:6px solid #e8b05d; 
}
.shorok-name
{
color: #e8b05d;

}
.zohr-time
{
border-right:6px solid #3dcbe2;
}
.zohr-name
{
color: #3dcbe2;
}
.aser-time
{
border-right:6px solid #e27a4d;
}
.aser-name
{
color: #e27a4d;
}
.maghreb-time
{
border-right:6px solid #d83f3f;
}
.maghreb-name
{
color: #d83f3f;
}
.isha-time
{
border-right:6px solid #31394c;
}
.isha-name
{
color: #31394c;
}
button.mfp-close
{
background: none !important;
}
/**/
/**/
.owl-carousel .item
{
position: relative;
}
.owl-carousel .item time
{
position: absolute;
bottom: 0;
right: 0;
padding: 10px;
background:rgba(0,0,0,0.5);
font-family: helvetica_neueregular !important;
font-size: 32px;
color: #fff;
}
#sync1 .item{
position: relative;
text-align: center;
}
#sync1 .item .b-caption
{
display: inline-block;
top:0;
right: 0;
bottom: 0;
width: 26%;
background: rgba(0,0,0,0.5);
position: absolute;
padding: 3px 5px 3px 5px;
overflow: hidden;
}
.b-caption-text
{
font-family: Droid Arabic Kufi Reg;
border-top: 2px solid #fff;
font-size: 18px;
padding: 4px;
line-height: 30px;
color: #fff;
text-align: right;
}
#sync2 .item{
background: #C9C9C9;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
#sync2 .synced .item{
z-index: 1000;
}
#sync2  .item img{
max-height: 133px;
} 
#sync2 .synced .item   .c-caption
{
position: absolute;
right:0;
left: 0;
top: 0;
background-color: #00b7ec;
display: inline-block;
height: 100%;
width: 100%;
font-family: helvetica_neueregular !important;
font-size: 82px;
color: #fff;
text-align: center;
line-height:132px !important; 	}
#sync2 .synced .item   .arr
{
background: url(../images/arr.png) no-repeat center;
width: 40px;
height: 17px;
bottom: -16px;
right: 0;
left: 0;
margin:  0 auto;
display: block;
position: absolute;
z-index: 1000 !important;
}
#sync2  .item   .arr
{
display: none;
}
#sync2  .item   .c-caption
{
display: none;
}
.owl-wrapper
{
padding-bottom: 10px;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 0px;
padding: 0px 0px;
font-size: 12px;
-webkit-border-radius:none !important;
-moz-border-radius: none !important;
border-radius: none !important;
background: none !important;
}
#sync1   .owl-wrapper-outer
{
padding: 10px 0px 0 0px !important;
}
#sync2   .owl-wrapper-outer
{
padding: 0 0px 16px 0px !important;
}
.owl-theme .owl-controls .owl-buttons div
{
opacity: 1;
}
.owl-controls,.owl-buttons
{
height: 0 !important;
}
.owl-wrapper,.owl-wrapper-outer,.owl-carousel 
{
padding-bottom: 0;
}
/**/
/* Main assirat Carousel*/
.main-assirat-carousel
{
position: relative;
}
.carousel-arrow
{
position: absolute;
background-color: rgb(139, 139, 139);
}
#nextarr,#prevarr
{
top: 45%;
}
#prevarr
{
right: 6%;
}
#nextarr
{
left: 6%;
}
.carousel-img
{
width: 100%;
height:auto;
}

.tst{

}
.carousel-arrow >img
{
cursor: pointer;
}
.main-assirat-carousel .carousel-item
{
margin-right: 0px;
margin-left: 0px;
}
.imgf .carousel-item img
{

}
.carousel-item
{
position: relative;
margin-right: 5px;
margin-left: 5px;
}
.carousel-item > a .caption
{
position: absolute;
margin: 0 auto;
top: 40%;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
width: 40%;
}
.carousel-item > a .caption > h3
{
color:#d83f3f;
opacity: 0.7; 
font-family:Droid Arabic Kufi Reg;
font-size: 20px;
}
.carousel-item > a .caption > h1
{
color:#d83f3f;
font-family:Droid Arabic Kufi Bold;
font-size: 45px;
}
/**/
/* main-content start */
.main-content
{
margin-top:15px;
}
.main-content-carousel-holder ,.main-content-boxes-holder
{
background: #fff;
padding: 0px ;
}
.main-content-carousel-holder1
{
    background: #fff;
    padding: 0px ;
}
.sync-show-carousel
{
padding-right: 14px;
padding-left: 14px;
margin-bottom: 15px;
}
.main-sync-content-carousel
{
position: relative;
}
.main-sync-content-carousel  .carousel-item
{
margin-left: 5px ;
margin-right: 5px;
}
#prevarrmin,#nextarrmin
{
top: 40%;
}
#prevarrmin2,#nextarrmin2
{
top: 18%;
}
.owl-theme .owl-controls
{
margin-top: 0px;
}
#prevarrmin2
{
right: 30px;
}
#nextarrmin2
{
left: 29px;
}
#prevarrmin
{
right: -17px;
}
#nextarrmin
{
left: -17px;
}
.c-item-active
{
border-bottom: 1px solid red !important;
}
.main-content-carousel-title
{
padding: 10px 23px 20px 12px;
border-bottom: 1px solid #999999;
margin-bottom: 10px;
}
.main-content-boxes-title
{
border: none;
padding: 10px 23px 20px 12px;}
.main-content-carousel-title >span
{
margin-left: 10px;
}
.main-content-carousel-title >span:first-child ,.main-content-boxes-title >span:first-child 
{
color: #1abce2;
font-size: 30px;
font-family: Droid Arabic Kufi Reg;
}
.main-content-carousel-title >span:nth-child(2n)
{
color: #999999;
font-size: 15px;
font-family: Droid Arabic Kufi Bold;
}
/**/
/*tow-blocks-container*/
.block
{
background: #fff;
margin-bottom: 20px;
padding:10px;
}
.block-title
{
margin-bottom: 5px;
}
.block-title > span
{
margin-right: 5px;
}
.block-title > span:first-child
{
font-size: 18px;
font-family: Droid Arabic Kufi Bold;
}
.block-title >   span:nth-child(2n)
{
font-size: 18px;
font-family: Droid Arabic Kufi Reg;
color: #999999;
line-height: 19px;
max-height: 19px;
overflow: hidden;
display: block;
}
.selected-day-title
{
border-right: 10px solid #00b7ec;
border-bottom: 1px solid #00b7ec;
padding-top: 10px;
padding-bottom: 10px;
}
.selected-day-title >span:first-child
{
color: #00b7ec !important;
}
.current-show-title
{
border-bottom: 1px solid #d83f3f;
padding-top: 10px;
padding-bottom: 10px;
}
.current-show-title >span:first-child
{
color: #d83f3f !important;
}
.block-content 
{
padding-top: 5px;
overflow: hidden !important;
display: block;
position: relative;
font-family: Droid Arabic Kufi Reg;	

}
.block-content-1 
{
padding-top: 5px;
overflow: hidden !important;
display: block;
position: relative;
font-family: Droid Arabic Kufi Reg;
height: 350px;
}
.block-content-1 > img
{
width: 100%;
margin: 0 auto;
height: 100%;
}
.block-content > img
{
width: 100%;
margin: 0 auto;
max-height: 290px !important;
}
.block-content > .caption
{
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 10px;
background: rgba(0,0,0,0.5);
font-family: Droid Arabic Kufi Reg;
color: #fff;
} 
.common-title
{
border-bottom: 1px solid #00b7ec;
padding-top: 10px;
padding-bottom: 10px;
}
.common-title >span:first-child
{
color: #00b7ec !important;
}
.s-title > div:first-child
{
font-size: 15px;
line-height: 30px;
color: #999999;
padding-bottom: 5px;
position: relative;
}
time
{
color: #00b7ec ;
font-size: 15px;
font-weight: lighter;
line-height: 20px;
}
.s-content
{
border-bottom: 1px solid #999999;
padding: 5px 0 5px 0;
}
.s-content img
{
max-height: 76px;
}
.img-b{max-height: 196px;}
.search-program
{
background: #e2e2e2;
padding: 2px 5px 1px 10px;
margin: 5px;
}
.search-program  ul
{
padding:0;
margin: 0;
}
.search-program  ul li
{
float: right;
max-width: 110px;
margin-right: 2px;
}
.search-program  ul li input
{
background: #e2e2e2;
border: none;
outline: none;
color: #999;
font-family: Droid Arabic Kufi Reg;
font-size: 12px;
max-width: 110px;	}
#search2::-webkit-input-placeholder { /* WebKit browsers */
color:    #999;
}
search2::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #999;
opacity:  1;
}
search2::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #999;
opacity:  1;
}
search2::-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #999;
}
.search-program >span
{
text-align: center;
color: #999;
}
.tag
{
position: absolute;
margin-left: auto;
margin-right: auto;
right: 0;
left: 0;
bottom: 0;
text-align: center;
padding: 2px;
font-family: Droid Arabic Kufi Reg;
}
.tag >span
{
background: #1abce2;
}
.article-detail
{
background: #fff;
font-family: Droid Arabic Kufi Reg;
font-size: 18px;
line-height: 35px;
color: #999999;
}
.article-detail >div
{
padding: 10px;
}
.article-detail h4
{
font-family: Droid Arabic Kufi Bold;
}
/*Media Boxes Overwrite*/
.media-boxes-filter>li
{
float: right !important;
margin: 0 2px 0 0 !important;
text-align: center;
/*border-left: 1px solid #fff;*/	}
.media-boxes-filter>li :hover
{
background: #00b7ec;
color: red;
}
.media-boxes-filter>li:first-child
{
margin: 0 1px 0 0 !important;
}
.media-boxes-filter>li a{
color: #1abce2;
font-family: Droid Arabic Kufi Reg;
font-size: 15px;
border-bottom: 2px solid #1abce2;
}
.video-text
{
font-size: 15px;
color: #999;
font-family: Droid Arabic Kufi Reg;
padding: 5px;
line-height: 30px;
}
.playe-icon
{
position: absolute;
width: 60px;
height: 60px;
background: url('../images/playi.png') no-repeat;
top: 40%;
right: 0;
left: 0;
margin: 0 auto;
}
.live-tag
{
background: none;
}
.live-tag a
{
background: #d83f3f;
color: #fff;
font-family: Droid Arabic Kufi Reg;
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
margin-top: 5px;
}
.cat-tag
{
background: none;
}
.cat-tag a
{
background: #b3cc4c;
color: #fff;
font-family: Droid Arabic Kufi Reg;
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
margin-top: 5px;
}
.article-videos
{
margin-top: 10px;
padding: 10px;
}
.video-img-block
{
position: relative;
}
.article-text
{
background: #1abce2;
color: #fff;
padding: 30px !important;
}
.media-boxes-filter>li a:hover
{
color: #fff;
background: #e54e53;
}
.filter-box
{
background: #f9f9f9;
}
.media-boxes-load-more-button
{
display: none;
}
/**/
/* footer*/
footer
{
background: #fff;
border-top: 4px solid #00b7ec;
}
.footer-content
{
padding: 30px 110px 30px 10px;
}
.footer-list ul > h4
{
font-family: Droid Arabic Kufi Bold;
color: #00b7ec;
}
.footer-list ul > li
{
font-family: Droid Arabic Kufi Reg;
color: #999999;
padding: 6px;
position: relative;
line-height: 20px;
font-size: 14px !important;
font-weight: lighter;
}
.footer-list ul > li a
{
font-family: Droid Arabic Kufi Reg;
color: #999999;
position: relative;
line-height: 20px;
font-size: 13px !important;
font-weight: lighter;
}
.footer-list:not(.list-with-icons) ul > li:before
{
content: ' \25CF';
color: #e0e0e0;
position: absolute;
top:0px;
right: -7px;
font-size: 12px;	}
.list-with-icons >ul >li >i
{
font-size: 2em !important;
margin-left: 5px;
}
.list-with-icons>ul >li:nth-child(2n) > i
{
color: #5ccc48;
}
.list-with-icons >ul >li:nth-child(3n)> i
{
color: #426198;
}
.list-with-icons >ul >li:nth-child(4n)> i
{
color: #4bc9ef;
}
.list-with-icons >ul >li:nth-child(5n)> i
{
color: #ed4c4c;
}
.list-with-icons >ul >li:nth-child(6n)> i
{
color: #5f4435;
}
.list-with-icons >ul >li:nth-child(7n)> i
{
color: #f79d31;
}
#copy-right 
{
text-align: center;
font-size: 14px;
font-family: Droid Arabic Kufi Reg;
}
#copy-right span:first-child
{
color: #00b7ec;
padding: 3px;

}
#copy-right span:nth-child(2n)
{
color: #999999;
padding: 3px;
}
/**/
/***************************Media Queires*************************************************/
@media (max-width: 768px) { 
.block-content-1 
{
padding-top: 5px;
overflow: hidden !important;
display: block;
position: relative;
font-family: Droid Arabic Kufi Reg;
height: 250px;
}
.block-content-1 > img
{
width: 100%;
margin: 0 auto;
height: auto;
}
.footer-list ul > li
{
font-family: Droid Arabic Kufi Reg;
color: #999999;
padding: 5px;
position: relative;
line-height: 20px;
font-size: 10px !important;
font-weight: lighter;
}
.main-assirat-carousel .carousel-item
{
height: auto;
overflow: hidden;
position: relative;
margin: 0 auto;
}
.main-assirat-carousel .carousel-item img
{
	}
.salat-ex-time
{
border-right: none;
}
.fas
{
border-right:6px solid #50586d; 
}
.sh
{
border-right:6px solid #e8b05d; 
}
.zh
{
border-right:6px solid #3dcbe2;
}
.as
{
border-right:6px solid #e27a4d;
}
.mg
{
border-right:6px solid #d83f3f;
}
.is
{
border-right:6px solid #31394c;
}
.navbar-nav>li
{
width: 100% !important;
}
.navbar-nav
{
width: 100%;
}
#search:before
{
content: "";
position: absolute;
top:-2px;
right:-15px;
font-size: 17px;
color: #1abce2;
}
.search
{
padding-right: 15px !important;
}
.carousel-item > a .caption
{
background: rgba(0,0,0,0.5);
top: 190px !important;
position: absolute;
height: 60px;
width: 100%;
text-align: center;
padding-right: 30px;
}
.carousel-item > a .caption > h1
{
font-size: 22px;
float: right;
color: #fff;
margin-left: 20px;
}
.carousel-item > a .caption > h3
{
float: right;
color: #fff;
margin-right: 10px;
margin-left: 20px;
line-height: 22px;
font-size: 18px;
}
.footer-content
{
padding: 30px 0px 30px 10px !important;
}
.mawakit-salah
{
position: absolute;
top: 48px;
padding: 20px 20px 10px 10px;
}
.mawakit-box #close-m
{
position: absolute;
top:0px;
right: 20px;
cursor: pointer;		
}
#sync2 .synced .item   .c-caption
{
font-size: 22px !important;			
line-height:42px !important; 		
}
.owl-carousel .item time
{
font-size: 28px !important;
}
.b-caption-text
{
font-size: 10px;
line-height: 24px;
}	
}
@media (min-width: 768px) and (max-width: 992px){ 
.salat-ex-time
{
border-right: none;
}
.fas
{
border-right:6px solid #50586d; 
}
.sh
{
border-right:6px solid #e8b05d; 
}
.zh
{
border-right:6px solid #3dcbe2;
}
.as
{
border-right:6px solid #e27a4d;
}
.mg
{
border-right:6px solid #d83f3f;
}
.is
{
border-right:6px solid #31394c;
}
.search
{
padding-right: 15px !important;
}
.carousel-item > a .caption > h1
{
font-size: 22px;
}
.carousel-item > .caption
{
top: 30%;
}
.carousel-item > a .caption > h3
{ 

font-size: 28px;
}
.footer-content
{
padding: 30px 30px 30px 10px !important;
}
.mawakit-salah
{
position: absolute;
top: 48px;
padding: 20px 20px 10px 10px;
}
.mawakit-box #close-m
{
position: absolute;
top:0px;
right: 20px;
cursor: pointer;		
}
#sync2 .synced .item   .c-caption
{
font-size: 32px !important;
line-height:0 !important; 		
}
.owl-carousel .item time
{
font-size: 28px !important;
}
}
@media (max-width: 768px) { 
.search
{
padding-right: 15px !important;
}
#sync2 .synced .item   .c-caption
{
font-size: 42px !important;
line-height:135px !important;
}
.owl-carousel .item time
{
font-size: 28px !important;
}
.b-caption-text
{
font-size: 12px;
line-height: 20px;
}
#sync1 .item .b-caption

{
width: 40%;
}
.s-content img
{
max-height: 300px;
}
.media-boxes-filter>li a{
font-size: 13px;
}
.media-boxes-filter>li
{
width: 15%;
}
}
@media (min-width: 768px) and (max-width: 992px){ 
.navbar-nav>li 
{
padding-right: 3px;
padding-left: 3px;
font-size: 13px;
}
#search:before
{
content: "";
position: absolute;
top:-2px;
right:-15px;
font-size: 17px;
color: #1abce2;
}
.search
{
padding-right: 15px !important;
}
.footer-content
{
padding: 30px 30px 30px 10px !important;
}
#sync2 .synced .item   .c-caption
{
font-size: 42px !important;
line-height:82px !important; 		}
.owl-carousel .item time
{
font-size: 28px !important;
}
.b-caption-text
{
font-size: 15px;
line-height: 24px;
}
#sync1 .item .b-caption
{
width: 40%;
}
.s-content img
{
max-height: 300px;
}
#prevarrmin2,#nextarrmin2
{
top: 22%;
}
.media-boxes-filter>li a{
font-size: 11px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px){ 
#prevarrmin2,#nextarrmin2
{
top: 20%;
}
.navbar-nav>li 
{
padding-right: 3px;
padding-left: 3px;
font-size: 12px;
}
#sync2 .synced .item   .c-caption
{
font-size: 62px;			line-height:112px !important; 		}
.owl-carousel .item time
{
font-size: 28px;
}
.navbar-nav
{
padding-top: 20px;
width: 87% !important;
padding-right: 20px;
}
.navbar-nav>li 
{
font-family:Droid Arabic Kufi Reg;
text-align: center;
font-size: 11px !important;
position: relative;
width: 125px;
}
.media-boxes-filter>li a{
font-size: 12px;
}
}
@media (max-width: 600px) { 
#sync2 .synced .item   .c-caption
{
font-size: 40px !important;
line-height:120px !important; 
}
}
@media (max-width: 500px) { 
#sync2 .synced .item   .c-caption
{
font-size: 25px !important;
line-height:65px !important; 
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}