/* 
    Created on : Feb 28, 2016, 12:50:58 PM
    Author     : Appjad.com
*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/css?family=Dosis);
body{
    font-family: 'Dosis','Droid Arabic Kufi', serif;
    direction: rtl;
    margin: 0;
    padding: 0
}

div.appjad-ads{text-align: center;margin: 13px auto;}
div.appjad-ads img{width: 100%;}
div.appjad-image{background: #FFF;position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
div.appjad-image img{position: absolute;left: 50%;top: 50%; min-height: 100%;width: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;object-position: center;}

.animate-appjad-them{background: #f1f1f1;padding: 5px 0; }
.animate-appjad-them h1.ah-headline{font-size: 1.1em;margin: 0;padding: 0;}
.animate-appjad-them h1.ah-headline span.title{background: #c00;color: #FFF;padding: 5px;}
.animate-appjad-them h1.ah-headline span.title.news{background: #337ab7;}
.animate-appjad-them h1.ah-headline span.ah-words-wrapper{width: calc(100% - 144px);text-align: right;}
.ah-words-wrapper b{opacity: 0; display: none;}
.ah-words-wrapper b:first-child{display: inline;}
.ah-words-wrapper b.is-hidden{z-index: -55; display: none;}
.ah-words-wrapper b.is-visible{z-index: 1;display: inline;font-family:'Droid Arabic Kufi', serif;}

div.clock {width: 89px;height: 55px; border:3px solid white;float: left;display: inline-block;margin: 13px 3px;box-shadow: 0 0 0 2px rgba(0,0,0,0.1);}
div.clock .clock-face {position: relative;width: 55px;height: 55px;transform: translateY(-3px); /* account for the height of the clock hands */}
div.clock .hand {width:40%;height:3px;background:black;position: absolute;top:50%;bottom:50%;left: 55%;right: 45%;margin: auto;transform-origin: 100%;     /* default is 50% which is the center of the element */transform: rotate(90deg);   /* sets the hands at 12 o clock */transition: all 0.05s;  transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1)}
    /* Custom style to make the hour-hand look more like an hour hand */
