*{
	padding:0px;
	margin:0px;
}
body{

	background:url('../images/page_bg2.jpg')  50% 0 no-repeat #131313;
	font-family: 'Source Sans Pro', sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: -0.4px;
	position: relative;
	height: 100%;
	padding-bottom:100px; 
}
.clear{
	clear: both;
}
#home_background{
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#home_background img{

	min-width: 110%;
	min-height: 100%;
	margin-left: -100px;
}

#home_tag1{
	position: absolute;
	color: #fff;
	text-shadow: 1px 1px  #000;
	-moz-text-shadow: 1px 1px  #000;
	-webkit-text-shadow: 1px 1px  #000;
	bottom: 400px;
	left: 7%;
	font-weight: normal;
	font-size: 58px;
	line-height: 58px;
}

#home_tag1 span{
	font-family: 'Playfair Display', serif;
	font-style: italic;
	margin-left: 170px;
}

#home_tag2{
	color: #fff;
	position: absolute;
	bottom: 120px;
	left: 7%;
	text-shadow: 1px 1px  #000;
	-moz-text-shadow: 1px 1px  #000;
	-webkit-text-shadow: 1px 1px  #000;
	font-size: 22px;
}
#banner{
	position: absolute;
	right: 7%;
	bottom: 120px;
	width: 180px;
}

#banner img{
	width: 100%;
}
#logo_holder{
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	position: absolute;
	top: 20px;
}

#logo_holder h5{
	position: absolute;
	left:220px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	top: 80px;
	display: block;
	width: 500px;
	text-shadow: 2px 2px 2px #000;
	-moz-text-shadow: 2px 2px 2px #000;
	-webkit-text-shadow: 2px 2px 2px #000;

}
#logo_holder span{
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 22px;
	display: block;

}

#logo{
	background: url('../images/logo.png');
	width: 136px;
	height:98px;
	margin-left: -19px;
	display: block;
}

#product_text{
	position: absolute;
}

#outer{
	width: 1100px;
	margin: 155px auto 40px;
	background: #fff;
}

.about h1{
	font-weight: normal;
	
	color:#216848;
	border-bottom:  1px solid #ccc;
}

.about h1, .about p{
	margin: 20px 50px;
}


nav{
	height: 48px;
	width: 100%;
	background:rgba(0, 85, 48, 0.8);
}
nav ul{
	list-style: none;
	position: absolute;
	right:10%;
	text-align: center;
}
nav li{
	transition: background-color 0.5s ease;
	width: 100px;
	display: inline-block;
	line-height: 48px; 
}

nav li:hover{
	background-color:#7dba56;

}
nav a:link, nav :visited{

	color: #fff;
	text-transform:uppercase;
	text-decoration: none;
}

#solutions{
	position: absolute;
	top: 48px;
	right: 10%;
	width: 410px;
	z-index: 4;
	background: rgba(255,255,255,0.9);
	display: none;

}

#solutions:after{
	content: '';
	display: block;
	clear: both;
}

#sol_left{
	width: 150px;
	float: left;	
}

#sol_right{
	float: right;
	background: #fff;
	width: 240px;
	padding: 10px 10px 40px 10px;
}

#sol_right img{
	max-height: 70px;
	max-width: 50px;
}
#sol_right h4{
	color:#E7703C;
	font-weight: normal;
    font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
}
#sol_right h6{
	color: #444;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	margin-top: 15px;
}

#sol_right li a:link, #sol_right li a:visited{
	font-size: 12px;
	color: #444;
	text-decoration: none;
	text-transform: none;
}

#sol_right li a:hover{
	text-decoration: underline;
}
#solutions li:nth-child(1){color:#E7703C; }
#solutions li:nth-child(2){color:#91be71; }
#solutions li:nth-child(3){color:#3099DD; }
#solutions li:nth-child(4){color:#9ea939 ; }
#solutions li:nth-child(5){color:#f3b612; }
#solutions li:nth-child(6){color:#C2557C; }
#solutions li:nth-child(7){color:#444; }

