@charset "utf-8";

*{
	/* reset: */
	margin:0;
	padding:0;
}

header,footer,
article,section,
hgroup,nav,
figure{
	height: 100%;
	display:block;
}

/*
Styles for Dynamic Converter
*/

.Heading1{
	font-size:15px;
	color:#06456e;
}

.Heading2{
	font-size:13;
	font-weight:bold;
	color:#06456e;
}

.Heading3{
	font-size:12;
	font-weight:bold;
	font-style:italic;
	color:#06456e;
}

.DateStyle{
	line-height:12px;
	font-style:italic;
}

.ByLine{
	line-height:12px;
	text-align:justify;
}

.Paragraph{
	line-height:12px;
	text-align:justify;
}

p .Paragraph img{
	text-align:center;
	border:solid 2px #0F0;
}

.ParagraphImage{
	text-align:center;
}

/*
End styles for dynamic converter
*/
.logo
{
	padding-top:11px;
	padding-bottom:11px;
	
}

/*
@font-face{font-family:FaricyNew;src:url("/common/i/fonts/FaricyNew-Rg.eot");src:local('FaricyNew Regular'),
url("/common/i/fonts/FaricyNew-Rg.woff") format('woff'),
url("/common/i/fonts/FaricyNew-Rg.eot?#iefix") format('embedded-opentype'),
url("/common/i/fonts/FaricyNew-Rg.otf") format('opentype');}
@font-face{font-family:FaricyNewLight;src:url("/common/i/fonts/FaricyNew-Lt.eot");src:local('FaricyNew Light'),
url("/common/i/fonts/FaricyNew-Lt.woff") format('woff'),
url("/common/i/fonts/FaricyNew-Lt.eot?#iefix") format('embedded-opentype'),
url("/common/i/fonts/FaricyNew-Lt.otf") format('opentype');}
@font-face{font-family:FrutigerArabic;src:url("/common/i/fonts/FrutigerLTArabic-Rg.eot");src:local('FrutigerArabic Regular'),
url("../fonts/FrutigerLTArabic-Rg.woff") format('woff'),
url("../fonts/FrutigerLTArabic-Rg.eot?#iefix") format('embedded-opentype'),
url("../fonts/FrutigerLTArabic-Rg.ttf") format('truetype');}
@font-face{font-family:FrutigerArabicLight;src:url("/common/i/fonts/FrutigerLTArabic-Lt.eot");src:local('FrutigerArabic Light'),
url("../fonts/FrutigerLTArabic-Lt.woff") format('woff'),
url("../fonts/FrutigerLTArabic-Lt.eot?#iefix") format('embedded-opentype'),
url("../fonts/FrutigerLTArabic-Lt.ttf") format('truetype');}
*/



body{
	
	font-family:FaricyNew, Arial, sans-serif;
	font-size:12px;
	color:#7d7d7d;
	background:#bfbfbf url(../images/bg-ku.jpg) repeat-y;
	background-position:center;
}
/*

@font-face {
    font-family: myFirstFont;
   src: url(frutigerltarabic45light_0.otf);
	src: url(frutigerltarabic45light_0.otf) format('embedded-opentype'),
         url('frutit_0.ttf') format('truetype');
}
*/
html[dir=rtl] body{
	
	font-family:FrutigerArabic;
	/*font-family: FrutigerArabicLight;*/
/*font-family: myFirstFont;
	
	font-family: 'Open Sans', sans-serif;*/
	font-size:12px;
	color:#7d7d7d;
	background:#bfbfbf url(../images/bg-ku.jpg) repeat-y;
	background-position:center;
}




.thumb{
	float:left;
	width:100px;
	margin-top:5px;
	margin-left:5px;
}

html[dir=rtl] .thumb{
	float:right;
	width:100px;
	margin-top:5px;
	margin-left:5px;
}


.newsthumb{
	/*! float: left; */
	width: 100px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}



html[dir=rtl] .newsthumb{
	float:right;
	width:100px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	
}


.personname
{
	color:#0476a0;
	font-size:16px;
	font-weight:bold;
	position:relative;
	top:10px;
}

.persondetails
{
	font-size:12px;
	font-weight:normal;
	position:relative;
	top:5px;
	text-align:justify;
}


html[dir=rtl] .persondetails
{
	font-size:12px;
	font-weight:normal;
	position:relative;
	top:5px;
	text-align:right;
}


.datestyle{
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
}

html[dir=rtl] .datestyle{
	font-weight:bold;
	font-size:10px;
	letter-spacing:1px;
}


.datestylesub{
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#07456f;
	display:block;
	padding-left:-10px;

	padding:0 10px;
	padding-top:6px;
}

.subpage-ul
{
	margin-left:40px;
}

html[dir=rtl] .subpage-ul
{
	margin-right:50px;
}
a.newslink:visited{
	text-decoration:none;
	color:#0476a0;
	font-size:14px;
}
a.newslink:link{
	text-decoration:none;
	color:#0476a0;
	font-size:14px;
}
a.newslink:hover{
	color:#0476a0;
	text-decoration:underline;
	font-size:14px;
}




html[dir=rtl] a.newslink:visited{
	text-decoration:none;
	color:#0476a0;
	font-size:11px;
}
html[dir=rtl] a.newslink:link{
	line-height:1.4em;
	-webkit-line-height:0.5em;
	-moz-line-height:0.5em;
	-ms-line-height:0.5em;
	text-decoration:none;
	color:#0476a0;
	font-size:11px;
}
html[dir=rtl] a.newslink:hover{
	color:#0476a0;
	text-decoration:underline;
	font-size:11px;
}



