@charset "utf-8";
/*
Template Name: PlusBusiness
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
#02ACEE
*/
@import url("ads.css");
@import url("navi.css");
@import url("forms.css");
@import url("tables.css");
@import url("index_style.css");
@import url("font.css");
@import url("overlay.css");
@import url("font-awesome.css");
@import url("control_panal.css");
@import url("pagging.css");
html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:13px; font-family: "JF Flat Regular"; color:#595959; background-color:#FFFFFF; }
#background{ width:1200px; margin:0 auto; box-shadow: 1px 1px 5px #888888; }
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{color:#02ACEE; background-color:#ffffff; outline:none; text-decoration:none;}
a.specialeffects:hover {
  color: #0292C8 ;
  font:bold;
  font-size:14px;
  
background-color: #CCCCCC ;
  
      display: inline-block;
  
} 
.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{display:block; margin:0; padding:0; border:none;}
.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{margin:0 8px 8px 0; clear:left;}
.imgr{margin:0 0 8px 8px; clear:right;}


/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0; text-align:left;  font-family: "JF Flat Regular";}
div.wrapper h1{margin:0; padding:0; font-size:20px; font-weight: bolder;text-align:left; line-height:normal;  font-family: "JF Flat Regular";} div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0; padding:0; font-size:20px; font-weight:normal;text-align:center; line-height:normal;  font-family: "JF Flat Regular";}
.col0{color:#595959; background-color:#e5e5e5;font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #d2d1d1;  }
.colmarquee{color:#595959; background-color:#ffffff;font-family:Georgia, "Times New Roman", Times, serif;  }
.col1{color:#595959; background-color:#ffffff; font-family: "JF Flat Regular";}
.colnav{color:#595959; background-color:#ffffff; font-family: "JF Flat Regular";}
.col2{color:#ffffff; background-color:#ffffff; font-family: "JF Flat Regular";}
.col2 a {color: #fc8711; background-color: transparent; font-family: "JF Flat Regular";}
.col2 a:hover{color:#02acee; background-color:transparent; font-family: "JF Flat Regular";}

.col-extra{color:#595959; background-color:#ffffff; font-family: "JF Flat Regular";}
.col-extra p{ text-align:right; font-size:14px;}
.col-extra a {color: #fc8711; background-color: transparent; font-family: "JF Flat Regular"; text-align:center; border:2px solid #fc8711; padding:4px 30px;}
.col-extra a:hover{color:#ffffff; background-color:#fc8711; font-family: "JF Flat Regular"; }

/* --------------background-color:#B2C629;---------------------- */
.col3{color:#595959; background-color:#FFFFFF; font-family: "JF Flat Regular";}
.col3 a{color:#0292C8; background-color:#FFFFFF; font-family: "JF Flat Regular";}
.col3a{color:#595959; background-color:#FFFFFF; font-family: "JF Flat Regular";}
.col3a a{color:#595959; background-color:#000000; font-family: "JF Flat Regular";text-align: left; }

.col4{color:#f3f3f3; background-color:#595959; font-family: "JF Flat Regular"; font-size:12px; }

.col4 a{color:#0292C8; background-color:#595959; font-family: "JF Flat Regular"; font-size:12px }
.col4 a:hover {color:#fc8711; background-color:#595959;font-family: "JF Flat Regular"}

.col5 {color:#f3f3f3; background-color:#595959; border-top:1px dotted #d2d1d1; font-family: "JF Flat Regular";}
.col5 a {color:#f3f3f3; background-color:#595959;font-family: "JF Flat Regular";}
.col5 a:hover {color:#02acee; background-color:#595959;font-family: "JF Flat Regular";}
/* ----------------------------------------------Generalise------------------------------------- */

 #topbar, #homepage, #breadcrumb, #container, #footer, #copyright , #menu , #extra {display:block; position:relative; width:960px; margin:0 auto;}
#header,#subheader,#slidez{display:block; position:relative; width:1200px; margin:0 auto; }
#header-topnav{display:block; position:relative; width:1200px; margin:0 auto;}


/*------------------------------------------subheader----------------------------------*/


#subheader {padding:0px 0; z-index:9999; font-size:13px; position:fixed; background-color:#8A8889; border-bottom:2px solid #e5e5e5}
#subheader #phone { display:block; float:left; color:#ffffff; padding:0px 20px;font-family:Arial, Helvetica, sans-serif; padding-top:2px; } 
#subheader #email { display:block; float:left; color:#ffffff; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}
#subheader #date{ float:left; color:#ff7500; padding:0px 20px;}
#subheader #date p{ padding:0px; margin:0px; font-size:11px; font-weight:bold;}
#subheader img{ float:left;}
#subheader a{ color:#ffffff; background-color:transparent;}
#subheader a:hover{  background-color:transparent; text-decoration:underline;}


/* ----------------------------------------------Header------------------------------------- */

#header{padding:10px 0px 40px 0 ; z-index:1000; margin:0 auto;}

#header #logo{display:block; float:right; width:377px; overflow:hidden; margin:25px 20px 0px 0;}
#header #logo img { float:right; /*width:100%*/}

#header-topnav{ display: block;padding:0px; z-index:1000;position:relative; background-color:#f3f3f3;}

/*------------------------------------------------col-extra---------------------*/

#container .spc h1{ text-align:center; border:none;}
#container .spc p{ font-size:15px;}
#container .spc p.link{ text-align:center; font-size:18px; }


/* ----------------------------------------------BreadCrumb------------------------------------- */


#breadcrumb{padding:20px 0 0 0; }
#breadcrumb ul{margin:0; padding:0; list-style:none; direction:rtl;text-align:right;}
#breadcrumb ul li{display:inline; direction:rtl;}
#breadcrumb ul li.current a{text-decoration: underline;}
#breadcrumb ul li a:hover{ background-color:transparent;}
/* ----------------------------------------------Content------------------------------------- */

#container{padding:20px 0px 20px 0px;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px solid #E7E6E6;font-weight: bold;text-shadow: 2px 2px 4px #595959;}


#container #homepage #column .staffmembers li{margin:0 0 15px 0; border-bottom:1px solid #D8D8D8;}
#container #homepage #column .staffmembers li.last{margin-bottom:0;}
#container #homepage #column .staffmembers p{margin:10px 0 0 0; padding:0; line-height:normal;}





/*----------------------------------for pages---------------------------------------*/
img.img-cover { width:100%; height:250px; outline:2px solid #e5e5e5; outline-offset:-2px;}
#container #price ul{list-style:none; padding:0; margin:25px 0px;}
#container #price ul li {display:block; float:left; width:20%; margin-right:6%;}
#container #price ul li.last{margin-right:0px;}
#container #price  table tbody tr,#container #price  table tbody td { border:none;}

#container #mgr #pic{ display:block; float:right; width:20%; margin:0 15px 0 15px;}
#container #mgr #cv{display:block; float:right; margin:15px; width:70%;}
#container #mgr #cv p{ text-align: right;}
#container #mgr #cv a:hover{ color:#fc8711;}
#container #mgr ul
{
list-style-type: square;
padding: 10px 20px 0 0;
margin:0 auto ;
text-align: right;
direction:rtl;}
#container #mgr ul.goals{ list-style-type:decimal;}
#container #mgr p.goals{ text-align:right;}
#container #mgr h1{ width:80%; margin:0 10% 0 10%; padding:0; font-size:20px; font-weight: bolder;text-align: center; line-height:normal;}
#container #mgr li.imgmgr{ list-style-type:none; padding:15px 0px;}
#container #mgr .str{padding:15px 10%; width:80%; list-style-type:none;}
#container #mgr img{ width:100%; border:1px dotted #02acee; margin:15px 0px;}
#container #price h1{ width:80%; margin:0 10% 0 10%; padding:0; font-size:20px; font-weight: bolder;text-align: center; line-height:normal; }
#container #mgr #news p{ text-align:right;}
#container #mgr #news { padding : 0 15px;}

#container #mgr #news #video iframe{ width:400px; margin:10px 250px; height:600px}
#container #content #video iframe{ width:400px; margin:10px 100px; height:600px}
#container #mgr #news img{ width:50%; float:right; margin-left:20px;}
#container #mgr #news img.full{ width:80%; float:right; margin-left:10%; margin-right:10%;}
#container #mgr #news img.hor{ width:30%;  float:right; margin-left:20px;}
#container #mgr #news img.verl{ width:50%;  float:left; margin-right:20px;}
#container #mgr #news img.verr{ width:50%;  float:right; margin-left:20px;}
#container #mgr ul.sac li { color:#02acee; font-size:16px; font-weight:bolder;}
#container #mgr ul.sac p{ padding-right:50px;}


#container #content #pic img{ width:30%; border:1px dotted #02acee; margin:15px 35% ;}
#container #content #cv ul
{
list-style-type: square;
padding: 10px 20px 0 0;
margin:0 auto ;
text-align: right;
direction:rtl;}
#container #content  ul.articals, #container #content  ul.sub_articals
{
list-style-type: square;
padding: 10px 20px 0 0;
margin:0 auto ;
text-align: right;
direction:rtl;}
#container #content  ul.sub_articals
{ list-style-type:decimal;}


#column-act .subnav button {
    display: block;
    background-color:transparent;
    color:#595959;
	font-family: "JF Flat Regular";
    
    width: 100%;
    border: none;
    outline: none;
    text-align: right;
    cursor: pointer;
    transition: 0.3s;
    font-size: 12px;
}
#column-act .subnav button:hover{ color:#02acee}
#column-act .subnav button.active {
    color:#02acee; font-weight:bold;}

/* ----------------------------------------------Content Block for commercial ads english------------------------------------- */
#breadcrumb{padding:20px 0 0 0;}
#breadcrumb ul.en_ver{margin:0; padding:0; list-style:none; text-align:left; font-size:16px; direction:ltr;}
#breadcrumb ul.en_ver li{display:inline;}
#breadcrumb ul.en_ver li.current a{text-decoration:underline;}
#breadcrumb ul.en_ver li a:hover{ background-color:transparent;}


#container  #en_content{display:block; float:left; width:60%;}
 #container  #en_content h1{display:block; font-size:16px; text-align:right;  width:100%; height:35px; margin:0; padding:15px 0 15px 0; font-weight: 1000; line-height:normal; border-bottom:1px dotted #999999; text-align:center;}
 #container #en_content img{}
#container  #en_content p{ text-align: left; font-size:14px}
#container  #en_content a{ color:#02ACEE}
#container  #en_content p a:hover{ color:#EC8D0F}
#comments p.notes-en{ text-align: center;color:#595959;  font-weight:bold;}
#comments p.notes-ar{ text-align: center;color:#595959;  font-weight:bold;}
#comments h2.notes{ text-align: center;color:#fc8711; }
#comer_contact{ float:right; padding-right:10px; text-align:right; font-size:14px} 
#comer_contact a:hover{ text-decoration:underline; }
#comer_contact a{float:left; padding:0 10px;}
#comer_contact_en{ float:left; padding-left:10px; text-align:left; font-size:14px} 
#comer_contact_en a:hover{ text-decoration:underline; }
/*----------------------------------------------end--------------------------------*/

homepage{display:block; width:100%; margin:10px 0 0 0; padding:0;}
.homepage #right_ul{ float:right; width:49%; margin-left:1%}
.homepage #left_ul{ float:left; width:49%; font-family: "JF Flat Regular"; margin-right:1% }
.homepage #left_ul h1{ text-align:right;}
.homepage #left_ul h3{ text-align:right; font-size:14px; text-shadow:none; border-bottom:none; padding:5px 0; margin:0}
.homepage #left_ul p{ text-align: right;font-family: "JF Flat Regular";}
.homepage #left_ul #artical1{}
.homepage #left_ul .news-holder ul.news-headlines{ direction: rtl;font-family: "JF Flat Regular"; float: right;}
.homepage #left_ul .news-holder ul.news-headlines li { float:right; text-align:right;}

.homepage #right_ul h1{ text-align:right;}
.homepage #right_ul h3{ text-align:right; font-size:14px; text-shadow:none; border-bottom:none; padding:5px 0; margin:0}
.homepage #right_ul p{ text-align: right;font-family: "JF Flat Regular";}
.homepage #right_ul #artical1{}

.homepage ul{margin:0; padding:0; list-style:none;}
.homepage #right_ul li{display:block; float:right; width:35%;  margin:0 0 0 10%; padding:0 ;}

.homepage #right_ul li table tbody tr,.homepage #right_ul li   table tbody td { border:none;}

 
.homepage li.last{margin-right:0;}
.homepage #right_ul ul li h2{display:block; font-size:12px;  width:100%; height:20px; margin:5px 0; padding:0px 0 8px 0; font-weight: 1000; line-height:normal; border-bottom: none; text-align:center;}
.homepage #right_ul ul li img{float:left; margin:0 25%; border:1px solid #999999; width:50%;}
.homepage p{margin:0 0 25px 0; padding:0; line-height:1.6em; text-align:right; font-size:14px;}/* ------------we modify font 14------------- */
.homepage p.readmore{display:block; text-align:right; line-height:normal; font-weight:bold;}
.homepage p.readmore a{padding:8px 15px 10px; color:#FFFFFF; background-color:#0292C8;}



/* ----------------------------------------------Homepage Block------------------------------------- */

.homepage{display:block; width:100%; margin:10px 0 10px 0; padding:0;}
.homepage ul{margin:0; padding:0; list-style:none;}
.homepage li{display:block; float:left; width:190px;  margin:0 66px 0 0; padding:0; }/* ---width:300---------كانت 10بيكسل------------- */
.homepage li.last{margin-right:0;}
.homepage li h2{display:block; font-size:14px;  width:100%; height:35px; margin:0; padding:15px 0 8px 0; font-weight: 1000; line-height:normal; border-bottom:1px dotted #999999;}
.homepage li a img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #999999; width:70%; margin:5px 15%;  border-radius: 50%;}
.homepage p{margin:0 0 25px 0; padding:0; line-height:1.6em; text-align:right; font-size:14px;}/* ------------we modify font 14------------- */
.homepage li a:hover{ opacity:0.5;}
.homepage p.readmore{display:block; text-align:right; line-height:normal; font-weight:bold;}
.homepage p.readmore a{padding:8px 15px 10px; color:#FFFFFF; background-color:#0292C8;}


#homepage{display:block; position:relative; width:960px; margin:0 auto;}
#container #homepage ul{margin:0; padding:0; list-style:none;}
#container #homepage #content{}
#container #homepage #content #top_featured{margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #D8D8D8;}
#container #homepage #content #top_featured li{float:left; width:300px; margin-right:30px;}
#container #homepage #content #top_featured li.last{margin-right:0;}
#container #homepage #content #top_featured li img{padding-bottom:16px; background:url("images/shadow.gif") bottom center no-repeat;}
#container #homepage #content #latestnews{display:block; float:left; width:400px;}
#container #homepage #content #latestnews li{margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #D8D8D8;}
#container #homepage #content #latestnews li p{margin:0; padding:0;}
#container #homepage #content #latestnews li .readmore{margin-top:15px;}
#container #homepage #content #quicklinks{display:block; float:right; width:200px;}
#container #homepage #content #quicklinks img{margin:8px 0 0 0;}
#container #homepage #column{}
#container #homepage #column .readmore a{font-weight:normal;}
#container #homepage #column .staffmembers li{margin:0 0 15px 0; border-bottom:1px solid #D8D8D8;}
#container #homepage #column .staffmembers li.last{margin-bottom:0;}
#container #homepage #column .staffmembers p{margin:10px 0 0 0; padding:0; line-height:normal;}

#container .mgr li{}
/* ----------------------------------------------Content Block activities------------------------------------- */

#container  #content{display:block; float:right; width:60%;}
 #container  #content h1{display:block; font-size:14px; text-align:right;  width:100%; height:35px; margin:0; padding:15px 0 8px 0; font-weight: 1000; line-height:normal; border-bottom:1px dotted #999999; text-align:center;}
 #container #content img{}
#container  #content p{ text-align:right}
#container  #content p a{ color:#02ACEE}
#container  #content p a:hover{ color:#EC8D0F}
/* Comments */

#comments{margin-bottom:40px;}
#comments .commentlist{margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#95AD19; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#95AD19; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
#comments p.notes{ text-align: center;color:#fc8711;  font-weight:bold; }
#comments h2.notes{ text-align: center;color:#fc8711; }
/* ----------------------------------------------Column------------------------------------- */

#column{display:block; float:right; width:300px;}
#column .holder{display:block; width:300px; margin-bottom:20px;}
#column .holder p{line-height:1.6em;}
#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal;}
#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#F7F7F7; border:1px solid #CCCCCC;}

/* ----------------------------------------------menu------------------------------------- */

#menu{padding:20px 0;} 
#menu ul{margin:0; padding:0; list-style:none;}
#menu ul li{margin:45px; font-size:14px; font-weight:bold; display:inline;}
#menu ul li.current a{text-decoration:underline;}
/* ----------------------------------------------Footer------------------------------------- */


#footer{padding:10px 0;margin-top:0; font-size:14px;}
#footer ul{margin:0; padding:0; list-style:none; font-size:14px;}
#footer ul.f-sites{padding-right:15px; list-style: none; text-align: left;}
 #footer ul.f-sites li a{color:#595959;font-size:14px;}
 #footer ul.f-sites li a:hover{color:#fc8711;}
 
 #footer ul.r-sites{padding-right:15px; list-style: square; text-align: right; direction:rtl;}
 #footer ul.r-sites li a{color:#d2d1d1; font-size:14px;}
 #footer ul.r-sites li a:hover{color:#02acee;}
 
 #footer ul li.l-sites a{color:#02acee; font-weight: bold; font-size:14px;}
 #footer ul li.l-sites a:hover{color:#fc8711;}
#footer li.l-sites{ text-align:center; list-style: none; }
#footer h2{margin:0 0 5px 0; padding:0 0 5px 0; font-size:14px; color:#f3f3f3; background-color:#595959; border-bottom:1px dotted #CCCCCC;font-weight: bold;}
#footer .box1{display:block; float:left; width:300px; margin:0 30px 0 0; padding:0;}
#footer .last{ margin-right:0;}
/*----w=250*/
/*----w=400*/
#footer .box1 .imgl{border:1px solid #CCCCCC; padding:5px; color:#FFFFFF; background-color:#000000;}
#footer .contactdetails li{ margin:0; text-align:right; color:#d2d1d1 }
#footer .contactdetails ul li a{color:#d2d1d1; font-size:14px;}
#footer .contactdetails ul li.times a{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; }
#footer .contactdetails ul li a:hover{color:#02acee}
#footer .flickrbox, #footer .flickrbox .wrap{display:block; width:300px; text-align:left; float:left; }

#footer .flickrbox  ul.f-sites li table tbody tr ,#footer .flickrbox  ul.f-sites li  table tbody td { border:none; text-align: right; color:#d2d1d1;  font-size:14px; table-layout:fixed;}
#footer .flickrbox  ul.f-sites li table tbody tr a:hover,#footer .flickrbox  ul.f-sites li  table tbody td a:hover{ color:#02acee}
#footer .flickrbox  ul.f-sites li table tbody tr a,#footer .flickrbox  ul.f-sites li  table tbody td a{ color:#d2d1d1}
#footer .flickrbox  ul.f-sites li table tbody tr font,#footer .flickrbox  ul.f-sites li  table tbody td font {color:#fc8711;}

#footer .flickrbox .wrap .fix{clear:both;}
#footer .flickrbox img{ padding:0px 20%; width:60%}
#footer .flickrbox .wrap #flickr_badge_image3, #footer .flickrbox .wrap #flickr_badge_image6{margin-right:0;}

/* ----------------------------------------------Copyright------------------------------------- */





#copyright{padding:0px 0; font-family:Georgia, "Times New Roman", Times, serif;}
#copyright p{margin:0; padding:0px; text-align:center; font-size:12px;}
#copyright a{font-family:Georgia, "Times New Roman", Times, serif;}

/*##########################foruser######################*/
#container #respond table { width:60%; margin:0 20%;  align:center; dir:rtl; float:right;  bgcolor:#999999;}
table tr td span.bg a{background-color:transparent;}
table tr td a.bg {background-color:transparent;}
 p.db{ text-align: center; font-size:18px; color:#02acee; font-weight:bold; box-shadow: 1px 1px 2px #595959; direction:rtl;}
 #container #content1 h1.db{ text-align:center; color:#02acee;}
#container #content1 table.edit{ width:70%;}
#container #content1 table.edit th, #container #content1 table.edit td{ text-align:center;}




/*#####################################################################*/
.back-to-top  {
 
background: none;margin: 0;position: fixed;bottom: 0;right: 0;width: 70px;height: 70px;z-index: 100;display: none;text-decoration: none;
color: #fc8711;background-color:transparent;}
.back-to-top i {
 
  font-size: 60px;}
.back-to-top i:hover {color: #02acee;}
 /*####################################################333#########################*/

@media screen and (max-width:1199px) {
#background{ width:100%; margin:0 ; box-shadow: 0px 0px 0px #888888; }
#header ,#subheader,#slidez ,#container2{ width:100%}
#header #logo{display:block; float:right; width:100%; overflow:hidden; margin:5px auto;}
#header #logo img{ width:367px; margin:0 20px 0 0;}
#header{ padding-top:20px}
#topnav{margin:20px 20px 0px 0; }

img.img-cover ,#header-topnav { width:100%; margin:0px;}

#slidez #col2_1{width:70%;  margin:2% 2% 0 2%; }
#slidez #col2_2{display:block; width:25%;   margin-top:2%; margin-right:1%;  }
#slidez #col2_2 #news1 p,#slidez #col2_2 #news2 p{}

#slidez #col2_3{ display:none;}
#slidez #col2_4{display: none;}
img.img-cover { width:100%; height:200px; }

}
@media screen and (max-width:1000px) {






#subheader #date{ display: block; float:left; color:#ff7500; padding:0px 20px;}

#slidez #col2_1{ display:block; float:left; width:100%; overflow:hidden; margin:2% 0 0 0;}
#slidez #col2_2{display:block; float: right; width:70%;   background-color:#f3f3f3;  position:relative; margin-right:0;   margin:2% 15%; }
#slidez #col2_2 #news1 p,#slidez #col2_2 #news2 p{ }
}
@media screen and (max-width: 959px) {
 #topbar, #homepage,  #container, #footer, #copyright , #menu , #extra , #container1,#container-index{ width:100%}
#breadcrumb{ width:96%; margin-right:2%; margin-left:2%;}




#container .spc p{ width:90%; margin:0 5%;} 
#container .spc p.link{ padding-top:10px;}   



.homepage li { width:23%; margin:0 1%;}
.homepage .last{margin-right:0; }







#container2  #homepage2 ul {width: 80%;}
#container2  #homepage2 li{width:15%; margin:0 4% 0 0;}


#footer .box1{ width:30%; margin:0 5% 0 0;}
#footer .last{margin-right:0;}
#footer .last ul{ padding-right:10px }

#container #mgr #news #video iframe { width:400px; margin:10px 0 10px 200px; height:600px}
, #container #content #video iframe{ width:400px; margin:10px 0 10px 50px; height:600px}
.homepage #right_ul{ float:right; width:80%; margin:0 10%; padding:0}
.homepage #left_ul{ float:left; width:100%; margin:20px 0; padding:0;}
.homepage #right_ul li{ width:25%; margin:0; padding:0}
.homepage #right_ul ul li img { width:70%; margin:0 15%;}
.homepage #left_ul .news-holder ul.news-headlines li { width:100%; margin:inherit 0;}

}
@media screen and (max-width: 800px){

#container1 .homepage1  li{width: 47%; margin:20px 1%;}
#container2 .homepage2  li{width: 35%; margin:20px 7%;}
#container #content1 table.site {width:100%; font-size:50%;}
img.img-cover { width:100%; height:150px; }
#container #mgr #news #video iframe , #container #content #video iframe{ width:60%; margin:10px 20%; height:600px}
.homepage #right_ul{ float:right; width:80%; margin:0 10%; padding:0}
.homepage #left_ul{ float:left; width:100%; margin:20px 0; padding:0;}
.homepage #right_ul li{ width:25%; margin:0; padding:0}
.homepage #right_ul ul li img { width:70%; margin:0 15%;}
.homepage #left_ul .news-holder ul.news-headlines li { width:100%; margin:inherit 0;}
}
@media screen and (max-width: 675px){

#subheader #date{ display:block;}

#header{padding:20px 0px 0px 0}

#header #weather{ display:none;}
#topnav{display: none;}

#dl-menu{ display:block; padding-top:10px; padding-bottom:10px;}



#container .homepage li { width:40%; margin:0 5%;padding-top:10px}
#container1 .homepage1 li{width:80%; margin:20px 9%; padding:0px;}
#container2 .homepage2  li{width: 50%; margin:20px 0;}



#container2  #homepage2 ul {width: 80%;}
#container2  #homepage2 li{width:15%; margin:0 4% 0 0;}

#footer .box1{ width:90%; margin:2% 5%;}
#footer  .last{ margin-right:0;}
#footer .flickrbox img{ padding:0px 25%; width:50%}
#footer .contactdetails li{margin:0 0 0 0; text-align: right;font-weight: bold;}
#container  #en_content{width:80%; margin:0 10%;}
#container #en_column-act {width:100%;padding-right:0}
#container  #content{width:80%; margin:0 10%;}
#container #column-act {width:100%;}

#container #mgr #pic{ width:50%; margin:0 25% 0 25%;}
#container #mgr #cv{width:100%; margin:0;}
#container #content #pic img{ width:60%; border:1px dotted #02acee; margin:15px 20% ;}
#columnbrand  .subnav ul li p a{ padding-right:0px;}

#container #price ul li { width:30%; margin: 0 10% 0 10%;}
#container #price ul li.last{margin-right:10%;}

#columnbrand  .subnav { width:90%; padding:15px 5%;}



#container #respond table { width:100%; margin:0 0%; }

#container #mgr #news img.verl{width:80%;  float:left; margin-right:10%;margin-left:10%;}
#container #mgr #news img.verr{width:80%;  float:right; margin-left:10%;margin-right:10%;}
#container #mgr #news img.hor{ width:50%;  float:right; margin-left:25%;margin-right:25%;}
#container #mgr #news #video iframe, #container #content #video iframe{ width:70%; margin:10px 15%; height:600px}
.homepage #left_ul .news-holder ul.news-headlines li {  width:100%; margin:inherit 0;}
}


@media screen and (max-width: 640px){
#subheader #date{ display: block; float:right; padding-right:40px;}

}
@media screen and (max-width: 550px){

#container2 .homepage2  li{width: 60%; margin:20px 20%; border-bottom:1px dotted #999999;}
#container2 .homepage2 li #more{ margin-top:0px; padding:15px 0;  border-bottom:1px dotted #999999;}
#container #price ul li {width:50%; margin: 0 25% 0 25%;}
#container #price ul li.last{margin-right:20%;}
#container #content1{width:100%; font-size:50%;}
img.img-cover { width:100%; height:100px; }
.homepage #right_ul li{ width:50%; margin:0; padding:0;}
.homepage #right_ul ul li img { width:50%; margin:0 25%;}
.homepage #left_ul { width:90%; margin:20px 5%}
.homepage #left_ul .news-holder ul.news-headlines li { width:100%; margin:inherit 0;}
}




@media screen and (max-width: 450px){

#header #logo img{ width:300px; margin:0 20px 0 0;}
#container1 .homepage1 li{width:95%; margin:10px 2%;}

#container2 .homepage2  li{width: 70%; margin:20px 15%;}

#container #mgr #news #video iframe, #container #content #video iframe{ width:90%; margin:10px 5%; height:500px}
}

@media screen and (max-width: 320px){

#container #price ul li {width:80% ;margin: 0 10% 0 10%;}

}







.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/** social **/
#footer div.footer-icons {
justify-content: space-between;
padding: 16px 64px 0px 0px}

#footer div.footer-icons ul {
list-style-type: none;}

#footer div.footer-icons li {
display: inline-block;
padding-left: 5px 
	
}
/** social **/