@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin-ext');
a:hover {color:#577a5f}

body {font-family: 'PT Sans', sans-serif; font-weight:400; overflow-x:hidden; }
.margin0auto {margin:0 auto; text-align:center;}
header {background:url("images/headerbg.png") no-repeat; background-repeat:no-repeat;
background-size: 100% 100%;
background-position:center; padding-bottom:80px;}
#navbar {width:100%; padding:0 90px; position:relative;}
a.navicon{display:none;}
a.logo {position:absolute; margin:0 auto;  left:50%; margin-left:-55px;}
#topbar {list-style:none; width:100%; margin-top:15px; border-bottom:2px solid rgba(94,112,65, 0.5); padding-bottom:13px;}
#topbar .sag{float:right;}
#topbar li {color:#fff;}
#topbar li {float:left; margin-left:60px;}
#topbar li:first-child {float:left; margin-left:0px;}
#topbar li a{color:#fff;}
#menubar {list-style:none; width:100%; margin-top:10px;} 
#menubar .sag{float:right;}
#menubar li {float:left; margin-left:120px; position:relative;}
#menubar li:first-child {float:left; margin-left:0px;}
#menubar li a{color:#fff; font-size:18px}
#menubar li ul.sub{display:none; width:200%; float:left;  position:absolute; padding-left:0; background:rgba(72,84,51, 0.95); z-index:4; border:1px solid #ccc;}
#menubar li ul.sub li{float:left; width:100%; margin-left:0; padding: 5px 10px;border:1px solid #ccc;}
#menubar li:hover ul.sub{display:block;}
#title {margin-top:120px;}
#title h1 {font-family: 'PT Sans Narrow', sans-serif; font-size:64px; color:#fff; font-style:italic; }
#about {margin-top:90px;}
#about h1 {font-family: 'PT Sans Narrow', sans-serif; font-size:28; color:#fff; font-style:italic; float:left; display:block;}
#about h2 {font-family: 'PT Sans Narrow', sans-serif; font-size:28px; color:#fff; font-style:italic; float:right; display:block;  padding-left:5px;padding-top:0px; margin-bottom:20px; margin-top:0;}
#about p {font-family: 'PT Sans Narrow', sans-serif; font-size:18px; color:#fff; margin-top:15px; text-indent:18px; float:left; display:block;}
#products {background:#5e7041; padding-bottom:30px; padding-top:20px;}
#products h2{font-family: 'PT Sans Narrow', sans-serif; font-size:28px; color:#fff; border-bottom:2px solid #fff; border-top:2px solid #fff;  display:block; text-align:center; padding:5px 20px 5px 20px}
.box { margin-top:20px;}
.boxic { background:#fff; border:4px solid #2f3b1d; padding-top: 0px; padding-bottom:30px; }
.boxic img{width:80%; display:block; margin:0 auto; text-align:center; border:4px solid #2f3b1d; }
.box p {font-family: 'PT Sans Narrow', sans-serif; color:#2f3b1d; text-align:center; font-size:16px; display:block; width:80%; margin:0 auto; margin-bottom:15px;}
.box hr {  border:1px solid #2f3b1d; width:80%; padding:0; margin:0 auto; margin-bottom:15px;}
.box a {padding:5px 10px 10px 10px;  border:1px solid #2f3b1d; margin:0 auto; text-align:center; font-size:20px; display:block; background:#5e7041; color:#fff; width:100%; margin-top:20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} 
.box a.img {padding:0px;  border:0px; margin:0 auto; text-align:center; border:none;    background: none;} 
.box a:hover {text-decoration:none;} 
#contact {background:#fff; padding:50px 0px;}
#contact .container {padding-right:30px; padding-left:30px; margin-top:10px; }
#contact .ic {background:#5e7041; padding:30px 30px; }
#contact .ic b{color:#9ba689; line-height:1.2; float:left; font-size:16px; padding-left:30px; }
#contact .ic p{color:#fff; line-height:1.4; float:left; font-size:24px; padding-left:30px; }
#contact .ic a{color:#fff; line-height:1.4; float:left; font-size:24px; padding-left:30px; }
#content>div {padding-top:20px;padding-bottom:10px; }
#content h2 {color:#5E7041; line-height:1.8;  font-size:28px;  text-indent:16px;  padding-bottom:10px;}
#content h3 {color:#5E7041; line-height:1.8;  font-size:24px;  text-indent:16px;  padding-bottom:10px;}
#content p {color:#333; line-height:1.8;   font-size:16px;  text-indent:16px;  padding-bottom:20px;}
#kalite {padding-top:40px;padding-bottom:10px; background:#5e7041;border-bottom:4px solid #2f3b1d;}
#kalite>div {padding-top: 0px;padding-bottom:10px; }
#kalite h2{font-family: 'PT Sans Narrow', sans-serif; font-size:28px; color:#fff; border-bottom:2px solid #fff; border-top:2px solid #fff;  display:block; text-align:center; padding:5px 20px 5px 20px}
#kalite p {color:#fff; line-height:1.4; float:left; font-size:16px;  text-indent:16px;  padding-bottom:10px;}
#kalite ul {color:#fff; line-height:1.4; float:left; font-size:16px;     padding-bottom:10px; }
footer {background:#5e7041;}
footer .ic {padding:10px 30px;}
footer .ic p {color:#fff; font-family: 'PT Sans Narrow', sans-serif;}
table {color:#fff;}
table td a {color:#fff;}
.form form{width:100%;}
.form form label {width:100%;}
.form form input {width:100%;}
.form form textarea {width:100%;}
@media (max-width: 1200px) { 
	#navbar {width:100%; padding:0 70px; position:relative;}
	a.logo {position:absolute; margin:0 auto;  left:50%; margin-left:-55px;}
	#topbar {list-style:none; width:100%; margin-top:15px; border-bottom:2px solid rgba(94,112,65, 0.5); padding-bottom:13px;}
	#topbar .sag{float:right;}
	#topbar .sag li{float:right; margin-left:20px;}
	#topbar li {float:left; margin-left:50px;}
	#topbar li:first-child {float:left; margin-left:0px;}
	#topbar li a{color:#fff;}
	#menubar {list-style:none; width:100%; margin-top:10px; }
	#menubar .sag{float:right;}
	#menubar li {float:left; margin-left:40px;}
	#menubar li:first-child {float:left; margin-left:0px;}
	#menubar li a{color:#fff;}
	#about {margin-top:40px;}
	#about h1 {font-family: 'PT Sans Narrow', sans-serif; font-size:54px; color:#fff; font-style:italic; float:left; display:block;}
	#about h2 {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; color:#fff; font-style:italic; float:left; display:block;  padding-left:5px;padding-top:30px; margin-bottom:20px;}
	#about p {float:left; font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#fff; margin-top:15px; text-indent:18px;}
	#contact {background:#fff; padding:50px 0px;}
	#contact .container {padding-right:30px; padding-left:30px; margin-top:10px; }
	#contact .sol{float:none; width:100%;  padding-left:10px;  margin:0 auto; text-align:center;}
	#contact .sol b{padding-left:45px;}
	#contact .sag{float:none; width:100%; margin:0 auto; margin-top:40px; padding:0!important;  text-align:center;}
	
}
 
 @media (max-width: 990px) { 
 #navbar {width:100%; padding:0 10px; position:relative; }
	a.logo {position:absolute; margin:0 auto;  left:50%; margin-left:-55px; top: 80px}
	#topbar {list-style:none; width:100%; margin-top:15px; border-bottom:2px solid rgba(94,112,65, 0.5); padding-bottom:28px;}
	#topbar .sag{float:right;}
	#topbar .sag li{float:right; margin-left:30px;}
	#topbar li {float:left; margin-left:50px;}
	#topbar li:first-child {float:left; margin-left:0px;}
	#topbar li a{color:#fff;}
	#menubar {list-style:none; width:100%; margin-top:10px; }
	#menubar .sag{float:right;}
	#menubar li {float:left; margin-left:60px;}
	#menubar li:first-child {float:left; margin-left:0px;}
	#menubar li a{color:#fff;}
	#about {margin-top:120px;}
	#about h1 {font-family: 'PT Sans Narrow', sans-serif; font-size:54px; color:#fff; font-style:italic; float:none; display:none; text-align:center;}
	#about h2 {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; color:#fff; font-style:italic; float:none; text-align:center;display:block;  padding-left:5px;padding-top:30px; margin-bottom:20px;}
	#about p {float:left; font-family: 'PT Sans Narrow', sans-serif; font-size:16px; color:#fff; margin-top:5px; text-indent:18px;}
}
 

 @media (max-width: 780px) { 

}
 
@media (max-width: 768px) { 
		#navbar {width:100%; padding:0 0px; position:relative;}
		a.navicon{display:block; position:absolute; right:0; top: 0px; font-size:24px; color:#5e7041}
	a.logo {position:absolute; margin:0 auto;  left:50%; margin-left:-55px; top:0; display:none;}
	#topbar {list-style:none; width:100%; margin-top:15px; border-bottom:none; padding-bottom:13px;}
	#topbar .sag{float:left; width:100% }
	#topbar .sag li{float:left; margin-left: 20px;}
	#topbar li {float:left; margin-left:50px;}
	#topbar li:first-child {float:left; margin-left:0px;}
	#topbar li a{color:#fff;}
	#menubar {list-style:none; width:100%; margin-top:20px; display:none;  padding:0;}
	#menubar .sag{float:none;}
	#menubar li {padding:10px; background: #5e7041; float:left; margin-left:  0px; width:100%; border:1px solid #2f3b1d}
	#menubar li:first-child {float:left; margin-left:0px;}
	#menubar li a{color:#fff;}
	#about {margin-top:40px;}
	#about h1 {font-family: 'PT Sans Narrow', sans-serif; font-size:54px; color:#fff; font-style:italic; float:left; display:block;}
	#about h2 {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; color:#fff; font-style:italic; float:left; display:block;  padding-left:5px;padding-top:30px; margin-bottom:20px;}
	#about p {float:left; font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#fff; margin-top:15px; text-indent:18px;}
	#contact {background:#fff; padding:50px 0px;}
	#contact .container {padding-right:30px; padding-left:30px; margin-top:10px; }
	#contact  .ic p{font-size:16px;}
	#contact .sol{float:none; width:100%;  padding-left:10px;  margin:0 auto; text-align:center;}
	#contact .sol b{padding-left:45px;}
	#contact .sag{float:none; width:100%; margin:0 auto; margin-top:40px; padding:0!important;  text-align:center;}
}

@media (max-width: 650px) { 
	#contact {background:#fff; padding:50px 0px;}
	#contact .container {padding-right:30px; padding-left:30px; margin-top:10px; }
	#contact  .ic p{font-size:16px;}
	#contact .sol{float:none; width:100%;  padding-left:10px;  margin:0 auto; text-align:center;}
	#contact .sol b{padding-left:35px;}
	#contact .sag{float:none; width:100%; margin:0 auto; margin-top:40px; padding:0!important;  text-align:center;}
	#contact .sag b{padding-left:10px;}
}