a.footerlinks:visited{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
a.footerlinks:link{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
}
a.footerlinks:hover{
	color:#FFF;
	text-decoration:underline;
	font-size:12px;
}




a img{
	border:none;
}

/*
h1{
	font-size:2.5em;
	color:#06456e;
	padding:0.5em 0 0;
}
h3{

	font-size:18px;
	font-weight:normal;
	color:#FFF;
	margin:auto 0.5em;
	padding:0;

}
h2{
	font-size:2.2em;
	font-weight:normal;
	letter-spacing:0.01em;
	text-transform:uppercase;
}
*/

h1,
.h1 {  font-size: 36px;
}

h2,.h2 {  font-size: 18px;
 }
 
h3,.h3 {
  font-size: 16px;
  color:#FFF;
  }
  
h4,
.h4 {
  font-size: 14px;
  color:#07456f;
}

h5,.h5 {  font-size: 12px;
}

h6,.h6 {  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

p{
	line-height:1.2em;
	padding:1em;
	text-align:justify;
}



.newsimage{
	line-height:1.2em;
	padding:1em;
	text-align:center;
}


.title{
	position:relative;
	top:-15px;
	left:250px;
	color:#999;
	font-style:italic;
	
	
	
	
}

.line{
	
	height:3px;
	background-color:#24404c;
	/*border-bottom:1px solid #416371;*/
	margin:1em 0;
	overflow:hidden;
}

article .line{
	/* The dividing line inside of the article is darker: */
	background-color:#15242a;
	border-bottom-color:#204656;
	margin:1.3em 0;
}



.topmenu{
	position:absolute;
	top:0.9em;
	right:0px;
	text-align:right;
	text-decoration:none;
	border:solid 0px #930;
	width:380px;
	font-size:13px;
	color:#666;
}


html[dir=rtl] .topmenu{
	position:absolute;
	top:0.8em;
	left:5em !important;
	text-align:left;
	text-decoration:none;
	border:solid 0px #930;
	width:1008px;
	color:#666;
}


a.topmenu:visited{
	color:#07456f;
	position:static;
	letter-spacing:1px;
}
a.topmenu:link{
	color:#07456f;
	position:static;
	font-size:13px;
	letter-spacing:1px;
	font-weight:600;
}
a.topmenu:hover{
	text-decoration:underline;
	position:static;
	letter-spacing:1px;
}

.socialicons{
	position:absolute;
	top:7em;
	right:0px;
	text-align:right;
	width:200px;
	font-size:12px;
	color:#666;
	border:solid 1psx #999;
	z-index:60;
}

html[dir=rtl] .socialicons{
	position:absolute;
	direction:rtl;
	top:7em;
	right:865px;
	text-align:right;
	width:200px;
	font-size:12px;
	color:#666;
	border:solid 1psx #999;
	z-index:60;
}

.howicandiv{
	position:absolute;
	top:6em;
	right:20px;
	width:300px;
	font-size:14px;
	color:#666;
	z-index:50;
	
	overflow:hidden;
	color: #07456f;
}

html[dir=rtl] .howicandiv{
	direction:rtl;
	float:right;
	position:absolute;
	top:6em;
	right:670px;
	width:240px;
	font-size:14px;
	color:#666;
	z-index:50;
	overflow:hidden;
	color: #07456f;
}



.howican{
	height: 29px;
	width:230px;
	font-size: 14px;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 2px;
    border: none;
    background: transparent url("../images/howcani-bg.png") no-repeat left center;
	color:#07456f;
}


html[dir=rtl] .howican{
	
	height: 29px;
	width:230px;
	font-size: 14px;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 2px;
    border: none;
    background: transparent url("../images/howcani-bg - ar.png") no-repeat right center;
	color:#07456f;
	text-align:right;
}

.news{
	float: left;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	color: #5f5f5f;
	border: solid 0px #963;
	font-size: 12px;
	text-align: justify;
}

html[dir=rtl] .news{
	float:right;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	color:#5f5f5f;
	border:solid 0px #963;
	font-size:8px;
	
}


.searchresults{
	float:left;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	color:#5f5f5f;
	border:solid 0px #963;
	width:750px;
	font-size:12px;
	text-align:justify;
}



html[dir=rtl] .searchresults{
	float:right;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	color:#5f5f5f;
	border:solid 0px #963;
	width:800px;
	font-size:12px;
	
}

.searchpaging
{
	float:left;
	text-align:center;
	padding:0;
	margin-top:5px;
	margin-bottom:40px;
	margin-left:5px;
	margin-right:5px;
	color:#5f5f5f;
	border:solid 0px #963;
	width:800px;
	font-size:12px;
}



html[dir=rtl] .searchpaging
{
	float:right;
	text-align:center;
	padding:0;
	margin-top:5px;
	margin-bottom:40px;
	margin-left:5px;
	margin-right:5px;
	color:#5f5f5f;
	border:solid 0px #963;
	width:800px;
	font-size:12px;
}

.searchfilter {
		display:block;
		font-size:14px;
		color:#464646;
		text-decoration:none;
		padding-left:-10px;
		line-height:23px;
		padding:0 10px;
		padding-bottom:10px;
		list-style:none;
	}
	
.sectionname
{
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
}

.searchdatestyle{
	
	font-size:11px;
	letter-spacing:1px;
	color:#07456f;
}

html[dir=rtl] .searchdatestyle{
	font-size:11px;
	letter-spacing:1px;
	color:#07456f;
}

.qlinks{
	background:#07456f;
	color:#FFF;
}


.qlinks2{
	background#FFFFFF;
	color:#07456f;
}


.qlinks ul{
	list-style:disc; padding: 5px 25px; line-height:22px;
}


.qlinks ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:14px;
}

.qlinks ul li a:hover{
	text-decoration:underline;
	color:#FFF;
	font-size:14px;
}
footer .line{
	margin:2em 0;
}


.search{
	position:absolute;
	right:35px;
	margin:5px 0 0 0;
	padding:0;
}


html[dir=rtl] .search{
	position:absolute;
	right:770px;
	margin:5px 0 0 0;
	padding:0;
}

.searchicon{
	position:absolute;
	right:4px;
}


html[dir=rtl] .searchicon{
	border:solid 0px #FF0;
	position:absolut;
	right:975px;


}

input[type=text]
{
    background-color: #FFF;
    border:solid 1px #BFBDBD;
    color: #979797;
    height: 23px;
    padding-right:10px;
    width: 191px;
    
}


/*html[dir=rtl] input[type=text]
{
    background-color: #FFF;
    border:solid 1px #BFBDBD;
    color: #979797;
    height: 23px;
    padding-left:10px;
    width: 191px;
    
}*/


.searchselect
{
	background-color: #FFF;
    border:solid 1px #BFBDBD;
    color: #979797;
    height: 23px;

    width: 200px;
}

nav{
	width:1013px;
	height:35px;
	padding:0;
	margin:0 0 2px 0;
	font-size:15px;
	background:#07456f;
	font-weight:normal;
	letter-spacing:1px;
	
	
/*	background:url(img/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
	padding:0 5px;
	position:absolute;
	right:0;
	top:4em;
	
	border:1px solid #FCFCFC;

	-moz-box-shadow:0 1px 1px #333333;
	-webkit-box-shadow:0 1px 1px #333333;
	box-shadow:0 1px 1px #333333;*/
}

/* The clearfix hack to clear the floats: */






.clear:after{
	content: ".";
	border:solid 1px #960;
	width:1010px;
	padding:0;
	margin:0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* The navigation styling: */
nav ul li{
	display:inline;
	text-decoration:none;
	
}



nav ul li a{
	color:#FFF;
	display:block;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	margin:3px 2px;
	padding:5px 10px 4px;
}

nav ul li a:hover{
	text-decoration:none;
	color:#09C;
	background-color:#f0f0f0;
}


/*nav ul li a:visited{
	display:block;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	margin:3px 2px;
	padding:5px 10px 4px;
	
	background-color:#f0f0f0;
}

nav ul li a:active{
	display:block;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	margin:3px 2px;
	padding:5px 10px 4px;
	
}*/





html[dir=rtl] nav ul li{
	display:inline;
	text-decoration:none;
	
}

html[dir=rtl] nav ul li a{
	color:#FFF;
	display:block;
	float:right;
	font-size:1.1em;
	text-decoration:none;
	margin:2px 2px;
	-webkit-margin:6px 2px;
	
	padding:0px 10px 0px;
	-webkit-padding-bottom:20px;
	border:solid 0px #900;
}


/*html[dir=rtl] nav ul li a,
nav ul li a:visited{
	color:#FFF;
	display:block;
	float:right;
	font-size:1.1em;
	text-decoration:none;
	margin:2px 2px;
	-webkit-margin:6px 2px;
	
	padding:0px 10px 0px;
	-webkit-padding-bottom:20px;
	border:solid 0px #900;
	
}*/

html[dir=rtl] nav ul li a:hover{
	text-decoration:none;
	color:#09C;
	/*background-color:#f0f0f0;*/
}




/*html[dir=rtl] nav ul li a:visited{
	display:block;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	margin:3px 2px;
	padding:5px 10px 4px;
	
	background-color:#f0f0f0;
}

html[dir=rtl] nav ul li a:active{
	display:block;
	float:left;
	font-size:1.1em;
	text-decoration:none;
	margin:3px 2px;
	padding:5px 10px 4px;
	
}*/



nav, article, nav ul li a,figure{
	/* Applying CSS3 rounded corners: 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
}



/* Article styles: */

#page{
	width:1014px;
	margin:0 auto;
	position:relative;
}

article{
	/*background-color:#213E4A;*/
	margin:0;
	padding:0;
	color:#666;
	display: table;
	/*height: 100%;*/
}

.gap{
	/*background-color:#213E4A;*/
	margin-top:6px;
	padding:0;
	background:#FFFFFF;
	position: relative;
	overflow:hidden;
}

.featuer{
	/*background-color:#213E4A;*/
	/*margin-top:5px;*/
	margin-bottom:10px;
	padding:0;
	color:#666;
	background:#f6f6f6;
	width:332px;
	border:solid 1px #CCC;
	position: relative;
	overflow:hidden;
	/*height: 100%;*/
	
}

.link{
	text-align:right;
	border:solid 0px #F00;
	
	
}

html[dir=rtl] .link{
	text-align:left;
	border:solid 0px #F00;
	padding:2px;
}

.rss{
	float:left;
	display: inline-block;
	outline: none;
	cursor: pointer;
	margin:0.3em;
	padding:0.3em;
	border:sold 1px #009;
}


html[dir=rtl] .rss{
	float:right;
	display: inline-block;
	outline: none;
	cursor: pointer;
	margin:0.3em;
	padding:0.3em;
	border:sold 1px #009;
}

.more{color:#FFF; font-size:12px;
background:#2e79a3;
display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-decoration:underline none;
	margin:0.3em;
	padding:0.3em;
	Float:right;
}
.more a{
	color:#FFF;
	text-decoration: none;
 }


.more:hover{
	
background:#07456f;
	margin:0.3em;
	padding:0.3em;
}


html[dir=rtl] .more{float:left;
	color:#FFF; font-size:12px;
background:#2e79a3;
display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-decoration:underline none;
	margin:0.3em;
	padding:0.3em;
	border:sold 1px #009;
}

.boxtitle{padding:5px; margin:0; background:#07456f;}


figure{

	float:left;
	margin:0;
	
overflow:auto;
	padding:0;
	/*overflow:hidden;*/
	width:337.8px;
	

	
}





html[dir=rtl] figure{

	float:right;
	margin:0;
	
overflow:auto;
	padding:0;
	/*overflow:hidden;*/
	width:337.5px;
}


/* About us menu */


.clearfix:after { clear: both; }

#about {
	
	margin:0;

}

#about header {
	background-color: #4f4245;
	
	color: #ecf0f1;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-align: left;
}

#about ul {
	background-color: #f6f6f6;
}