#solutions li.active {
	background: #E7703C;
	color: #fff;
}


#solutions ul{
	list-style: none;
	margin-top: 10px;
}

#solutions li{
	display: block;
	margin-left:10px; 
	padding: 0px 10px;
	line-height: 30px;
	text-transform: uppercase;
	cursor: pointer;

}
#title_area{
	width:100%;
	height: 80px;
	background: url("../images/green_line.jpg") #216848 bottom left repeat-x;
	position: relative;
}
#title_area h2{
	font-size: 36px;
	font-family: 'Playfair Display', serif;
	color: #fff;
	font-weight: 400;
	font-style: italic;
	padding-left: 40px;
	padding-top: 8px;
	}

#herbs{
	float: left;
}

#herbs .quarter{
	text-align: center;
	color: #fff;
	height: 220px;
}

#herbs h4{
	margin-top: 20px;
}

#herbs p {
	line-height: 18px;
	margin-bottom: 8px;
}


#product_tagline.quarter{
	background: #fff;
	height: 179px;
	color: #165e3b;
	font-size: 23px;
	line-height: 1.1;
	text-align: left;
	padding: 60px 30px 0px 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;



}
#product_tagline.quarter span{
	
	font-weight: normal;
    font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #7ebb56;

}

#herbs{
	position: relative;
}

#herbs .quarter{
	position: absolute;
}
#herbs .v-first{background: url("../images/cat_bg1.jpg");}
#herbs .v-second{background: url("../images/cat_bg2.jpg");}
#herbs .v-third{background: url("../images/cat_bg3.jpg");}
#herbs .v-fourth{background: url("../images/cat_bg4.jpg");}
#herbs .v-fifth{background: url("../images/cat_bg5.jpg");}
#herbs .v-sixth{background: url("../images/cat_bg6.jpg");}
#herbs .v-seventh{background: url("../images/cat_bg7.jpg");}



#filters{
	width: 880px;
	height: 220px;
	background: #fff;
	margin-top: -40px;
	border-top:2px solid #7dba56;

}
.filter_label{
	color: #7dba56;
	font-size: 18px;
	padding: 25px 0 15px 0;
	display: block;
}

#filters input[type="checkbox"], #filters input[type="radio"] {
	display: none;

}

#filters .h-first label, #filters .h-second label, #filters .h-third label{
	display: inline-block; 
	position: relative; 
	padding-left: 25px;
	color: #444;
	cursor: pointer;

}
 #filters .h-first label:before, #filters .h-second label:before, #filters .h-third label:before {  
    content: "";  
    display: inline-block;  
    width: 12px;  
    height: 12px;  
  	border: 1px solid #ccc;
  	border-radius:6px; 
  	position: absolute;
  	top:5px;
  	left: 0;
}

#filters .h-first label.active:before, #filters .h-second label.active:before, #filters .h-third label.active:before{
	background: #7dba56;

}



#filters .quarter, #filters .half{
	padding-left: 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float: left;
}

#select_style{
	background: url('../images/select.jpg');
	width:159px;
	height:37px;
}

#filters .reset:link , #filters .reset:visited{
	background: url('../images/reset.jpg');
	display: block;
	 width:86px;
	 height:28px;
	 margin-top: 40px;
	 text-decoration: none;
	 color: #9bcc7b;
	 text-transform: uppercase;
	 padding-left: 30px;
	 padding-top: 4px;

}
#filters select{
	width:143px;
	height:37px;
	background: transparent;
	border: none;
	outline: none;
	 -webkit-appearance: none;
	 padding: 0 5px;
}

#filters .h-third{
	padding-top: 71px;
}



#outer:after {
    content:'';
    display:block;
    clear: both;

}

#products{
	width: 880px;
	float: right;
	position: relative;
}

