@charset "UTF-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
text-decoration: none;
outline: 0;
}
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, table, caption, tbody, tfoot, thead, tr, th, td, 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; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; position: relative;
 	z-index: -1000; overflow-x: hidden; min-width: 280px;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
nav { }
nav a { display: none; float: right; line-height: 35px; color: #DDD9DA; text-decoration: none; text-transform: uppercase; padding: 0 25px; font-size: 12px; font-weight: bold; }
nav { height: 35px; background: #908080; padding: 0 35px 0 300px; }
nav a.active, nav a:hover { color: #fff; background: #8BBA3A; }
ul { list-style: none; }
.center{
    width: 100%;
}
h2{
	font-size: 30px;
	line-height: 1.4;
}
.navi {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    display: table;
}

.navi li {
    float: left;
}

.navi li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.border_bottom{
	border-bottom: 2px solid #cecece;
	padding-bottom: 40px;
}

.navi li a:hover {
 color: #d61f1f;
}
.box1 {
    text-align: left;
}
.box1 ul {
    font-size: 24px;
}
.box1 ul img {
    margin-right: -15px;
    top: 5px;
    left: -18px;
    position: relative;
    width: 40px;
}
.page {
	color:#fff;
	font-family: 'Roboto', sans-serif;
	/*background: url('bg-big-1.jpg') no-repeat top center;*/
 	padding: 0;
 	position: relative;
 	z-index: -1000;
}
.clear { 
	clear: both;
 }
.pasek:before{
	content: "";
	position: absolute;
	background: url(pasek.jpg);
	top: 50%;
	left: -10px;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 40px;
	height: 450px;
	transform: translate(-50%,-50%);
}
.disclaimer{
	font-size: 10px;
	color: #ababab;
 }
.upper_case {
	text-transform: uppercase;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.footer a { 
	color: #808080; 
	font-size: 12px; 
	text-decoration: none; 
	padding: 0 5px; 
}
.footer a:hover { 
	text-decoration: underline; 
}
.footer {text-align: left; 
	margin: 50px auto 0; 
	display:block; 
	padding: 35px 0px 15px 0px;
	background: #ddd;
 }
 .copy{
 	color: #707070;
 }
 .container {
 	position: relative;
 }
 .row {
 	margin-right: 0;
 	margin-left: 0;
 }
 .containerbg {
 	padding: 0;
}
.leaves {
	padding: 0;
	position: absolute;
	top:0;
	left: 0;
}
.logo-bg {
	background-color:#190F1A;
	padding: 14px;
}
.logo-bg img {
	margin-left: auto;
	margin-right: auto;
}
.header h1 {
	font-size: 36px;
	padding: 20px 0px;
	line-height: 1.4;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.left-side {
	padding-left: 0;
	position: relative;
 	z-index: 2;
}
.text-container p{
	padding: 5px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 20px;
}
.product-container {
	padding-right: 0;
	margin-top: 20%;
}
.product-star-container {
	position: relative;
}
.star-container {
	position: absolute;
	left: 40%;
	color: #000;
	background: url('polygon1.png') no-repeat top center;
 	background-size: 100% auto;
	padding-top: 10%;
	padding-bottom: 12%;
	text-align: center;
	font-size: 28px;
}
.star-container p {
	display: inline-block;
}
.price {
	font-size: 55px;
	font-weight: bold;
}
.orange {
	background: url(orange-arr.png) no-repeat center;
	position: absolute;
	width: 100%;
	background-size: 100% auto;
	padding: 20px;
	padding-right: 25%;
	font-size: 25px;
	text-align: right;
	top: 75%;
	left: 18%;
	z-index: -1;
}
.form_container{
	background-color: rgb(235, 241, 250);
	border: 2px #000000 solid;
	padding: 20px;
	position: relative;
 	z-index: 0;
 	width: 100%;
    max-width: 550px;
    margin: 10px auto;
}
.form {
	background-color: #FAFAFA;
	padding: 20px 30px;
	color: #747474;
}
.field-label {
	vertical-align:top;
	padding-top:12px;
}
label {
	font-weight: normal;
	margin-bottom: 5px;
}
h6 {
	color: #CF7810;
	text-align: center;
	font-weight: bold;
}
.form_input_container {
	margin:  15px auto;
}
.form_input{
	width: 100%;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
	font-weight: normal;
}
.btn {
  background: #b70000;
  background-image: -webkit-linear-gradient(top, #e40000, #670000);
  background-image: -moz-linear-gradient(top, #e40000, #670000);
  background-image: -ms-linear-gradient(top, #e40000, #670000);
  background-image: -o-linear-gradient(top, #e40000, #670000);
  background-image: linear-gradient(to bottom, #e40000, #670000);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 45px 10px 45px;
  text-decoration: none;
  display: block;
  margin: 30px auto 10px auto;
  white-space: normal;
  padding: 5px 25px 5px 25px;
  font-size: 30px;
  border-radius: 5px;
}
.container2 {
	margin-top: -10px;
	}
.btn:hover {
  background: #b70000;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.container-2 {
	margin-top: 40px;
}
.purple-header {
	min-height: 30px;
	margin-top: 10px;
	margin-bottom: 70px;
}
.purple-rectangle {
	background-color: #551341;
	padding-left: 0;
	min-height: 30px;
}
h3 {
	font-size: 25px;
	color: #551341;
}
.single-plant-section {
	margin: 30px 0;
}
h5.plant-name {
	color: #551341;
	font-size: 20px;
	margin-bottom: 20px;
}
.plant-name-description li {
    margin: 30px 0;
}
.plant-description {
	color: #494949;
	font-size: 18px;
	line-height: 1.3;
}
.grey-bg
{
	background-color: #FAFAFA;
	padding: 20px 0;
}
.grey-bg >div.plant-name-description {
	padding-top: 5%;
}
.author {
	text-align: right;
	margin-top: 40px;
}
.testimonial-img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.purple-bg {
	background: url(big-bg-2.jpg) no-repeat center center;
	background-size: 100% auto;
	width: 100%;
	position: relative;
	padding-top: 160px;
	height: 500px;
}
h4 {
	font-size: 25px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
.purple-bg img {
	position: absolute;
	top: -130px;
}

.guarantee_container{
	background: url(certyfikat1.jpg);
	background-size: 100% 100%;
	padding: 7% 0 13%;
	color: #145882;
	margin-bottom: 30px;
}
.guarantee_container p{
	padding: 0 30px 20px;
	font-size: 20px;
}
.guarantee_container h3{
	font-size: 35px;
	margin-bottom: 20px;
	margin-top: 30px;
	color: #145882;
}
@media screen and (min-width: 1900px) {
    .page {
	background-size: 100% auto;
	}
}
@media screen and (max-width: 1700px) {
    .purple-bg {
	background: url(bg-sat.png) no-repeat center center;
	background-size: 100% auto;
	width: 100%;
	position: relative;
	padding-top: 170px;
	}
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
    .star-container {
    	font-size: 20px;
    	padding-bottom: 20%;
	}
	.price {
		font-size: 40px;
	}
	.orange {
		top: 92%;
		left: 28%;
	}
}
@media screen  and (max-width: 991px) {
	.pasek{
 		margin-top: 50px;
 	}
	.navi li a {
	    padding: 14px 5px;
	    font-size: 12px;
	}
    .star-container {
    	font-size: 30px;
    	padding-bottom: 17%;
	}
	.price {
		font-size: 50px;
	}
	.orange {
		top: 55%;
		left: 28%;
	}
	.leaves {
		display: none;
	}
	.pasek:before{
		display: none;
	}
	.guarantee_container h3{
	font-size: 32px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
	.guarantee_container p{
	padding: 0 30px 35px;
	}
}
@media screen and (max-width: 1026px) {
	.bigger {
		font-size: 25px;
	}
}
@media screen and (max-width: 779px) {
	.container2 {
	margin-top: 20px;
	}
	.container2 p {
	text-align: center;
	}
	.container2 img {
	margin: 0 auto;
	}
	.purple-bg img {
	display: none;
 	}
 	.bigger {
	margin-top: 30px;
	padding: 5%;
	}
	.purple-bg {
	padding-top: 40px;
	height: auto;
	margin-top: 0;
	background-size:initial;
	}
	.header h1 {
		font-size: 25px;
		padding:10px;
		line-height: 1.0;
	}
	.star-container {
		position: static;
	}
	.orange {
		display: none;
	}

	.guarantee_container p{
		padding: 10px 80px 50px;
	}
}
@media screen  and (max-width: 566px) {
	.navi li a {
	    display: none;
	}
    .star-container {
    	font-size: 21px;
    	padding-bottom: 17%;
	}
	.price {
		font-size: 34px;
	}
	.purple-bg { 
		padding-top: 90px;
	}
	.bigger {
	margin-top: 30px;
	}
	.guarantee_container p{
		font-size: 18px;
		padding: 0 40px 35px;
	}
	.guarantee_container h3{
		font-size: 24px;
		margin-bottom: 15px;
	}
}
@media screen  and (max-width: 426px) {
    .star-container {
    	display: none;
	}
	h4 {
		font-size: 17px;
	}
	.btn {
		padding: 10px 35px 10px 35px;
	}
	.text-container p {
		font-size: 18px;
	}

	.guarantee_container p{
		padding: 0 15px 25px;
		font-size: 14px;
	}
	.guarantee_container h3{
		font-size: 18px;
		margin-bottom: 15px;
	}
}	

.bottle_img {
	text-align: center;
}
.bottle_img img {
	margin: 20px;
	width: 100%;
	height: auto;
}
.img_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.photo3 img {
	max-width: 250px;
}
.prod-img {
	max-width: 235px;
	width: 100%;
	height: auto;
}
.photo1 img {
	max-width: 450px;
}
@media (max-width: 425px) {
	.btn {
		font-size: 20px;
		padding: 10px;
	}
}