/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */


body {
min-width:960px;
margin:0;
padding:0;
direction:rtl;
}

p {
font-family: tahoma;
font-size: 12px;
}

/* Header Begin
================================================== */

header {
height:498px;
background:url(../images/header_bg.jpg) repeat-x;
}


/* Navigation Begin
================================================== */


.mainmenu {
height: 100px;
position: relative;
margin-bottom: 10px;
text-align: center;
display: inline-block;
position:relative;
}
.translate {
position: absolute;
right: -28px;
top: 92px;
}
.jflanguageselection li {
float: none !important;
margin-bottom: 8px !important;
}

#nav {
    float: right;
   	font: bold 12px Arial, Helvetica, Sans-serif;

}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
	float:right;
	margin-bottom: 0;
	position:relative;
}



#nav > ul > li:first-child > a {
border-right: none;
}
#nav > ul > li:last-child > a {
background: none;
}

#nav ul li li:first-child:hover > a {
border-radius: 8px 0 0 0;
}

#nav ul li li:last-child:hover > a {
border-radius: 0 0 8px 8px;
}

#nav > ul > li.active {
background:#abc502;
}
#nav > ul > li.active a {
text-shadow:1px 1px 2px rgb(0, 0, 0) !important;
}




#nav ul li a {
float: right;
color: #fff;
padding: 10px 20px;
text-decoration: none;
font-family: hacen_tunisia_boldregular;
background: #776d6d;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
text-align: right;
}
#nav > ul > li {
height: 85px;
padding: 15px 0 0 0;
cursor: pointer;
}
#nav > ul > li:hover {
background:#abc502;
}
#nav > ul > li > a {
text-align: center;
height: 85px !important;
padding: 0 15px !important;
font-family: hacen_casablanca;
font-size: 17.67px;
font-weight: normal;
background: url(../images/menu_sep.png) no-repeat;
color: #fff;
line-height: 70px;
white-space: nowrap;
letter-spacing: 0px;
display: block;
}

#nav ul li a:hover, #nav ul li:hover > a {
color: #fff;
/*background: url(../images/item-hover.jpg) repeat-x !important;*/
text-shadow: 1px 1px 2px rgb(0, 0, 0);
}

#nav li ul a:hover, 
#nav ul li li:hover > a  {
    color: #fff;


background: #0eb200!important;
background: -moz-linear-gradient(top,  #0eb200 0%, #097d00 50%, #0eb200 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0eb200), color-stop(50%,#097d00), color-stop(100%,#0eb200))!important;
background: -webkit-linear-gradient(top,  #0eb200 0%,#097d00 50%,#0eb200 100%)!important;
background: -o-linear-gradient(top,  #0eb200 0%,#097d00 50%,#0eb200 100%)!important;
background: -ms-linear-gradient(top,  #0eb200 0%,#097d00 50%,#0eb200 100%)!important;
background: linear-gradient(to bottom,  #0eb200 0%,#097d00 50%,#0eb200 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eb200', endColorstr='#0eb200',GradientType=0 )!important;



	
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
}



#nav li ul {
background: #abc502;
left: auto;
right: 0;
margin: 63px 0 0;
position: absolute;
width: auto;
min-width: 191px;
z-index: 9999;
border-radius: 8px 0 8px 8px;
display: none;
border: 4px solid #abc502;
}

#nav li ul li {
width:100%;
}


#nav ul ul li.parent > a {
background: url(../images/sub-light.png) no-repeat scroll 7px 17px;
}

#nav ul ul li.parent > a:hover, #nav ul ul li.parent:hover > a {
background: url(../images/sub-light.png) no-repeat scroll 7px 17px, url(../images/item-hover.jpg) repeat-x !important;
}


#nav > ul > li.parent > a {
background: url(../images/top-light.png) no-repeat scroll 95% 33px, url(../images/menu_sep.png) no-repeat;
}
#nav > ul > li.parent > a:hover, #nav > ul > li.parent:hover > a {
background: url(../images/top-light.png) no-repeat scroll 95% 33px, url(../images/menu_sep.png) no-repeat !important;
}
#nav > ul > li.parent.active > a, #nav > ul > li.parent.active > a {
background: url(../images/top-light.png) no-repeat scroll 95% 33px, url(../images/menu_sep.png) no-repeat !important;
}

#nav li:hover ul {
    	display:block;
}

#nav li ul a {
    	background: none;
    	border: 0 none;
    	margin-right: 0;