.product{
	
	height: 220px;
	position: absolute;
	border-bottom:1px solid #e3e3e3;
	border-left:1px dashed #e3e3e3;
	text-align: center;
	background: #fff;
	cursor: pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.product.fix-img img{bottom: 63px;}

#products .product.fix-text h6{
	bottom: 22px;
}

.gray{
		filter: gray;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	cursor: default;
}

.product img{
	max-height: 130px;
}

.quarter{width: 220px;}
.fifth{width: 176px;}

.v-first{top:180px; border-top:1px solid #e3e3e3;}
.v-second{top:400px;}
.v-third{top:620px;}
.v-fourth{top:840px;}
.v-fifth{top:1060px;}
.v-sixth{top:1280px;}
.v-seventh{top:1500px;}


.h-first{left:0; border-left: none;}
.h-second{left:220px;}
.h-third{left:440px;}
.h-fourth{left:660px; border-right:1px dashed #e3e3e3;}

.h-second.fifth{left: 176px;}
.h-third.fifth{left: 352px;}
.h-fourth.fifth{left: 528px;}
.h-fifth.fifth{left: 704px;}





#products h1, #products h6{
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-style: italic;
	
}
#products h1{font-size: 38px; line-height: 42px;}

#products h6{
	font-size: 16px;
	line-height: 18px; 
	position: absolute; 
	bottom: 5px; 
	left: 0; 
	padding: 0 10px; 
	width: 100%; 	
	text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.product img{
	position: absolute;
	bottom: 50px;
	left: 50%;
}



.v-first h6{color:#E7703C;}
.v-second h6{color:#91be71;}
.v-third h6{color:#3099DD;}
.v-fourth h6{color:#9ea939;}
.v-fifth h6{color:#f3b612;}
.v-sixth h6{color:#C2557C;}
.v-seventh h6{color:#444;}


#products .product_2_1 h1, #products .product_2_2 h1, #products .product_2_3 h1,#products .product_2_4 h1{color:#91be71;} 
#products .product_3_1 h1, #products .product_3_2 h1, #products .product_3_3 h1{color:#3099DD;} 
#products .product_4_1 h1, #products .product_4_2 h1, #products .product_4_3 h1,#products .product_4_4 h1 , #products .product_4_5 h1{color:#9ea939;}  
#products .product_5_1 h1, #products .product_5_2 h1, #products .product_5_3 h1,#products .product_5_4 h1{color:#f3b612;}  
#products .product_6_1 h1, #products .product_6_2 h1, #products .product_6_3 h1,#products .product_6_4 h1{color:#C2557C;}  
#products .product_7_1 h1, #products .product_7_2 h1, #products .product_7_3 h1{color:#444;}  

.product.v-first:hover{
		margin-top: -10px;
}

.product:hover{
	padding: 10px;
	margin-left: -11px;
	margin-top: -11px;
	z-index: 1;
	border:1px solid #7fac5c;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-shadow: 0 0 5px rgba(0,0,0,0.25)
}

.product:hover img{
	bottom: 60px;
}

.product.fix-img:hover img{
	bottom: 73px;
}

#products  .product:hover h6{
	bottom: 15px;
	padding: 0 20px;
}
#products  .product.fix-text:hover h6{
	bottom:32px;
}

.product.gray:hover{
	padding:0px;
	border:none;
	margin-left: 0px;
	margin-top: 0px;
}

.product.gray:hover img{
	bottom: 50px;
}
.product.fix-img.gray:hover img{
	bottom: 63px;
}

#products  .product.gray:hover h6{
	bottom: 5px;
	padding: 0 10px;
}

#products .product.fix-text.gray:hover h6{
	bottom: 22px;
}

.arrow{
	position: absolute;
	top: 200px;
	display: block;
	width: 30px;
	height: 30px;
}

.left-arrow{
	left:20px;
	background: url("../images/icon_arrow_l.png");
}
.right-arrow{
	right:20px;
	background: url("../images/icon_arrow_r.png");
}

.close{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 20px;
	right: 24px;
	background: url("../images/icon_close.png");
}



.product-info{
	position: absolute;
	top: 440px;
	margin-left: -220px;
	background: #fff;
	display: none;
	width: 1100px;
	overflow: hidden;
	height: 440px;
	border-bottom:1px solid #eee;
	
}

.product-info img{
	padding: 40px 70px 50px 110px;
	float: left;
}

.product-info h1{
	margin-top: 50px;
	color:#E7703C;
}
.product-info h1, .product-info p{
	width: 420px;
	float: left;
}
.product-single{
	display: none;
	width: 880px;
}
.product-single.current_product{
	display: block;
}

.product-single:after{
	content:'';
	display: block;
	clear: both;
}

#buy_now{
	position: absolute;
	display: block;
	width: 220px;
	right: 90px;
	top:50px;
	border-left: 1px solid #eee;
	padding-left: 35px;
}

#buy_now img{
	padding: 0;
	margin-bottom: 20px;
	float: none;

}

#buy_now p{
	width: auto;
	float: none;
}

#buy_now span{
	font-weight: bold;
	text-transform: uppercase;
}

