/*
Template Name: el DJoumhouria
Author: CHALOULI mohammed
Date: 20 January 2017
Version: 2.0 
*/

body{background-image:url("images/pattern-bg.png"); background-repeat:repeat; color:#444; overflow-x:hidden !important}
ul{padding:0px; margin:0; list-style:none}
a{text-decoration:none; color:#2f2f2f}
a:hover{color:#151515; text-decoration:none}
a:focus{outline:none; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family:'Droid Arabic Kufi', serif;}
h2{line-height:25px}
img{border:none}
img:hover{opacity:0.75}
.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
.img-right{display:block; margin-left:auto}
.img-left{display:block; margin-right:auto}
.yellow_bg{background-color:#ffd62c}
.btn-yellow{background-color:#ffd62c; color:#fff}
.btn-yellow:hover{background-color:#e1b70b; color:#fff}
.limeblue_bg{background-color:#7dc34d}
.limeblue_bg:hover{background-color:#9fe56f; color:#fff}
.blue_bg{background-color:#6666b2}
.blue_bg:hover{background-color:#2424d2; color:#fff}
.width80{width:85%; float: none;margin: 0 auto;}
.blue_bg{background-color:#09c}
.btn{border-radius:0; margin-bottom:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.btn:hover{}
.btn-red{background-color:red; color:#fff}
.btn-red:hover{background-color:#c40505; color:#fff}
.btn-green{background-color:green; color:#fff}
.btn-green:hover{background-color:#0ab20a; color:#fff}
.btn-black{background-color:black; color:#fff}
.btn-black:hover{background-color:#413a3a; color:#fff}
.btn-orange{background-color:orange; color:#fff}
.btn-orange:hover{background-color:#f09d05; color:#fff}
.btn-blue{background-color:blue; color:#fff}
.btn-blue:hover{background-color:#0707a2; color:#fff}
.btn-lime{background-color:lime; color:#fff}
.btn-lime:hover{background-color:#05ae05; color:#fff}
.default-btn{background-color:#12a3df; color:#fff}
.default-btn:hover{background-color:#0a8ec4; color:#fff}
.btn-theme{background-color:#00a0e6; color:#fff}
.btn-theme:hover{background-color:#ce39cc; color:#fff}
.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:0; opacity:0.5}
#statuzs{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
.scrollToTop{margin-right:-50px;bottom:20px;  display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:999; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
#header{display:inline; float:left; width:100%}
.header_top{background-color:#dee8ed; display:inline; float:left; padding:0px 30px; width:100%;height:20px; overflow:hidden}
.header_top_left{float:right; display:inline; width:50%;padding-top:1px;}
.timetop	{color:#000;text-shadow:0 1px 1px #fff;text-align:right;margin-right:10px;direction:rtl;font-family: 'Droid Arabic Kufi', serif;font-size:12px;font-weight:700	}
.top_nav{text-align:left}
.top_nav li{display:inline-block;font-family: 'Droid Arabic Kufi', serif;font-size:12px;font-weight:700}
.top_nav li a{display:inline-block; border-right:0px solid #dee8ed; color:#000; text-shadow:0 1px 1px #fff; padding:0px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.top_nav li a:hover{background-color:#00a0e6;color:#fff;text-shadow:0 1px 1px #000;}
.header_top_right{float:left; display:inline; width:50%; text-align:left; }
.header_top_right > p{color:#000; display:inline-block; float:left; font:bold 14px sans-serif;   padding-right:8px}
/* Logo Area ***************************/
.header_bottom{background-color:#fff; display:inline; float:left; padding:7px 20px 7px; width:100%;}
.logo_area{display:inline; float:right; width:30%;}
.logo{  color:#000;  }
.logo img{max-width:100%;opacity:1}
.logo img:hover{opacity:0.9}
.logo > span{ margin-left:-14px}

.logo1{  background-color:#FFF;  }
.logo1 img{max-width:80%;opacity:1}
.logo1 img:hover{opacity:0.9} 
 
.logo2{font-size:45px; font-weight:bold; color:#000;  float:left }
.logo2 img{width:100%; position:fix;opacity:1;}
.logo2 img:hover{opacity:0.9}
 
.add_banner{float:left; width:700px; height:100px;margin-right:10px}
.add_banner img{width:100%; height:100%}
.add_banner2{float:left; width:70px; height:100px ; padding-right:5px}
.add_banner2 img{width:100%; height:100%}
.top_small_ad{position:absolute; }
.top_small_ad .to-ad-text{background-color:#00a0e6;color:#000; text-shadow:0 2px 2px #fff;font-size:12px;height:100px;width:100px;line-height:18px;text-align:center; font-weight:bold;border :1px dashed #fff; }
.top_small_ad img{width:100px;height:80px;float:left;border :1px dashed #00a0e6;display:none}
.top_small_ad:hover {z-index:999; 
	-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out}
.top_small_ad:hover img{width:150px;height:215px;box-shadow:0px 0px 10px rgba(0,0,0,.7);
	-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;opacity:0.9;display:block}
/* Menu Area ***************************/
#navArea{float:right; display:inline; width:100%;padding:0 10px; background-color:#fff }
.navtoggle {color:#005086;font-size:22px;line-height:48px;text-shadow:0 1px 1px #000;text-align:right;margin-right:20px;display:none;}
.navtoggle:hover {color:#00a0e6;text-shadow:0 1px 1px #000;margin-right:20px }
.navbar{border:medium; border-radius:1 ;text-align:right ;border-bottom:3px solid #00a0e6 }
.navbar-inverse .navbar-nav > li > a{border-left:0px solid #FAFAFA; color:#000; font-family: 'Amiri', serif;font-size:16px;font-weight:700;display:inline-block; height:40px; line-height:38px; padding:0 14px; text-shadow:0 1px 1px #999; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.navbar-inverse .navbar-nav > li:first-child a{border:none}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff; text-shadow:0 1px 1px #000; font-weight:700;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
.main-nav ul li a{}
.navbar-collapse{ padding-left:0;text-align:right;}
.mobile-show{display:none;}
.desktop-home{display:block; font-size:30px; margin-top:5px}
.dropdown-menu{background-color:#FAFAFA;}
.dropdown-menu > li > a{clear:both; color:#000; background-color:#FAFAFA; padding:5px 10px; font-family: 'Amiri', serif;font-size:16px;font-weight:700; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;text-align:right; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#00a0e6;color:#fff; text-shadow:0 1px 1px #000;}
#newsSection{float:left; display:inline; width:100%; padding:0 10px 10px 10px; background-color:#fff;}
 /* Last News **********************/
 .latest_newsarea{width:100%; background-color:#dee8ed; position:relative;overflow:hidden}
 .latest_newsarea span{ position:absolute;  right:0; padding:5px 25px;  z-index:10}
 .news_sticker li a{position:relative;  display:inline-block; 	float:left; color:#000; margin-right:40px;font-family: 'Droid Arabic Naskh', serif;font-size:12px;font-weight:700}
 .news_sticker2 li a { color:#000; font-size:16px;font-weight:700}
/**********************************/
.social_area{ position:absolute;  background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
.social_nav{ text-align:center}
.social_nav li{ display:block; float:left}
.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
.social_nav li.facebook a{background:#fff; background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
.social_nav li.twitter a{background:#fff; background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
.social_nav li.googleplus a{background:#fff; background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
.social_nav li.youtuber a{ background:#fff;background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
.social_nav li.youtuber a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
/************************ SLIDER ****************************/
#sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding:0 15px}
.panel2 {display:inline; float:left; position:relative; background-color:#fff;  height:380px;  }
.panel2 img{width:100%; height:100%;opacity:1}
.panel2 img:hover{opacity:0.9}
.slider_article{ bottom:5px; position:absolute; right:0; padding:10px 40px;}
.slider_article > h2 a{direction:rtl; background:none repeat scroll 0 0 rgba(0,0,0,0.6); color:#fff;   padding:9px; display:inline-block; float:right;margin-bottom:1px;font-family: 'Droid Arabic Naskh', serif;font-size:16px;font-weight:700}
.slider_article > h2 a:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.9); text-shadow:0 1px 1px #00a0e6; }
.slider_article >   p { direction:rtl;background:none repeat scroll 0 0 rgba(0,0,0,0.6); text-align:right;color:#fff;font-size:16px;  padding:3px 3px 0px 3px; display:inline-block; float:right;font-family: 'Droid Arabic Naskh', serif;font-size:12px;font-weight:400;line-height:20px}
.slick-prev:before{ content:""}
.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
.slick-next:before{ content:""}
.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px}
.slick-prev, .slick-next{background-color:#dee8ed; top:5%; width:40px; height:40px;opacity:0.4;border-radius:50px;border:1px solid #555;}
.slick-prev:hover, .slick-next:hover{background-color:#00a0e6;opacity:1;border:1px solid #005086;}
.brd   a{color:#fff; text-shadow:0 1px 1px #00a0e6;}
.brd   a:hover{  color:#00a0e6; text-shadow:0 1px 1px #000;}
/***********************************/
.latest_post{float:right; display:inline; width:100%;}
 .timelast	{color:#005086; text-align:right;width:50px;font-family: 'Droid Arabic Naskh', serif;font-size:16px;font-weight:700; line-height: 30px}
 .timelast:hover{color:#f00}
.latest_postnav{height:auto !important; margin-top:5px; }
.latest_postnav li{float:left; width:100%; height:100%;}
.latest_post_container{display:block; float:left; height:350px; position:relative; width:100%; z-index:0;overflow:hidden; line-height: 30px}
.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
#next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:-7px; width:100%}

.media-side			{height:100%;width:100%; border-bottom : 1px dotted #00a0e6; margin-top:5px;z-index:0;vertical-align: middle; display: inline-block;}
.media-side a 		{font-family: 'Amiri', serif;font-size:16px;font-weight:700;float:right; text-align:right;z-index:0}
.media-side a:hover {color:#00a0e6;border:1px dotted #dee8ed; }
.media-side img 	{height:30px; width:30px;margin-left:5px; } 
/***********************************/
#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0 10px}
.left_content{float:left; display:inline; width:100%}
.single_post_content{direction:rtl;float:left; display:inline; width:100%; margin-bottom:10px; background-color:#fff}
.single_post_content > h2{background:none repeat scroll 0 0 #dee8ed; color:#fff; font-family: 'Droid Arabic Kufi', serif;font-size:14px;font-weight:700; margin-left:0 ;margin-top:0px; padding:5px 0px 0px 0px; position:relative; text-align:right; margin-bottom:15px;border-radius:25px 0;border-bottom : 3px solid #00a0e6;}
.single_post_content > h2 span 		{background:none repeat scroll 0 0 #00a0e6;border-radius:20px 0; padding:4px 30px 2px 30px}
.single_post_content > h2 a 		{color:#fff;text-shadow:0 1px 1px #000;z-index:2}
.single_post_content > h2 a:hover 	{color:#000;text-shadow:0 1px 1px #fff;}
.single_post_content_left{float:left; display:inline; width:49%}

.business_catgnav{overflow:hidden;border-bottom : 0px dotted #00a0e6;font-family: 'Droid Arabic Naskh', serif;font-size:12px;font-weight:400;line-height:25px}
.business_catgnav li{float:left; display:block; width:100% }
.business_catgnav p	{font-size: 14px;font-weight:700; text-align:right;color:#005086 }

.bsbig_fig{width:100%}
.bsbig_fig > a{display:block}
.bsbig_fig > a img{width:100%;height:200px}
.bsbig_fig figcaption{color:#333; text-align:right; margin-top:10px; margin-bottom:10px;font-size:18px;font-weight:700;}
.single_post_content_right{float:right;text-align:right;  display:inline; width:48%}
/*** RAI EL DJOUMHOURIA ***/
.single_post_content_right2{float:right;text-align:right;  display:inline; width:49.5%;background-color:#dee8ed }
.single_post_content_left2{float:left; display:inline; width:49.5%;background-color:#dee8ed }

.clearfix2			{height:50px;width:100%;  padding:3px;border-bottom : 1px dotted #005086; }
.clearfix2 a 		{width:100%;font-family: 'Amiri', serif;font-size:18px;font-weight:700;float:right; text-align:right; line-height:23px}
.clearfix2 a span	{font-size:16px;font-weight:400; text-align:right;color:#005086;}
.clearfix2 a:hover 	{color:#00a0e6; }
.clearfix2 img 		{height:40px; width:40px;margin-left:5px;}
/*** ***************** ***/
.right_content	{float:right; display:inline; width:100%; min-height:300px ; background-color:#fff}
.spost_nav li	{float:right; display:block; width:100%; margin-bottom:00px}
.spost_nav  .media-body > a{ }

.clearfix			{height:72px;width:100%; border-bottom : 1px dotted #00a0e6; margin-bottom:5px;overflow:hidden}
.clearfix a 		{width:100%;font-family: 'Amiri', serif;font-size:15px;font-weight:700;float:right; text-align:right; line-height:16px}
.clearfix a p		{font-size:14px;font-weight:400; text-align:right;color:#005086; margin-bottom:2px; }
.clearfix a:hover 	{color:#00a0e6; }
.clearfix img 		{height:70px; width:90px;margin-left:5px; }
  
/*********************/
.featured_img{position:relative;  }
.overlay:hover{ background:none repeat scroll 0 0 rgba(255,255,255,0.2)}
 
.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s

}
.fashion_technology_area{display:inline; float:left; width:100%}
.fashion{float:left; display:inline; width:48%}
.technology{float:right; display:inline; width:48%}
/*... Photo ... */
.photograph_nav{overflow:hidden; background:#dee8ed;padding-right:0px;}
.photograph_nav li{display:block; float:left; margin-left:5px; width:19%}

.video_grid li{position:relative;   margin-left:15px; text-align:center }
.video_grid img{ overflow:hidden; margin-left:15px;padding:0px; background-color;#f00;   height:150px; width:150px;  text-align:center; cursor:pointer;    opacity:1}

.outside-element{ position: relative;  z-index: 1051;}

.photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center }
.photo_grid figure{position:relative; float:left; overflow:hidden; margin:5px;   height:150px; width:100%;  text-align:center; cursor:pointer;}
.photo_grid figure img{position:relative; display:block; max-height:100%; min-width:100%; min-height:150px;  opacity:1}
.photo_grid figure figcaption{font-family: 'Droid Arabic Kufi', serif;font-size:16px;font-weight:700;padding:2em; color:#fff; text-transform:uppercase;  -webkit-backface-visibility:hidden; backface-visibility:hidden}
.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
.photo_grid figure h2 span{font-weight:800}
.photo_grid figure h2, .photo_grid figure a{margin:0}
.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:5px}
figure.effect-layla img{height:390px}
figure.effect-layla figcaption{padding:1.5em}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.45s,transform 0.35s}
figure.effect-layla:hover img{opacity:0.9; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
figure.effect-layla:hover h2{padding-top:26%}
figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
/*... Caricature / Photo Today's ... */
.photo_one{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center }
.photo_one figure{position:relative; float:left; overflow:hidden;  height:250px;  width:100%;  text-align:center; cursor:pointer;}
.photo_one figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; opacity:1}
/** Side BAr title **/
.single_sidebar{direction:rtl;float:left; display:inline; width:100%; margin-bottom:10px;background-color:#fff;  }
.single_sidebar > h2{direction:rtl;background:none repeat scroll 0 0 #dee8ed; color:#fff;font-family: 'Droid Arabic Kufi', serif;font-size:14px;font-weight:700; margin-bottom:00px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; border-radius: 25px;margin-bottom:7px}

.single_sidebar > h2 span	{ background:none repeat scroll 0 0 #00a0e6;border-radius: 25px; padding:4px 20px 4px 20px}

.single_sidebar ul li a{border-bottom:0 1px dotted #00a0e6;display:block}
.single_sidebar .spost_nav li a{border-bottom:none; float:left}



.single_sidebar > h2 a 		 {color:#fff;text-shadow:0 1px 1px #000;}
.single_sidebar > h2 a:hover {color:#000;text-shadow:0 1px 1px #fff;}
.single_sidebar > ul > li a:hover{color:#00a0e6;border:1px dotted #00a0e6;}
/** ************* **/
.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
.sideAdd > img{width:100%; height:100%}

.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#000; text-shadow:0 1px 1px #fff; display:block; float:right; border-bottom:none !important; font-family: 'Droid Arabic Kufi', serif;font-size:14px;font-weight:700;line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.cat-item a:hover{color:#fff; text-decoration:none !important  ;text-shadow:0 1px 1px #000;}
/** TAB Content **/
.tab-content{margin-top:10px;}
.nav-tabs{background:#dee8ed; border-bottom:4px solid #00a0e6;border-radius: 50px;}
.nav-tabs > li{margin-bottom:00px}
.nav-tabs > li > a{margin-right:0;   border-radius:50px;border:none; color:#000; text-shadow:0 1px 1px #AAA;font-family: 'Amiri', serif;font-size:14px;font-weight:700;-webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } /* white-space: nowrap; */
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important ; text-shadow:0 1px 1px #000; border:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{  border-color:#ddd #ddd transparent; color:#fff}
.vide_area{float:left; display:inline; width:100%}


#footer{display:inline; float:left; width:100%; margin-bottom:20px}
.footer_top{background-color:#252525; color:#ddd; display:inline; float:left; padding:10px 30px 20px; width:100%}
.footer_widget{display:inline; float:left; width:100%; min-height:200px;text-align:right}
.footer_widget > h2{border-bottom:3px solid #666; font-family: 'Droid Arabic Kufi', serif;font-size:18px;font-weight:700; padding:10px 0; text-transform:uppercase;text-align:right}
.tag_nav{}
.tag_nav li{}
.tag_nav li a{font-size:16px;font-weight:bold;border-bottom:1px solid #ddd; color:#ccc; display:block; padding:6px 6px 6px 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;text-shadow:0 1px 1px #151515;}
.tag_nav li a:hover{padding-left:10px;color:#00a0e6; border-color:#00a0e6}

.footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#303030; color:#ccc}

.copyright{float:left; width:50%; padding-top:5px; text-align:left}
.copyright a{color:#ccc}
.copyright a:hover{color:#00a0e6;text-shadow:0 1px 1px #005086;}

.developer {float:right; width:50%; text-align:right; padding-top:5px;}
.developer a{color:#fff;text-shadow:0 1px 1px #00a0e6;}
.developer a:hover{color:#00a0e6;text-shadow:0 1px 1px #005086;}

.catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
.catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#00a0e6}
.nav-tabs > li{display:inline-block; float:none; width:32.55%}
.nav-tabs{ text-align:center}
.pagination > li > a, .pagination > li > span{background-color:#fff; border:1px solid #000; color:#000; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;border-radius:00px;}
.pagination > li > a:hover, .pagination > li > a:focus{background-color:#00a0e6; color:#fff; border-color:#00a0e6;border-radius:50px;}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-radius:50px;border-bottom-right-radius:0; border-top-right-radius:0}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:50px;border-bottom-left-radius:0; border-top-left-radius:0}

.breadcrumb{background-color:#003056; border-radius:0;direction:rtl}
.breadcrumb li a{color:#fff;font-family: 'Droid Arabic Kufi', serif;font-size:14px;font-weight:700;}
.single_page{float:left; display:inline; width:100%;direction:rtl}
.single_page > h1{color:#333; font-family: 'Droid Arabic Kufi', serif;font-size:18px;font-weight:700; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px;}
.post_commentbox{direction:rtl;font-family: 'Droid Arabic Naskh', serif;display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px; padding:5px 0px}
.post_commentbox a, .post_commentbox span{color:#798992; font-size:12px; margin-right:5px}
.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}

.single_page_content{direction:rtl;font-family: 'Droid Arabic Naskh', serif;display:inline; font-size:16px;float:left; padding-top:10px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px;line-height:25px;}
.single_page_content > img{max-width:100%;max-height:400px; width:auto; height:auto; margin-bottom:20px}
.single_page_content ul{position:relative; padding-left:25px}
.single_page_content ul li{line-height:25px}
.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
.single_page_content ul li:hover{opacity:0.75}
.single_page_content h2{line-height:35px}
.single_page_content h3{line-height:30px}
.single_page_content h4{line-height:25px}
.single_page_content h4{line-height:20px}
.catg_title{direction:rtl;font-family: 'Droid Arabic Naskh', serif;font-size:16px;font-weight:400;}
.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
.sociallink_nav{text-align:center}
.sociallink_nav li{display:inline-block}
.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px ; font-size:18px;font-weight:700}
.related_post > h2 i{font-size:25px}
.related_post .spost_nav li{width:32%; margin-right:10px}
.related_post .spost_nav li:last-child{margin-right:0}
.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.nav-slit a.prev{left:0}
.nav-slit a.next{right:0}
.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
.nav-slit h3{text-align:right;position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:400; font-family:'Droid Arabic Naskh';font-size:16px; line-height:32px; width:200px; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
.error_page{float:left; display:inline; width:100%; text-align:center}
.error_page > h3{text-transform:uppercase}
.error_page > h1{font-size:110px}
.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
.error_page > a:hover{opacity:0.75}

.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
.contact_area > p{margin-bottom:20px}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.contact_form input[type="submit"]:hover{border:1px solid #00a0e6}


/** MDA FORMS **/ 
#success_message{ display: none;}
/** Mine **/ 
 

.istitla	{color:#fff;text-shadow:0 1px 1px #000;text-align:right;margin-right:10px;font-family: 'Amiri', serif;font-size:18px;font-weight:700;}
.changcolor{background-color:#151515 }
 
.scrollstext1			{width:98%;height:200px ! important ;overflow:overflow-y }
.scrollstext1 >a 		{text-align:right ;border-bottom : 5px dotted #fff; font-family: 'Droid Arabic Naskh', serif;font-size:14px;font-weight:400;float:right;  color:#000; text-shadow:0 1px 1px #fff;;overflow:overflow-y}
.scrollstext1 >a:hover 	{color:#f00;  }
  
.scrollstext2			{width:98%;height:200px ! important ;overflow:overflow-y }
.scrollstext2 >a 		{text-align:right ;border-bottom : 5px dotted #fff; font-family: 'Droid Arabic Naskh', serif;font-size:14px;font-weight:400;float:right;  color:#000; text-shadow:0 1px 1px #fff;;overflow:overflow-y}
.scrollstext2 >a:hover 	{color:#5A5;  }

.scrollstext3			{width:98%;height:200px ! important ;overflow:overflow-y }
.scrollstext3 >a 		{text-align:right ;border-bottom : 5px dotted #fff;  font-family: 'Droid Arabic Naskh', serif;font-size:14px;font-weight:400;float:right;  color:#000; text-shadow:0 1px 1px #fff;;overflow:overflow-y}
.scrollstext3 >a:hover 	{color:#00f;  }

.scrollstext4			{width:98%;height:200px ! important ;overflow:overflow-y }
.scrollstext4 >a 		{text-align:right ;border-bottom : 5px dotted #fff;  font-family: 'Droid Arabic Naskh', serif;font-size:14px;font-weight:400;float:right;  color:#000; text-shadow:0 1px 1px #fff; ;overflow:overflow-y}
.scrollstext4 >a:hover 	{color:brown;  }
.cont_txt {font-size:18px;}
.cont_txt a{color:#fff}
.cont_txt a:hover{color:#00a0e6}
 
/* START Fast & Agile YouTube Embed by Schoberg.net */
.youtube { /* continer (responsive) */
  position: relative;  cursor: pointer;  background: #ccc no-repeat center center / cover;   padding-bottom: 56.25%; /* 16:9 */  height: 0px;  clear:both;}

.youtube::before { /* play bubble */
  content: '';  background: rgba(255, 255, 255, .6);  height: 80px;  width: 80px;  display:block;  margin: -40px 0 0 -40px;
  border-radius: 80px;  position: absolute;  top: 50%;  left: 50%;  box-shadow: 0 0 20px 3px rgba(51, 51, 51, .8);  transition: all .1s ease;  z-index:1;}

.youtube:hover::before { /* play bubble hover */
  background: rgba(238, 238, 238, .8);  box-shadow: 0 0 10px 3px rgba(51, 51, 51, .8);  width: 100px;  height: 100px;  margin: -50px 0 0 -50px;}

.youtube::after { /* Play Triangle */
  content: '';  width: 0;  height: 0;  line-height:0px;  display:block;  border-style: solid;  border-width: 20px 0 20px 40px; margin: -20px 0 0 -15px;  
  border-color: transparent transparent transparent #333;  position: absolute;  top: 50%;  left: 50%;  height: 0;  width: 0;  z-index:2;
} 
 /* END Fast & Agile YouTube Embed by Schoberg.net */
img.zoomEffect {
    -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;    transition: all 0.5s ease-in-out 0s;    opacity: 0.90;	z-index:0;
}
img.zoomEffect:hover {
    -moz-transform: rotate(360deg) scale(2.5);    -webkit-transform: rotate(360deg) scale(2.5);    -o-transform: rotate(360deg) scale(2.5);
    -ms-transform: rotate(360deg) scale(2.5);    transform: rotate(360deg) scale(2.5);    opacity: 1;	z-index:20;
}
.btn-circle {  width: 30px;  height: 30px;  text-align: center;  padding: 6px 0;  font-size: 12px;  line-height: 1.428571429;  border-radius: 15px;}
.btn-circle.btn-lg {  width: 50px;  height: 50px;  padding: 10px 16px;  font-size: 18px;  line-height: 1.33;  border-radius: 25px;}
.btn-circle.btn-xl {  width: 70px;  height: 70px;  padding: 10px 16px;  font-size: 24px;  line-height: 1.33;  border-radius: 35px;}
.btn-round-lg{border-radius: 22.5px;}
.btn-round{border-radius: 17px;}
.btn-round-sm{border-radius: 15px;}
.btn-round-xs{border-radius: 11px;padding-left: 10px;padding-right: 10px;}

.kufi	{font-family: 'Droid Arabic Kufi', serif;font-style:normal;font-weight:400}
.naskh	{font-family:'Droid Arabic Naskh', serif;font-style:normal;font-weight:400}
.naskhB	{font-family:'Droid Arabic Naskh', serif;font-style:normal;font-weight:700}
.amiri  {font-family: 'Amiri', serif;}

/**********/
@media(max-width:1199px ){.logo_area{width:34%}.add_banner{width:480px}.nav-tabs > li{width:32.3%}.photograph_nav li{width:31.5%} .media-side{font-size:12px}

@media(max-width:991px ){.media-side a {font-size:12px}.add_banner{display:none}.nav > li > a{padding:8px 8px}
.latest_post_container{height:380px;overflow:block} #next-button{bottom:-2px}.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.logo_area{width:80%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}
.media-side{font-size:10px}}

@media(max-width:767px ){.header_top{padding-top:2px}.navtoggle{display:block}.add_banner2{display:none}.logo_area{width:100%}.navbar-collapse{padding-left:15px}.mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right {display:none} .single_iteam a{height:100%}.panel2 a > img{height:100%}.error_page > a{margin-bottom:25px}.nav-tabs > li{width:31.9%}}  

@media(max-width:480px ){.slider_article > p{display:none}.slider_article > h2 a{font-size:12px}.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_left2{width:100%}.single_post_content_right{width:100%}.single_post_content_right2{width:100%}.fashion{width:100%}.technology{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.panel2{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0;padding-right:10px}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}} 

@media(max-width:360px ){.timetop {font-size:10px}.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.panel2{height:210px}.error_page > span{width:80px}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
@media(max-width:320px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}.nav-tabs > li{width:32.1%}}