body{
	width: 100%;
	margin: 0;
	font-family: 'DINalternate';
	min-width: 1180px;
	direction:rtl;
}
ul,li,a,p, h1{
	list-style: none;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}
img{
	border: none;
	margin: 0;
	padding: 0;
}
@font-face {
  font-family: 'DINalternate';
  src: url('fonts/DINalternate.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('fonts/DINalternate.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.clear{
	clear: both;
}
header{
	width: 100%;
	height: 250px;
}
.right{
	float: left;
}
.left{
	float: right;
}
.header-upperpart{
	background-color: #048D45;
	height: 9px;
}
.header-inner{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #DEE1E5;
	position: relative;
	z-index: 10;
}
a.logo{
	margin: 24px 0 24px 0;
	text-align: center;
}

#magic-line { 
	position: absolute; 
	height: 2px; 
	top: -2px;
	background: #DEE1E5; 
	width: 0px;
}

.navigation {
	width: 490px;
	margin: 0 auto;
}

.navigation ul {
	padding: 0px 0px 0px 14px;
	position: relative; 
}
.navigation ul li{
	float: right;
	margin-right: 23px;
	border-top:2px solid #fff;
}
.navigation ul li.margin-right-0{
	margin-left: 0px;
}
.navigation ul li a{
	color: #858594;
	font-size: 14px;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-top: 6px;
}
.navigation ul li.active{
	border-top: 2px solid #DEE1E5;
}
.lang-switch{
	width: 105px;
	position: relative;
	top: -217px;
}
.lang-switch a{
	float: left;
	width: 39px;
	text-align: center;
	margin-left: 12px;
	padding-top: 10px;
	border-top: 10px solid transparent;
}
.lang-switch a:hover, .lang-switch a.active-lang {
	border-top: 10px solid #221F1F;
}
footer{
	width: 100%;
}
.members{
	min-height: 175px;
	background-color: #fff;
	border-bottom: 1px solid #DEE1E5;
	border-top: 1px solid #DEE1E5;
}
.inner-memebers {
	width: 1200px;
	margin: 0 auto;
}
.members p{
	color: #048D45;
	font-size: 16px;
	float: right;
	margin: 79px 36px 0px 0px;
}
.members ul{
	padding-top: 28px;
	padding-left: 35px;
	margin-right:120px;
}
.members ul li{
	width: 118px;
	float: left;
	height: 118px;
	background: #dddddd;
	border-radius: 100%;
	margin-right: 16px;
	text-align:center;
	vertical-align:middle;
	line-height:700%;
}
.members ul li img{
	pa dding: 50px 11px;
	vertical-align:middle;
}
.members ul li img:hover{
	opacity: 0.8;
}
.members ul li img.padding-23-27{
	padding: 23px 33px;
}
.members ul li img.padding-46-16{
	padding: 46px 16px;
}
.footer-navigation ul{
	padding-top: 15px;
	padding-right: 26px;
}
.footer-navigation ul li{
	float: right;
	margin-left: 15px;
}
.footer-navigation ul li a, .copy-rights p{
	color: #a5aeb9;
	text-transform: uppercase;
	font-size: 12px;
}
.footer-navigation ul li:hover a, .footer-navigation ul li.active a{
	color: #048D45;
}
.copy-rights {
	padding: 15px 0px 15px 19px;
}
.bx-wrapper{
	width: 100%;
	margin: 0!important;
	margin-top: 16px !important;
	direction:ltr;
}
.bx-wrapper ul{
	width: 100%;
	height: 530px;
	overflow: hidden;
}
.bx-wrapper ul li{
	display: inline;
}
.bx-wrapper ul li img{
	width: 100%;
}
.bx-wrapper .bx-viewport{
	height: 530px !important;
	box-shadow: none !important;
	border: none !important;
	left: 0px !important;
	background: none !important;
}
.bx-wrapper .bx-controls-direction a.bx-prev, .bx-wrapper .bx-controls-direction a.bx-next{
	width: 72px;
	height: 80px;
	background: #fff;
	opacity: 0.7;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	left: 0;
	background-image: url('../images/prev.png');
	background-repeat: no-repeat;
	background-position: 15px 7px;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	right: 0;
	background-image: url('../images/next.png');
	background-repeat: no-repeat;
	background-position: 20px 7px;
}
.overlay{
	width: 464px;
	height: 530px;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.overlay h1{
	color: #fff;
	font-size: 53px;
	text-transform: uppercase;
	font-weight: bold;
	width: 350px;
	word-spacing: 10px;
	letter-spacing: -4px;
	line-height: 43px;
	margin: 210px 0px 15px 30px;
	direction:rtl;
}
.overlay p{
	width: 352px;
	color: #fff;
	font-size: 15px;
	text-transform: none;
	margin-left: 30px;
	direction:rtl;
}
.overlay span{
	text-transform: uppercase;
	font-size: 12px;
	float: left;
	margin-top: 15px;
}
.banner{
	width: 100%;
	margin-bottom: 70px;
	position: relative;
	margin-top: 16px;
}
.banner img{
	width: 100%;
}
.about-overlay{
	width: 100%;
	height: 365px;
	position: absolute;
	top: 0px;
	ba ckground: rgba(4, 141, 69, 0.4);
}

.about-navigation, .product-navigation, .child-navigation {
	width: 100%;
	height: 40px;
	background: #048D45;
}

.child-navigation.innerchild {
	background:#a6ce39;
}

.product-navigation{
	background-color: transparent;
}
.child-navigation {  height:auto;
}

#magic-line-2 { 
	position: absolute;
	height: 41px;
	background: #a6ce39;
	width: 0px;
}

.about-navigation ul, .product-navigation ul, .child-navigation ul{
	wi dth: 310px;
	margin: 0 auto;
	position: relative;
	text-align:center;
}
.about-navigation ul li, .product-navigation ul li, .child-navigation ul li{
	display: inline-block;
}
.about-navigation ul li a, .product-navigation ul li a, .child-navigation ul li a{
	color: #fff;
	padding: 12px 10px;
	text-transform: uppercase;
	font-size: 14px;
}
.about-navigation ul li:hover a, .about-navigation ul li.active-about-item a,
.child-navigation ul li:hover a, .child-navigation ul li.active-child a{
	background-color: #221F1F;
}


.child-navigation.innerchild ul li:hover a, .child-navigation.innerchild ul li.active-child a {
	background: #005496;
}

.product-navigation ul li:hover a, .product-navigation ul li.active-product-item a{
	background: #048D45;
}
.inner-content{
	width: 980px;
	margin: 0 auto;
	margin-top: 35px;
	min-height: 250px;
}


.history p, .news-highlights ul li{
	width: 560px;
	font-size: 14px;
	color: #333;
	margin-top: 25px;
}
.history p{
	width: 647px;
	line-height: 22px;
}
.history, .news-highlights {
	margin-bottom: 80px;
}
.news-highlights{
	width: 260px;
}
.news-highlights p{
	text-transform: uppercase;
	font-size: 14px;
	color: #a8a8a8;
	margin-top: 25px;
}
.news-highlights ul li{
	width: 260px;
}
.news { margin-bottom:30px;}
 .products{
	margin-bottom: 110px;
}
.news ul {
	clear: both;
	margin-bottom: 20px;
}
.news ul li{
	clear: both;
	padding-top: 40px;
	position: relative;
}	

.products ul li{
	padding-top: 45px;
	clear: both;
}	

.news p.date{
	float: left;
	width: 150px;
	height: 50px;
	color: #909090;
	font-size: 14px;
}
.products p.details{
	float: left;
	width: 128px;
	color: #909090;
	font-size: 14px;
}
.products p.details{
	text-transform: uppercase;
}
.news span{
	color: #909090;
	text-transform: uppercase;
	font-size: 14px;
}

.news a:hover span{
	color: #a6ce39;
}

.news p{
	font-size: 14px;
	color: #333;
	line-height: 20px;
	width: 675px;
	float: left;
}
.news a.more{
	padding: 6px 35px 6px 8px;
	background-image: url('../images/more.png');
	background-repeat: no-repeat;
	background-color: #ff7f00;
	background-position: right 2px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 20px; 
	position: absolute;
	right: 0px;
}
.news a.more:hover, .news a.back:hover{
	opacity: 0.7;
}
.news a.back{
	padding: 6px 30px;
	width: 10px;
	height: 10px;
	background-image: url('../images/back.png');
	background-repeat: no-repeat;
	background-color: #ff7f00;
	background-position: left 5px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}
.separator{
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #dee1e5;
	margin-top: 10px;
	margin-bottom: 25px;
}
.info{
	width: 805px;
}
.info p{
	width: 805px;
	margin-bottom: 25px;
}
.pdf-download{
	width: 252px;
}
a.download{
	background-image: url('../images/pdf-icon.png');
	background-repeat: no-repeat;
	background-position: left 0px;
	color: #909090;
	font-size: 14px;
	padding: 8px 10px 8px 35px;
}
.contact-form{
	width: 670px;
	margin-bottom: 60px;
}


.contact-form div.red {
	clear: both;
	padding: 10px 0;
	color: maroon;
}

.contact-form div.green {
	clear: both;
	padding: 10px 0;
	color: green;
}

.contact-form form label{
	float: right;
	width: 100px;
	line-height: 37px;
	font-size: 14px;
}

.contact-form form > div {
	margin-bottom: 10px;
	width:90%;
}

.contact-form form div.error.front {
	color: maroon;
	font-size: 14px;
	padding-left: 100px;
	margin:10px 0px ;
}

.contact-form form input[type="file"] {
	width: 492px;
	height: 25px;
	padding: 6px 0;
	border: none;
	background-color: #c7c7c7;
	color: #333;
	padding-left: 10px;
}

.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea, .contact-form form select {
	width: 492px;
	height: 35px;
	border: none;
	background-color: #c7c7c7;
	color: #333;
	padding-left: 10px;
}
.contact-form form textarea{
	width: 482px;
	height: 125px;
	resize: none;
	color: #333;
	padding: 10px 10px
}
.contact-form form input[type="submit"]{
	border: none;
	background: #c7c7c7;
	float: left;
	color: #048D45;
	text-transform: uppercase;
	padding: 9px 52px;
	margin-left: 69px;
	cursor: pointer;
}
.contact-form form input[type="submit"]:hover{
	color: #c7c7c7;
	background: #048D45;
}


.contact-form form select{
	width: 502px;
	color: #333;
	border-radius: 0px !important;
	padding: 9px;
}
.contact-form form select option{
	color: #333;
}
.contact-info{
	margin-left: 20px;
}
.contact-info p{
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
.contact-info span{
	text-transform: uppercase;
	color: #a8a8a8;
	font-size: 12px;
	margin: 5px 0px 22px 0px;
	display: block;
}
.child-navigation{
	display: none;
}
.item-info{
	margin: -150px 0 50px 0;
	z-index: 10;
	position: relative;
}
.item-info h1{
	color: #fff;
	font-size: 53px;
	letter-spacing: -3px;
	text-transform: capitalize;
}
.item-info p{
	color: #fff;
	font-size: 16px;
}
.products div.details-info{
	width: 560px;
	float: left;
	color: #333;
	font-size: 14px;
}
.samples{
	width: 250px;
	padding-top: 45px;
}
.samples p{
	margin-bottom: 15px;
	color: #a9a9a9;
	text-transform: capitalize;
}
.samples ul li{
	width: 250px;
	height: auto;
	display: inline-block;
}
ul.width-530{
	width: 530px;
}
ul.width-653{
	width: 670px;
}
.list-view .hideButton{
	margin:30px 0px 0px 0px;
}

ul.yiiPager {
	clear:both;
	float:none;
	width:300px;
	margin:0 auto !important;
	display:block !important;
	height:30px ;
	line-height:30px !important;
}
ul.yiiPager li {
	width:auto;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-family: 'Raleway', sans-serif;
	font-weight:100;
	margin:0px 5px;
	display:inline-block !important;
	padding:0px !important;
	
}

ul.yiiPager .first, ul.yiiPager .last {
    display: none !important;
}
ul.yiiPager .selected a {
	color:#31afcd !important;
}
ul.yiiPager a:link, ul.yiiPager a:visited{
	color:#005496 !important;
	border:none !important;
	background:none !important;
}

ul.yiiPager li.previous,ul.yiiPager li.next {
	vis ibility:visible;
	vertical-align:middle;
	width:20px;
}
ul.yiiPager .page a:hover {
	color:#31afcd;
}
ul.yiiPager li.previous a {
	text-decoration: none;
	background: url("../images/page-prev.png") no-repeat !important;
	width: 20px;
	height: 20px;
	color: transparent !important; 
	vertical-align:middle;
	padding:0px 10px;
	border:none
}

ul.yiiPager  li.next a {
	text-decoration: none;
	background: url("../images/page-next.png") no-repeat !important;
	width: 20px;
	height: 20px;
    color: transparent !important;
	vertical-align:middle;  
	padding:0px 10px;
	border:none;
	
}


/*single-product-page*/
.item-info-single-product{
	margin: -150px 0 50px 0;
	z-index: 10;
	position: relative;
}
.item-info-single-product h1{
	color: #fff;
	font-size: 53px;
	letter-spacing: -3px;
	text-transform: capitalize;
}
.item-info-single-product p{
	color: #fff;
	font-size: 16px;
}
.products-single-product div.details-info{
	width: 560px;
	float: left;
	color: #333;
	font-size: 14px;
}
.samples-single-product{
	width: 250px;
	padding-top: 45px;
}
.samples-single-product p{
	margin-bottom: 15px;
	color: #a9a9a9;
	text-transform: capitalize;
}
.samples-single-product ul li{
	width: 80px;
	height: auto;
	display: inline-block;
}

.products-single-product p.details{
	float: left;
	width: 128px;
	color: #909090;
	font-size: 14px;
}
.products-single-product p.details{
	text-transform: uppercase;
}

.products-single-product {
	margin-bottom: 110px;
}

.products-single-product ul li{
	padding-top: 45px;
	clear: both;
}	

/**/


/*feedback*/
.bx-wrapper .bx-controls-direction a.bx-next:hover {
	opacity: 1;
}

.bx-wrapper .bx-controls-direction a.bx-prev:hover {
	opacity: 1;
}

.navigation ul li a {
	padding-top: 10px;
}

.bx-wrapper {
	margin-top: 20px !important;
}

/*map for itco*/
#itco-map {
	background: url('../images/map1.png') no-repeat top center;
	width: 174px;
	height: 232px;
	z-index: 999999;
	margin-top: -58px;
	position: absolute;
	left: 115px;	
}

#itco-map p {
	color: #858594;
	display: block;
	margin: 0px;
	margin-top: 170px;
	padding-bottom: 2px;
}

#itco-map div {
	clear: both;
	margin-right: 38px;
	text-align: center;
	width: 100%;
}

#itco-map div a {
	color: #409721;
	float: right;
	display: block;
}

#itco-map div a:hover {
	opacity: 0.8;
}

#itco-map div span {
	color: #409721;
	float: right;
	display: block;
	width: 20px;
}


/*ksa & lebanon links*/
#lebanon-link {
	display: block;
	position: absolute;
	margin-top: 56px;
	width: 60px;
	height: 15px;
	margin-right: 90px;	
}

#ksa-link {
	display: block;
	position: absolute;
	margin-top: 94px;
	width: 40px;
	height: 15px;
	margin-right: 32px;	
}


/*fixing main menu*/
.bx-wrapper .bx-viewport {
	top: -4px;
}

.navigation ul li a {
	padding-top: 9px;
}



/*social-links*/
.social-links.right {
    float: left !important;
}
.social-links {
    margin-left: 20px;
}

.social-links ul {
	clear: both;
}

.social-links ul li {
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}

.social-links ul li img {
	width: 32px;
	height: 32px;
}