@charset "utf-8";
/* CSS Document */

body{ margin:0px;
      background: #ffffff;
}
.main_banner{ background: url(../images/main_bg.jpg) center top}
.small_header{ height:22px;
               width:999px;
			   margin:auto;
			   text-align:right;
			   border-bottom:#FFF solid 1px;
}
.clear{ clear:both;}
.logo_menu{ height:102px;
            width:999px;
			margin:auto;
			border-bottom:#0b8e36 solid 1px;
}
.logo{ height:102px;
            width:222px;
			float:left;
			display:block;
			
}
.menu{ text-align:right;
       width:777px;
	   float:left;
	   height:102px;
	   
}
.menu a{
       display:inline-block;
	   color:#FFF;
	   text-decoration:none;
	   font-family: 'Source Sans Pro', sans-serif;
	   font-weight:700;
	   font-size:14px;
	   background:#0b8e36;
	   width:100px;
	   text-align:center;
	   height:40px;
	   line-height:40px;
	   margin-top:62px;
	   margin-left:1px;
	   border-top-left-radius:2px;
	   border-top-right-radius:2px;
}
.menu a:hover{
       display:inline-block;
	   color:#0b8e36;
	   text-decoration:none;
	   font-family:Arial, sans-serif;
	   font-size:14px;
	   background:#fff;
	   width:100px;
	   text-align:center;
	   height:40px;
	   line-height:40px;
	   margin-top:62px;
	   margin-left:1px;
	   border-top-left-radius:2px;
	   border-top-right-radius:2px;
}
.menu a.selected{
       display:inline-block;
	   color:#0b8e36;
	   text-decoration:none;
	   font-family: 'Source Sans Pro', sans-serif;
	   font-weight:700;
	   font-size:14px;
	   background:#fff;
	   width:100px;
	   text-align:center;
	   height:41px;
	   line-height:41px;
	   margin-top:-30px !important;
	   margin-left:1px;
	   border-top-left-radius:2px;
	   border-top-right-radius:2px;
	   border-left:#0b8e36 solid 1px;
	   border-right:#0b8e36 solid 1px;
	   border-top:#0b8e36 solid 1px;
}
.banner{ width:999px;
         height:424px;
		 border: solid white 10px;
         -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
         box-sizing: border-box;
		 margin:0 auto;
	}
.banner{ width:999px;
         height:424px;
		 border: solid white 10px;
         -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
         box-sizing: border-box;
		 margin:0 auto;
		 -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			
}
.banner img{ width:100%;
         height:100%;
		 
}
.content{ height:100%; margin:auto; width:999px;
          margin-top:70px;
 }

.div_mz{ width:307px;float:left;
	}
.div_mztittle{ width:307px;
               height:54px;
			   text-align: left;
			   color:#F60;
			   font-size:25px;
			   font-family: 'Source Sans Pro', sans-serif;
	           font-weight:700;
	}
.div_mzcontent{ width:307px; 
	}
.div_mzpic{ width:71px;
               height:86px;
			   float:left;
			   background: url(../images/pic_mz.jpg) no-repeat left top;
	}
.div_mztext{ width:222px;
text-align: left;
font-size:15px;
height:140px;
float: left;
padding-left:8px;
font-family:arial;
font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	}
.line{background: url(../images/line.jpg) no-repeat center; width:38px; float:left;
      height:180px;
	}
.div_vission{ width:307px;float:left;
	}
.div_vissiontittle{ width:307px;
               height:54px;
			   color:#F60;
			   font-size:25px;
			   font-family: 'Source Sans Pro', sans-serif;
	           font-weight:700;
			   text-align: left;
	}
.div_vissioncontent{ width:307px;
                     font-family:arial;
	}
.div_vissionpic{ width:88px;
               height:86px;
			   float:left;
			   background: url(../images/pic_vission.jpg) no-repeat left top;
	}
.div_vissiontext{ width:210px;
text-align: left;
height:140px;
font-size:15px;
float: left;
padding-left:8px;
font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	}
	
.div_services{ width:307px;float:left;
	}
.div_servicestittle{ width:307px;
               height:54px;
			   font-size:25px;
			   font-family: 'Source Sans Pro', sans-serif;
	           font-weight:700;
			   text-align: left;
			   color:#F60;
	}
.div_servicescontent{ width:307px; 
	}
.div_servicespic{ width:88px;
               height:86px;
			   float:left;
			   background: url(../images/pic_home_services.jpg) no-repeat left top;
	}
