/* CSS Document */
@font-face {
 	font-family: 'Alef';
 	src: url('../font/Alef-Bold.eot');
 	src: url('../font/Alef-Bold.eot?#iefix') format('embedded-opentype'),  url('../font/Alef-Bold.woff') format('woff'),  url('../font/Alef-Bold.ttf') format('truetype'),  url('../font/Alef-Bold.svg#alefbold') format('svg');
 	font-weight: bold;
 	font-style: normal;
}
 @font-face {
 	font-family: 'Alef';
 	src: url('../font/Alef-Regular.eot');
 	src: url('../font/Alef-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Alef-Regular.woff') format('woff'),  url('../font/Alef-Regular.ttf') format('truetype'),  url('../font/Alef-Regular.svg#alefregular') format('svg');
 	font-weight: normal;
 	font-style: normal;
}


body{
	background:url(../images/bg.jpg) top repeat-x #efefef;
	margin:0 auto;
	font-family: 'Alef';
	font-size:15px;
	color:#555;
}
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border:0px;
}
form{
	margin:0px;
	padding:0px;
}
input{
	font-family:Arial, Helvetica, sans-serif;
}                                                                                   
p{
	margin:0px;
	padding:0px;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.clear{
	clear:both; height:0px;
	margin:0px;
	padding:0px;
}
.textalignright{
	text-align:right;
}
.textalignleft{
	text-align:left;
}
.textaligncenter{
	text-align:center;
}
ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#wrapper{
	max-width:1600px;
	margin:0 auto;
	position:relative;
	background:#FFF;
}
.header{
	
}
.telno{
	padding:0px 0 10px 25px;
	width:200px;
	text-align:left;
	direction:rtl;
	height:47px;
	line-height:42px;
	font-size:27px;
	background:url(../images/mob-icon.jpg) no-repeat 7px 15px;
}
.logo{
	position:absolute;
	top:20px;
	width:320px;
	direction:rtl;
	right:0;
}
.main-menu{
	position:absolute;
	right:325px;
	top:20px;
	direction:rtl;
}
.main-menu ul{
	position:relative;
}
.main-menu ul li{
	display:inline-block;
	font-size:18px;
	padding:12px 20px 35px 20px;
}
.main-menu ul li a{
	color:#777;
	display:block;
}
.main-menu ul li:hover, .main-menu ul li.active{
	background:#f2f2f2;
}
.main-menu ul li .submenu{
	display:none;
}
.main-menu ul li:hover .submenu{
	display:block;
	background:#f2f2f2;
	border-bottom:5px #9e9e9e solid;
	position:absolute;
	top:60px;
	right:0;
	padding:10px;
	min-height:235px;
	width:100%;
	z-index:9999;
}
.main-menu ul li .submenu ul{
	position:absolute;
	right:15px;
	top:15px;
}
.main-menu ul li .submenu ul li{
	display:block;
	padding:7px 5px;
	margin:0;
	border-bottom:1px solid #cdcdcd;
}
.main-menu ul li .submenu ul li:hover{
	background:none;
}
.sidemenu-left{
	position:absolute;
	left:0;
	top:10px;
	text-align:center;
	width:380px;
}
.sidemenu-left h3{
	padding:0;
	margin:0;
	font-size:24px;
	font-weight:normal;
}


.header-img{
	background:#dcdcdc;
	position: relative; 
}
.slider-text h2{
	padding:0 0 10px;
	margin:0;
	font-size:30px;
}
.slider-text{
	position:absolute;
	right:600px;
	top:70px;
	width:350px;
	direction:rtl;
	font-size:18px; z-index:999;
}
.inner-header  .slider-text{
	top:20px;
}
.slider-text .morebtn a{
	width:100%;
	height:100%;
	display:block;
	padding:30px 0 0 0;
	color:#555;
	font-size:18px;
}
.header-text{
	position:absolute;
	background:#1c1e1e;
	width:500px;
	right:0px;
	top:0px;
	height:400px;
	direction:rtl;
	padding:0 15px;
	color:#828282;
	font-size:16px;
	line-height:24px;
}
.inner-header .header-text{
	height:250px;
}
.header-text h1{
	color:#FFF;
	font-size:28px;
	text-align:center;
	font-weight:normal;
	margin:0;
	padding:20px 0 10px;
	line-height:normal;
}
.header-text a{
	color:#828282;
	font-size:16px;
}
.shareicons{
	position:absolute;
	left:25px;
	bottom:15px;
}

