/*FONTY*/
@font-face {
  font-family: 'Lato'; 
  src: url('../fonts/lato-regular-webfont.eot'); 
  src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/lato-regular-webfont.woff') format('woff'), 
  url('../fonts/lato-regular-webfont.ttf') format('truetype'), 
  url('../fonts/lato-regular-webfont.svg') format('svg');
  font-weight: 400; 
  font-style: normal;
}
@font-face {
  font-family: 'Lato'; 
  src: url('../fonts/lato-bold-webfont.eot'); 
  src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/lato-bold-webfont.woff') format('woff'),
  url('../fonts/lato-bold-webfont.ttf') format('truetype'),
  url('../fonts/lato-bold-webfont.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Lato'; 
  src: url('../fonts/lato-light-webfont.eot'); 
  src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/lato-light-webfont.woff') format('woff'),
  url('../fonts/lato-light-webfont.ttf') format('truetype'),
  url('../fonts/lato-light-webfont.svg') format('svg');
  font-weight: 300; 
  font-style: normal;
}
@font-face {
  font-family: 'Courgette'; 
  src: url('../fonts/courgette-regular-webfont.eot'); 
  src: url('../fonts/courgette-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/courgette-regular-webfont.woff') format('woff'),
  url('../fonts/courgette-regular-webfont.ttf') format('truetype'),
  url('../fonts/courgette-regular-webfont.svg') format('svg');
  font-weight: 400; 
  font-style: normal;
}

/*Fixy, tricki i essentiale*/
body {margin: 0; padding: 0; font-family: "Lato", arial, sans-serif; color: #2a5a16; background: url(../imgs/top-background.jpg) no-repeat top fixed #f1fcff; background-size: 1920px;}
body.mmvisible {overflow: hidden;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img {border: none;}
a {text-decoration: none; color: #000;}
a.active {cursor: default; color: #5a6f20!important;}
.clr {width: 100%; clear: both; height: 0px; overflow: hidden;}
.pointer {cursor: pointer; cursor: hand;}
input, button, textarea {outline: none; font-family: "Lato", arial, sans-serif;}
textarea {resize: none;}
p {margin: 0; padding: 0; line-height: normal;}
ul {list-style: none; padding: 0; margin: 0;}
ol {padding: 0 0 0 20px; margin: 0;}
#page {width: 100%; overflow: hidden;}
.page {max-width: 1024px; margin: 0 auto;}
.left {float: left;}
.right {float: right;}
/*fin*/
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1 {font-style: italic; font-family: "Lato";}
button:hover, .button:hover { color: #5a6f20;}

/*WALIDACJA*/
.error input {border: 2px solid #000!important;}
.error-msg {line-height: 20px; padding: 10px 0; float: left;display: none;}
.error-msg p { font-weight: 700;}
.error-msg.error {display: block;}

/*HEADER*/
#HEADER {padding: 10px 14px 10px; position: absolute; top: 0; left: 0; background: transparent; width: 100%; z-index: 6;}
#HEADER .logo {display: block; float: left;}
#HEADER .menus {float: right;}

#HEADER .main-menu ul li {float: left; padding: 14px 0 14px 60px; position: relative;}
#HEADER .main-menu ul li:first-child {padding-left: 0;}
#HEADER .main-menu ul li {line-height: 20px; font-size: 16px; margin-top: 40px;}
#HEADER .main-menu ul li a {font-weight: 700; color: #2a5a16;}
#HEADER .main-menu ul li a:hover, #HEADER .main-menu ul li a.active {color: #579d3a;}
#HEADER .main-menu .sub-menu {display: none; border: 2px solid #000; border-left: 0; border-right: 0; background: #fff; position: absolute; z-index: 3; width: 130px; left: 50%; margin-left: -65px; top: 60px;}
#HEADER .main-menu .sub-menu ul {border: #d0d0d0 1px solid; border-top: 0; position: relative;}
#HEADER .main-menu .sub-menu .arrow {background: url(../imgs/small-arrow.png) no-repeat 0 0; position: absolute; width: 6px; height: 6px; left: 50%; margin-left: -3px; top: -7px;}
#HEADER .main-menu .sub-menu ul li {padding: 0; text-align: center; float: none;}
#HEADER .main-menu .sub-menu ul li a {line-height: 34px; font-size: 14px; font-weight: 700; display: block; text-align: center; border-top: 1px solid #d0d0d0; padding: 0 10px;}
#HEADER .main-menu ul li:hover .sub-menu {display: block;}

#HEADER .mobile-trigger {display: none; background: url(../imgs/mobile-menu.png) no-repeat 0 0; width: 42px; height: 42px; float: left;}
#HEADER .mobile-trigger:hover {background-position: 0 -46px}
.mmvisible #HEADER .mobile-trigger {background-position: -47px 0;}
.mmvisible #HEADER .mobile-trigger:hover {background-position: -47px -46px;}

#mobile-menu-container {width: 250px; border: 5px solid #2A5A16; background: #fff; overflow-y: auto;display: none;}
#mobile-menu-container a {display: block; padding: 10px; color: #5a6f20; font-weight: 700;}
#mobile-menu-container a:hover, #mobile-menu-container a.active {color: #579d3a;}

@media screen and (max-width: 1080px) {
	#HEADER .main-menu ul li {padding-left: 40px;}
	#HEADER .logo {width: 190px; margin-top: 20px;}
	#HEADER .logo img {width: 100%;}
}
@media screen and (max-width: 990px) {
	#HEADER .main-menu ul li {padding-left: 30px; font-size: 15px;}
	#HEADER .logo {width: 180px; margin-top: 24px;}
}
@media screen and (max-width: 880px) {
	#HEADER .main-menu ul li {font-size: 14px; padding-left: 25px}
	#HEADER .logo {width: 170px; margin-top: 26px;}
}
@media screen and (max-width: 800px) {
  #HEADER .logo {margin-top: 2px;}
	.overall{overflow-x: hidden;}
	#HEADER .main-menu {display: none;}
	#HEADER .mobile-trigger {display: block; margin-top: 18px;}
	#mobile-menu-container {position: fixed; z-index: 3; top: 76px; right: -251px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; display: block;}
	.modernizr-csscalc #mobile-menu-container {top: 76px;}
	#page {position: relative;}
}

/*HOME*/
#MAIN .top-background {margin: 0 auto; height: 623px; padding: 0 20px;}
#MAIN .top-background .top-inner {overflow: hidden;}
#MAIN .top-background .top-inner .page {position: relative;padding-top: 284px; height: 624px; margin-top: -1px;}
#MAIN .top-background h2 {font-size: 72px; padding: 30px 14px; line-height: 44px; font-weight: 400; font-family: "Courgette"; float: right; background: #579d3a; background: rgba(87,157,58,0.75); display: inline-block; color: #fff; position: relative; z-index: 2;}
#MAIN .top-background h2.second {margin: 0 -20px 0 0; width: 100%; max-width: 640px; text-align: center;}
#MAIN .main-container {padding: 40px 20px 80px; background: url(../imgs/background.png) no-repeat center bottom #f1fcff; text-align: center;}
#MAIN .fifth-section {min-height: 300px; position: relative; z-index: 3;}
#MAIN .fifth-section .picture-cnt{ width: 1200px; margin: 0 auto; position: relative; min-height: 427px; margin-top: 40px;}
#MAIN .fifth-section .picture-cnt .img {display: block; float: left; margin: 50px -30px 0 -60px;}
#MAIN .fifth-section .picture-cnt .img.two {margin: 0 0 0 -30px;}
#MAIN .fifth-section .picture-cnt .img.three {margin: 80px 0 0 -100px;}
#MAIN .fifth-section .picture-cnt .img.four {float: right; margin: 0 50px 0 -80px;}
#MAIN h2 {font-size: 60px; font-weight: 400; color: #579d3a; text-align: center; position: relative; display: inline-block;}
#MAIN h2 img {position: absolute; left: -90px; bottom: -2px;}
#MAIN .cube-bar {height: 20px; position: relative; width: 100%;background: #579d3a;}
#MAIN .main-top-section h2 {color: #2b2b2b; font-size: 46px; line-height: 52px; font-weight: 400; text-align: center; color: #579d3a;text-align: center; padding: 0;}
#MAIN .main-top-section .three-boxes {margin-top: 36px;}
#MAIN .how-it-works .page {position: relative;}
#MAIN .how-it-works img {position: absolute; left: -88px; top: 30px;}
#MAIN .how-it-works .gray-box {background: #e5f1ee; padding: 40px 50px 40px 306px; margin-top: 35px; text-align: left;}
#MAIN .how-it-works .gray-box li {font-size: 36px; line-height: 63px; color: #2a5a16; padding-left: 85px; background: url(../imgs/list-deco.png) no-repeat left; font-weight: 400;}
#MAIN .sleep-container h2 {padding-top: 60px;}
#MAIN .sleep-container .sleep-inner {padding-top: 50px; position: relative;}
#MAIN .sleep-container .sleep-inner img {position: absolute; right: -100px; top: -50px;}
#MAIN .sleep-container h5 {font-size: 38px; line-height: 53px; text-align: center; font-weight: 400;}
#MAIN .sleep-container li {text-align: center; font-size: 30px; font-weight: 400; line-height: 53px;}
#MAIN .rest-container h2 {padding-top: 80px;}
#MAIN .rest-container p {font-size: 36px; line-height: 63px; text-align: left; font-weight: 400; margin-top: 50px; padding-right: 255px; position: relative;}
#MAIN .rest-container p img {position: absolute; right: -130px; top: 0}
#MAIN .price-container h2 {padding-top: 50px;}
#MAIN .price-container p {font-size: 36px; text-align: left; line-height: 63px; font-weight: 400; padding-top: 50px; padding-right: 230px;}
#MAIN .food-container h2 {padding-top: 50px;}
#MAIN .food-container h2 img {bottom: 13px;}
#MAIN .food-container .food-inner {padding-top: 50px;}
#MAIN .food-container .food-inner p, #MAIN .food-container .food-inner h5 {font-size: 36px; line-height: 63px; font-weight: 400; text-align: left;}
#MAIN .food-container .food-inner p.orchard-info {background: url(../imgs/orchard-icon.png) no-repeat right 10px; padding-right: 50px;}
#MAIN .food-container .food-inner h5 {font-weight: 700;}
#MAIN .food-container .food-inner h5 {padding: 10px 120px 10px 0; float: left;}
#MAIN .food-container .food-inner h5.vegetables-title {background: url(../imgs/vegetables-icon.png) no-repeat right top;}
#MAIN .food-container .food-inner h5.fruit-title {background: url(../imgs/fruits-icon.png) no-repeat right top; padding-right: 80px;}
#MAIN .food-container .food-inner h5.flower-title {background: url(../imgs/flowers-icon.png) no-repeat right top; margin-top: -10px; padding: 20px 100px 10px 0;}
#MAIN .food-container span {font-size: 36px; line-height: 20px; font-weight: 700; color: #579d3a; float: right; padding-right: 100px; margin-top: 70px;}

@media screen and (max-width: 1200px) {
  #MAIN .main-top-section h2 {font-size: 36px;}
  #MAIN .fifth-section .picture-cnt {width: 900px;}
  #MAIN .fifth-section .picture-cnt .img img {width: 80%;}
  #MAIN .fifth-section .picture-cnt .img {margin: 50px -100px 0 0;}
  #MAIN .fifth-section .picture-cnt .img.two {margin: 0 0 0 -30px;}
  #MAIN .fifth-section .picture-cnt .img.four {margin: 0 -60px 0 -300px;}
  #MAIN .fifth-section .picture-cnt .img.three {margin: 80px 0 0 -150px;}
  #MAIN h2 {font-size: 50px;}
  #MAIN h2 img {bottom: -7px;}
  #MAIN .how-it-works h2 {font-size: 50px;}
  #MAIN .how-it-works img {left: 0;}
  #MAIN .how-it-works .gray-box li {font-size: 32px; line-height: 53px;}
  #MAIN .sleep-container h5 {font-size: 32px; line-height: 46px;}
  #MAIN .sleep-container li {font-size: 26px; line-height: 46px;}
  #MAIN .sleep-container .sleep-inner img {right: 0; width: 250px;}
  #MAIN .rest-container p {font-size: 26px; line-height: 43px;}
  #MAIN .rest-container p img {right: -40px; width: 250px;}
  #MAIN .price-container p {font-size: 26px; line-height: 43px; padding-top: 20px;}
  #MAIN .food-container h2 img {bottom: 11px;}
  #MAIN .food-container .food-inner p, #MAIN .food-container .food-inner h5 {font-size: 24px; line-height: 43px;}
}
@media screen and (max-width: 900px) {
  #MAIN .sleep-container .sleep-inner img {position: static; margin: 0 auto; display: block; width: 250px;}
  #MAIN .rest-container p {line-height: 38px;}
  #MAIN .price-container p {line-height: 33px;}
}
@media screen and (max-width: 800px) {
  #MAIN .top-background h2 {font-size: 42px; padding: 15px 14px;}
  #MAIN .top-background h2.second {font-size: 44px; max-width: 999px; width: auto; margin-right: 0;}
  #MAIN .main-top-section h2 {font-size: 30px; line-height: 40px;}
  #MAIN h2 {font-size: 40px;}
  #MAIN h2 img {max-height: 50px; bottom: -3px;}
  #MAIN .food-container h2 img {bottom: 5px;}
  #MAIN .how-it-works {padding: 35px 0 10px;}
  #MAIN .how-it-works h2 {font-size: 38px;}
  #MAIN .how-it-works img {width: 250px; left: -25px;}
  #MAIN .how-it-works .gray-box {padding: 20px 40px 20px 240px; margin-top: 20px;}
  #MAIN .how-it-works .gray-box li {font-size: 24px; line-height: 30px; background-size: 28px; padding: 5px 0 5px 40px;}
  #MAIN .fifth-section .picture-cnt {width: 100%;}
  #MAIN .fifth-section .picture-cnt .img {margin: 0; text-align: center; width: 50%;}
  #MAIN .fifth-section .picture-cnt .img.two {margin: 0;}
  #MAIN .fifth-section .picture-cnt .img.four {margin: 0;}
  #MAIN .fifth-section .picture-cnt .img.three {margin: 0;}
  #MAIN .rest-container h2 {font-size: 40px;}

}
@media screen and (max-width: 660px) {
  #MAIN .main-top-section h2 {font-size: 24px; line-height: 30px;}
  #MAIN .main-top-section .three-boxes {margin: 0;}
  #MAIN .how-it-works h2 {padding-left: 0; text-align: center;}
  #MAIN .sleep-container h5 {font-size: 28px; line-height: 36px;}
  #MAIN .sleep-container li {font-size: 22px; line-height: 30px;}
  #MAIN .price-container p {padding-right: 0;}
  #MAIN .food-container span {font-size: 26px; line-height: 32px; padding-right: 0;}
}
@media screen and (max-width: 600px) {
  #MAIN .good-price-guaranteed .right .table {padding-top: 58px;}
  #MAIN .good-price-guaranteed .right .table-inner .head-cell {font-size: 14px; width: 33%;}
  #MAIN .good-price-guaranteed .right .table-inner td, #MAIN .good-price-guaranteed .right .table-inner th {padding: 20px 2px; font-size: 14px; line-height: 16px;}
  #MAIN .good-price-guaranteed .right .table-inner .under-header {padding: 20px 2px;}
  #MAIN .good-price-guaranteed .right .table .absolute-header {padding: 16px 2px 18px 2px; height: auto; width: 100%;}
  #MAIN .good-price-guaranteed .right .table .absolute-header h6 {font-size: 14px;}
  #MAIN .good-price-guaranteed .right .table .absolute-header h6 em {font-size: 12px; display: none;}
}
@media screen and (max-width: 580px) {
  #MAIN h2 {display: block; text-align: left; padding-left: 70px;}
  #MAIN h2 img {left: 0; bottom: 0;}
  #MAIN .food-container h2 img {bottom: 5px;}
  #MAIN .fifth-section {margin-top: 0;}
  #MAIN .fifth-section .picture-cnt {padding-bottom: 60px;}
  #MAIN .fifth-section .picture-cnt .img {margin: 10px auto 0; width: 320px; float: none;}
  #MAIN .fifth-section .picture-cnt .img.two {margin: 10px auto 0;}
  #MAIN .fifth-section .picture-cnt .img.four {margin: 10px auto 0; float: none;}
  #MAIN .fifth-section .picture-cnt .img.three {margin: 10px auto 0;}
  #MAIN .how-it-works {padding-bottom: 35px;}
  #MAIN .how-it-works img {width: 170px; padding-right: 20px;position: absolute;}
  #MAIN .how-it-works .gray-box {background: transparent; padding: 280px 0 20px;}
  #MAIN .how-it-works h2 {padding-left: 150px; text-align: left; padding-right: 126px; margin-top: 50px; margin-bottom: -230px; display: block;position: static;}
  #MAIN .rest-container p {padding-right: 0; font-size: 20px; line-height: 30px;}
  #MAIN .rest-container p img {position: static; margin: 10px auto; display: block; width: 280px;}
  #MAIN .food-container .food-inner p, #MAIN .food-container .food-inner h5 {font-size: 20px; line-height: 30px;}
}
@media screen and (max-width: 480px) {
  #MAIN h1 {font-size: 26px; line-height: 40px; padding: 3px 5px 9px 5px;}
  #MAIN .top-background h2 {font-size: 28px; line-height: 38px; padding: 6px 5px 8px 5px;}
  #MAIN .top-background h2.second {font-size: 30px; margin-right: 19px;}
}
@media screen and (max-width: 419px) {
  #MAIN .how-it-works h2 {margin-bottom: -200px; padding-left: 130px;}
  #MAIN .how-it-works img {width: 150px;}
}

#MAIN .top-background.subpage {height: 300px;}
#MAIN .content {background: #f1fcff}
/*GALLERY*/
#MAIN.gallery .content {padding: 60px 20px 100px; background: url(../imgs/background-gallery.png) no-repeat top center #f1fcff;}
#MAIN.gallery .content h2 {display: block; margin-bottom: 60px; text-align: center; padding: 0;}
#MAIN.gallery .content .column {width: 25%; float: left; text-align: center;}
#MAIN.gallery.new-gallery .content .column {width: 24.325%; margin-right: 0.9%; float: left; text-align: center;}
#MAIN.gallery.new-gallery .content .column.last {margin-right: 0;}
#MAIN.gallery .content .column a {display: block;}
#MAIN.gallery.new-gallery .content .column a { margin-bottom: 12px;}
#MAIN.gallery .content .column a:hover .hover {top: 0; left: 0; right: 0; bottom: 0; background: url(../imgs/gallery/plus-gallery.png) no-repeat center rgba(0,0,0,0.6); position: absolute;}
#MAIN.gallery .content .column .txt {padding: 15px 0; background: #fff;}
#MAIN.gallery .content .column .img {margin: 0; position: relative;}
#MAIN.gallery .content .column .img img {width: 100%; display: block;}
#MAIN.gallery .content .column strong {font-size: 16px; font-weight: 400;}
#MAIN.gallery .content .column span {display: block; font-weight: 600; margin-top: 10px; font-size: 12px; line-height: 22px; color: #656062;}

@media screen and (max-width: 1150px) {
  .head-title {margin-top: 0;}
  .head-title h1 {padding-left: 14px;}
  .mobile-clr {width: 100%; clear: both; height: 0px; overflow: hidden;}
  #MAIN.gallery .content .page {max-width: 552px}
  #MAIN.gallery .content .column {width: 50%;}
  #MAIN.gallery.new-gallery .content .column {width: 49.55%;}
  #MAIN.gallery.new-gallery .content .column.even {margin-right: 0;}
  #MAIN.gallery.new-gallery .content .column a { margin-bottom: 6px;}
  #MAIN.gallery.single-line-gallery .content .page a {width: 49.55%; margin-bottom: 6px;}
  #MAIN.gallery.single-line-gallery .content .page a:nth-child(4n){ margin-right: 0.9%;}
  body #MAIN.gallery.single-line-gallery .content .page a:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width: 830px) {
  .subpage .nav a {margin: 0 25px;}
}
@media screen and (max-width: 768px) {
  .subpage .nav {display: none;}
}
@media screen and (max-width: 480px) {
  #MAIN.gallery .content .page {max-width: 276px}
  #MAIN.gallery .content .column {width: 100%;}
  #MAIN.gallery.new-gallery .content .column {width: 100%; margin-right: 0;}
  body #MAIN.gallery.single-line-gallery .content .page a{width: 100%; margin-right: 0;}
}
/*KONTAKT*/
#MAIN.contact .content {padding: 60px 20px 0;}
#MAIN.contact .content h2 {display: block; margin-bottom: 60px; text-align: center; padding: 0;}
#MAIN.contact .contact-bar {padding: 28px 14px; background: #e5f1ee; margin: 60px 0 0;}
#MAIN.contact .contact-bar .single-method {float: left; width: 314px; padding-left: 88px; height: 63px; text-align: left;}
#MAIN.contact .contact-bar .single-method.phone {background: url(../imgs/phone-icon.png) no-repeat left;}
#MAIN.contact .contact-bar .single-method.adress {background: url(../imgs/adress-icon.png) no-repeat left; width: 391px;}
#MAIN.contact .contact-bar .single-method.mail {background: url(../imgs/email-icon.png) no-repeat left; width: 315px;}
#MAIN.contact .contact-bar .single-method h5 {font-size: 16px; line-height: 18px; font-weight: 400; color: #000;}
#MAIN.contact .contact-bar .single-method span {font-size: 16px; color: #000; font-weight: 400; display: block; margin: 24px 0 0;}
#MAIN.contact .contact-bar .single-method a {color: #2a5a16;}
#MAIN.contact .contact-bar .single-method a:hover {color: #579d3a;}
#map-canvas {width: 100%; height: 700px;}

@media screen and (max-width: 1160px) {
  #MAIN.contact .contact-bar {padding: 14px;}
  #MAIN.contact .contact-bar .page {max-width: 800px;}
  #MAIN.contact .contact-bar .single-method {width: 50%;margin: 14px 0;}
}
@media screen and (max-width: 768px) {
  #MAIN.contact .contact-bar .single-method {width: 100%;}
}
@media screen and (max-width: 420px) {
  #MAIN.contact .contact-bar .single-method {padding-top: 70px; padding-left: 0; height: auto; text-align: center;}
  #MAIN.contact .contact-bar .single-method.phone {background-position: top center;}
  #MAIN.contact .contact-bar .single-method.adress {background-position: top center; width: 100%;}
  #MAIN.contact .contact-bar .single-method.mail {background-position: top center; width: 100%;}
  #MAIN.contact .contact-bar .single-method span {margin-top: 12px;}
}
/*KWIATY I WARZYWA*/
#MAIN.flowers .content {padding: 60px 20px;}
#MAIN.flowers .content h2 {display: block; margin-bottom: 60px; text-align: center; padding: 0;}
#MAIN.flowers .content .intro {font-size: 30px; font-weight: 700; line-height: 47px;}
#MAIN.flowers .content .intro p {line-height: 47px;}
#MAIN.flowers .content .intro li:before {content:"-"; margin-right: 5px; float: left; width: 15px;}
#MAIN.flowers .content .intro li span {float: left; width: 90%; width: calc(100% - 20px);}
#MAIN.flowers .content .intro li:after {content: ""; display: block; clear: both; height: 0; padding: 0; width: 100%;}
#MAIN.flowers .content h3 {font-size: 36px; font-weight: 700; line-height: 36px; margin: 45px 0 35px; color: #579d3a;}
#MAIN.flowers .content .picture-container {max-width: 870px; margin: 0 auto;}
#MAIN.flowers .content .picture-container .img {float: left;}
#MAIN.flowers .content .picture-container .img.one {margin: 0 -40px 0 0;}
#MAIN.flowers .content .picture-container .img.two {margin: 0 -30px 0 0;}
@media screen and (max-width: 920px) {
  #MAIN.flowers .content .picture-container {max-width: 680px;}
  #MAIN.flowers .content .picture-container .img {float: left; width: 240px;}
  #MAIN.flowers .content .picture-container .img img {width: 100%;}
  #MAIN.flowers .content .picture-container .img.one {margin: 0 -25px 0 0;}
  #MAIN.flowers .content .picture-container .img.two {margin: 0 -15px 0 0;}
}
@media screen and (max-width: 800px) {
  #MAIN.flowers .content .intro {font-size: 26px; line-height: 36px;}
  #MAIN.flowers .content h3 {font-size: 32px; line-height: 32px;}
  #MAIN.flowers .content .intro p {line-height: 36px;}
  #MAIN.flowers .content .picture-container .img {width: 50%; padding: 0 5%;}
  #MAIN.flowers .content .picture-container .img.three {margin: 20px auto 0; float: none;}
}
@media screen and (max-width: 480px) {
  #MAIN.flowers .content .intro {font-size: 22px;}
  #MAIN.flowers .content .intro li span {line-height: 30px;}
  #MAIN.flowers .content .intro p {line-height: 30px;}
  #MAIN.flowers .content h3 {font-size: 28px; line-height: 28px;}
  #MAIN.flowers .content .picture-container .img {float: none; max-width: 280px; padding: 0; float: none;}
  #MAIN.flowers .content .picture-container .img.one, #MAIN.flowers .content .picture-container .img.two {margin: 10px auto;}
  #MAIN.flowers .content .picture-container .img.three {margin: 10px auto 0;}
}
/*Region*/
#MAIN.region .content {padding: 60px 20px;}
#MAIN.region .content h2 {display: block; text-align: center; padding: 0;}
#MAIN.region .content .single-news {padding: 35px 0;}
#MAIN.region .content .single-news h3 {font-size: 48px; line-height: 50px; font-weight: 700; color: #386429; padding: 25px 0;}
#MAIN.region .content .single-news p {font-size: 30px; line-height: 47px; font-weight: 700; color: #579d3a; padding: 25px 0;}
#MAIN.region .content .single-news ul {padding: 25px 0;}
#MAIN.region .content .single-news li {font-size: 30px; line-height: 47px; font-weight: 700; color: #2d5c1a;}
#MAIN.region .content .single-news li:before {content:"-"; margin-right: 5px; float: left; width: 15px;}
#MAIN.region .content .single-news li span {float: left; width: 90%; width: calc(100% - 20px);}
#MAIN.region .content .single-news .picture-container {text-align: center;}
#MAIN.region .content .single-news .picture-container.left {margin-right: 40px;}
#MAIN.region .content .single-news .picture-container .img {display: inline-block; font-size: 0;}
#MAIN.region .content .single-news .picture-container .img img {display: block;}
#MAIN.region .content .single-news .picture-container .img.one {margin: 0 -30px -10px 0;}
#MAIN.region .content .single-news .picture-container.right {margin-right: 60px;}
#MAIN.region .content .single-news a {font-size: 30px; line-height: 47px; color: #fff; background: #579d3a; padding: 10px; width: 198px; float: left; text-align: center; margin: 25px 0 0;}
#MAIN.region .content .single-news a:hover {background: #2d5c1a;}
#MAIN.region .content .separator {margin: 15px 0 35px; height: 5px; background: url(../imgs/articles/region-separator.png) repeat-x;}
@media screen and (max-width: 800px) {
  #MAIN.region .content .single-news {padding: 30px 0;}
  #MAIN.region .content .single-news h3 {font-size: 36px; line-height: 40px;}
  #MAIN.region .content .single-news p {font-size: 26px; line-height: 43px;}
  #MAIN.region .content .single-news li {font-size: 26px; line-height: 43px;}
  #MAIN.region .content .single-news .picture-container .img img {width: 260px;}
  #MAIN.region .content .single-news ul {padding: 20px 0;}
  #MAIN.region .content .single-news a {font-size: 26px; line-height: 40px; width: 180px;}
  #MAIN.region .content .separator {margin: 10px 0;}
}
@media screen and (max-width: 660px) {
  #MAIN.region .content .single-news {padding: 20px 0;}
  #MAIN.region .content .single-news .picture-container {float: none;}
  #MAIN.region .content .single-news h3 {font-size: 34px; line-height: 38px;}
  #MAIN.region .content .single-news p {font-size: 24px; line-height: 41px;}
  #MAIN.region .content .single-news li {font-size: 24px; line-height: 41px;}
  #MAIN.region .content .single-news ul {padding: 15px 0;}
  #MAIN.region .content .single-news a {font-size: 24px; line-height: 38px; width: 170px;}
}
@media screen and (max-width: 480px) {
  #MAIN.region .content .single-news {padding: 15px 0;}
  #MAIN.region .content .single-news h3 {font-size: 30px; line-height: 34px;}
  #MAIN.region .content .single-news p {font-size: 20px; line-height: 37px;}
  #MAIN.region .content .single-news li {font-size: 20px; line-height: 37px;}
  #MAIN.region .content .single-news ul {padding: 10px 0;}
  #MAIN.region .content .single-news a {font-size: 20px; line-height: 34px; width: 150px;}
  #MAIN.region .content .separator {margin: 5px 0;}
}
/*FOOTER*/
#FOOTER {background: #fff; padding: 20px; font-family: arial;}
#FOOTER .footer-menu {float: left; font-size: 14px; margin-top: 5px;}
#FOOTER .copyright-container {float: right; font-size: 10px; color: #2a5a16; font-weight: 700;}
#FOOTER .copyright-container .sh {color: #2a5a16; display: block; text-align: right; line-height: 22px; vertical-align: top;}
#FOOTER .copyright-container .sh img {margin-bottom: -5px;}
@media screen and (max-width: 1024px) {
	#FOOTER .footer-menu li {padding: 6px 16px;}
}
@media screen and (max-width: 830px) {
	#FOOTER .footer-menu {display: none;}
	#FOOTER .copyright-container {float: none;}
	#FOOTER .copyright {float: left; margin-top: 6px;}
	#FOOTER .copyright-container .sh {float: right; margin-top: 0;}
	#FOOTER .copyright-container .clr {display: none;}
}
@media screen and (max-width: 480px) {
	#FOOTER .copyright {float: none; text-align: center; margin-top: 0;}
	#FOOTER .copyright-container .sh {float: none; text-align: center; margin-top: 4px;}
}

.page.scroll-bttn-cnt{display: none; position:fixed; right: 40px; bottom: 40px; width:48px; height:48px; z-index: 999;}
a.go-to-top{display:block; background:url(../imgs/scroll-up.png) no-repeat top left #ffffff; width:48px; height:48px; cursor:pointer}
a.go-to-top:hover{opacity:.75; filter: alpha(opacity=75);}
@media screen and (max-width: 800px) {
  .page.scroll-bttn-cnt {display: none!important;}
}