#about ul li {
	border-bottom: 1px solid #a6a8a9;
	
	line-height: 27.9px;
	padding: 5px 12px;
	text-decoration:none;
	
}

#about ul li#sub {
	border-bottom: 1px solid #a6a8a9;
	
	background:#ecebeb;
	height: 30px;
	line-height: 30px;
	padding: 0 5px 0 60px;
	text-decoration:none;
	
}



html[dir=rtl] #about ul li#sub {
	border-bottom: 1px solid #a6a8a9;
	
	background:#ecebeb;
	height: 30px;
	line-height: 30px;
	padding: 0 40px 0 5px;
	text-decoration:none;
	
}



#about ul li#sub:hover {
	background-color: #56a3c7;

}
#about ul li#sub:hover a {
	color: #FFF;
	text-decoration:none;
}


html[dir=rtl] #about ul li#sub:hover {
	background-color: #56a3c7;

}
html[dir=rtl] #about ul li#sub:hover a {
	color: #FFF;
	text-decoration:none;
}






#about ul li#subheader {
	border-bottom: 1px solid #a6a8a9;
	background:#acacac;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	text-decoration:none;
	background-image:url(../images/arrow.png);
	background-position:23px 9px;
	background-repeat:no-repeat;
	font-weight:600;
	font-size:18px;
}


