*{ text-decoration:none; margin:0; padding:0; outline: none; -moz-box-sizing: border-box; box-sizing: border-box;}
article, aside, audio, canvas, command, datalist, details,embed, figcaption, figure, footer, header, hgroup, keygen,mark, meter, nav, output, 
progress, rp, rt, ruby, section,source, summary, time, video, main, wbr{display: block;}
ul {list-style:none;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clear:before, .clear:after {content: "\0020";display: block; height: 0; overflow: hidden;}
.clear:after { clear: both;}
.clear { *zoom: 1;}
body {line-height: 1;}
ol, ul {list-style: none;}
.relative {position: relative;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
img {max-width: 100%; height: auto; display: block; vertical-align: middle}
:focus {outline: 0;}
ins {text-decoration: none;}
.fixed {background: rgba(0,0,0,.6); z-index: 13}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
img{display: block; vertical-align: middle; max-width: 100%; height: auto}
body {font-family: 'Open Sans', sans-serif; line-height: 1.2em; vertical-align: baseline; overflow-x: hidden }
.wrapper ,.wrapperfix,.cleanfix {width: 100%; max-width: 980px; margin: auto;  }
h1,h2,h3,h4,h5,h6, label {line-height: 1.2em; vertical-align: baseline}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder , textarea:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder , textarea:focus::-moz-placeholder{ color:transparent; }
input:focus:-ms-input-placeholder , textarea:focus:-ms-input-placeholder{ color:transparent; }
#mobifix{ overflow-x: hidden; width: 100%; position: relative; display: block; max-width: 1920px}
/*-- Sections --*/
header, section{position: relative; width: 100%}
#aboutus {height: 696px;width: 100%; background: url(img/aboutbg.jpg) center center no-repeat; color: #fff}
header {height: 760px; width: 100%; background: url(img/header.jpg) center center no-repeat}
#rosses{height: 700px;width: 100%; background: url(img/rosesbg.jpg) center center no-repeat; color: #000}
#lavender {height: 700px;width: 100%; background: url(img/lavenderbg.jpg) center center no-repeat; color: #fff}
#hearbs {height: 700px;width: 100%; background: url(img/hearbbg.jpg) center center no-repeat; color: #000}
#spice {height: 700px;width: 100%; background: url(img/spicebg.jpg) center center no-repeat; color: #fff}
#cereals {height: 688px;width: 100%; background: url(img/cereals.jpg) center center no-repeat; color: #000}
#seedlings {height: 911px;width: 100%; background: url(img/seedlingsbg.jpg) center center no-repeat; color: #fff}
#contacts {height: 676px;width: 100%; background: url(img/contactsbg.jpg) center center no-repeat; color: #fff}
#sertificats {height: 572px ;width: 100%;  background: #e1e1e1; color: #000}
footer {height: 87px ;width: 100%;  background: #111111; color: #000; color: #6a6a6a}
#lfooter {float: left}
#de a {font-size: 15px !important;}
.smallgrid{width: 285px}
.biggrid{width: 695px}
.wrapperfix {padding-top: 210px; position: relative; height: 100%}
.cleanfix {position: relative; height: 100%; }
.smallgrid,.biggrid {float: left}
/*-- Ornaments --*/
.absoluteimage {position: absolute; z-index: 2;}
#singleleaf {right: 0px;  bottom: 100px; position: absolute}
#herbs { right:-180px ;  bottom: -220px; position: absolute } /*-456px;*/
#lavandelleaf {left: -280px; bottom: -237px}
#herbleaf {right: 0; top: 80px}
#leafs{ left: 0; top: 130px; }
#roses{left: -310px;;  bottom: -166px;}
.specshb > a {color: #72a603 !important}
header img{margin: auto; display: block}
nav img {float: left; margin-top: -7px}
header figcaption{text-align: center; color:#537901; font-size: 24px; text-shadow: 0 0 1px #6f394f; padding-top: 14px}
header figure { margin-bottom: 30px; padding-top: 135px;position: relative; z-index: 0}
/*-- Navigation --*/
nav { padding: 30px 0 0 0; width: 100%;  position: fixed; z-index: 33}
nav ul {float: right;}
nav li {float: left; margin-right: 20px;position: relative; z-index: 10;}
/*-- Fixed navigation --*/
#sidebarlinks {text-align: right; height: 330px; position: fixed; right: 25px; top: 100px; z-index: 4; background: url(img/anchors.png) no-repeat right center}
#sidebarlinks > li {height: 32px; line-height: 32px; vertical-align: middle; padding-right: 40px; position: relative}
#sidebarlinks a{font-size: 14px; color: #fff; display: block}
.bgfixfixednav a, .footerfix a {font-size: 12px !important}
.bgfixmainnav a {font-size: 16px !important}
#response { clear: both; font-weight: bold;text-align: right;}
#sidebarlinks > li:after { position: absolute; z-index: 3; }
#sidebarlinks li:hover > a ,#sidebarlinks li.active > a{color: #72a603; font-weight: 600}
#sidebarlinks li:hover:after, #sidebarlinks li.active:after  {content: ' '; height: 27px; right: 0; top: 4px;  width: 27px; border-radius: 50%; background:  #72a603;}

/*-- End fixed nav --*/
nav li:last-of-type{margin-right: 0}
nav a {color: #fff; font-size: 22px;font-weight: 600; }
#bg a{font-size: 16px}
.shopbutton {border:3px solid #72a603; width: 105px; height: 35px; text-align: center;  border-radius: 10px; }
nav ul > .shopbutton {position: absolute; right: -105px; top: -8px;}
/*-- Visuals --*/
#seedlings a {color: #fff}
#aboutus .biggrid , #rosses  .biggrid , #lavender .biggrid, #hearbs .biggrid{height: 370px;}
.css3-metro-dropdown{float: right}
#sendbutton {cursor: pointer; width: 105px; border-radius: 40px; height: 35px; font-weight: 900; color: #000; background: #fff; border: none; vertical-align: middle}

.shopbutton > a {color: #fff;font-size: 16px; height: 35px;line-height: 28px; vertical-align: middle;}
article{font-size: 14px}
header article {color: #fff; text-align: center; }
h2, form label, address label {font-size: 60px; font-weight: 900; padding-bottom: 5px;}
form label,address label  {font-size: 39px }
.smallgrid + .biggrid {padding-left: 40px}
.rightpadding {padding-right: 40px}
#lavender aside, #seedlings article {padding-top: 125px }
#spice aside {padding-top: 120px }
#spice article{padding-top: 160px }
#hearbs aside, #cereals aside {padding-top: 140px }
#hearbs article {margin-top: 190px; }
#cereals article, #lavender article {margin-top: 170px}
#seedlings aside {padding-top: 95px}
article ul {margin: 20px 0; list-style: disc; color: #881939; padding-left: 15px}
article li, address p,#seedlings ul, article p {margin: 10px 0; }
form label {margin-bottom: 65px; display: block}
form input, form textarea {width: 275px; float: right; clear: both; margin-bottom: 20px; font-family: "Open Sans"; font-size: 14px; padding: 10px}
#sertificatlist {text-align: center;}
#sertificatlist li {display: inline-block}
#sertificatlist li figcaption { text-align: center; text-transform: uppercase; padding-top: 30px; width: 80%; display: block; margin: auto}
#sertificatlist img {margin: auto}
#contacts{padding-top: 115px}
#contacts form {width: 301px; float: right}
address {float: left; color: #fff; font-style: normal; }
address figure {margin: 50px 0 20px 0}
address figcaption {font-size: 30px; font-weight: 900; padding-top: 10px}
#cereals li > span{color: #000}
#sertificats h3 {font-size: 60px; text-align: center; font-weight: 900; padding: 100px 0 70px 0}

#seedlings li > span, #aboutus li > span{color: #fff}
#seedlings li, #aboutus li {float: left; width: 50%; margin: 5px 0; }
#lfooter ul, #rfooter ul {list-style: none; margin: 18px 0 10px 0; padding: 0}
#lfooter li ,#rfooter li{float: left; margin:0 10px 0 0}
#rfooter a {font-size:12px;color: #6a6a6a}
#lfooter  {font-size: 10px}
#rfooter li:last-of-type{margin: 0}
#rfooter, #rfooter p,#rfooter p > a  {float: right; }
#rfooter > p {line-height: 30px; vertical-align: middle; height: 30px; margin-top: 10px}
.css3-metro-dropdown select, .css3-metro-dropdown:after,.css3-metro-dropdown::after{ display: block;background: transparent; }

select,option{background: transparent !important; color: #fff !important}
select:focus option {color: #000 !important; background: #fff  !important}
.css3-metro-dropdown select,.css3-metro-dropdown option{padding: 8px;}
.css3-metro-dropdown{ position: relative;display: inline-block; }
.css3-metro-dropdown::after{content: "\25bc";position: absolute; top: 0;right: 0;display: block; color: #fff;
                            width: 22px; font-size: 12px; line-height: 31px; text-align: center; -webkit-pointer-events: none;  -moz-pointer-events: none; pointer-events: none;}
.css3-metro-dropdown select{ height: 31px;border: 0; vertical-align: middle;font: normal 12px/14px "Open Sans", Sans-serif;outline: 0 none;}
.css3-metro-dropdown option{ background: #fff;color: #333;}
.css3-metro-dropdown , .css3-metro-dropdown > select{color: #4d4d4d;}
.css3-metro-dropdown > select{width: 148px; color: #fff; font-size: 18px;padding: 0 0 2px 8px;}
option {font-size: 13px}
.css3-metro-dropdown {z-index: 9;border: 3px solid #72A603;width: 130px; right: 10px;border-radius: 10px;  top: -7px;overflow: hidden; height: 34px}

@media only screen and (max-width : 1024px) {

}
@media only screen and (max-width : 1124px) {
    nav ul > .shopbutton {right: 30px; top: 60px}
    #herbs{display: none}
}