#buy_now a.link:link, #buy_now a.link:visited{
	color: #1f603a;
}
.naruci{
	display: block;
	width:141px;
	height:43px;
	background: url('../images/naruci.jpg');
	margin: 20px 0;
}

footer{
	
	position: absolute;
	bottom: 0;
	line-height: 80px;
	height: 80px;
	background: #000;
	width: 100%;
	overflow: hidden;
}
footer #copyright{
	margin-left: 7%;
	float: left;
	width: 150px;
}
footer ul{
	float: left;
	list-style: disc;
	margin-left: 50px;
}
footer li{
	display: inline-block;
	padding: 0px 15px;
	background: url("../images/dot.png") no-repeat center left;
}
footer, footer a:link, footer a:visited{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

footer #social{
	float: right;
	margin-right: 7%;
	margin-top: 8px;
	
}

footer #social a{
	margin-left: 15px;
}
footer #credits{
	float: right;
}

footer #credits a:link, footer #credits a:visited{
	text-transform: none;
	color: #aaa;
	font-size: 12px;
	margin-right: 30px;
}

#herbs_inner{
	overflow: hidden;
	position: relative;
}

.herb_group{
	display: none;
	position: absolute;
	width: 780px;
}

.next_group{
	left: 780px;
}

.prev_group{
	left: -780px;
}



.herb_group:after{
	content: '';
	clear: both;
	display: block;
	
}
.next_group, .current_group, .prev_group {
	display: block;
}

.biljka{
	width:260px;
	border-right: 1px solid #ddd;
	padding: 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin: 30px 0px;
	float: left;
}
.biljka h2{color: #196240;}
.biljka p{
	margin-bottom: 20px;
}
.biljka img{
	height: 110px;
}

.next, .prev{
	position: absolute;
	top: 40%;
	z-index: 2;
}
.prev{left: -25px;}
.next{right: -25px;}

#kontakt_left{
	width: 290px;
	float: left;
}

#kontakt_left p{
	padding: 10px 30px 15px 70px;
	color: #282828;
}

#kontakt_left p.webshop:nth-of-type(1){
	background: none;
	padding: 20px;
}

#kontakt_left strong{
	text-transform: uppercase;
}

#kontakt_left p:nth-of-type(1){
	background: url('../images/icon_pin.png') no-repeat 45px 17px;
	margin-top: 30px;
}
#kontakt_left p:nth-of-type(2){
	background: url('../images/icon_phone.png') no-repeat 45px 17px;
}

#kontakt_left p:nth-of-type(3){
	background: url('../images/icon_mail.png') no-repeat 45px 17px;
}

#kontakt_right{
	width: 430px;
	float: right;
	margin-top: -30px;
	position: relative;
	background: #fff;
	padding:30px;
}

#kontakt_right h2{
	margin-bottom: 30px;
	color: #196240;
	font-size: 30px;
	font-weight: normal;
}