html[dir=rtl] #about ul li#subheader {
	border-bottom: 1px solid #a6a8a9;
	background:#acacac;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	padding-right: 40px;
	text-decoration:none;
	background-image:url(../images/arrow-a.png);
	background-position:190px 9px;
	background-repeat:no-repeat;
	font-weight:600;
	font-size:16px;
}

html[dir=rtl] #about ul li#subheaderhome {
	border-bottom: 1px solid #a6a8a9;
	background:#acacac;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	padding-right: 40px;
	text-decoration:none;
	background-image:url(../images/arrow-a.png);
	background-position:300px 9px;
	background-repeat:no-repeat;
	font-weight:600;
	font-size:13px;
}
/*.subheader {
	border-bottom: 1px solid #a6a8a9;
	background:#acacac;
	color: #FFF;
	height: 25px;
	line-height: 30px;
	padding-left: 25px;
	text-decoration:none;
	background-image:url(../images/arrow.png);
	background-position:10px 7px;
	background-repeat:no-repeat;
	font-weight:600;
	font-size:13px;
}*/






.sub {
	padding: 0 5px 0 30px;
	text-decoration:none;
}
.sub:hover {
	background-color: #b7b7b7;

}
.sub:hover a {
	color: #FFF;
	text-decoration:none;
}









#about ul li:hover {
	background-color: #56a3c7;

}

#about ul li:hover a {
	color: #FFF;
	text-decoration:none;
}

html[dir=rtl] #about ul li:hover a {
	color: #FFF;
	text-decoration:none;
}

#about ul li span[class*="entypo"] {
	display: inline-block;
	\\padding-right: 5px;
	\\width: 10px;
}

#about ul li a {
	color: #0476a0;
	text-decoration:none;
	font-weight:600;
	font-size:13px;
}

html[dir=rtl] #about ul li a {
	color: #0476a0;
	text-decoration:none;
	font-weight:100;
	font-size:13px;
}

#about footer {
	background-color: #ecf0f1;
	color: #3e4146;
	height: 50px;
	line-height: 50px;
	padding-left: 24px;
}

#about footer a {
	color: #3e4146;
}

#about footer span[class*="entypo"] {
	padding-left: 8px;
}


/* ------------------------tabs calendar ----------------------------*/

#tab-container{
    /*font-family: Arial,  Verdana, Helvetica, sans-serif;*/
    font-size: 12px;
    line-height:14px;
    margin: 0.8em;
    overflow: hidden;
	
}
#tab-container ul{
    list-style: none;
    list-style-position: outside;
    width: 100%;
	margin:0 auto;
}
#tab-container ul.tab-menu li{
    display: block;
	width:77px;
	height:30px;
    float: left;
    position: relative;
  
    padding: 5px 10px;
    background: #FFF;
    border: 1px solid #EEE;
	border-bottom: none;
/*    border-bottom: 1px solid;
	border-bottom-color:#EEE;*/
    border-width: 1px;
    color: #999;
    cursor:pointer;
    height: 14px;
   
}

html[dir=rtl] #tab-container ul.tab-menu li{
    display: block;
	width:77px;
	height:30px;
    float: right;
    position: relative;
  
    padding: 5px 10px;
    background: #FFF;
    border: 1px solid #EEE;
	border-bottom: none;
/*    border-bottom: 1px solid;
	border-bottom-color:#EEE;*/
    border-width: 1px;
    color: #999;
    cursor:pointer;
    height: 14px;
   
}



#tab-container ul.tab-menu li.active{
    background: #EEE;
    color: #0088CC;
    height: 15px;
    border-bottom: 0;
	border: 1px solid #EEE;

}


html[dir=rtl] #tab-container ul.tab-menu li.active{
    background: #EEE;
    color: #0088CC;
    height: 15px;
    border-bottom: 0;
	border: 1px solid #EEE;

}


.tab-top-border {
    border-bottom: 0px solid #d0ccc9;
}
.tab-content{
    margin: 0 auto;
  /*  background: #efefef;
    background: #fff;
    border: 1px solid #ddc;*/
    border-top-style: none;
    text-align: left;
    padding: 10px;
    padding-bottom: 20px;
    font-size: 11px;
    display: none;
	background:#eee;
	height: 208px;
}


html[dir=rtl] .tab-content{
	text-align:right;
}

#tab-container div.active{
    display: block;
	/*background:#eee;*/
}
/*.tab-content h1{
    line-height: 1em;
    height: 28px;
    font-size: 22px;
}*/

.events{
	margin-bottom:10px;
	padding:0;
	color:#5f5f5f;
	font-size:12px;
}



.date{
	color:#900;
	padding:0;
	margin:0;
}

/* Footer styling: */

footer{
	
	text-align:center;
	font-size:1em;
	position:relative;
	/*left:100px;*/
	overflow:auto;
	background:#07456f;
	margin:2px 0 0 0;
}






.group{
	width:190px;
	float:left;
	margin:10px 30px;
	border:solid 0px #9C0;
	color:#FFFFFF;
	text-align:left;
	line-height:20px;
	font-size:14px;
	
}


