@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
body {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
line-height: 1;
font-weight:100;
background-color:#d9e7e1;
}
a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #960;
}
a:active {
text-decoration: none;
}
.wrapper {
max-width:1002px;
width:98%;
margin:auto;
}
.fl {
float:left;
}
.fr {
float:right;
}
.flex {
overflow:hidden;
}
.split {
clear:both;
}
header {
min-height:50px;
width:100%;
background-color:#FFF;
border-radius:7px;
margin: 12px 0 0 0px
}
.logo {
float:left;
margin: 7px 0 0 15px;
}
.moblogo {
display:none;
}
.mobnav {
display:none;
}
.menu {
cursor:pointer;
}
nav {
float:left;
width:778px;
margin-left:20px;
background-color:#edf5f2;
}
nav ul {
width:auto;
}
nav ul li {
list-style:none;
float:left;
}
nav ul li:hover {
background-color:#393939;
}
nav ul li a {
padding: 18px 24px 18px 23px;
display:block;
font-size:14px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
border-left:solid 1px #d4e4dd;
color:#447560;
}
nav ul li a:hover {
text-decoration:none;
color:#fff;
background-color:#393939;
}
nav ul li:hover ul {
display:block;
}
nav ul ul {
display:none;
position:absolute;
background-color:#393939;
width:250px;
z-index:999;
margin-left:1px;
padding-bottom:7px;
}
nav ul ul li {
list-style:none;
float:none;
text-align:left;
}
nav ul ul li a {
padding: 9px 10px 9px 10px;
display:block;
font-size:12px;
text-transform:none;
font-family: 'Montserrat', sans-serif;
border-left:none;
color:#fff;
}

nav ul ul li a:hover {
background-color:#24ad45;
color:#fff;
}
.slider {
width:100%;
margin: 10px 0 10px 0px;
}
.slider img {
width:100%;
}
.logosbar {
background-color:#FFF;
min-height:100px;
width:100%;
margin-bottom:12px;
}
.logosbar ul {
width:auto;
}
.logosbar ul li {
list-style:none;
float:left;
margin:11px 0 0 0px;
width:20%;
}
footer {
width:100%;
min-height:300px;
background-color:#0d912e;
margin-bottom:20px;
border-radius: 0 0 10px 10px;
}
.bottomprod {
padding:20px;
width:100%;
}
.bottomprod ul {
width:24%;
float:left;
}
.bottomprod ul h3 {
color:#80e79a;
font-weight:100;
font-size:18px;
margin: 0px 0 15px 0px;
text-transform:uppercase;
}
.bottomprod ul p {
color:#fff;
font-size:13px;
line-height:20px;
}
.bottomprod ul p  a{
color:#fff;
font-size:13px;
line-height:20px;
text-decoration:none;
}

.bottomprod ul p img {
	margin-bottom:6px;
}
.bottomprod ul li {
list-style:none;
line-height:22px;
}
.bottomprod ul li a {
color:#FFF;
font-size:13px;
}
.bottomprod ul li a img {
float:left;
margin-right:4px;
margin-top:4px;
}

.bottomprod ul li a:hover {
color:#9fe1af;
}
.copyright {
text-align:center;
background-color:#087122;
margin: 10px 0 0 0px;
padding: 10px 0 10px 0px;
color:#9C6;
font-size:12px;
}
table {
border:solid 1px #ddd;
}
tr {
	border:solid 1px #ddd;
	color:#FFF !important;
}
td {
	border:solid 1px #eee;
	font-size:12px !important;
	font-family:Calibri !important;
	letter-spacing:.5px !important;
	color:#333;
	font-weight:bold !important;
}

.main_content{
 background:#ffffff;
 padding:10px 20px;
 margin:10px 0;
}
.main_content p{
	font-size:14px;
	line-height:21px;
	text-align:justify;
	text-transform:none;
	font-family:Calibri;;
	border-left:none;
	color:#666;
    padding:10px 0;
}
.main_content a{
text-decoration:none;
font-size:14px;
line-height:21px;
text-align:justify;
text-transform:none;
font-family:Calibri;
border-left:none;
color:#666;
letter-spacing:-1px;
}

.main_content h1{
font-size:30px;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
border-bottom:solid 1px #d4e4dd;
color:#447560;
font-weight:400px;
padding:15px 0 20px 0;
}

.content{
width:60%;
}

.pic{
width:40%;
}
.main_content h3{
background-color: #0d912e;
color:#ffffff;
padding:10px;
font-family:Calibri;
font-size:18px;
font-weight:lighter;
}

.main_content h2{
color:#393939;
padding:20px 10px;
font-family: 'Montserrat', sans-serif;
font-size:30px;
font-weight:lighter;
line-height:30px;
letter-spacing:-1px;
}


.matter{
width:60%;
float:left;
}
.matterprop{
padding:20px;
}

.matter ul li
{
list-style:disc;
font-size:14px;
line-height:21px;
text-align:justify;
text-transform:none;
font-family:Calibri;
border-left:none;
color:#666;
margin-left:20px;
padding:2px 10px;
}

.matter h4
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
font-style:italic;
color:#990;
margin: 12px 0 12px 0px;
font-weight:100;
border-top:solid 1px #ccc;
padding: 12px 0 0 0px;
}
.product{
margin: 0 0 20px 0px;
box-shadow:0px 0px 2px #999;
overflow:hidden;
}
.product_img img{
width:40%;
float:right;
}