.div_servicestext{ width:210px;
text-align: left;
font-size:15px;
height:140px;
float: left;
padding-left:8px;
font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	}
.div_servicestext li{ list-style:url(../images/arrow.jpg);
                      border-bottom:#CCC dotted 1px;
					  margin-left:25px;
					  padding-bottom:5px;
					  padding-top:5px;
					  font-weight:bold;
	}
.footer{ height:30px;
         width:999px;
		 margin:auto;
		 margin-top:50px;
		 border-top: #333 dotted 1px;
		 padding-top:10px;
}
.footer_copy{ height:30px;
         width:300px;
		 float:left;
		 text-align:left;
		 font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
		 font-size:13px;
		 color:#000;
}

.footer_copy a{
		 font-family:arial;
		 font-size:12px;
		 color: #09C;
		 text-decoration:none;
}

.footer_menu{ height:30px;
         width:699px;
		 float:left;
		 text-align:left;
		 font-family:arial;
		 font-size:12px;
		 color: #666;
		 text-align:right;
}

.footer_menu a{
		 font-family: 'Source Sans Pro', sans-serif;
	     font-weight:700;
		 font-size:14px;
		 color: #000;
		 text-decoration:none;
		 text-align:left;
		 display: inline-block;
		 margin-left:10px;
}
	
#more {
	height: 50px; width: 150px;
    overflow: hidden;
    margin:auto;
    text-align: center;
	margin-top:10px;
	border-radius:5px;
}

#more ul li {
	float: left !important;
	list-style-type: none;
	width:150px;
	margin-top:-16px;
	margin-left:-41px;
	
}

/* Menu Link Styles */
#more ul a {
	display: block;
	background: #0b8e36; color: #fff;
	height: 50px; width: 150px;
	font: lighter 1.2em/15px arial;
	text-decoration: none;
	line-height:50px;
	
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	-o-transition: margin .4s ease-in-out;
	-ms-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
	
}

/* Secondary Link Styles */
#more ul a:nth-of-type(even) {
	background: #f89303;
	color: white;
}

/* Hover Slide */
#more ul li:hover :first-child {
	margin-top: -50px;
}
.main_tittle{ width:999px;
              margin:auto;
			  text-align:center;
			  margin-top:50px;
			  margin-bottom:20px;
	}
.main_tittle h1{
			  text-align: left;
			  width:auto !important;
			  font-size:35px;
			  font-family: 'Source Sans Pro', sans-serif;
			  font-weight:900;
			  color:f7941e;
	}
.div_agrina{ width:307px;float:left;
	}
.div_agrinatittle{ width:100%;
               height: auto;
			   text-align:center;
			   color:#F60;
			   font-size:20px;
			   font-family: 'Source Sans Pro', sans-serif;
			   font-weight: 700;
	}
.div_agrinacontent{ width:307px; 
	}
.div_agrinapic{ width:100%;
               height: auto;
			   text-align:center;
	}
.div_agrinatext{ width:100%;
text-align: left;
font-size:15px;
float: left;
font-family: 'Source Sans Pro', sans-serif;
margin-top:15px;
	}
.line_agrina{background: none; width:38px; float:left;
      height:180px;
}
.about_center_text{ width:999px;
                    margin:auto;
					text-align: left;
					font-family:arial;
					font-size:15px;
					margin-top:25px;
					font-weight:normal;
					line-height:20px;
					font-family: 'Source Sans Pro', sans-serif;
}
.addresss h3{font-family: 'Source Sans Pro', sans-serif;
                   text-align: left;
				   font-size:15px;
				   font-weight: normal;
				   margin-bottom:0px;
				   margin-top:0px;
				   line-height:30px;
}
.map{ width:660px;
      float:left;
	  height:250px;
	  border:#000 solid 1px;
	  border-radius:4px;
	}
.addresss h3 span{font-family: 'Source Sans Pro', sans-serif;
                   text-align: left;
				   font-size:15px;
				   font-weight:700;
				   margin-bottom:0px;
				   margin-top:0px;
}
.addresss{
          width:100%;
		  height:100%;
		  margin-right:20px;
		  
	}
.address_left{ float:left;
               width:450px;
	}
.address_right{
               width:450px;
			   float:left;
	}

.addresss h2{ font-size:25px;
           text-align:left;
		   font-weight:bold;
		   border-bottom:#CCC dotted 1px;
		   padding-bottom:8px;
		   
	}