html[dir=rtl] .group{
	width:190px;
	float:right;
	margin:10px 30px;
	border:solid 0px #9C0;
	color:#FFFFFF;
	text-align:right;
	line-height:20px;
	
}

footer p{
	
	position:relative;
	
}

footer a,footer a:visited{
	color:#FFFFFF;
	padding:5px;
	z-index:100;
	position:relative;
	
	
}

footer a:hover{
	text-decoration:none;
}

footer a.by{
	float:left;

}

footer a.up{
	float:right;
}












/*              announcement      ----- */

#home_header_list {margin: 0 auto;padding: 0;width: 332px;height: 170px;overflow: hidden;

}
#home_header_list li {margin: 0;padding: 0;width: 332px;height: 170px;list-style: none outside;
 background-color:#fff;
    filter: alpha(opacity=0); 
    /*non ie*/
     opacity: 0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -khtml-opacity:0;
}
.home_header_item_wrapper {display: none;}
#home_header_link_wrapper { height: 65px;}
.home_header_link,.home_header_cont {display: block;padding: 1x ;width: 300px;height: 40px; text-decoration:none;padding:10px; }
.home_header_link em {font-style:normal;color: #11497c}
.home_header_link:hover {cursor: pointer;color: #0476a0;}
.home_header_link:hover {text-decoration:underline;color: #0476a0;}
.home_header_title {color: #0476a0;}	

.home_header_title,.home_header_desc {display: block; text-align:left; padding-bottom:7px;color: #0476a0; font-size: 16px;line-height: 22px;}

html[dir=rtl] .home_header_title,.home_header_desc {display: block; text-align:right; padding-bottom:7px;color: #0476a0; font-size: 16px; }

.home_header_desc {font-size: 12px; color:#000;}
#home_header_prev,#home_header_next { float:left; border:solid 0px #900; display: block; margin-top:5px;margin-left:1px; width: 25px; height: 15px; top: 2px;z-index: 60; right:-9px;}



#home_header_next {right:10px;}
#home_header_prev:hover,#home_header_next:hover {background-position: -101px -354px}
#home_header_next:hover {background-position: -135px -354px}


html[dir=rtl] #home_header_prev,#home_header_next { float:left; border:solid 0px #900; display: block; margin-top:5px; margin-left:1px; width: 25px; height: 15px; top: 2px;z-index: 60; right:-9px;}

html[dir=rtl] #home_header_next {left:10px;}

/* ---------------- Main Slider ---*/



div.wrap {
width : 1013px;
margin : 0 auto;
text-align : left;

}
div#top div#nav {
float : left;
clear : both;
width : 1013px;
height : 52px;
margin : 0;

}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;

}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 15px 0;

}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 325px;

/*background : url(images/header-bg.png) no-repeat 50% 0;*/
}
div#header div#slide-holder {
z-index : 40;
width : 1013px;
height : 325px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 2px;
left : 0px;
width : 1013px;
height : 329px;
overflow : hidden;
position : absolute;
background-color:#0476a0;


}
div#header div#slide-holder img {
	margin:4px auto;
	padding:0;
position:absolute;
display:none;



}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 100px;
width : 1013px;
height : 46px;
display : none;
position : absolute;

/*background : url(images/slide-bg.png) 0 0;*/
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 15px;
line-height : 25px;
height:80px;
width:490px;
margin : 20px 0 0 20px;
background:#36C;
position:relative;
/*background : url(images/slide-bg.png) 0 0;*/

}
div#header div#slide-holder div#slide-controls p#slide-nav {
	position:relative;
	top:90px;
	right:-20px;
	color:#FFF;
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#0476a0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
color:#FFF;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}


.moreinfo{
	border:solid 0px #FFF;
	position:relative;
	top:110px;
	left:-70px;
	
	z-index:50;
	color:#FFF;
	
}
.moreinfo a{
	color:#FFF;
}


/* ---------------------------------
   inner-pages
   ---------------------------------
*/