#kontakt_right:after{
	content:"";
	clear: both;
	display: block;
}
#kontakt_right label, .kupi label{
	width: 110px;
	float: left;
	color: #7ebb56;
	font-size: 18px;
	line-height: 34px;

}

#kontakt_right input, #kontakt_right textarea, .kupi input, .kupi textarea{ 
	padding: 7px;
	line-height: 20px;
	float: left;
	width: 286px;
	margin-left: 10px;
	border:none;
	background: #f6f6f6;
	border-bottom:1px solid #ddd;
	outline: none;
	color: #444;
}

#kontakt_right textarea, .kupi textarea{
	height: 120px;
}

#kontakt_right input[type="submit"]{
	width: 125px;
	height: 40px;
	padding-top: 12px;
	margin-left: 120px;
	margin-top: 20px;
	color: #fff;
	text-transform: uppercase;
	background: url('../images/btn_bg_green.jpg');
	cursor: pointer;
}

.nila_info{
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dashed #ddd;
	padding-bottom: 30px;
	color: #222;
	list-style: circle;
	font-size: 12px;
}

.nila_info strong{
	font-weight: normal;
	font-size: 14px;
}

.nila_info li strong{
	color: #216848;
}

.nila_info li{
	margin-left: 20px;
}
#login{
	width: 260px;
	position: absolute;
	margin-left: -160px;
	left: 50%;
	background: #fff;
	padding: 30px;
	border: 2px solid #ddd;
	top: 150px;
	box-shadow: 0px 0px 10px ;
	-moz-box-shadow: 0px 0px 10px ;
	-webkit-box-shadow: 0px 0px 10px ;
}
#login label{
	display: block;
}
#login input[type=text], #login input[type=password]{
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#login input{
	padding: 3px;
}
#login input[type=submit]
{
	margin-top: 20px;
}

.msg_tabs{
	background: #216848;
	list-style: none;
	color: #fff;
	font-family: Arial, sans-serif;

}
.msg_tabs li{
	transition: background-color 0.5s ease;
	display: inline-block;

	
}
.msg_tabs li a:hover {
	background-color:#7dba56;

}
.msg_tabs strong{
	margin-left: 40px;
	margin-right: 15px;
}

.msg_tabs a:link, .msg_tabs a:visited{
	padding: 5px 15px;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}

.msg_tabs .arhiva, .msg_tabs .arhiva a:link, .msg_tabs .arhiva a:visited {
	color: #be9;
}
#poruke{
	padding: 20px;
}
.poruka {
	margin-bottom: 2px;
}
.poruka span{
	display: block;
	background: #fff;
	box-shadow: 0px 0px 2px #444;
	-moz-box-shadow: 0px 0px 2px #444;
	-webkit-box-shadow: 0px 0px 2px #444;
	background: url("../images/icon_mail.png") no-repeat 20px 22px;
	
	padding: 10px 10px 10px 45px;
	cursor: pointer;
	line-height: 30px;
}
.poruka span:after{
	content: '';
	display: block;
	clear: both;
}
.poruka span p{
	margin-left: 20px;
	float: left;
}
.poruka h1{
	font-size: 18px;
	float: left;
}

.poruka .msg_content{
	display: none;
	padding: 20px;
	margin: 10px 0;
	border: 1px dashed #888;
}

.arhiviraj:link, .arhiviraj:visited{
	color: #fff;
	background: #193629;
	display: inline-block;
	padding: 5px 10px 3px 10px;
	text-decoration: none;
	border-bottom:2px solid #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	

}

.space{
	
	border-top: 1px solid #ddd;
	margin:15px 0;
	display: block;
}

.logout{
	float: right;
	margin-right: 40px;
	}
.logout a:link, .logout a:visited{
	padding-left: 35px;
	background: url("../images/logout.png") no-repeat 10px 6px;
}

#poruke h2{
	margin-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;

}