.modalDialog {
position: fixed;
font-family:Calibri;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width:550px;
position: relative;
margin: 10% auto;
padding: 25px 20px 25px 20px;
border-radius: 10px;
background: #fff;
}

		.close {

		background: #0d912e;

		color: #FFFFFF;

		line-height: 25px;

		position: absolute;

		right: -12px;

		text-align: center;

		top: -10px;

		width: 24px;

		text-decoration: none;

		font-weight: bold;

		-webkit-border-radius: 12px;

		-moz-border-radius: 12px;

		border-radius: 12px;

		-moz-box-shadow: 1px 1px 3px #000;

		-webkit-box-shadow: 1px 1px 3px #000;

		box-shadow: 1px 1px 3px #000;

	}



.modalDialog h1 {
font-family:Calibri;
font-weight:100;
font-size:24px;
text-transform:uppercase;
color:#0d912e !important;
text-align:center;
border-bottom:1px solid #ccc;
padding: 0 0 15px 0;
}
.tb1{
background-color:#666;
color:#ffffff;
border-right:1px solid #ccc;
font-family:Calibri;
font-size:14px;
font-weight:lighter;
padding:10px;
letter-spacing:-1px;
text-align:center;
}

.tb2{

color:#999;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
 font-family:Calibri;
 font-size:14px;

	 text-align:center;

    font-weight:lighter;

    padding:10px;

	letter-spacing:-1px;

}

.tb3{

	

	color:#999;

	 border-left:1px solid #ccc;

	 border-bottom:1px solid #ccc;

     border-right:1px solid #ccc;

	font-family:Calibri;

	font-size:14px;

	 text-align:center;

    font-weight:lighter;

    padding:10px;

	letter-spacing:-1px;

}

.link{
	 background-color:#666;
	 color:#ffffff !important;
	 padding: 6px 20px 6px 20px !important;
	 border:none;
	 border-radius:5px;
	 font-family:Calibri !important;
	 text-transform:uppercase !important;
	 letter-spacing:.5px !important;

	   }

.link:hover{

	 background-color: #0d912e;

}

.downcat1 {
	position:fixed;
	right:0px;
	top:25%;
}
.downcat {
	position:fixed;
	right:0px;
	top:47%;
}
.feedback  {
	position:fixed;
	left:0px;
	top:25%;
}


.paging{

 width:75%; 
 float:left;
 margin: 10px 0 10px 0px;


 }
 
.paging p{

 float:left;
 margin-right:10px;
 font-family:Calibri;
 letter-spacing:.5px;
 font-size:15px;
 color:#333;

 }
.paging ul li a {
	 text-decoration:none !important;
	 float:left;
	 padding:2px 12px 2px 12px;
	 background-color:#0d912e;
	 color:#ffffff;
	 text-align:center;
	 margin: 9px 2px 0 2px;
 }
.paging ul li a:hover {
	 background-color:#666;
	 color:#ffffff;
	 text-decoration:none;
 }
.current {
	 background-color:#666 !important;
	 color:#ffffff;
	 text-decoration:none;
}

.gallery_photo{

	 padding:10px 0px;

	

}



.gallery_photo ul li{

	float:left;

    padding:5px 6.7px;

	 

 }

 .gallery_photo ul li p{

 text-align:center;

	 

 }

.form h4{

	 color:#393939;

	 padding:10px 10px;

    font-family:Calibri;

	font-size:24px;

    font-weight:lighter;

    line-height:30px;



	 }

.form_labels{

	color:#666;

    font-family:Calibri;

	font-size:14px;

    font-weight:lighter;

	padding:5px 10px;

    margin:10px 0;



	 float:left;

	  width:15%;

	 }

.form_fields{

	color:#666;

    font-family:Calibri;

	font-size:14px;

    font-weight:lighter;

   	margin:10px 0;

    width:30%;

	

	float:left;

	padding:5px 10px;

	}
.form_labels_feedback{

	color:#666;

    font-family:Calibri;

	font-size:14px;

    font-weight:lighter;

	padding:5px 10px;

    margin:10px 0;

	

	 float:left;

	  width:30%;

	 }

.form_fields_feedback{
color:#666;
font-family:Calibri;
font-size:14px;
font-weight:lighter;
margin:10px 0;
width:60%;
float:left;
padding:5px 10px;
}
.margin_top{
color:#666;
font-family:Calibri;
font-size:14px;
font-weight:lighter;
margin:10px 0;
float:left;
}

.radio_fields{
color:#666;
font-family:Calibri;
font-size:14px;
font-weight:lighter;
margin:0 10px;
}

.width{
width:300px;
}

.textarea{
margin:10px 0px;
}
.news{
width:100%;
margin: 12px 0 10px 0px;
min-height:450px;
}

.news h4{
     color:#393939;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-style:italic;
	 font-size:20px;
	 padding:10px 0 0 0;
	 font-weight:100;
	 color:#933;

}
.news p{
	font-family:Calibri;
	font-size:14px;
    color:#666;
	letter-spacing:.5px;

}
.news p a{
	font-family:Calibri;
	font-size:14px;
    color:#666;
	letter-spacing:.5px;
}
.news p a:hover{
    color:#333;
}

.news img{

	 float:left;
     border:1px solid #ccc;
	 padding:4px;
	 margin-right:10px;
 } 
.promotion-images{
width: 100%;
min-height: 550px;
}
.promotion-images ul {
width: auto;
margin: auto;
}
#lightgallery li {
    width: 22%;
    list-style: none;
    float: left;
    margin: 14px;
}
#lightgallery a img {
    width: 100%;
    height: 150px;
    border: 2px solid #ccc;
}


.req_field{
	color:#F00;
	}