.inner-pages {
}

	/* ------------------
	   inner pages header titles
	   ------------------
	*/
	
	.innp-h-title-container {
		height:136px;
		
	}
	.innp-h-title-container .innp-h-title-bar {
		height:4px;
		background:#0476a0;
	}
	.innp-h-title-container .innp-h-title-background {
		background:url(../images/header-title.jpg) no-repeat top left;
		height:136px;
	}
	.innp-h-title-container .innp-h-title-background .innp-h-title-background-text {
		width:220px;
		height:136px;
		background-color: rgb(7, 69, 111);
		opacity: 0.9;
		text-align:left;
	}
	
	.innp-h-title-container .innp-h-title-background .innp-h-title-background-text .lbl-pge-title-txt {
		width:220px;
		display: block;
		padding: 0 10px;
		font-size: 20px;
		color: #fff;
		text-align: right;
		height: 122px;
		vertical-align: bottom;
		display: table-cell;
	}
	
	
	html[dir=rtl] .innp-h-title-container .innp-h-title-background .innp-h-title-background-text .lbl-pge-title-txt {
		display: block;
		padding: 0 10px;
		font-size: 20px;
		color: #fff;
		width:220px;
		text-align: left;
		height: 122px;
		vertical-align: bottom;
		display: table-cell;
	}
	
	
	/* ---------------
	   canvase
	  ----------------
	 */
	 
	 #canvase {
		
	 }
	 .panels {}
	 .panels .col { float:left; }
	 html[dir=rtl] .panels .col { float:right; }
	 .panels .col-left { background:url(../images/gradient_lef_nav.gif) repeat-x bottom #f6f6f6;}
	 /*
	 .panels .col-middle { background:#FFC; min-height:400px; background:url(../images/page-shadow-left.gif) no-repeat left top;}*/




	/*html[dir=rtl] .panels .col-middle { background:#FFC; min-height:400px; background:url(../images/page-shadow-right.gif) no-repeat right top;
	}
	*/
 	 .panels .col-right {  }
	 
	 .panels .col-220 { 
	 	width:220px;
		
	}
 .panels .col-20 { 
	 	width:20px;
		
	}
 .panels .col-40 { 
	 	width:40px;
		
	}
	.panels .col-793 {
		width:794px;
		
	}
	.panels .col-540 {
		width:540px;
	}
.panels .col-530{
		width:530px;
	}

.panels .col-400 {
		width:400px;
	}
.panels .col-450 {
		width:450px;
	}
.panels .col-500 {
		width:500px;
	}
.panels .col-520{
		width:520px;
	}
	.panels .col-254 {
		width:254px;
	}
	.panels .col-250 {
		width:250px;
	}

.panels .col-240 {
		width:240px;
	}

.panels .col-230 {
		width:230px;
	}
	.panels .col-container {
float:none;
/*background-color:#213E4A;*/
	/*margin-top:5px;*/
	margin-bottom:10px;
	padding:0;
	color:#666;
	background:#f6f6f6;
	border:solid 1px #CCC;
	position: relative;
	overflow:hidden;
	/*height: 100%;*/

			}
	.panels .col-container-left {border:solid 1px #CCC;}
	.panels .col-container-middle { margin:0px 5px; border:solid 1px #CCC; overflow:hidden}
	
	html[dir=rtl] .panels .col-container-middle { margin:0px 5px; border:solid 1px #CCC; overflow:hidden}
	
	.panels .col-container-right {border:solid 1px #CCC;}
	
	
	/* --------------
	   blockes
	   -------------
	*/
	.blocks { margin-top:10px;}
	.blocks .block-title {
		display:block;
		height:37px;
		line-height:37px;
		padding:0 10px;
		background:#07456f;
		color:#fff;
		font-size:18px;
		
	}
	.blocks .block-body {
		padding:15px 0px;
	}
	.block-bg-blue {
		background:#07456f;
	}
	.block-bg-blue #q-links {
		list-style:disc !important;
		list-style-position:inside;
		margin: 0 25px;
		color:#fff !important;
		
	}
	.block-bg-blue #q-links li a {
		color:#fff !important;
		padding:0 0px !important;
	}
	.block-body #tab-container {
		margin:0 0 !important;
	}
	/* -------------
	   Left nav Menu & Q-links
	  -------------
	*/
	#lef-nav, #q-links { 
		margin:0;
		padding:0;
		list-style:none;
	}
	#lef-nav li, #q-links li {
		
	}

<!--By Yousef-->
	#lef-nav li, #q-links li:nth-child(even) {background: #f7f4f4;}
    #lef-nav li, #q-links li:nth-child(odd) {background: #e4e2e2;}

	#lef-nav li, #q-links li:hover {
		background:#f1efef;
	}
<!--By Yousef-->

	#lef-nav li a, #q-links li a {
		display:block;
		font-size:20px;
		color:#464646;
		text-decoration:none;
		padding-left:-10px;
		line-height:23px;
		padding:0 10px;
	}
	
	
	#lef-nav li a:hover {
		background:#b7b7b7;
	}
	
	#q-links li a {
		font-size:12px;
		line-height:20px;
	}
	#q-links li a:hover {
		color:#07456f;
		text-decoration:underline;
	}
	
	/* ---------------
		breadcrumbs
		--------------
	*/
	.breadcrumbs { margin-bottom:20px;}
	.breadcrumbs #breadcrumb {
		color:#596265;
		
	}
	.breadcrumbs #breadcrumb a {
	display: block;
        float: left;
       
        padding-right: 10px;
       
        margin-right: 5px;
        position: relative;
        text-decoration: none;
        color:#596265;
		/*background:url(../images/breadcumbs-arrow.gif) no-repeat right 2px;*/
	}
	
					html[dir=rtl] .breadcrumbs #breadcrumb a {
					display: block;
                	float: right;
                	margin-left: 0px;
                	margin-right: 0px;
                	margin-top: 0px;
                	margin-bottom: 0px;
            	}
	/* -----------------
		page content 
		----------------
	*/
	
	h3.title-page {
		font-size:16px;
		color:#07456f;
		margin-left:0px;
	}
	.col-middle p {
		/*font-size:12px;*/
		margin-left:0px;
		padding-left:0px;
		
		
		
	}
	
	/* ---------------
	   Grid products
	   ---------------
	*/
	.grid-products {
		margin:0px 0;
	}
	
	.grid-products .grid-columns grid-cls-3 {}
	
	.grid-products .grid-rows {
		display:block;	
		float:left;
		margin:15px 15px;
		background:#999;
		height:100px;
		position:relative;
		
	}

	html[dir=rtl] .grid-products .grid-rows {
		display:block;	
		float:right;
		margin:10px 10px;
		background:#999;
		height:100px;
		position:relative;
		
	}

	.grid-products .row-1 {}
	.grid-products .row-2 {}
	.grid-products .row-3 { width:230px;}
	.grid-products .row-4 {}
	
	.grid-products .row-first { margin-left:0px;}
	.grid-products .row-last { margin-right:0px;}
	
	.grid-products .grid-rows img { z-index:-999}
	
	.grid-products .grid-rows .prod-1 { }
	.grid-products .grid-rows .prod-2 {}
	.grid-products .grid-rows .prod-3 {}
	
	.grid-products .grid-rows img {
		border:1px solid #0476a0;
	}
	
	html[dir=rtl] .grid-products .grid-rows img {
		border:1px solid #0476a0;
		width:228px;
	}
	
	.grid-products .product-txt {
		
		display:block;
		
		position:absolute;
		width:231px;
		left:0;
		bottom:-2px;
		background:#07456f;
		z-index:999;
		
	}
	
	html[dir=rtl] .grid-products .product-txt {
		
		display:block;
		
		position:absolute;
		width:231px;
		right:0;
		bottom:-2px;
		background:#07456f;
		z-index:999;
		
	}
	
	.grid-products .product-txt label {
		display:block;
		padding:5px 10px;
		color:#fff;
		font-size:14px;
		cursor: pointer;
	}
	.grid-products .btn-txt-desc {
		display:block;
		color:#fff;
		z-index:9999;
		padding:0;
		margin:0 10px;
		font-size:10px;
		color:#7196a3;
		
	}
	
	.TableStyle
	{
		width:505px;
	}
	.TableStyle td
	{
		padding:10px 30px 0px 35px;

	}
	.TableStyle tr
	{
		width:50%;
	}
	
	//pop up
	@charset "utf-8";