width: 79%;
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;

}

#nav li li ul {
    	margin: -1px 0 0 160px;
    	visibility:hidden;
}

#nav li li:hover ul {
visibility: visible;
right: 100%;
left: auto;
}

#nav ul ul li:last-child > a {

}

#nav ul ul ul li:first-child > a {

}

#nav ul li li a {
font-family: tahoma;
font-size: 11px;
white-space: nowrap;
}

/* Navigation End

================================================== */
/* LogoArea Begin
================================================== */

.logoarea {
background: url(../images/logoarea.png) no-repeat;
height: 387px;
}

#logo {
background: #202020;
height: 95px;
width: 346px;
position: relative;
top: 105px;
float: left;
}

#logo a {
color: #fff;
text-decoration: none;
display: block;
width: 346px;
height: 95px;
text-align: center;
line-height: 87px;
font-family: times new roman;
font-size: 79px;
}

/* LogoArea End
================================================== */

/* Header End
================================================== */

/* Featured Begin
================================================== */

.featured {
height: 440px;
background:url(../images/feat_bg.jpg) repeat-x #fdfae9;
}

.lsh {
width: 20px;
height: 411px;
background: url(../images/feat-shadow-l.png) no-repeat;
position: absolute;
left: -20px;
top: 0;
}

.rsh {
width: 20px;
height: 411px;
background: url(../images/feat-shadow-r.png) no-repeat;
position: absolute;
right: -20px;
top: 0;
}

.feat1-img {
background: url(../images/sunflower.jpg) no-repeat;
height: 271px;
}

.feat2-img {
background: url(../images/pumpkin.jpg) no-repeat;
height: 271px;
}

.feat3-img {
background: url(../images/cabbage.jpg) no-repeat;
height: 271px;
}

.feat4-img {
background: url(../images/apple.jpg) no-repeat;
height: 271px;
}

.feat1-title, .feat2-title, .feat3-title, .feat4-title {
height: 139px;
}

.feat1-title {
background: url(../images/service1.gif) repeat-x;
}

.feat2-title {
background: url(../images/service2.gif) repeat-x;
}

.feat3-title {
background: url(../images/service3.gif) repeat-x;
}

.feat4-title {
background: url(../images/service4.gif) repeat-x;
}

.feat-heading {
height: 80px;
}

.feat-heading h2 {
color: #fff;
font-family: hacen_dalal_st;
text-align: center;
font-size:30px;
}
.feat4-title .feat-heading h2 {
height: 80px;
line-height: 80px;
}

.readmore, .readmore:visited {
background: url(../images/a3.gif) no-repeat scroll 105% 9px, #202020;
margin-left: 18px;
font-family: hacen_dalal_st;
color: #fff !important;
text-decoration: none;
padding: 3px 19px 3px 8px;
float: left;
}

/* Featured End
================================================== */

/* Mainarea Begin
================================================== */

.mainarea {
background: #fdfae9;
padding-bottom: 50px;
padding-top: 20px;
}

.welcome h1 {
color: #5acf2d;
background: url(../images/plant.png) no-repeat scroll right;
height: 71px;
text-align: right;
padding-right: 70px;
font-size: 60px;
line-height: 75px;
}

.welcome h2 {
padding-right: 70px;
text-align: right;
margin-top: -18px;
font-size: 38px;
}

.welcome.eight.columns p {
text-align: justify;
padding-left: 70px;
}

.four.columns h3 {
color: #dd4809;
}

.mainarea .readmore, .mainarea .readmore:visited {
background: url(../images/a3.gif) no-repeat scroll 105% 9px, #202020;
margin-left: 0;
font-family: hacen_dalal_st;
color: #fff !important;
text-decoration: none;
padding: 3px 19px 3px 8px;
}

.welcome .readmore, .welcome .readmore:visited {
margin-left: 70px;
}

.welcome .readmore:hover, .mainarea .readmore:hover, .readmore:hover {
 background: url(../images/a3.gif) no-repeat scroll 105% 9px, #000;
text-decoration: none;
color: #fff !important; 
}


.user1, .user2, .user3, .user4 {
display: inline;
float: right;
margin-bottom: 20px;
}

.activities.eight.columns.alpha.omega {
width: 480px;
}
.second.four.columns.alpha {
float: left;
position:relative;
}
.welcome.readmore {
margin-left: 50px;
}
.first.four.columns.omega {
position: relative;
}