.content{
	padding:10px;
	direction:rtl;
	margin-right:0;
}
.content h1{
	color:#2a90c3;
	font-size:28px;
	font-weight:normal;
	padding:10px 0;
	margin:0;
}
.content h2{
	color:#2a90c3;
	font-size:20px;
	font-weight:normal;
	padding:10px 0;
	margin:0;
}
.inner_social{margin-bottom: -30px; width:100%; float:left;}

p.readmore a{ font-weight:bold;}
.pagination{ margin:0px auto !important; padding:0px; direction: rtl; text-align:center;}
.pagination ul{ margin:0px; padding:0px;}
.pagination ul li{ display:inline; list-style:none; margin:0px; padding:8px !important; background:none !important;}
.content h3{
	font-size:20px;
	font-weight:normal;
	padding:15px 0 7px;
	margin:0;
}
.pro-home{
	text-align:center;
	height:582px;
	overflow:hidden;
}
.pro-home .pro-img{
	border:5px solid #FFF;
	display:inline-block;
	position:relative;
}
.pro-home .pro-img a{
}
.pro-home .pro-img a span{
	display:none;
}
.pro-home .pro-img a:hover span{
	background:url(../images/hover-bg.png) bottom repeat-x;
	display:block;
	padding:0;
	position:absolute;
	bottom:0px;
	width:240px;
	height:100px;
	vertical-align:bottom;
	text-align: center;
	color:#FFF;
	direction:rtl;
}
.pro-home .pro-img a span h2{
	color:#FFF;
	padding:0 5px; font-size:36px !important;
}
.description{
	padding:0 5px;
}

.btm-content{
	background:#2a7ea3;
	border-bottom:1px solid #3a9ed0; padding:30px 50px 30px 0;	text-align:center;	direction:rtl;	color:#FFF;	font-size:24px;	margin:0 auto;	max-width:1550px;}
.btm-content p{
	padding:20px 0 0;
}
.btm-content a{
	color:#FFF;
}
.btm-content h2{
	font-weight:normal;
	font-size:42px;
	padding:0 0 20px;
	margin:0;
	color:#FFF;
}
.btm-cntbox{
	display:inline-block;
	max-width:250px;
	padding:0 50px;
}
#sidebar{
	width:50px;
	height:100%;
	background:#3a9ed0;
	position:fixed;
	right:0;
	z-index:9999;
	direction:rtl;
	color:#FFF;
}
#sidebar h2{
	padding:0 0 15px;
	margin:0;
	font-size:30px;
	font-weight:normal;
}
.contact-tab{
	height:50%;
	background:#ff8400;
}
.sidebar-tab{
	height:50%;
	background:#3a9ed0;
}
.contact-tab a, .sidebar-tab a{
	width:100%;
	height:100%;
	display:block;
	padding:65px 0 0 0;
}
.sidebar-tab div.sp-accordion-inner a.readmore{ padding:10px 0 0 0 !important; font-weight:bold; color:#ff9f37 !important;}
a.readmore span{ margin:0px 0; line-height: 35px; font-weight:bold;}

.contact-form_out, .sidebar-tabtext{
	display:none;
}
#contact-form-in{
	width:600px;
	min-height:400px;
	padding:15px;
	background:#ff8400;
	right:50px;
	position:absolute;
	top:67px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
}
#sidebar-tabtext-in{
	width:800px;
	min-height:400px;
	padding:15px;
	background:#3a9ed0;
	right:50px;
	position:absolute;
	top:67px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
}
.contact-tab a.closebtn,  .sidebar-tab a.closebtn{
	position:absolute;
	top:-5px;
	left:-5px;
	background:#F00;
	display:block;
	width:30px;
	height:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	font-size:30px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	line-height:26px;
	padding:0;
	text-decoration:none !important;
}
.form-in{
	margin-right:25px;
}
#sidebar .contact-form h1{
	padding:0 50px 15px 0;
	margin-right:25px;
	background:url(../images/mail-icon.png) no-repeat 100% 3px ;
}
.inputbox1, div.controls input{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#eeeeee;
	border:none;
	margin:2px 0 6px 0;
	padding:2px 5px;
	height:20px;
	width:425px;
}
.inputbox2, div.controls textarea{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#eeeeee;
	border:none;
	margin:5px 0 8px 0;
	padding:2px 5px;
	height:100px;
	width:425px;
}
.inputbtn{
	cursor:pointer;
	padding:5px 20px;
	font-size:18px;
}
.morebtn a{
	width:100%;
	height:100%;
	display:block;
	padding:10px 0 0 0;
	color:#FFF;
	font-size:18px;
}
.morebtn a img{
	vertical-align:middle;
}