/* CSS Document */

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;}
  
  .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  }

.modal-lg {
  width: 900px;}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  width:70%;
  margin:5% auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}








/*  Drop down*/


.container > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}


.dropdown a {
  text-decoration: none;
}

.dropdown [data-toggle="dropdown"] {
display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    padding: 6px 42px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
}

.dropdown [data-toggle="dropdown"] {
border-color: #d3d3d3;
background: #f8f8f8;
color: #333;
}

.dropdown [data-toggle="dropdown"]:hover {
  background: #2c89c6;
}

.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.6em;
  color: #333;
  top: 14px;
  right: 10px;
}

.dropdown .icon-arrow.open {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown .icon-arrow.close {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown .icon-arrow:before {
  content: '\25BC';
}

.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  
  
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
	display:none;
  
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}

.dropdown .dropdown-menu li {
  padding: 0;
      display: list-item;
    text-align: -webkit-match-parent;
}

.dropdown .dropdown-menu li a {
/*  display: block;
  color: #6e6e6e;
  background: #eeeeee;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;*/
  
  
      display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
  
  
}

.dropdown .dropdown-menu li a:hover {
  background: #f6f6f6;
}

.dropdown .show, .dropdown .hide {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.dropdown .show {
  display: block;
  max-height: 9999px;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}

.dropdown .hide {
  max-height: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}




.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}




#loading {
  color: #000;
  position: relative;
  font-size: 18px;
  text-align: center;
  font-family:monospace;
  margin: 0.1em auto;
  padding. 0;
  text-transform: uppercase
}

.rsbtn {
width: auto !important;
}



/*****************/

.panels .col-middle {min-height:320px !important;}
.SiteMapPlain div {width:96%;}
.SiteMapPlain div a {white-space:normal;}
html[dir="rtl"] .topmenu {letter-spacing:0 !important;}
html[dir="rtl"] .socialicons {width:147px !important;}
html[dir="rtl"] #about ul li#subheaderhome, html[dir="rtl"] #about ul li#subheader {background-position:calc(100% - 24px) 13px !important;}
.one-col {display:none;}