.first.four.columns.omega .rsh, .second.four.columns.alpha .rsh {
right: -30px;
}

.activities-title{
width: 57px;
height: 141px;
background: url(../images/activities.png) no-repeat;
position: absolute;
right: -67px;
top: 0;
}

.user1 p, .user2 p, .user3 p, .user4 p {
text-align: justify;
}

.agricultural_equipment {
margin:0 auto;
}
.equipment {
float: right;
border: 2px solid #eee;
border-radius: 7px;
padding: 8px;;
margin:10px;
}

.fertilizers h3 {
color: #e84400;
}
.fertilizers img {
    float: left;
    width: 300px;
    height: 300px;
    padding: 30px;
}
.fertilizers ul {
font-family:Tahoma, Geneva, sans-serif;
font-size: 13px;
}
/*.liBg1{
background: #f6f2dd;
margin: 0px;
padding: 5px 10px;
width: 690px;
}*/
.liBg2{
background: #fbf5d5;
margin: 0px;
padding: 5px 10px;
/*width: 691px;*/
border-radius:15px;
}
.liquid_fertilizer h3{
color:#727e13;
font-size: 20px;
}
.benefits h3,.utilization_rates h3{
color:#727e13;
font-size: 20px;
margin-right:-30px;
}
.benefits , .utilization_rates{
list-style-type: square;
margin-right: 30px;
}
.liquid_fertilizer li{
background:url(../../../images/stories/list.png) no-repeat scroll 865px 5px;
padding-right: 30px;
}
.liquid li{
background: url(../../../images/stories/list.png) no-repeat scroll 895px 6px;
padding-right: 30px;
}
.bg_table {
background: #fbf5d5;
margin-bottom: 20px;
padding: 15px 10px;
width: 98%;
border-radius: 15px;
height: 450px;
}
.bg1_table {
background: #fbf5d5;
margin-bottom: 20px;
padding: 15px 10px;
width: 98%;
border-radius: 15px;
height: 515px;
}
.data_table {
float: right;
margin-right: 49px;
}
.data_table h3{
color:#727e13;
font-size: 20px;
}
.data_table td , .data_table th{
border: 1px solid #727e13;
padding: 5px;
text-align:center;
}

.tawkelat {
/*margin-right: 20px;*/
}
.tawkelat ul {
font-family: tahoma;
font-size: 12px;
list-style: square;
list-style-position: inside;
}
.row1 {
background: #EFF7E1;
height: 30px;
width: 350px;
line-height: 30px;
margin-bottom: 0px;
padding-right: 20px;
}
.row2 {
background: #FCF7E1;
height: 30px;
width: 350px;
line-height: 30px;
margin-bottom: 0px;
padding-right: 20px;
}

.takawy ul {
font-family: tahoma;
font-size: 13px;
font-weight:bold;
list-style: square;
list-style-position: inside;
}
.row3 {
background: #EFF7E1;
/*height: 50px;*/
height:90px;
width: 350px;
margin-bottom: 0px;
padding-right: 20px;
padding-top:10px;
}
.row3 p ,.row4 p{
	font-family: tahoma;
font-size: 12px;
margin-right: 55px;
font-weight: normal;
}
.row4 {
background: #FCF7E1;
height: 50px;
width: 350px;
margin-bottom: 0px;
padding-right: 20px;
padding-top:10px;
}
.product {
float: right;
border: 2px solid #eee;
border-radius: 7px;
padding: 8px;
margin: 13px;
text-align: center;
width: 255px;
}
.product p {
text-align: center;
margin-top: 5px;
margin-bottom: 0px;
font-family: tahoma;
font-size: 13px;
font-weight:bold;
}

.image {
float: left;
margin-top: -216px;
margin-left: 40px;
border: 2px solid #eee;
border-radius: 7px;
padding: 8px;
}

.contact_us {
background: #fbf5d5;
margin: 0px;
padding: 20px 30px;
width: 93%;
border-radius: 15px;
float: right;
}
.contactus {
width: 50%;
float: right;
}
.contact_tittle {
color: #727e13;
font-size: 23px;
}
.address{
font-family: hacen_casablanca;
margin-top: 25px;
}
.phone , .mobile , .email{
font-family: hacen_casablanca;
padding-top: 5px;
}
.email a {
text-decoration: none;
}
.contactus_form {
float: right;
}
/* Mainarea End
================================================== */

