/* #logo:target{} /* style applied to #logo when a link of 'href="#logo"' clicked */
/* .button:focus{} /* style applied when element get focus */
/* .button:active{} /* style applied when button down */
/* [href]{} /* style applied to all elements has "href" attribute */
/* img[alt]{} /* style applied to all "img" has "alt" attribute */
/* input[type="text"]{} /* style applied to all "input" has "type=text" */
/* input:disabled{} /* Style applied to all disabled inputs */
/* input:enabled{} /* Style applied to all enabled inputs */
/* input:checked{} /* Style applied to checkboxes that checked */
/* input:indeterminate {} /* Style applied to radio buttons that not chosen nither unchosen */
/* .text:after{content:"..."} /* add the "..." after the content of ".text" */
/* h1:before{content:url(icon.gif)} /* add "icon.gif" before content of "h1" */
/* img:after{content:attr(alt)} /* set "alt" value after img tag */

/* General Reset */
html{position:relative;min-height:100%}
body{background:#fff;background-image:url(../images/islamwasat_01.png);background-size: 100% auto;background-repeat:no-repeat;font:22px "YLShiliaRegular";margin-bottom:200px;color: #547684}/* Margin bottom by footer height */
a{text-decoration:none;color:#50a200}
a:hover,a:focus{text-decoration:none;color:#FF8A00}
a:focus{color:#BA7F00;outline:none}
/*a:visited{color:#89a74c}*/
a{transition:0.6s;-webkit-transition: 0.6s}
a img{border:none}
textarea {resize: vertical} /* Allow only vertical resizing of textareas */
fieldset {border: 0;margin: 0;padding: 0;}

/* The only way to change placeholder text color using css only.. dont group them*/ 
::-moz-placeholder          {color:#939393 !important;opacity:1} /* Mozilla Firefox 19+ */
:-moz-placeholder           {color:#939393 !important;opacity:1} /* Mozilla Firefox 4 to 18 */
::-webkit-input-placeholder {color:#939393 !important}           /* WebKit, Blink, Edge */
:-ms-input-placeholder      {color:#939393 !important}           /* Internet Explorer 10-11 */
/* Change text highlight bgcolor */
::-moz-selection{background:#FF8A00;color:#fff;text-shadow:0 0 0}
::selection{background:#FF8A00;color:#fff;text-shadow:0 0 0}

/* General Classes */
/*=================*/
.inline-block{display:inline-block}
.txt-light-shadow{text-shadow:1px 1px #fff}
.txt-drk-shadow-1{text-shadow:1px 1px #000}
.txt-drk-shadow-2{text-shadow:0 2px 0 #FFF, 0 4px 0 rgba(0, 0, 0, 0.5)}
.no-padding{padding:0 !important}
.text-white{color:#fff}
.bg-pattern{background-image:url(../images/pattern.png);background-repeat:repeat}
.bg-transparent{background-color:transparent !important;background-image:none !important}
.bg-default{background-color:#fff}
.bg-drk-5{background-image:url(../images/drk-5.png);background-repeat:repeat}
.bg-drk-10{background-image:url(../images/drk-10.png);background-repeat:repeat}
.bg-drk-20{background-image:url(../images/drk-20.png);background-repeat:repeat}
.bg-drk-30{background-image:url(../images/drk-30.png);background-repeat:repeat}
.bg-drk-40{background-image:url(../images/drk-40.png);background-repeat:repeat}
.bg-drk-50{background-image:url(../images/drk-50.png);background-repeat:repeat}
.bg-drk-60{background-image:url(../images/drk-60.png);background-repeat:repeat}
.bg-drk-70{background-image:url(../images/drk-70.png);background-repeat:repeat}
.bg-drk-80{background-image:url(../images/drk-80.png);background-repeat:repeat}
.bg-drk-90{background-image:url(../images/drk-90.png);background-repeat:repeat}
.bg-light-5{background-image:url(../images/light-5.png);background-repeat:repeat}
.bg-light-10{background-image:url(../images/light-10.png);background-repeat:repeat}
.bg-light-20{background-image:url(../images/light-20.png);background-repeat:repeat}
.bg-light-30{background-image:url(../images/light-30.png);background-repeat:repeat}
.bg-light-40{background-image:url(../images/light-40.png);background-repeat:repeat}
.bg-light-50{background-image:url(../images/light-50.png);background-repeat:repeat}
.bg-light-60{background-image:url(../images/light-60.png);background-repeat:repeat}
.bg-light-70{background-image:url(../images/light-70.png);background-repeat:repeat}
.bg-light-80{background-image:url(../images/light-80.png);background-repeat:repeat}
.bg-light-90{background-image:url(../images/light-90.png);background-repeat:repeat}

/* Use this css to make bg image responsive */
.responsive-bg-img{
    background-image:url('data/def01.jpg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}

.bg-pic-1{background:url(../data/1.jpg) no-repeat 50%}
.bg-pic-2{background:url(../data/2.jpg) no-repeat 50%}
.bg-pic-3{background:url(../data/3.jpg) no-repeat 50%}
.bg-pic-4{background:url(../data/4.jpg) no-repeat 50%}
.bg-pic-5{background:url(../data/5.jpg) no-repeat 50%}


/* Preloading */
#loading{width:100%;height:100%;position:absolute;z-index:999;background:#f0f0f0;padding-top:10%;text-align:center}
#loading h1{font-size:5em;color:#ddd}

/* Structure */
.container-fluid{min-width:245px;max-width:1920px;position:relative}
#header{margin-bottom:20px;margin-top:80px}
#footer{position:absolute;bottom:0;width:100%;text-align:center ;background-image:url(../images/islamwasat_06.png);border-bottom: 5px solid #50a200;border-top: 5px solid #50a200;padding-top: 15px;}/* Set the fixed height of the footer here */
#footer #copyrights{color:#c55a5a;font-family: "beinblack"}
#footer #develop{color:#c55a5a;font-family: "beinblack";font-size: 14px}

/* Header */
#logo{display:block;color:#BA7F00;font:2.5em "beinblack";text-align:center;padding:.50em 0;padding-top: 20px}
.navbar-toggle{padding: 4px 5px;border-radius: 0;}
.header{height: 380px}
.nav>li>a{padding: 10px}
@media only screen and (max-width: 992px) and (min-width: 769px) {

}
/* Bread Crumb */
.breadcrumb{margin-right:-10px;padding:10px 0;margin-bottom: 10px;background-color: transparent;background-image:url(../images/light-50.png);}
.breadcrumb li{color:#969DA5}
.breadcrumb li.active{color:#666}
.breadcrumb a.home{background:url(../images/drk-20-home.png) no-repeat;width:30px;height:16px;display:block}

/* News Ticker */
#newsTicker{background:#EFEFEF;text-align:center;height:40px;margin-bottom:10px}
#newsTicker ul{height:100%;padding-top:10px}
#newsTicker li{display:block;overflow:hidden;white-space:nowrap}
#newsTicker li a{}

/* Panels */
.panel-information{background-image:url(../images/drk-10.png);font-size:0.9em;padding:5px 15px}
.panel-body .inline-img{float:right;vertical-align:text-top;background:#E4E4E4;margin:0 0 10px 10px;padding:3px;max-width:250px}

.article-img{float:none;display:block;margin:0 auto 10px;max-height:300px;margin-top: 30px;margin-bottom: 30px}

/* Sliders */
.slider ul{position:relative;list-style:none}
.slider ul.view li{position:absolute}
.slider, .slider ul.items li a{overflow:hidden}

.wide-slider ul.items{background:url(../images/drk-10.png)}
.wide-slider ul.items li{max-width:100px;display:inline-block}
.wide-slider ul.items li img{display:inline-block}
.wide-slider ul.view,.wide-slider ul.view li ,.wide-slider ul.view li img{width:100%;height:600px}
.wide-slider .view li p{position:relative;background:url(../images/drk-70.png);white-space:normal;color:#fff;height:60px;overflow:hidden;margin-top:-60px;padding:10px 10px 10px 150px}
.wide-slider .view li a{position:absolute;bottom:0;left:0;padding:15px 20px 9px;text-decoration:none;font-size:1.5em;z-index:2}
.wide-slider .view li a:hover{background-color:#FF8A00}

.news-slider{min-width:245px;height:370px}
.news-slider ul.items li{border-bottom:1px solid #ebebeb;margin-bottom:5px}
.news-slider ul.items li a{display:block;padding-left:10px}
.news-slider ul.items li img{border:0;vertical-align:middle;width:100px;height:75px;float:right;margin-left:10px}
.news-slider ul.items li a.current{background:url(../images/drk-10.png);color:#BA7F00}
.news-slider ul.view li img{padding:5px;background:url(../images/drk-10.png);width:100%;height:320px}
.news-slider .more-news{position:absolute;bottom:20px;right:45%;padding:10px}

/* Default Menu */
ul.menu{list-style:none;margin-top: 20px;margin-bottom: 20px}
/*ul.menu li a{display:list-item;list-style:inside url(../images/shape.png);padding:10px 0 5px}*/
ul.menu li a:hover{background-color:#fff;padding-right:1px}
/* SlideOut Menu */
.subMenu li{list-style:none;position:relative;white-space:nowrap}
.subMenu > li > a{position:relative;z-index:2}
.subMenu li a{background-color:#F8F8F8;border-bottom:1px solid #eee}
.subMenu ul{position:absolute;left:0;top:0;z-index:1;border:1px solid #eee;border-bottom:0}
.subMenu ul li a{padding:5px 20px}
/* Items Count Menu */
ul.menu.itemsCount li a span{float:left;color:#aaa}
ul.menu.itemsCount li a:hover span{color:#FF8A00}

/* General Components */
.services{margin-right:20px;margin-bottom:10px}
.services a img{width:16px;height:16px;opacity:0.6;cursor:pointer}
.services a img:hover{opacity:0.9}

/* Tabs */
.tabs{margin:0;padding:0}
.tabs li{display:inline-block;margin-left:20px}
.tabs li img{margin-left:10px}
.tabs li.active a{color:#BA7F00}/*.tabs li:first-child{}*/
.tabContent{padding-bottom:20px;margin-left:15px}
/* Tab Content Styling */
.tabContent ul li{list-style:none}
.tabContent ul li a{display:block;margin-top:10px}
.tabContent ul li a img{float:right;margin-left:10px;width:50px;height:50px}

/* Tag Cloud */
ul.tagCloud{list-style:none;text-align:center}
ul.tagCloud li{display:inline-block;vertical-align:middle}
ul.tagCloud li a{display:block;padding:0 5px 2px}
ul.tagCloud a.tag1{font-size:0.7em;font-weight:100}
ul.tagCloud a.tag2{font-size:0.8em;font-weight:200}
ul.tagCloud a.tag3{font-size:0.9em;font-weight:300}
ul.tagCloud a.tag4{font-size:1.0em;font-weight:400}
ul.tagCloud a.tag5{font-size:1.2em;font-weight:500}
ul.tagCloud a.tag6{font-size:1.4em;font-weight:600}
ul.tagCloud a.tag7{font-size:1.6em;font-weight:700}
ul.tagCloud a.tag8{font-size:1.8em;font-weight:800}
ul.tagCloud a.tag9{font-size:2.2em;font-weight:900}
ul.tagCloud a.tag10{font-size:2.5em;font-weight:900}

/* Notifications */
.notices{display:block;margin:10px 0;padding:10px 3px 5px}
.errorimg:before{content:url(../images/error.png);}
.informationimg:before{content:url(../images/information.png)}
.attentionimg:before{content:url(../images/attention.png)}
.succeedimg:before{content:url(../images/succeed.png)}
.notices:before{margin:3px 3px 0 6px;display:inline-block;vertical-align:middle}

/* Gallery */
.gallery{list-style:none;text-align:center;display:block}
.gallery li{text-align:center;display:inline-block;line-height:15pt;margin:10px;min-width:100px}
.gallery li img{width:120px;height:120px}
.gallery li a:link,.gallery li a:visited{display:block;background:url(../images/drk-10.png);padding:5px}
.gallery li a:hover{background-color:#fff;color:#FF8A00}

.pp_content_container{direction:ltr;overflow:hidden;}
div.pp_default .pp_description{direction:rtl;text-align:right;font-size:.65em;font-weight:normal}
div.pp_default .pp_content_container .pp_details{margin-top:0}

/* Comments */
.comment{margin-bottom:20px;padding:5px}
.commentDetails{height:40px}
.commentDetails *{display:block}
.commentDetails .thumb{float:right;padding:0 0 5px;margin-left:10px}
.commentDetails .thumb img{width:31px;height:31px;background:url(../images/drk-20-person.png) no-repeat}
.commentDetails .name{}
.commentDetails .date{font-size:.7em;color:#969DA5}
.comment .quote{position:relative;background-color:#EAEAEA;padding:10px;margin-top:25px}
.comment .quote:before{content:"\00a0";position:absolute;top:-25px;right:35px;width:0;height:0;border:13px solid transparent;border-bottom-color:#EAEAEA}
.comment.odd .quote{background-color:#eee;color:#969DA5}
.comment.odd .quote:before{border-bottom-color:#eee}

/* Title Tooltip */
.titleTooltip{display:none;background:url(../images/drk-70.png);position:absolute;bottom:-65px;left:0px;z-index:2;white-space:nowrap;padding:10px}
.titleTooltip:before{content:"\00a0";display:block;position:absolute;top:-12px;left:16px;width:0;height:0;border:6px solid transparent;border-bottom-color:#000}
.titleTooltip:after{content:"\00a0";display:block;position:absolute;top:-10px;left:17px;width:0;height:0;border:5px solid transparent;border-bottom-color:#000}

/* New Bootstrap Component Callout */
.bs-callout {padding:20px;margin:20px 0;border:1px solid #eee;border-right-width:5px;border-radius:3px;}
.bs-callout h4 {margin-top:0;margin-bottom:5px;}
.bs-callout p:last-child {margin-bottom:0;}
.bs-callout code {border-radius:3px;}
.bs-callout+.bs-callout {margin-top:-5px;}
.bs-callout-default {border-right-color:#777;}
.bs-callout-default h4 {color:#777;}
.bs-callout-primary {border-right-color:#428bca;}
.bs-callout-primary h4 {color:#428bca;}
.bs-callout-success {border-right-color:#5cb85c;}
.bs-callout-success h4 {color:#5cb85c;}
.bs-callout-danger {border-right-color:#d9534f;}
.bs-callout-danger h4 {color:#d9534f;}
.bs-callout-warning {border-right-color:#f0ad4e;}
.bs-callout-warning h4 {color:#f0ad4e;}
.bs-callout-info {border-right-color:#5bc0de}
.bs-callout-info h4 {color:#5bc0de;}


/* Override Bootstrap */
/*====================*/
.panel-title{font-family:"beinblack";font-size:1.3em}
.alert-dismissable .close, .alert-dismissible .close{font-size:3.1em}
.form-control-feedback {font-size:1.4em;top:30px}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {background-color:#f0f0f0}
.pagination > li > a, .pagination > li > span{color:#629300}
.thumbnail{border-color:#cccccc}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {border-color:#FF8A00}
.badge{font-size:1em;font-weight:normal;padding-top:.5em}
.form-control-feedback{font-size:1.4em;top:30px}
.form-control{font-weight:normal}
.form-control:focus{border-color:#aaaaaa;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #cccccc}
.navbar-default .navbar-nav > li > a{color:#50a200;font-size: 24px;font-family:"beinnormal"}
.navbar-default .navbar-nav > li > a:hover{color:#FF8A00}
.navbar-nav{margin-top: 8px;margin-bottom: 8px}
.media{margin-top:25px;padding-top:10px;padding-bottom:10px;}
.media-text{max-height: 70px;overflow: hidden;}
.table tbody>tr>td{vertical-align: middle}
h1, h2, h3, h4, h5, h6, .page-header{font-family:"beinblack"}
* {/*border-radius:0 !important*/} /* To disable all rounded corners from bootstrap */

.search-box{background: #fff;border-radius: 20px;padding: 0px;height: 37px;border: 1px solid #eee;margin: 0;position: relative;top:10px}
.search-box input{border: none;border-radius: 20px;box-shadow:none;margin-bottom: 20px}
.navbar-form .form-control{width: 9vw}
.search-box input:focus{border: none;border-radius: 20px;box-shadow:none}
.search-box .btn{height: 30px;margin-bottom: 20px;padding: 0}
.search-box .btn img{height: 30px;margin-bottom:20px}

/* Primary Color */
.bg-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus,.panel-primary > .panel-heading,.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#cccccc;border-color:#cccccc}
.panel-primary{border-color:#cccccc}

/* Primary Active */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background-color:#eee;border-color:#FF8A00;color: #FF8A00}

/* Primary Disabled */
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active{background-color:#9aaf71;border-color:#7aa524}

/* Buttons */
.btn{color:#fff;font-size:1em}
.btn:visited{color:#fff}
.btn-default{background-color:transparent;border-color:#50a200;color:#50a200;font-family:beinblack }
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default:visited,.btn-default.active,.open > .dropdown-toggle.btn-default {color:#FF8A00;background-color:#eee;border-color:#FF8A00}
.btn-primary{background-color:transparent;border-color:#547684;color: #547684;font-family:beinblack;margin-bottom: 20px}
.input-group-btn .btn{font-size:14px}

/* الأوف كانفاز اللي مستخدمة في صفحة الكولابسيبل رايت ناف من الرابط التالي:*/
/* http://getbootstrap.com/examples/offcanvas/ */
@media screen and (max-width:767px) {
    .row-offcanvas {
        position:relative;
        -webkit-transition:all .25s ease-out;
         -o-transition:all .25s ease-out;
            transition:all .25s ease-out;
    }
    .row-offcanvas-right {right:0;}
    .row-offcanvas-left {left:0;}
    .row-offcanvas-right
    .sidebar-offcanvas {right:-50%;/* 6 columns */}
    .row-offcanvas-left
    .sidebar-offcanvas {left:-50%;/* 6 columns */}
    .row-offcanvas-right.active {right:50%;/* 6 columns */}
    .row-offcanvas-left.active {left:50%;/* 6 columns */}
    .sidebar-offcanvas {position:absolute;top:0;width:50%;/* 6 columns */}
}

#affix-example.affix{width:23%;top:10px;position:fixed}

span.highlight{background-color:#F2D863;border:1px solid #ddc03d;padding:0 5px;border-radius:3px;color:#8b4e07}

/* Add Class ".animate-bg" to any componant to animate bg. From: http://bootsnipp.com/snippets/featured/animation-loading-state */
.animate-bg,.animate-bg>td,.animate-bg>th,.nav li.animate-bg.active>a,.pagination li.animate-bg,.pagination>li.active.animate-bg>a,.pager>li.animate-bg>a{
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
animation: 2s linear 0s normal none infinite progress-bar-stripes;
-webkit-animation: progress-bar-stripes 2s linear infinite;
}
.btn.btn-default.animate-bg,input[type="text"].animate-bg,select.animate-bg,textarea.animate-bg,.well.animate-bg,.list-group-item.animate-bg,.pagination>li.active.animate-bg>a,.pager>li.animate-bg>a{
background-image: linear-gradient(45deg, rgba(235, 235, 235, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(235, 235, 235, 0.15) 50%, rgba(235, 235, 235, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

/* Add Class "img-zoom" to any img to zoom it on hover. From: http://bootsnipp.com/snippets/featured/smooth-animated-thumbnails */
.img-zoom {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    }

.img-zoom:hover {
	cursor: pointer;
	-webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    box-shadow: 10px 10px 5px #888888;
    z-index: 1;
}

/* Add this class to rows for animate content div. From: http://bootsnipp.com/snippets/featured/box-of-featured */
.animate-content{
    padding: 20px 0;
	text-align: center;
}
.animate-content > div > div{
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: 0.2s;
}
.animate-content > div:hover > div{
	margin-top: -10px;
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgba(200, 200, 200, 0.1);
	transition: 0.5s;
}

.jumbotron{border-radius:0 !important}
.jumbotron h1,.jumbotron p{background-image:url(../images/drk-20.png);color:#fff;line-height:1.5em;padding:0 10px}
.bg-pic-1{background:url(../data/def01.jpg) no-repeat 50%}
.bg-pic-2{background:url(../data/def02.jpg) no-repeat 50%}
.bg-pic-3{background:url(../data/def03.jpg) no-repeat 50%}
.bg-pic-4{background:url(../data/def04.jpg) no-repeat 50%}
.bg-pic-5{background:url(../data/def05.jpg) no-repeat 50%}



/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
.padding{padding-top: 30px;margin-bottom: 20px}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* Social icons rotate on hover. From: http://bootsnipp.com/snippets/featured/spinning-social-icons */
.social-network a {background-color: #50a200;}
.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook:hover {background-color:#3B5998;}
.social-network a.icoTwitter:hover {background-color:#33ccff;}
.social-network a.icoGoogle:hover {background-color:#BD3518;}
.social-network a.icoVimeo:hover {background-color:#0590B8;}
.social-network a.icoLinkedin:hover {background-color:#007bb7;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {color:#fff;}
a.socialIcon:hover, .socialHoverClass {color:#44BCDD;}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover  {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	-o-transition: all 1.2s;
	-ms-transition: all 1.2s;
	transition: all 1.2s;
}
.social-circle a  {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/* Rotate this item */
.rotate-me {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.rotate-me:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
    
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all .3s;
}


/* Add "btn-3d" for any bootstrap button to make butiful 3d effect From:http://codepen.io/cheeriottis/pen/inluv */
.btn-3d
{
	transition: all 0.1s;-webkit-transition: all 0.1s;
	padding: 10px 40px;
	border-radius: 10px;
    font-size:1.1em;
    outline-width:0 !important;
}

.btn-3d.btn-info
{
	background-color: #3498DB;
	border-bottom: 5px solid #2980B9;
	text-shadow: 0px -2px #2980B9;
}

.btn-3d.btn-danger
{
	background-color: #E74C3C;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
}

.btn-3d.btn-success
{
	background-color: #82BF56;
	border-bottom: 5px solid #669644;
	text-shadow: 0px -2px #669644;
}

.btn-3d.btn-warning
{
	background-color: #F2CF66;
	border-bottom: 5px solid #D1B358;
	text-shadow: 0px -2px #D1B358;
}

.btn-3d:active
{
	transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid transparent;
}

/*////////////// asm //////////////*/

.panel{background-color: transparent;background-image:url(../images/light-50.png);box-shadow:none;border: 1px solid #c8deeb;border-radius: 10px}
.center{text-align: center;margin: auto}
.title{font-size: 40px;color: #c55a5a;font-family: "beinblack";margin-bottom: 20px}
.inline{display: inline-block}
.carousel-control{width: 5%;color: #547684;text-shadow: none}
.carousel-control.right,.carousel-control.left{background: none}
.item{max-width: 800px;text-align: center;margin: auto;height: 170px;padding-top: 40px;overflow: hidden}
.lg-img{max-width: 260px;height: 260px;border-radius: 50%}
.md-img{max-width: 200px;height: 200px;border-radius: 50%}
.sm-img{max-width: 120px;height: 120px;border-radius: 50%}
.xs-img{max-width: 100px;height: 100px;border-radius: 50%}
.container-bg{background-image:url(../images/islamwasat_06.png);background-size: 100% auto;background-repeat:no-repeat;border-bottom: 5px solid #50a200;border-top: 5px solid #50a200;padding: 50px 0;margin: 50px 0;}
.title-sm{color: #c55a5a;}
.title-sm:hover{color:#FF8A00;transition:0.6s;-webkit-transition: 0.6s}
.block-hieght{height: 70px;overflow: hidden}
.list-hieght{height: 130px;overflow: hidden}
.fatwa-date{font-size:.8em;color:#969DA5}
.fatwa-date a{color:#969DA5}
.fatwa{border-bottom: 1px solid #eee}
.question{background-image:url(../images/light-40.png);padding: 20px;border-radius: 5px;border: 1px solid #c8deeb}





/****   edit 24-7-2017 ****/


.data-view
{
     opacity: 0.8;
    color: #929292;
    padding: 0.4em 0.5em;
	font-size: .8em;
}

#nt-title-container
{
    background: transparent;
    padding-right: 0em;
    background: #fff;
    border-radius: 15px;
    max-width: 90.5vw;
border: 1px solid rgba(80, 162, 0, 0.56);
        border-radius: 15px ;
    height: 62px
    
}
#ticker1{
    direction: rtl;
    padding: .5em;
        height:60px;
    overflow:auto; /* Not required but recommended for accessibility when JavaScript is turned off */
    position:relative;
    list-style:none;
    margin:10px 0;
    padding:0;
}
.clone
{
    display: block
}
#ticker1 li {
	font-size: 25px;
	color: #4E4E4E;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
    padding: .4em 1em;
    font-size: 20px;
}
#nt-title-container > span
{
    float: right;
    padding:0em  3em;

    color: #fff;
    font-size: 25px;
    font-family: "beinnormal";
    background: #50a200;
    border-radius:     0px 15px 15px 0px

}
.live , .news-twitter , .news-facebook , .news-site
{
    height: 200px;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #c8deeb;
    border-radius: 10px;
    background: #e5f1f566
}
.news-twitter h3 , .news-facebook h3 , .news-site h3 , .live h3
{
color:#c55a5a
}

#nt-example1 {
	max-width: 620px;
	margin: auto;
}

#nt-news-container {
	text-align: center;
    
}



#nt-news-container i:hover {
	color: #333;
}

#ticker2 li {
	height: 65px;
	line-height: 25px;
    padding: 5px;
	list-style: none;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px dotted #2c8162;
}
#ticker1 li .ticker-inner
{
    width: 90vw
}

#ticker2 li:hover {
	background: #FFF;
}
#jssor_3
{
    font-size: 10px
}
 .jssora02l,
 .jssora02r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 35px;
     height: 28px;
     cursor: pointer;
     overflow: hidden;
     margin-top: -25px
 }
.ne
{
	padding: 0px 7px 4px;
	min-height: 50px;
	border-bottom: 1px solid #669644;
	font-size: 16px;
}
/** edit 2018/2 */

.books {
	background: rgba(202, 224, 236, 0.3);
	border: 1px solid #c8deeb;
	border-radius: 10px;
	padding: 25px 0px;
	margin:1.4em .5em
}
.books:after{
	content: " ";
	display: table;
	clear: both
}

.books .media-text
{
	max-height: 7em;
	margin-top: 1em
}
.books .btn.btn-default{
	margin-top: 1em
}
@media (min-width:768px) {
#header-container{text-align: center}
#navbar{display: inline-block}
.navbar-nav > li {float: none;display: inline-block;}
}