@media (max-width:1032px) {
	
#page {width:100%;}
.menu, #articles, #article1, #banner-fade, .bjqs, .bjqs-slide, .bjqs-slide img {max-width:1013px !important;width:100% !important;}
body {background-color:#fff !important;background:none !important;width:100%;}
.clear:after{width:99% !important;}
.panels {width:100% !important;overflow:visible !important;}
.col-middle {float:right !important; width:99.1%; !important;}
.col-right {width:100% !important;max-width:100% !important;}
.col-right {width:100% !important;margin-top:12px;}
.col-right .featuer:nth-child(1) {float:left !important;}
.col-right .featuer:nth-child(2) {float:right !important;}
footer .group {min-height:170px;margin:10px 0 10px 30px;}
.news {margin:15 0 0 0 !important;}
.home_header_link, .home_header_cont {width:97% !important;}
.bottom-menu {text-align:left !important;}
.copyright {text-align:right !important;float:right !important;}
.bottom-menu {width:33% !important;}
.copyright {width:52% !important;}
html[dir="rtl"] .bottom-menu {text-align:right !important;float:right !important;}
html[dir="rtl"] .copyright {text-align:left !important;float:left !important;}
ol.bjqs-markers.h-centered {left:auto !important;right:20px !important;}
.searchpaging {width:100% !important;}
.searchpaging div:nth-child(1) {width:33% !important;text-align:left;display:inline-block;position:relative !important;}
.searchpaging div:nth-child(2) {width:32% !important;text-align:center;display:inline-block;margin:0 !important;position:relative !important;}
.searchpaging div:nth-child(3) {width:33% !important;text-align:right;display:inline-block;margin:0 !important;position:relative !important;}
html[dir="rtl"] .searchpaging div:nth-child(1) {text-align:right !important;}
html[dir="rtl"] .searchpaging div:nth-child(3) {text-align:left !important;}
.searchresults {width:100% !important;}

/* categories */

#canvase {display:flex;flex-direction:column;}

.col-left {order:2;width:48% !important;margin-left:5px;}
.col-middle {float:right!important; order:2;width: 50% !important;}
.col-right {order:3;width:48% !important;margin-left:5px;}
.col-left .blocks {width:46.2% !important;margin-right:15px !important;}
.col-right .blocks {width:100% !important;margin-right:0px !important;}
.col-right .qlinks {width:100% !important;margin-right:0px !important;}
.col-left .col-left {width:48% !important;}
.col-left .col-left .blocks {width:100% !important;}
#canvase .col-left .col-contaier-left>div {float:left;}
#canvase>.col-left {margin-left:20px;width:calc(100% - 20px) !important;}
.col-container-right>div {width:100% !important;float:left;margin-right:15px;}
.TableStyle td{padding:0% 5% 0% 15% !important; float: left;}
.newsthumb{float: left !important; }


/*.col-left, .innp-h-title-container .innp-h-title-background .innp-h-title-background-text {width:100% !important;}*/
#canvase .col-left .col-left {/*width:50%;*/}
.grid-columns {}
.grid-rows {width:31.2% !important;height:100% !important;background-color:white !important;margin-bottom:0 !important;}
a.hover_transition {}
.grid-rows img {width:100%;height:auto;}
.product-txt {width:101.1% !important;bottom:4% !important;}

html[dir="rtl"] .grid-rows {width:30.2% !important;}
html[dir="rtl"] .grid-products .grid-rows img {width:100% !important;}
html[dir="rtl"] #canvase .col-left .col-contaier-left > div {float:right;}

/* end of categories */

/* arabic */
html[dir="rtl"] .topmenu {width:100%;}
html[dir="rtl"] .howicandiv {right:auto;width:300px;left:156px;text-align:left;z-index:100;}
html[dir="rtl"] .socialicons {right:0;width:100% !important;text-align:left;}
html[dir="rtl"] figure:nth-child(1) {float:right !important;}
html[dir="rtl"] figure:nth-child(2) {float:left !important;}
html[dir="rtl"] form[name="ku_searchbox"] {right:auto;width:240px;left:0;}
html[dir="rtl"] .search {right:auto;left:0;}
html[dir="rtl"] .searchicon {right:auto;left:0;}

}

/* categories */

@media (max-width:900px) {
.TableStyle td{padding:2% 2% 2% 3% !important; float: left;}
/*.col-left, .innp-h-title-container .innp-h-title-background .innp-h-title-background-text {width:189px !important;}*/
/*.col-middle {order:1;width:calc(100% - 189px) !important;}*/
/*.col-right {order:3;}*/
/*.grid-rows {width:26% !important;}*/

}

@media (max-width:759px) {
.TableStyle td{padding:0% 0% 0% 0% !important; float: left;}
.grid-rows, html[dir="rtl"] .grid-rows {width:47.4% !important;margin:15px 0 0 11px !important;}

}


@media (max-width:634px) {

.grid-rows, html[dir="rtl"] .grid-rows {width:42% !important;margin:15px 0 0 5% !important;}
.col-container-right>div {width:97.5% !important;}
}


@media (max-width:531px) {
	.panels {max-width:507px;width:100% !important;overflow:visible !important;}

.newsthumb{float: left !important; }

.grid-rows, html[dir="rtl"] .grid-rows {width:232px !important;}
.product-txt {width:233px !important;bottom:4px !important;}
footer .group {width:250px;min-height:auto !important;}
a.footerlinks:link {font-size:14px;}
}

@media (max-width:435px) {

.panels .col-container-middle {margin:0 !important;}
#canvase {margin:20px;}
#canvase > .col-left {width:100% !important;margin:0;}
.col-left .blocks {width:100% !important;margin-right:0 !important;}
.col-left .col-left {width:100% !important;}
#canvase > .col-right {width:100% !important;margin:0;}
.col-container-right>div {width:100% !important;}
}

/* end of categories */

@media (max-width:770px) {

figure:nth-child(2) .featuer:nth-child(1) tr td:nth-child(1) {display:none;}
figure:nth-child(2) td {padding-top:5px;}
p.bjqs-caption {width:60% !important;height:auto !important;padding:15px !important;bottom:15px !important;}
p.bjqs-caption a.bjqs-linkCaption {top:auto !important;left:auto !important;right:0;}
html[dir="rtl"] p.bjqs-caption a.bjqs-linkCaption {right:auto;left:0 !important;}
body {-webkit-text-size-adjust:none;}

}

@media (max-width:670px) {

html[dir="rtl"] form[name="ku_searchbox"] {position:relative;right:auto;margin-right:7px !important;width:240px;height:36px;overflow:hidden;clear:both;}
html[dir="rtl"] form[name="ku_searchbox"] div {float:right;}
html[dir="rtl"] .search {right:auto;position:relative;}
html[dir="rtl"] .searchicon {right:auto;position:relative;}

nav {background-color:#07456f;height:auto;}
nav ul {list-style-type:none;overflow:hidden;}
nav ul li {float:left;}
html[dir="rtl"] nav ul li {float:right;}
nav ul li a {float:none;}

}

@media (max-width:646px) {

figure:nth-child(3) .featuer {width:99.5% !important;margin-top:12px;}
figure:nth-child(3) .more {float:left;}

}

@media (max-width:590px) {

form[name="ku_searchbox"] {position:relative;right:auto;margin-left:7px !important;width:240px;}
form[name="ku_searchbox"] div {float:left;}
.search {right:auto;position:relative;}
.searchicon {right:auto;position:relative;}

}

@media (max-width:480px) {

figure {width:100% !important;max-width:100% !important;}
.clear:after{width:99.5% !important;}
.topmenu, html[dir="rtl"] .topmenu {position:relative !important;width:100% !important;text-align:center !important;top:auto;right:auto;left:auto !important;}
.howicandiv, html[dir="rtl"] .howicandiv {position:relative !important;width:100% !important;text-align:center !important;top:auto;right:auto;left:auto;}
html[dir="rtl"] .howicandiv {float:none;}
.howicandiv ul {width:calc(100% - 20px);list-style:none;}
.dropdown .dropdown-menu {margin-left:20px;}
html[dir="rtl"] .dropdown .dropdown-menu {margin-right:20px;margin-left:0;}
.dropdown .dropdown-menu li a {white-space:normal !important;}
img.logo {max-width:363px;width:100%;}
ol.bjqs-markers {display:none;}
p.bjqs-caption {width:94% !important;padding:5px 5px 17px 5px !important;margin:0 5px !important;font-size:12px !important;}
.bottom-menu, .copyright {width:51% !important;text-align:left !important;float:left !important;}
.copyright {width:75% !important;}
html[dir="rtl"] .copyright {float:right !important;text-align:right !important;}
.socialicons a:nth-child(1), .socialicons a:nth-child(2), .socialicons a:nth-child(3) {display:none;}
.one-col {display:block;float:right;margin:5px 5px 0 0;}
html[dir="rtl"] .one-col {float:left !important;margin:5px 0 0 5px !important;}
html[dir="rtl"] nav ul li a {font-size:15px;}
.panels {width:100% !important;overflow:visible !important;}
.col-left {order:2;width:100% !important;margin-left:5px;}
.col-middle {float:right!important; order:2;width: 100% !important;}
.col-right {order:3;width:100% !important;margin-left:5px;}
.newsthumb{float: left !important; }
.TableStyle td{padding:0% 5% 0% 0% !important; }
}

@media (max-width:374px) {

.socialicons, html[dir="rtl"] .socialicons {position:relative;top:auto;right:auto;width:100%;text-align:center;padding:5px 0;}
}