.inner-content{
	padding:10px 20px;
	font-size:16px;
}
.inner-content p{
	line-height:24px;
}
.item-page a, .item-page strong a{ color:#2a90c3; text-decoration:none;}
.item-page a:hover, .item-page strong a:hover{ color:#2a90c3; text-decoration:underline;}
.inner-content ul{
	padding:10px 0;
}
.inner-content ul li{
	background:url(../images/tic-icon.png) right no-repeat;
	padding:10px 35px 10px 0;
}
.pglist{
	border-bottom:1px solid #dfdfdf;
	padding:0 0 15px;
}

.footer{
	background:url(../images/footer-bg.jpg) repeat-x bottom #232323;
	direction:rtl;
	text-align:center;
	color:#707070;
	margin-right:50px;
}
.footer h3{
	font-size:24px;
	padding:0 0 15px;
	margin:0;
	color:#9f9f9f;
	font-weight:normal;
}
.footer a{
	color:#707070;
}
.ft-linkbox{
	display:inline-block;
	background:url(../images/footer-sep.jpg) no-repeat left;
	min-height:165px;
	min-width:180px;
	text-align:right;
	padding:20px;
	margin:0 0 0 25px;
	vertical-align:top;
}
.ft-linkbox ul li{
	border-bottom:1px solid #343434;
	padding:5px;
}
.ft-addbox{
	display:inline-block;
	min-height:165px;
	min-width:180px;
	text-align:right;
	padding:20px;
	vertical-align:top;
	line-height:24px;
}
.footer-btm{
	height:80px;
	position:relative;
	clear:both;
	padding:10px 0;
}
.copyright{
	position:absolute;
	left:5%;
	top:30px;
}
.btmlinks{
	text-align:right;
	padding:22px 0 0 0;
	margin-right:5%;
}
.btmlinks ul{ margin:0px; padding:0px;}
.btmlinks ul li{ margin:0px; padding:0px; list-style:none; display:inline; border-left:1px solid #707070; }
.btmlinks ul li+li+li+li+li{ border:none;}
.btmlinks ul li a{
	padding:0 10px; 
}
.btmlinks ul li a:hover{
	padding:0 10px; text-decoration:underline;
}
.social-icon{
	padding:10px 0 0 0;
}
.social-icon a{
	border:0;
	text-decoration:none;
	outline:none;
	padding:0 3px;
}
article.leading-0, article.leading-1, article.leading-2, article.leading-3, article.leading-4, article.leading-5, article.leading-6, article.leading-7, article.leading-8, article.leading-9{ border-bottom:1px solid #dddddd; padding-bottom: 15px;}
dl dt{ float:right; margin:0px; padding:0px;}
dl dd{ line-height: 16px;  margin: 0 28px 0 0; padding: 0;}

.contact div.thumbnail{ float:left;}

.project-box{width:100%;margin:0  auto;}
.product-main { background:#DDDDDD; border: 1px solid #CCCCCC; float: right; margin: 0 9px 18px; padding: 0 18px 18px; width: 45%;}
.product-main h5 { color: #333333; font-size: 18px; font-weight: normal; line-height: 52px; margin: 0; padding: 0; text-align: center;}
.product-img { border: medium none;}
.product-img img{ width:100%;}

.project_catbox{ background:#1C1E1E; padding:14px; margin-bottom:20px; width:97%;}
.project_catname{ float:right; text-align:right; font-size:24px; font-weight:bold; color:#FFFFFF; line-height: 22px;}
.project_cats{ float:left; width:60%; text-align:center;}

.project_cats ul{ margin:0px; padding:0px; float:left;}
.project_cats ul li{ display:inline; margin:0px 8px 0 0; padding:0px; background:#6c6453; width:150px; height:25px; float:right;}
.project_cats ul li a{ color:#FFFFFF; font-size:16px; text-decoration:none; line-height:24px;}
.project_cats ul li a:hover, .project_cats ul li a.active{ color:#FF9900;}

.project_details{ width:85%; margin:0 auto; padding:0px;}
.project_det_desc{ float:right; width:42%; text-align:right;}
.project_det_desc h3{ font-size:24px; color:#333333; text-align:right; margin:0px 0px 30px 0px; font-weight:normal;}
.go_site{ float:right; background:#2a90c3; text-align:center; font-size:18px; color:#f3f5f4; padding:10px; width:250px; border:1px solid #cccccc; margin-top:20px; text-decoration:none;}
.project_det_gal{ float:left; width:55%; text-align:center;}
.project_det_desc p{ font-size:16px; color:#333333; text-align:right; direction:rtl; line-height:24px;}

#views_block{ margin:auto; width:570px;}
#thumbs_list{  overflow:hidden;  float:left; width:570px;	padding:0px;  margin-top:20px;}
#thumbs_list ul{  padding:0px; list-style-type:none;  float: left; margin:0px;}
#thumbs_list li{ float:left; cursor:pointer; text-align:center; padding:9px; background:#dddddd; border:1px solid #cdcdcd;  width: 154px; margin-right:23px; height: auto;}
#thumbs_list li+li+li{ margin-right:0px;}
#thumbs_list img{ border:2px solid #ffffff;}

#image-block{ text-align:center; padding:12px; background:#dddddd; border:1px solid #cdcdcd;  width: 544px; margin:0 auto;}
#image-block img{ border:2px solid #ffffff;}


@media only screen 
and (max-device-width :1600px) 
{
.logo{
	right:60px;
}
.content{
	padding:10px;
	direction:rtl;
	margin-right:50px;
}
.header-text{
	right:50px;
}
.pro-home .pro-img img{
	width: auto;
	height: auto;
}
.pro-home{
	text-align:center;
	height:560px;
	overflow:hidden;
}
}

@media only screen 
and (max-device-width :1280px) 
{
.pro-home .pro-img img{
	width:225px;
	height:253px;
}
.pro-home{
	text-align:center;
	height:525px;
	overflow:hidden;
}
}
@media only screen 
and (max-device-width :1024px) 
{
.pro-home .pro-img img{
	width:200px;
	height:225px;
}
.pro-home{
	text-align:center;
	height:470px;
	overflow:hidden;
}
.slider-text{
	display:none;
}
.project_cats{ float:left; width:74%; text-align:center;}

.product-main { background:#DDDDDD; border: 1px solid #CCCCCC; float: right; margin: 0 9px 18px; padding: 0 12px 6px; width: 45%;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 960px) 
{
.telno {
    background: none;
    float: left;
    font-size:22px;
    padding:0 0 0 10px;
    width: 40%;
	line-height:normal;
}
.logo {
    direction: rtl;
    float: right;
    padding: 5px 10px 0;
    position: inherit;
    right: 0;
    top: inherit;
    width:50%;
}
.logo img{
	width:80%;
}
.ft-linkbox{
	min-width:120px;
	margin:0 0 10px 10px;
	padding:0 0 0 15px;
}
.ft-linkbox+.ft-linkbox{
	background:none;
	padding:0;
	margin-left:0;
	vertical-align:inherit;
}
.ft-linkbox+.ft-linkbox+.ft-linkbox{
	background:url(../images/footer-sep.jpg) no-repeat left;
	padding:0 0 0 15px;
	margin-left:10px;
}
.ft-addbox{
	min-width:120px;
	padding:0px;
	vertical-align:inherit;
}
.main-menu{
	clear:both;
	position: inherit;
	right: inherit;
	top: inherit;
	direction:rtl;
	text-align:center;
	padding:5px 0;
	border-top:1px solid #F2F2F2;
}
.main-menu ul li{
	display:inline-block;
	font-size:18px;
	padding:0 10px 0 10px;
}
.main-menu ul li:hover .submenu{
	top:24px;
}
.main-menu ul li .submenu ul {
    right: 10px;
    text-align: right;
    width: 50%;
}
.sidemenu-left {
    width: 50%;
}
.sidemenu-left img{
	width:100%;
	height:auto;
}
.header-img{
	background:#dcdcdc;
	position: relative; 
}
.header-img img{
	width:100%;
	height:auto;
}
.slider-text h2{
	padding:0;
	margin:0;
	font-size:30px;
}
.slider-text{
	display:block;
	right:auto;
	padding:5px;
	height:auto;
	width:auto;
	font-size:100%;
	top:auto;
	position:inherit;
	text-align:right;
}
.slider-text h2 {
    font-size:28px;
}
.header-text{
	width: auto;
	position: inherit;
	padding:5px;
	right:0;
	height:auto;
	font-size:100%;
	line-height:normal;
	text-align:right;
}
.inner-header .header-text {
    height: 350px;
}
.header-text h1 {
	color: #FFFFFF;
    font-size: 27px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding:0;
    text-align:right;
}
.header-text p{
	padding:0;
}
.shareicons {
    bottom:auto;
	top:10px;
    left:-10px;
    position:inherit;
}
.btm-content {
	padding:0;
	right:0;
}
.btm-content h2 {
    padding: 0 0 5px;
}
.content {
    margin-right:0;
}
.footer{
	right:0;
	margin-right:0px;
}

#sidebar {
	display:none;
}
.btmlinks {
    margin-right:0;
    padding:10px 0 0;
    text-align:center;
}
.copyright {
    left:auto;
    position:inherit;
    top:auto;
}
.pro-home {
    height: 550px;
}
.pro-home .pro-img img{
	width:150px;
	height:auto;
}
.pro-home .pro-img a:hover span{
	background:url(../images/hover-bg.png) bottom repeat-x;
	display:block;
	padding:0;
	position:absolute;
	bottom:0px;
	width:150px;
	height:100px;
	vertical-align:bottom;
	text-align: center;
	color:#FFF;
	direction:rtl;
}
.pro-home .pro-img a span h2{
	color:#FFF;
	padding:0 5px; font-size:36px !important;
}
.description{
	padding:0 5px;
}
.footer-btm{
	height:90px;
	position:relative;
	clear:both;
	padding:0 0 10px 0;
}
.contact div.thumbnail{ float:left; display:none;}

.inputbox1, div.controls input{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#eeeeee;
	border:none;
	margin:2px 0 6px 0;
	padding:2px 5px;
	height:20px;
	width:385px;
}
.inputbox2, div.controls textarea{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#eeeeee;
	border:none;
	margin:5px 0 8px 0;
	padding:2px 5px;
	height:70px;
	width:385px;
}
.inputbtn{
	cursor:pointer;
	padding:5px 15px;
	font-size:15px;
}

.project-box{width:100%;margin:0  auto;}

.project_det_desc h3{ font-size:24px; color:#333333; text-align:right; margin:0px 0px 15px 0px; font-weight:normal;}
.project_details{ width:100%; margin:0 auto; padding:0px;}
.project_det_gal{ float:left; width:100%; text-align:center;}
.project_det_desc{ float:right; width:100%; text-align:right;}
.project_catname{ text-align:center; font-size:20px; font-weight:bold; color:#FFFFFF; line-height: 22px; margin-bottom: 10px; float:none;}
.project_cats ul li{ display:inline; margin:0px 8px 6px 0; padding:0px; background:#6c6453; width:95%; height:24px; float:right;}
.project_cats{ float:left; width:100%; text-align:center;}
.project_catbox{ background:#1C1E1E; padding:12px 12px 8px 12px; margin-bottom:20px; width:93%;}
.product-main { background:#DDDDDD; border: 1px solid #CCCCCC; float: right; margin: 0 9px 18px; padding: 0 10px 6px; width: 34%;}
.product-main h5 { color: #333333; font-size: 11px; font-weight: normal; line-height: 40px; margin: 0; padding: 0; text-align: center;}
#views_block{ margin:auto; width:100%;}
#thumbs_list{  overflow:hidden;  float:left; width:100%;	padding:0px;  margin-top:20px;}
#thumbs_list ul{  padding:0px; list-style-type:none;  float: left; margin:0px;}
#thumbs_list li{ float:left; cursor:pointer; text-align:center; padding:9px; background:#dddddd; border:1px solid #cdcdcd;  width: 25%; margin-right:18px; height:auto;}
#thumbs_list li+li+li{ margin-right:0px;}
#thumbs_list img{ border:1px solid #ffffff; width:100%;}

#image-block{ text-align:center; padding:12px; background:#dddddd; border:1px solid #cdcdcd;  width: 93%;}
#image-block img{ border:1px solid #ffffff; width:100%;}
}