.contact_form{ width:450px;
               height:100&;
			   float:right;
			   text-align:left;
	}
.contact_form h2{ font-size:25px;
           text-align:left;
		   font-weight:bold;
		   border-bottom:#CCC dotted 1px;
		   padding-bottom:8px;
	}
.contact_form input{ width:310px;
                      height:40px;
					  border-radius:4px;
					  display: inline-block;
					  border: #000 solid 1px;
					 -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                      box-sizing: border-box;
		             -webkit-box-shadow: 0 8px 6px -6px black;
	                 -moz-box-shadow: 0 8px 6px -6px black;
					 padding:5px;
					 margin-right:20px;
					 font-family: 'Source Sans Pro', sans-serif;
					 margin-bottom:2px;

	}
.contact_form textarea { width:100%;
                      height:150px;
					  border-radius:4px;
					  border: #000 solid 1px;
					 -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                      box-sizing: border-box;
		             -webkit-box-shadow: 0 8px 6px -6px black;
	                 -moz-box-shadow: 0 8px 6px -6px black;
					 padding:5px;
					 margin-right:20px;
					 font-family: 'Source Sans Pro', sans-serif;

	}

.contact_form input[type=submit]
{
	display: block;
	font-size: 1.1em;
	font-weight:900;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 20px auto;
	color: #ccc;
	background-color: #555;
	background: -webkit-linear-gradient(#888, #555);
	background: linear-gradient(#888, #555);
	border: 0 none;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #000;
	box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);
	cursor: pointer;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	outline:none;
}

.contact_form input[type=submit]:hover, button:focus
{
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
	outline:none;
}
	
@-webkit-keyframes pulsate
{
	0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
	50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
	100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
		
@keyframes pulsate
{
	0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
	50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
	100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}

.contact_form input[type=submit]:active
{
	color: #fff;
	text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
	box-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 2px 2px rgba(0,0,0,0.9);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: none;
	animation: none;
	outline:none;
}

.products_main{ width:496px;
				float:left;
				background:#CCC;
				height:420px;
				margin-bottom:10px;
	}
.products_main_1{ width:496px;
				float:left;
				background:#CCC;
				height:400px;
				margin-bottom:10px;
	}

.products_main_pic{ width:250px;
                height:250px;
				float:left;
				margin-left:50px;
				background:#066;
	}
.products_main_des{ width:92%;
                    margin:auto;
					margin-bottom:20px;
	}
.products_main_des h3{ font-size:25px;
                    text-align:left;
					margin-bottom:0px;
					margin-top:0px;
					color:#090;
					font-weight:bold;
					font-family: 'Source Sans Pro', sans-serif;
	}
.products_main_des p{ font-size:15px;
                    text-align:left;
					color:#000;
					font-weight: normal;
					font-family: 'Source Sans Pro', sans-serif;
	}

/* -----------------------------------------------------Mobile-----------------------------------------------------/*

@media all and (max-width: 767px) and (min-width: 0px) {
.small_header{ visibility:hidden !important; width:90% !important; margin:auto;
}
.contact_form{ width:100%;
               height:100&;
			   margin:auto;
			   text-align: left;
	}
.contact_form input{ width:100%;
                      height:30px;
					  border-radius:4px;
					  display: inline-block;
					  float: none !important;
					  margin-bottom:3px;
					  border: #000 solid 1px;
					 -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                      box-sizing: border-box;
		             -webkit-box-shadow: none;
	                 -moz-box-shadow: none;
					 padding:5px;
					 font-family: 'Source Sans Pro', sans-serif;

	}
.contact_form textarea { width:100%;
                      height:80px;
					  border-radius:4px;
					  border: #000 solid 1px;
					 -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                      box-sizing: border-box;
		             -webkit-box-shadow: none;
	                 -moz-box-shadow: none;
					 padding:5px;
					 margin-right:20px;
					 margin-top:0px;
					 font-family: 'Source Sans Pro', sans-serif;

	}

.map{ width:100%;
      float: none !important;
	  height:250px;
	  border:#000 solid 1px;
	  border-radius:4px;
	  margin:auto;
	}
.addresss h3{font-family: 'Source Sans Pro', sans-serif;
                   text-align: center;
				   font-size:14px;
				   font-weight: normal;
				   margin-bottom:0px;
				   margin-top:0px;
				   line-height:25px;
}
.addresss h3 span{font-family: 'Source Sans Pro', sans-serif;
				   font-size:14px;
				   font-weight:700;
				   margin-bottom:0px;
				   margin-top:0px;
}


.logo_menu{ height:115px !important;
            width:90% !important;
			margin:auto;
			border-bottom:#0b8e36 solid 1px;
}
.logo{ height:80px;
            width:150px;
			float: none !important;
			margin:auto;
			display:block;
			
}
.logo img{ width:99%; height:100%;}

.menu{ text-align: center;
       width:100% !important;
	   float: none !important;
	   height:35px !important;
	   background:#0b8e36;
	   margin-top:0px !important;
	   
}
.menu a{
       display:inline-block;
	   color:#FFF;
	   letter-spacing:-1px;
	   text-decoration:none;
	   font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	   font-size:12px;
	   padding-left:3px;
	   padding-right:3px;
	   background:#0b8e36;
	   width: auto !important;
	   text-align:center;
	   height:35px;
	   line-height:35px;
	   margin-left:1px;
	   margin-top:1px !important;
}
.menu a:hover{
       display:inline-block;
	   letter-spacing:-1px;
	   color:#0b8e36;
	   text-decoration:none;
	   font-family: 'Source Sans Pro', sans-serif;
	   font-weight:normal;
	   background:#fff;
	   text-align:center;
	   width: auto !important;
	   padding-left:3px;
	   padding-right:3px;
	   height:35px;
	   line-height:35px;
	   margin-left:1px;
}
.menu a.selected{
       display:inline-block;
	   letter-spacing:-1px;
	   color:#0b8e36;
	   text-decoration:none;
	   font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	   background:#fff;
	   text-align:center;
	   height:35px;
	   padding-left:3px;
	   padding-right:3px;
	   line-height:35px;
	   margin-left:1px;
}

.about_center_text{ width:90% !important; text-align:center;}
.main_tittle{ width: 90% !important;
              margin:auto;
			  text-align:center;
			  margin-top:50px;
			  margin-bottom:20px;
	}
.main_tittle h1{
			  text-align: center;
			  width:auto !important;
			  font-size:33px;
			  font-family: 'Source Sans Pro', sans-serif;
			  font-weight:900;
			  color:f7941e;
	}
.div_agrina{ width:90%;float: none !important; margin:auto;
             margin-bottom:20px;
			 margin-top:20px;
	}
.div_agrinatittle{ width:100%;
               height: auto;
			   text-align:center;
			   color:#F60;
			   font-size:20px;
			   font-family: 'Source Sans Pro', sans-serif;
			   font-weight: 700;
	}
.div_agrinacontent{ width:100%; 
	}
.div_agrinapic{ width:100%;
               height: auto;
			   text-align:center;
	}
.div_agrinatext{ width:100%;
text-align: center;
font-size:15px;
float: left;
font-family: 'Source Sans Pro', sans-serif;
margin-top:0px;
	}
.line_agrina{background: none; width:38px; float: none !important;
      height:0;
}



.div_mz{ width:99% !important;float: none !important; margin:auto;
         margin-bottom:30px;
	}
.div_mztittle{ width:100% !important;
               height:auto !important;
			   text-align: center !important;
			   margin:auto !important;
	}
.div_mzcontent{ width:100% !important ; margin:auto auto;
	}
.div_mzpic{ width:100% !important;
               height:86px;
			   float: none !important;
			   background: url(../images/pic_mz.jpg) no-repeat center top;
	}
.div_mztext{ width:100% !important;
text-align: center;
height: auto !important;
float: none !important;
padding:0px !important;
	}
.content{ height:100%; margin:auto; width:90% !important;
          margin-top:70px;
 }

.div_vission{ width:99%;float: none !important; margin:auto;
	}
.div_vissiontittle{ width:100%;
               height: auto !important;
			   color:#F60;
			   font-size:25px;
			   font-family: 'Source Sans Pro', sans-serif;
	           font-weight:700;
			   text-align: center !important;
			   margin:auto;
	}
.div_vissioncontent{ width:100%; margin:auto !important;
                     font-family:arial;
					 text-align:center;
	}
.div_vissionpic{ width:100%;
               height:86px;
			   float: none !important;
			   background: url(../images/pic_vission.jpg) no-repeat center top;
	}
.div_vissiontext{ width:100% !important;
text-align: center !important;
font-size:15px;
height:auto !important;
float: none !important;
font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	   margin:auto;
	   padding:0px !important;
	}
	
.div_services{ width:99% !important;float: none !important; margin: auto;
	}
.div_servicestittle{ width: 100% !important;
               height:54px;
			   font-size:25px;
			   font-family: 'Source Sans Pro', sans-serif;
	           font-weight:700;
			   text-align: center;
			   color:#F60;
	}
.div_servicescontent{ width:100% !important; 
	}
.div_servicespic{ width:100%;
               height:86px;
			   float: none !important;
			   background: url(../images/pic_home_services.jpg) no-repeat center top;
	}
.div_servicestext{ width: 100%;
text-align: center;
font-size:15px;
float: none !important;
padding-left:0px !important;
height: auto !important;
font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
	}
.div_servicestext li{ list-style:url(../images/arrow.jpg);
                      border-bottom:#CCC dotted 1px;
					  margin-left:25px;
					  padding-bottom:5px;
					  padding-top:5px;
					  font-weight:bold;
	}

.line{float:none !important; width:99%; height:1px !important; border-bottom:#666 dotted 1px;
      margin-bottom:10px;
	  margin-top:10px;
}
.footer{ height:30px;
         width:90%;
		 margin:auto;
		 border-top: #333 dotted 1px;
		 margin-top:20px;
}
.footer_copy{ height:30px;
         width:100%;
		 float: none !important;
		 text-align: center;
		 font-family: 'Source Sans Pro', sans-serif;
	   font-weight: normal;
		 font-size:13px;
		 color:#000;
}

.footer_copy a{
		 font-family:arial;
		 font-size:12px;
		 color: #09C;
		 text-decoration:none;
}

.footer_menu{ height:30px;
         width:100%;
		 float: none !important;
		 text-align: center;
		 font-family:arial;
		 font-size:12px;
		 color: #666;
		 text-align: center;
}
.footer_menu a{
		 font-family: 'Source Sans Pro', sans-serif;
	     font-weight: normal;
		 font-size:13px;
		 color: #000;
		 text-decoration:none;
		 text-align:left;
		 display: inline-block;
		 margin-left:10px;
}

#more {
	height: 50px; width: 150px;
    overflow: hidden;
    margin:auto;
    text-align: center;
	margin-top:10px;
	border-radius:5px;
}

#more ul li {
	float: left !important;
	list-style-type: none;
	width:150px;
	margin-top:-16px;
	margin-left:-41px;
	
}

#more ul a {
	display: block;
	background: #0b8e36; color: #fff;
	height: 50px; width: 150px;
	font: lighter 1.2em/15px arial;
	text-decoration: none;
	line-height:50px;
	
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	-o-transition: margin .4s ease-in-out;
	-ms-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
	
}

.products_main{ width:100%;
				float: none !important;
				background:#CCC;
				height: auto !important;
				margin-bottom:10px;
	}
.products_main_1{ width:100%;
				float: none !important;
				background:#CCC;
				height: auto !important;
				margin-bottom:10px;
	}

.products_main_pic{ width:100% !important;
                height: auto !important;
				float: none;
				margin-left:50px;
				background:#066;
	}
.products_main_des{ width: 90%;
                    margin:auto;
					margin-bottom:20px;
					padding-bottom:20px;
	}
.products_main_des h3{ font-size:25px;
                    text-align:left;
					margin-bottom:0px;
					margin-top:0px;
					color:#090;
					font-weight:bold;
					font-family: 'Source Sans Pro', sans-serif;
	}
.products_main_des p{ font-size:15px;
                    text-align:left;
					color:#000;
					font-weight: normal;
					font-family: 'Source Sans Pro', sans-serif;
	}

.address_left{ float: none !important;
               width:100%;
	}
.address_right{
               width:100% !important;
			   float: none !important;
	}
.addresss{ float: none !important;
          width:100% !important;
		  height:100%;
		  margin:auto;
		  margin-bottom:10px;
		  text-align:left;
	}
.addresss h3{font-family: 'Source Sans Pro', sans-serif;
                   text-align: left;
				   font-size:15px;
				   font-weight: normal;
				   margin-bottom:0px;
				   margin-top:0px;
				   line-height:30px;
}
.addresss h3 span{font-family: 'Source Sans Pro', sans-serif;
                   text-align: left;
				   font-size:15px;
				   font-weight:700;
				   margin-bottom:0px;
				   margin-top:0px;
}	
}
*/