div.clock .hour-hand {background: #000;z-index: 97;width:35%;}
div.clock .min-hand {background: #FF0000;height:2px;z-index: 98;width:40%;}
div.clock .second-hand {background: #00cc00;height:1px;z-index: 99; width:45%;}   


header.header section.header .logo{height: 89px;margin: 13px 0; float: right;}
.navbar-nav{float: right;}
.navbar-nav > li ul > li{text-align: right;}
.navbar-nav > li{float: right;text-align: right;}


div.search-section{float: left;line-height: 55px;margin-left: 13px;}
div.search-section i{color: #FFF;cursor: pointer;}
div.search-section #searchbox {display: none;}
div.search-section form {position: absolute;top: 0;left: 26px;}
div.search-section form input {height: 30px;outline: none;color: #FFF;box-shadow: none;background: none;border: 0;border-radius: 0;border-left: 1px solid #dedede;}



section.index{}
section.index .laset{} 
section.index .laset .item{ float: right; padding: 2px;}
section.index .laset .item div.appjad-image{padding-bottom: 55%;}
section.index .laset .item .carousel-caption{
    width: calc(100% - 10px);
    right: 5px;bottom: 0; padding: 0 13px 21px;
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .1) 100%);

}
section.index .laset .item .caption{
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .1) 100%);
    font-size: 1.1em;position: absolute;bottom: 0; padding: 0 13px 13px; color: #FFF;}
section.index .laset .item .caption h3{font-size: 1.1em;}
section.index .laset .item a{color: #FFF;}
section.index .laset .item .category{
    background: #ff0000;
    padding: 5px;
}

section.index .laset .slider{ float: right; padding: 2px;}
section.index .laset .carousel{float: right;padding: 0; width: 100%;}
section.index .laset .carousel .item,
section.index .laset .carousel .slides{height: 420px; width: 100%;}
section.index .laset .carousel-control {position: absolute;top: 0;margin: auto;bottom: 0;width: 8%;height: 89px;font-size: 1.1em;color: #fff;text-align: center;text-shadow: none;filter: alpha(opacity=100);opacity: 0;transition: 1s all;}
section.index .laset .carousel-control.right{right: 5px;}
section.index .laset .carousel-control.left{left: 5px;}
section.index .laset .carousel:hover > .carousel-control{opacity: 1;}


section.index section.categories-list .container{padding: 0;}
section.index section.categories-list section.categories{float: right;}
section.index section.categories-list section.categories .items{width: 100%; direction: ltr;}
section.index section.categories-list section.categories .items .owl-item{ padding: 0 5px; float: right; } 
section.index section.categories-list section.categories .items .item{}
section.index section.categories-list section.categories .items .item .caption .time{font-size: 0.8em; left: 8%; text-align: center; direction: rtl; text-shadow: 1px 1px 1px #000; display: block; position: absolute;top: 5%; color: #FFF;}
section.index section.categories-list section.categories .items .item .caption h3{font-size: 1.1em; text-align: center;}
section.index section.categories-list section.categories .category{padding: 13px 0; }
section.index section.categories-list section.categories .category h2{margin-bottom:21px; margin-top: 5px; padding: 0;}
section.index section.categories-list section.categories .category .item .caption{background: #FFF; height: 89px; padding: 0 13px;}
section.index section.categories-list section.navbar{margin-top: 21px;}

section.inside{}
section.inside div.page-view{}
section.inside div.page-view section.navbar,
section.inside div.page-view section.view{float: right;}
section.inside div.page-view section.view .appjad-image{padding-bottom: 55%;}
section.inside div.video-view{width: 100%;height: 480px;overflow: hidden;}

section.inside section.posts h2{ padding: 34px 21px; }
section.inside section.posts h2.title{padding: 0 21px;}
section.inside section.posts div.items div.item{margin-bottom: 8px; float: right;}
section.inside section.posts div.items div.item .glyphicon-play-circle{position: absolute;z-index: 99; font-size: 5em; height: 144px; width: 55px; color: #FFF; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
section.inside section.posts div.items div.item:hover > a .glyphicon-play-circle{color: #c00;}
section.inside section.posts div.items div.item .caption{height: 89px; overflow: hidden; background: #FFF; text-align: center;}
section.inside section.posts div.items div.item .caption h3{font-size: 1.3em;margin: 0; padding: 8px;}
section.inside section.posts div.items div.item .caption .time{font-size: 0.8em; left: 8%; text-align: center; direction: rtl; text-shadow: 1px 1px 1px #000; display: block; position: absolute;top: 5%; color: #FFF;}


section.navbar div.appjad-last-news{}
section.navbar div.appjad-last-news .news-list{min-height: 55px; margin-bottom: 5px; background: #f1f1f1; padding: 5px 0;}
section.navbar div.appjad-last-news .news-list h4{font-size: 1.1em;}
section.navbar div.videos div.embed-container{width: 100%; height: 233px; }
section.navbar div.videos div.embed-container iframe{width: 100%; height: 100%;}
ul.pagination{}
ul.pagination > li{float: right;}


footer.footer{min-height: 233px;background: #222;padding: 55px 0;}
footer.footer ul{margin: 0;padding: 0;list-style: none;}
footer.footer ul li{float: right;margin: 5px 13px;}
footer.footer .copyright{color: #FFF;text-align: center;}
footer.footer a{color: #FFF;}


div.appjad-weather{position: relative; min-height: 144px; color: #FFF; padding: 21px;overflow: hidden;}
div.appjad-weather .appjad-weather-city h2{margin: 0;border-bottom: 0;text-align: center;}
div.appjad-weather .appjad-weather-city h2{ margin: 0;border-bottom: 0;text-align: center; }
div.appjad-weather .appjad-weather-caption{background: rgba(0,0,0,0.5);padding: 21px;}
div.appjad-weather .appjad-weather-forecast{width: 100%;color: #FFF;padding: 21px;background: rgba(0,0,0,0.5);}
div.appjad-weather .appjad-weather-forecast tr{background: rgba(0,0,0,0.5);}
div.appjad-weather .appjad-weather-forecast tr td{padding: 5px;}
div.appjad-weather .appjad-weather-sun{direction: ltr;text-align: center;}
div.appjad-weather .appjad-weather-units{ direction: ltr;text-align: right;}
div.appjad-weather .appjad-weather-loading{position: absolute;left: 21px;top: 30px;z-index: 999;}
div.appjad-weather .appjad-weather-day{margin-top: 34px;}
div.appjad-weather .appjad-weather-updown{text-align: center;}
div.appjad-weather .appjad-weather-temp{position: absolute;top: 75px;font-size: 1.8em;left: 34px;}
div.appjad-weather .appjad-weather-cities-list{position: absolute;top: 1px;right: 1px; width: 100%;}
div.appjad-weather select#selectBox{background: none;border: 0;outline: none;color: #000;height: 34px; width: 55%}
div.appjad-weather button.changecity{background: #FFF;border: 0;outline: none;color: #000;height: 55px; width: 55%}
/* Small screens - MOBILE */
@media only screen and (max-width: 40em) {
    .animate-appjad-them{display: none;}
    
}
@media print{
    .gallery .item{ margin-top:21px;}
    nav,footer,.appjad-info-nav,.animate-appjad-them,.addthis_toolbox{display: none;}
    *{text-align: justify;font-size: 1.1em;}
    a[href]:after {content: none !important;}
    img[src]:after {content: none !important;}
    .appjad-logo{display: block;position: fixed; }
}