
<style type="text/css">
	/* Reset
     ------------------------------------------------------------------------------------- */
	html{margin:0;padding:0;border:0;font-size:100.01%;color:#000;}
	body{margin:0;padding:0;border:0;font:0.75em/1.25 arial,helvetica,sans-serif;}
	div,span,object,iframe,blockquote,q,abbr,acronym,address,big,cite,code,ins,del,em,img,small,strong,sub,sup,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,legend,table,caption,tbody,tfoot,thead,tr,textarea,p,th,td{margin:0;padding:0;border:0;}
	table{border-collapse:collapse;border-spacing:0;}
	li{list-style:none}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
	*:focus {outline:none;}
	b, strong{font-weight:bold;}
	*{font-size:14px;  font-weight: 300;}
	html,body{margin:0; padding:0; direction:rtl; width:100%; height:100%;}
	body{position:relative; background:#fff;}

	/* placeholder */
	::-webkit-input-placeholder { color:#000; font-weight:bold;}
	::-moz-placeholder { color:#000; font-weight:bold;} /* firefox 19+ */
	:-ms-input-placeholder { color:#000; font-weight:bold;} /* ie */
	input:-moz-placeholder { color:#000; font-weight:bold;}
	/* placeholder focus */
	:focus::-webkit-input-placeholder{color:#fff;}
	:focus::-moz-placeholder{color:#fff;}
	:focus:-ms-input-placeholder{color:#fff;}
	:focus:-moz-placeholder{color:#fff;}

	/* General
     ------------------------------------------------------------------------------------- */
	.left{ float:right;}
	.right{ float:left;}
	.clr,.clear{ clear:both;}
	a{ text-decoration:none; color:#000;}
	a:hover{ color:#434343;}
	p{margin-bottom:10px;}
	.notfound{ color:#f00; height:40px; line-height:40px; background:#FFF0F0; padding:0px 20px; border-left:3px solid #f00;}
	.maintenance{ margin:50px 0; padding:50px; background:#f5f480; color:#3c7bc6; font-size:24px; box-shadow:0 0 5px #000;}

	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	}

	/*
	 * Droid Arabic Naskh (Arabic) http://www.google.com/fonts/earlyaccess
	 */
	@font-face {
	  font-family: 'Droid Arabic Naskh';
	  font-style: normal;
	  font-weight: 400;
	  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.eot);
	  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
		   url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.woff2) format('woff2'),
		   url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.woff) format('woff'),
		   url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.ttf) format('truetype');
	}
	@font-face {
	  font-family: 'Droid Arabic Naskh';
	  font-style: normal;
	  font-weight: 700;
	  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.eot);
	  src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
		   url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.woff2) format('woff2'),
		   url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.woff) format('woff'),
		   url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.ttf) format('truetype');
	}
	
	/* latin-ext */
	@font-face {
	  font-family: 'Ruluko';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Ruluko'), url(https://fonts.gstatic.com/s/ruluko/v4/gE82xXMO2VKBgmTNJLklkfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ruluko/v4/0bmp5mgwxDelR9L9Fd3OIw.woff) format('woff');
	  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
	}
	/* latin */
	@font-face {
	  font-family: 'Ruluko';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Ruluko'), url(https://fonts.gstatic.com/s/ruluko/v4/mvgA0kyro8SUHoq672TI3Q.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ruluko/v4/0bmp5mgwxDelR9L9Fd3OIw.woff) format('woff');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
	}

		*{font-family: 'Droid Arabic Naskh';}
	
	/* CSS
     ------------------------------------------------------------------------------------- */
	.sidebarWrapper{position:fixed; right:0; background:#0d5f92; padding:0; min-height:100%; z-index:10;}
	.sidebarWrapper .logo{height:180px; position:relative; background:url('../../images/frontend/logo.png') no-repeat center;}
	.sidebarWrapper .logo a{display:block; width:100%; height:180px;}
	
	.sidebar-languages{position:relative; margin-top:10px;}
	.sidebar-languages ul{position:relative; width:100px; margin:0 auto;}
	.sidebar-languages ul li{float:left; margin-right:15px;}
	.sidebar-languages ul li:last-child{margin:0;}
	.sidebar-languages ul li a{width:40px; height:40px; line-height:40px; font-size:18px; text-decoration:none; font-family: 'Ruluko'; display:block; background:#292929; color:#C3C3C4; text-align:center; border-radius:40px;}
	.sidebar-languages ul li a:hover{background:#666;}
	
	.sidebar-social{position:relative; margin-top:10px;}
	.sidebar-social ul{position:relative; width:150px; margin:0 auto;}
	.sidebar-social ul li{float:left; margin-right:15px;}
	.sidebar-social ul li:last-child{margin:0;}
	.sidebar-social ul li a{width:40px; height:40px; display:block; background:#292929 url('../../images/frontend/sidebar-social.png') no-repeat top left; border-radius:40px;}
	.sidebar-social ul li a.utube{background-position:0 0;}
	.sidebar-social ul li a.twitter{background-position:-50px 0;}
	.sidebar-social ul li a.facebook{background-position:-100px 0;}
	
	.sidebar-copyright{position:relative; text-align:center; color:#fff; font-size:14px; line-height:20px; margin-top:20px;}
	
	
	.pageWrapper{position:fixed; left:0; padding:0; min-height:100%; z-index: 9;}
	
	#home_slider_container img{z-index:9;}
	#home_slider_container .title{position:absolute; bottom:0; left:0; width:100%; height:100px; line-height:75px; background:rgba(88,88,90,0.6); display:block; color:#fff; text-align:center; font-size:30px; text-shadow:0 1px 2px #000;  z-index:10; font-family: 'Ruluko'; font-weight:bold;}


	.footerWrapper{background: #0d5f92;}
	.footer{position:relative; padding:15px 0; z-index:8;}
	.footer .footer-copyright{color:#333; font-size:15px;}
	.footer .codendot-copyright{color:#333; font-size:15px; text-align:right; line-height:25px;}
	.footer .codendot-copyright	a{width:85px; height:25px; display:block; float:right; margin-left:5px; background:url('../../images/frontend/codendot.png') no-repeat top center;}

	.footer .language-list{position:relative; float:left; padding-top:6px;}
	.footer .language-list li{float:left;}
	.footer .language-list li.sep{margin:0 3px;}
	.footer .language-list li a{color:#333; display: block;}


	.categoryWrapper{position:relative; min-height:500px;}
	.categoryWrapper .big-title{color:#fff; font-size:26px; line-height: 30px; text-transform:uppercase;  padding-top:30px; padding-bottom:30px;}
	.item-box{position:relative; margin-bottom:40px;}
	.item-box img{position:relative; width:100%;}
	.item-box .title{background: #434343;}
	.item-box .title a{color:#fff; font-size:14px; padding:10px 0; background:url('../../images/frontend/home-latest-shape.png') no-repeat right center; display:block;}




	.content-info{}
	.content-info .title{color:#0d5f92; font-size: 30px; font-weight:bold; border-bottom:2px solid #58585a; display:inline-block; padding:20px 0;}
	.content-info .text{ color:#58585a; padding-top: 20px; font-size: 16px; line-height:22px; display: block;}
	.content-info .text *{font-size:19px; line-height:40px; text-align:justify;}
	.content-info .text b, .text strong{color:#0d5f92; font-size:24px !important; margin:20px 0; display:block;}
	.content-info .text li{}
	.content-info .text li:before {font-family: 'FontAwesome'; content: "\f10c"; color: #0d5f92; padding-left:5px;}
	.content-info .text td{padding:5px; line-height:30px; padding-left:20px;}
	.content-image{padding:0; height:100%; }
	.content-image img{height:100%; width:100%;}
	
	#scrollbar1 .scrollbar{margin-left:15px;}
	#scrollbar1 .overview{right:0 !important;}

	.album-box{position:relative; margin-top:30px;}
	.album-box .album-title{color:#0d5f92; font-size:24px; margin:20px 0; display:block;}
	.album-box .album-images{position:relative;}
	.album-box .album-images a{position:relative; float:right; margin-left:10px; margin-top:10px; display:block;}
	.album-box .album-images a img{border-radius:5px;}
	
    .contact-more{display:none;}
	
	.jssora12l{position:absolute; width: 100px; height: 100px; background:#333; padding:20px 50px; color:#fff; font-size:30px; cursor:pointer; z-index:11; bottom: 0px; left: 0px;}
	.jssora12r{position:absolute; width: 100px; height: 100px; background:#333; padding:20px 50px; color:#fff; font-size:30px; cursor:pointer; z-index:11; bottom: 0px; left: 100px;}
	.jssora12ldn{position:absolute; width: 100px; height: 100px; background:#666; padding:20px 50px; color:#fff; font-size:30px; cursor:pointer; z-index:11; bottom: 0px; left: 0px;}
	.jssora12rdn{position:absolute; width: 100px; height: 100px; background:#666; padding:20px 50px; color:#fff; font-size:30px; cursor:pointer; z-index:11; bottom: 0px; left: 100px;}

	/* jssor slider arrow navigator skin 07 css */
	.jssora07l, .jssora07r, .jssora07ldn, .jssora07rdn{	position: absolute;	cursor: pointer; display: block;  overflow: hidden; bottom: 0px !important; top:auto !important;}
	.jssora07l,.jssora07ldn{background: url('../../images/frontend/slider-to-left.png') no-repeat;}
	.jssora07r,.jssora07rdn{background: url('../../images/frontend/slider-to-right.png') no-repeat;}

	/* jssor slider thumbnail navigator skin 04 css */
	.jssort04 .w, .jssort04 .pav:hover .w{position: absolute; width: 170px; height: 100px; border: #0099FF 1px solid;}
	* html .jssort04 .w{width: /**/ 170px; height: /**/ 100px;}
	.jssort04 .pdn .w, .jssort04 .pav .w{border-style: solid;}
	.jssort04 .c{width: 170px; height: 100px; filter: alpha(opacity=45); opacity: .45; transition: opacity .6s; -moz-transition: opacity .6s;	-webkit-transition: opacity .6s; -o-transition: opacity .6s;}
	.jssort04 .p:hover .c, .jssort04 .pav .c{filter: alpha(opacity=0); opacity: 0;}
	.jssort04 .p:hover .c{transition: none;	-moz-transition: none; -webkit-transition: none; -o-transition: none;}

	/* jssor slider bullet navigator skin 05 css */
	.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {	background: url('../../images/frontend/home-testimonial-bullets.png') no-repeat;	overflow: hidden;	cursor: pointer;}
	.jssorb05 div {	background-position: 0px 0px;}
	.jssorb05 div:hover, .jssorb05 .av:hover {background-position: 0px 0px;}
	.jssorb05 .av {background-position: -38px 0px;}
	.jssorb05 .dn, .jssorb05 .dn:hover {background-position: 0px 0px;}

	@media screen and (min-width: 768px) {
		.main-menu{position:relative; padding:0;}
		.main-menu .navbar{margin:0; background:none; border:none;}
		.main-menu .navbar-nav{float:none;}
		.main-menu .navbar .container-fluid{padding:0;}
		.main-menu .navbar .navbar-collapse{padding:0;}

		.main-menu .navbar ul{position:relative;}
		.main-menu .navbar ul li{position:relative; width:100%;}
		.main-menu .navbar ul li a{color:#fff; dispaly:block; text-decoration:none; text-transform:uppercase; font-size:16px; padding:20px 10px; padding-right:50px; border-right:7px solid #0d5f92; background:none; text-align:right;}
		.main-menu .navbar ul li a.active, .main-menu .navbar ul li a:hover{color:#0d5f92;}
		.main-menu .navbar ul li a.active, .hvr-bounce-to-left::before{color:#0d5f92; background:#fff;}

		.main-menu .navbar .navbar-brand{display:none;}



	}
	
	@media only screen and (max-width:1600px){
        .sidebarWrapper .logo{height:180px;}
		.sidebar-social{margin-top:20px;}
    }
	
	@media only screen and (max-width:1440px){
        .sidebarWrapper .logo{height:150px;}
		.sidebar-social{margin-top:10px;}
		.sidebar-copyright *{font-size:12px;}
    }
	
	@media only screen and (max-width:960px){
        .sidebarWrapper .logo{height:150px;}
    }
	
	@media screen and (max-width: 768px) {
		.sidebarWrapper{position:relative; min-height:132px; overflow:hidden;}
		.sidebarWrapper .logo{height:80px; background-size:auto 80%; background-position:center center;}
		.sidebar-social{display:none;}
		.sidebar-copyright{display:none;}
		
		.navbar{margin:0;}
		.navbar-brand{float:left;}
		.navbar-toggle{margin-left:15px;}
			
		.pageWrapper{position:relative; min-height:200px;}
		#scrollbar1{height:auto;}
		#scrollbar1 .overview{position:relative;}
		#scrollbar1 .scrollbar{display:none;}
		
		.content-image img{width:100%;}
		.contact-more{display:block;}
		.contact-more .sidebar-social{display:block;}
		.contact-more .sidebar-social li::before{display:none;}
		.contact-more .sidebar-copyright{display:block; color:#0d5f92;}
		.contact-more .sidebar-copyright *{text-align:center;}
		
		#home_slider_container .title{height:50px; line-height:50px; font-size:20px;}
		.jssora12l{width: 50px; height: 50px; padding:10px 20px;}
		.jssora12r{width: 50px; height: 50px; padding:10px 20px; left:50px;}
		
		.jssora12ldn{width: 50px; height: 50px; padding:10px 20px; left:0; bottom:0;}
		.jssora12rdn{width: 50px; height: 50px; padding:10px 20px; left:50px; bottom:0;}
	}



	/* -- Pagination
    ----------------------------------------------------------------------------------------*/

	.pagination{position:relative; height:18px; padding:10px; width:100%; margin:0;}
	.pagination ul{margin:0 auto;height:12px;padding:0px 9px; position:relative; width:120px;}
	.pagination li{list-style:none; float:left; display:inline-block; padding-right:5px;}
	.pagination li a:link, .pagination li a:visited{color:#676869; display:block; padding:0 10px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; background-color:#676869;border:1px solid #676869; width:7px; height:23px;}
	.pagination li a:hover{color:#676869;}
	.pagination .yiiPager .selected a{color:#333; background-color:#333; border-color:#333;}
	.pagination .yiiPager .hidden a,.pagination .yiiPager .next a,.pagination .yiiPager .last a,.pagination .yiiPager .first a,.pagination .yiiPager .previous a{visibility:hidden; display:none;}


</style>