/* footer Begin
================================================== */
footer {
height:170px;
}
.footertop {
height: 75px;
background: #fbf5d5;
border-bottom:5px solid #ef9372;
}

.copyright {
background: #4c7c00;
height: 95px;
}

.copyright .container {
background:url(../images/footer-container.jpg) repeat-x scroll 20px 0;
height: 95px;
}

.totop {
position: relative;
}

.scrollup{
	width: 38px;
	height: 36px;
	position: absolute;
	right: -53px;
    display:none;
	text-indent: -9999px;
	background: url(../images/up-icon.png) no-repeat;
	top: -18px;
}

.footermenu ul li {
float: right;
}

.face-icon, .twitter-icon, .rss-icon, .youtube-icon {
width: 32px;
height: 32px;
}

.face-icon {
background: url(../images/face-icon.jpg) no-repeat;
}
.twitter-icon {
background: url(../images/twitter-icon.jpg) no-repeat;
}
.rss-icon {
background: url(../images/rss-icon.jpg) no-repeat;
}
.youtube-icon {
background: url(../images/youtube-icon.jpg) no-repeat;
}

.social.three.columns {
position: absolute;
top: 0;
left: 0;
}
.social ul {
float: left;
margin: 0;
padding: 18px 0;
}

.social ul li {
float: right;
opacity: 0.8;
}
.social ul li:hover {
opacity:1;
}

.footertop .container {
text-align: center;
position: relative;
}

.footermenu.ten.columns {
display: inline-block;
float: none;
padding-top: 28px;
}

.footermenu ul li a, .footermenu ul li a:visited {
font-family: tahoma;
font-size: 11px;
text-decoration: none;
border-left: 1px solid;
padding: 0 4px;
color: #7b7878;
}
.footermenu ul li a:hover {
color:#8e5a40;
}
.face-icon a, .twitter-icon a, .rss-icon a, .youtube-icon a {
height: 32px;
width: 32px;
display: block;
}

.footermenu ul li {
float: right;
}

.footermenu ul li:last-child a {
border-left: none;
}

/* footer End
================================================== */

/* Copyrights Begin
================================================== */
.copyrightsp.four.columns {
float: left;
}

.copyrightsp.four.columns p {
text-align: center;
direction: ltr;
color: #fff;
margin-bottom: 0;
float: left;
}

.minilogo {
font-family: Times New Roman;
font-size: 35px;
line-height: 50px;
}

.copyrightsp a, .copyrightsp a:hover {
text-decoration: none;
color: #fff;
}

#designedby {
margin-top: 20px;
}

.welcome p {
text-align: justify;
}

.welcomeul li {
font-family: tahoma;
font-size: 12px;
list-style: square;
list-style-position: inside;
}
.host a {
    position: relative;
    bottom: 7px;
    right: -28px;
    font-family: 'Conv_Roboto-Regular' !important;
    font-size: 14px;
    text-decoration: none !important;
    color: white !important;
}

/* Copyrights End
================================================== */




/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

	@font-face {
	    font-family: 'hacen_casablanca';
	    src: url('../fonts/hacen_casablanca.eot');
	    src: url('../fonts/hacen_casablanca.eot?iefix') format('eot'),
	         url('../fonts/hacen_casablanca.woff') format('woff'),
	         url('../fonts/hacen_casablanca.ttf') format('truetype'),
	         url('../fonts/hacen_casablanca.svg#hacen') format('svg');
	    font-weight: normal;
	    font-style: normal; }
		
	@font-face {
	    font-family: 'hacen_dalal_st';
	    src: url('../fonts/hacen_dalal_st.eot');
	    src: url('../fonts/hacen_dalal_st.eot?iefix') format('eot'),
	         url('../fonts/hacen_dalal_st.woff') format('woff'),
	         url('../fonts/hacen_dalal_st.ttf') format('truetype'),
	         url('../fonts/hacen_dalal_st.svg#hacen') format('svg');
	    font-weight: normal;
	    font-style: normal; }
/*.......Start Edit 27-8-2018...........*/
.benefits li:after, .utilization_rates li:after {
    content: "." !important;
}
.use-table tr td {
    padding: 11px;
    border: 2px solid #7f852d;
    text-align: center;
}
.use-table tr {
    border: 2px solid #7f852d;
}
.use-table {
    margin-bottom: 20px;
}
/*.......End Edit 27-8-2018...........*/