/*FFP.ca---*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600&family=Open+Sans+Condensed:wght@300;700&display=swap');

/* Developed by www.tidypiglet.com *//* Designed and developed by Julia Tchervova */
/*-------------------------------------------*
/*Reset
/*-------------------------------------------*/

/* Default Style
--------------------------------*/
html {
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}
hr {
  height:1px;
  background: #9f9f9f;
  margin: 7px 0;
  border: none;
	clear: both;
	float: none;
	width: 100%;
}

input, select {
  vertical-align:middle;
}

select {
  border-radius: 4px;
  border: 1px solid #ACACAC;
  padding: 3px 4px;
}

.clear {
  clear: both;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  content: ".";
  clear: both;
  text-indent: -9999px;
  height: 0;
}
.remove-margin {
  margin-right: 0 !important;
}

fieldset {
  border: 1px solid #ccc;
  margin: 0 0 1.4615em;
  padding: 1.5385em;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom: 15px;
  width: 100%;
}

th, tr, td {
  vertical-align: middle;
}


/*-------------------------------------------*
/*Body, Common Classes &Structure
/*-------------------------------------------*/
body {
  
  font-size: 20px;
  line-height: 1.5em;
  color: #000000;
  font-family: 'Montserrat Alternates', sans-serif;
	z-index:0;
}
p {
  margin: 0 0 0.8em;
	font-size:20px;
	line-height:28px;
	font-family:'Montserrat Alternates', sans-serif;
	font-weight:300;
}


em {
  font-style: italic;
}

#wrap-homepage {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0)), url("../images/THH-sunset.jpg");
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y:scroll;
}
#wrap-about {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0)), url(../images/garden.JPG);
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   overflow-y:scroll;
}
#wrap-gardens {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0)), url(../images/pink-snapdragon-flower.jpg);
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   overflow-y:scroll;
}

#wrap-event {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0)), url("../images/burger.png");
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   overflow-y:scroll;
}
#wrap-services {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0)), url(../images/bread.png);
	background-repeat:  no-repeat;
	background-position:  center center;
	 background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   overflow-y:scroll;
}
#wrap-sharebox {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0)), url("../images/produce-stand.png");
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   overflow-y:scroll;
}

#wrap-contact {
    padding:0;
	margin:0;
	-webkit-font-smoothing:antialiased;
	font-smooth:subpixel-antialiased;
	-moz-osx-font-smoothing:grayscale;
	max-width:100vw;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
    background-image:linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0)), url(../images/chicks.jpg);
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   overflow-y:scroll;
}

/*-------------------------------------------*
/*Responsive Menu
/*-------------------------------------------*/



/*-------------------------------------------*
/*Headings
/*-------------------------------------------*/
h1,
h2,
h3,
h4 {
  font-family: 'Montserrat Alternates', sans-serif;	
  color: #ffffff;
  line-height: 1.5em;
  font-weight: normal;
  
  letter-spacing: 0px;
}

h1 {
  font-size: 2.4rem;
  
	margin-top:0.7em;
  line-height: 1.1em;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h2,
h3 {
  margin-top: 12px;
  margin-bottom: 8px;
}

h1.homepage {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:7.5rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-shadow:5px 5px 4px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
h2.homepage {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:3.75rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-shadow:5px 5px 4px rgba(0,0,0,0.4);
	
}
h3.homepage {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:2.4rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-shadow:5px 5px 4px rgba(0,0,0,0.4);
	margin-bottom:120px;
	
}
h3.homepage a{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:2.4rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	text-shadow:5px 5px 4px rgba(0,0,0,0.4);
	text-decoration:underline;
	
}

.page-heading {
	transform: translateX(0);
	transition: transform 0.3s ease-in-out 0;
}
.content-block h2 {
	color:#000000;
}
.content-block-garden h2 {
	color:#000000;
}
/*-------------------------------------------*
/*Header
/*-------------------------------------------*/
.region-header::after {
	display:block;
	visibility:hidden;
	content: ".";
	clear:both;
	text-indent:-99999px;
	height:0;
}

#header {
  width: 30%;
  position: relative;
  float:left;
}
#header-main {
  width: 100%;
  position: relative;
}
#logo{
  float: left;
	max-width:300px;
	overflow:hidden;
	margin-right:30px;
	margin-top:-20px;
}
#logo img {
	width:100%;
}
#logo-wrap-desktop {
	display:block;
	max-width:263px;
	max-height:220px;
	overflow:visible;
	
}
#logo-wrap-desktop img {
	width:100%;
}
#logo-wrap-mobile {display:none;}
.half-circle {
    width: 550px;
    height: 360px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
    border: 1px solid white;
    border-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-top:-194px;
}
.half-circle-graphic {
    width: 550px;
    height: 360px;
    background-image: url("../images/home-menu.svg");
	background-repeat:no-repeat;
	background-position: center center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}

/*-------------------------------------------*
/*  6.  Navigation
/*-------------------------------------------*/
#navigation-initial {
	margin-top:-140px;
}
#main-top-menu {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	max-width:715px;
	max-height:556px;
	position:relative;
	z-index:9;
}
ul.nav-menu {
	list-style-type:none;
}
li.first-left {
	position:absolute;
	top:0;
	left:57px;
}
li.second-left {
	position:absolute;
	top:207px;
	left:182px;
}
li.menu-center {
	position:absolute;
	top:155px;
	left:277px;
}
li.first-right {
	position:absolute;
	top:207px;
	left:452px;
}
li.second-right {
	position:absolute;
	top:0;
	left:578px;
}
ul.nav-menu a {color:#ffffff; text-decoration:none;}
ul.nav-menu a:hover {color:#ffffff; text-shadow:1px 1px 10px #FFED14, 2px 2px 5px #FFD200; text-decoration:none;}
.icon {display:none;visibility:hidden;}
.label {
	display:none;
	visibility:hidden;
	
}
@media screen and (max-width:960px) {.icon{display:inline-block;visibility:visible;}.label{display:inline-block; visibility:visible; margin-bottom:0 !important;}#navigation-mobile {display: block;}} 
.responsive-menu {
  position: relative;
  z-index: 1000;
  *zoom: 1; }
  .responsive-menu ul, .responsive-menu li {
    margin: 0;
    padding: 0; }
  .responsive-menu:before, .responsive-menu:after {
    content: "";
    display: table; }
  .responsive-menu:after {
    clear: both; }
  .responsive-menu  ul {
    display: none;
    z-index: 100;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    max-width: 300px;
    position: relative;
    top: 100%; }
  .responsive-menu li {
    text-align: left;
    display: block; }
    .responsive-menu li a {
      background-color: #b7dbef;
      color: #111;
      padding: 0.7em;
      display: block; }
      .responsive-menu li a:hover {
        background-color: #29aae1; }
    .responsive-menu li li a {
      padding-left: 1.4em; }

.rm-right > ul {
  right: 0; }

.rm-toggle {
	float:right;
  margin: 0;
  background-color: #f7931e;
  color: #ffffff;
  cursor: pointer;
  padding: 0.5em;
  border: none;
  border-radius: 0;
  outline: 0; }
  .rm-toggle:hover {
    background-color: #ffffff;
	color:#f7931e;}
  .rm-left .rm-toggle {
    float: right; }
  .rm-right .rm-toggle {
    float: right; }
  .rm-toggle .rm-label {
    text-transform: uppercase;
    font-size: 1.1em;
    margin-right: 0.5em; }
.responsive-menu li:hover > div.sub-menu {
	display: block;
	z-index: 9999;
	position: relative;
	right: 400px;
	margin-top: 0;
}
/*** ESSENTIAL Navigation Style ***/
#navigation-mobile {
	position:absolute; 
	right:10px;
	top:0;
	z-index:3;
	
}
ul.mobile-menu {
	list-style:none;
	position:relative;
}
ul.mobile-menu a {
	display:block;
	
	padding:.5em .5em !important;
	background: #ffffff;
	margin:0;
	font-size: 20px;
	text-decoration: none;
	color: #f7931e;
}
ul.mobile-menu a:hover {
	background: #f7931e;
	color: #ffffff;
}
.mobile-menu ,
.mobile-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu {
  line-height: 1.0;
}
#menu {visibility: hidden;}
#menu.open {
	visibility:visible;
	display:block;
	
}

.mobile-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
#navigation-mobile {
	display: none;
}
@media screen and (max-width:960px) {#navigation-mobile {display: block;}} 
/* __________________________________ *
/* Main Navigation for Other pages but Home
/* __________________________________ */

.side-menu-open {
  position: fixed;
  display:block;
	padding:5px 20px;
	background:#ffffff;	
	border:2px solid #f7931e;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
  z-index: 4;
  top: 270px;
  right: -6px;
  height: 40px;
  width: 70px;
	transform: translateX(0);
  transition: transform .5s ease-in-out 0.5s;
 /* overflow: hidden;
  color: transparent; */
  color:#f7931e;
  white-space: nowrap;
  line-height:2.5rem;
	text-decoration:none;
	visibility:visible;
}
.side-menu-close {
	visibility:hidden;
	position:fixed;
	top:270px;
	right:10px;
	content: '';
	transform: translateX();
	transition: transform .5s cubic-bezier(.07,.23,.34,1);
	display:block;
	
}
.side-menu-open-reg {
  position: fixed;
  display:block;
	padding:5px 20px;
	background:#ffffff;	
	border:2px solid #f7931e;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
  z-index: 4;
  top: 270px;
  right: -6px;
  height: 40px;
  width: 70px;
	transform: translateX(0);
  transition: transform .5s ease-in-out 0.5s;
 /* overflow: hidden;
  color: transparent; */
  color:#f7931e;
  white-space: nowrap;
  line-height:2.5rem;
	text-decoration:none;
	visibility:visible;
}
.side-menu-close-reg {
	visibility:hidden;
	position:fixed;
	top:270px;
	right:10px;
	content: '';
	transform: translateX();
	transition: transform .5s cubic-bezier(.07,.23,.34,1);
	display:block;
	
}

.x-btn {
	width:30px;
	height:30px;
}
/*.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
  position: absolute;
  height: 4px;
  width: 36px;
  background: #999999;
}

.nav-trigger span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background .3s;
}

.nav-trigger span::before,
.nav-trigger span::after {
  content: '';
  top: 0;
  left: 0;
  transition: background .3s, transform .3s;
}

.nav-trigger span::before {
  transform: translateY(-12px);
}

.nav-trigger span::after {
  transform: translateY(12px);
}

.nav-trigger:hover span, 
.nav-trigger:hover span::before,
.nav-trigger:hover span::after {
  background: white;
}


.nav-open .nav-trigger span {
  background: transparent;
}

.nav-open .nav-trigger span::before,
.nav-open .nav-trigger span::after {
  background: #1F2B3D;
}

.nav-open .nav-trigger span::before {
  transform: rotate(-45deg);
}

.nav-open .nav-trigger span::after {
  transform: rotate(45deg);
}
*/
.overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1C1D21;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}

.nav-open .overlay {
  opacity: .6;
  visibility: visible;
}

#nav-container {
  position: fixed;
  z-index: 3;
  top: 323px;
  right: -6px;
  height: 345px;
  width: 90%;
  max-width: 220px;
  padding:0;
  /*background: #F3F3F3;*/
  overflow: auto;
  
}
#nav-container-reg {
  position: fixed;
  z-index: 3;
  top: 323px;
  right: -6px;
  height: 304px;
  width: 90%;
  max-width: 220px;
  padding:0;
  /*background: #F3F3F3;*/
  overflow: auto;
  
}



#nav {
  list-style: none;
  padding: 0;
	
  transform: translateX(150%);
  transition: transform .8s ease-in-out;
}

#nav a {
  display: block;
  padding: .3em 1em .3em 1.8em;
  margin: 3px 0px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Montserrat Alternates', sans-serif;
  text-decoration: none;
  color: #f7931e;
  text-indent: -20px;
  background: #Ffffff;
	border:2px solid #f7931e;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
}
#nav a.donate {
  display: block;
  padding: .3em 1em .3em 1.8em;
  margin: 3px 0px;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Montserrat Alternates', sans-serif;
  text-decoration: none;
  color: #000000;
  
  background: #Ffffff;
	border:2px solid #f9cb7a;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
}

.fa-arrow-right {
	color: #ffffff;
	display: inline-block;
	width: 18px;
	height: 18px;
	content: '';
	position: relative;
	left: -5px;
	top: 3px;
	text-indent: -999em;
}

#nav a:hover, #nav a:active {
	background: #f7931e;
	border: 2px solid #ffffff;
	color: #ffffff;
	
}
#nav a.donate:hover {
	background:#f9cb7a; 
	border: 2px solid #ffffff;
}

#nav li a {
	-webkit-animation: slide-in 0.2s 0.2s backwards;
  -moz-animation: slide-in 0.2s 0.2s backwards;
  -ms-animation: slide-in 0.2s 0.2s backwards;
  -o-animation: slide-in 0.2s 0.2s backwards;
  animation: slide-in 0.2s 0.2s backwards;
}

#nav li:nth-of-type(2) a {
  
  animation-delay: 0.4s;
}

#nav li:nth-of-type(3) a {
  animation-delay: 0.5s;
}

#nav li:nth-of-type(4) a {
  animation-delay: 0.6s;
}

#nav li:nth-of-type(5) a {
  animation-delay: 0.7s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-o-keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}




/*-------------------------------------------*
/* Main Content Area
/*-------------------------------------------*/
.large-block {
	display:block;
	position:relative;
	padding:30px;
	background-color:rgba(248,252,244,0.85);
	max-width:1600px;
	max-height:600px;
	overflow-y:scroll;
	animation-name: bounce-left;
  animation-fill-mode: both;
  animation-duration: 1s;
	
}

.content {
	position:relative;
	margin-top:355px;
}
.content-others {
	position:relative;
	margin-top:55px;
	margin-left:75px;
	margin-right:220px;
}
.content-block {
	display:block;
	position:relative;
	padding:30px;
	background-color:rgba(248,252,244,0.85);
	max-width:100%;
	max-height:550px;
	overflow-y:scroll;
	animation-name: bounce-left;
  animation-fill-mode: both;
  animation-duration: 1s;
	
}
.content-block-garden {
	display:block;
	position:relative;
	padding:30px;
	background-color:rgba(248,252,244,0.85);
	
	max-width:100%;
	max-height:550px;
	overflow-y:scroll;
	animation-name: bounce-left;
  animation-fill-mode: both;
  animation-duration: 1s;
	
}
.content-block p {
	font-family:'Montserrat Alternates', sans-serif;
	font-size:1em;
	color:#000;
}
.content-block-garden p {
	font-family:'Montserrat Alternates', sans-serif;
	font-size:1em;
	color:#000;
}
.content-block-reg {
	display:block;
	position:relative;
	padding:30px;
	background-color:rgba(248,252,244,0.85);
	max-width:860px;
	max-height:550px;
	overflow-y:scroll;
	animation-name: bounce-left;
  animation-fill-mode: both;
  animation-duration: 1s;
	
}
.content-block-reg p {
	font-family:'Montserrat Alternates', sans-serif;
	font-size:1em;
	color:#000;
}
@-moz-keyframes bounce-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px) rotate(0deg);
    -moz-transform: translateX(-2000px) rotate(0deg);
    -o-transform: translateX(-2000px) rotate(0deg);
    -ms-transform: translateX(-2000px) rotate(0deg);
    transform: translateX(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(30px) rotate(0deg);
    -moz-transform: translateX(30px) rotate(0deg);
    -o-transform: translateX(30px) rotate(0deg);
    -ms-transform: translateX(30px) rotate(0deg);
    transform: translateX(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateX(-10px) rotate(0deg);
    -moz-transform: translateX(-10px) rotate(0deg);
    -o-transform: translateX(-10px) rotate(0deg);
    -ms-transform: translateX(-10px) rotate(0deg);
    transform: translateX(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    -moz-transform: translateX(0) rotate(0deg);
    -o-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
@-webkit-keyframes bounce-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px) rotate(0deg);
    -moz-transform: translateX(-2000px) rotate(0deg);
    -o-transform: translateX(-2000px) rotate(0deg);
    -ms-transform: translateX(-2000px) rotate(0deg);
    transform: translateX(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(30px) rotate(0deg);
    -moz-transform: translateX(30px) rotate(0deg);
    -o-transform: translateX(30px) rotate(0deg);
    -ms-transform: translateX(30px) rotate(0deg);
    transform: translateX(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateX(-10px) rotate(0deg);
    -moz-transform: translateX(-10px) rotate(0deg);
    -o-transform: translateX(-10px) rotate(0deg);
    -ms-transform: translateX(-10px) rotate(0deg);
    transform: translateX(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    -moz-transform: translateX(0) rotate(0deg);
    -o-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
@-o-keyframes bounce-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px) rotate(0deg);
    -moz-transform: translateX(-2000px) rotate(0deg);
    -o-transform: translateX(-2000px) rotate(0deg);
    -ms-transform: translateX(-2000px) rotate(0deg);
    transform: translateX(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(30px) rotate(0deg);
    -moz-transform: translateX(30px) rotate(0deg);
    -o-transform: translateX(30px) rotate(0deg);
    -ms-transform: translateX(30px) rotate(0deg);
    transform: translateX(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateX(-10px) rotate(0deg);
    -moz-transform: translateX(-10px) rotate(0deg);
    -o-transform: translateX(-10px) rotate(0deg);
    -ms-transform: translateX(-10px) rotate(0deg);
    transform: translateX(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    -moz-transform: translateX(0) rotate(0deg);
    -o-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes bounce-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px) rotate(0deg);
    -moz-transform: translateX(-2000px) rotate(0deg);
    -o-transform: translateX(-2000px) rotate(0deg);
    -ms-transform: translateX(-2000px) rotate(0deg);
    transform: translateX(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(30px) rotate(0deg);
    -moz-transform: translateX(30px) rotate(0deg);
    -o-transform: translateX(30px) rotate(0deg);
    -ms-transform: translateX(30px) rotate(0deg);
    transform: translateX(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateX(-10px) rotate(0deg);
    -moz-transform: translateX(-10px) rotate(0deg);
    -o-transform: translateX(-10px) rotate(0deg);
    -ms-transform: translateX(-10px) rotate(0deg);
    transform: translateX(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    -moz-transform: translateX(0) rotate(0deg);
    -o-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
}

.support-us-btn {
	width:424px;
	text-align:center;
	padding:5px 20px;
	background:#f7931e;
	border:1px solid #ffffff;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.support-us-btn a {
	color:#fff;
	text-decoration:none;
	font-size:1rem;
}
.support-us-btn:hover {
	width:424px;
	text-align:center;
	padding:5px 20px;
	background:#ffffff;
	border:1px solid #f7931e;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.support-us-btn a:hover {
	color:#f7931e;
	text-decoration:none;
}

.support-us-btn-other {
	width:280px;
	text-align:center;
	padding:5px 20px;
	background:#f7931e;
	border:1px solid #ffffff;
	border-radius:8px;
	position:absolute;
	top:20px;
	right:50px;
}
.support-us-btn-other a {
	color:#fff;
	text-decoration:none;
}
.support-us-btn-other:hover {
	width:280px;
	text-align:center;
	padding:5px 20px;
	background:#ffffff;
	border:1px solid #f7931e;
	border-radius:8px;
	position:absolute;
	top:20px;
	right:50px;
}
.support-us-btn-other a:hover {
	color:#f7931e;
	text-decoration:none;
}
.flower-container {
	display: flex;
	justify-content: flex-start;
	min-height: 230px;
	height: auto;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.flower-img {
	width: 172px;
	height: 172px;
	column-gap: 15px;
	border-top: 10px solid #fff;
	border-right:10px solid #fff;
	border-bottom: 30px solid #fff;
	border-left: 10px solid #fff;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.3);
}
.left-inclined {
	-os-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
	transform: rotate(3deg);
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	margin-right:27px;
}
.right-inclined {
	-os-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	margin-right: 10px;
}
.flower-img img {
	width: 172px;
	height: 172px;
	margin: 0;
}
.farm-pix {
	position:relative;
}
.pic-frame{
	width:330px;
	height:335px;
	display:block;
	border-top:22px solid #fff;
	border-right:22px solid #fff;
	border-bottom:75px solid #fff;
	border-left:22px solid #fff;
	background-color:#000;
	box-shadow:2px 2px 5px 2px rgba(0,0,0,0.3);
}
.pic-three {
	position:absolute;
	right:10%;
	top:375px;
	background: url("../images/canning.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
  -os-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
	transform: rotate(15deg);
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	text-align:center;
	animation-name: bounce-below;
  animation-fill-mode: both;
  animation-duration: 1s;
	animation-delay:0.6s;
}

.pic-three span {
	position:relative;
	top:365px;
	
	
}
.pic-two {
	position:absolute;
	left:100px;
	top:430px;
	background: url("../images/harvest.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
  -os-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	text-align:center;
	animation-name: bounce-bottom;
  animation-fill-mode: both;
  animation-duration: 1s;
	animation-delay:0.5s;
}

.pic-two span {
	position:relative;
	top:365px;
	
	
}
.pic-one {
	position:absolute;
	left:30%;
	top:0px;
	background: url("../images/bread.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    z-index:3;
	-os-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
	transform: rotate(7deg);
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	text-align:center;
	animation-name: bounce-top;
  animation-fill-mode: both;
  animation-duration: 1s;
	animation-delay:0.4s;
}

.pic-one span {
	position:relative;
	top:365px;
	
	z-index:3;
}

@-moz-keyframes bounce-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes bounce-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@-o-keyframes bounce-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(0deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes bounce-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(0deg);
    -moz-transform: translateY(-2000px) rotate(0deg);
    -o-transform: translateY(-2000px) rotate(0deg);
    -ms-transform: translateY(-2000px) rotate(0deg);
    transform: translateY(-2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(0deg);
    -moz-transform: translateY(30px) rotate(0deg);
    -o-transform: translateY(30px) rotate(05deg);
    -ms-transform: translateY(30px) rotate(0deg);
    transform: translateY(30px) rotate(0deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}

@-moz-keyframes bounce-bottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(-12deg);
    -moz-transform: translateY(2000px) rotate(-12deg);
    -o-transform: translateY(2000px) rotate(-12deg);
    -ms-transform: translateY(2000px) rotate(-12deg);
    transform: translateY(2000px) rotate(-12deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(-12deg);
    -moz-transform: translateY(-10px) rotate(-12deg);
    -o-transform: translateY(-10px) rotate(-12deg);
    -ms-transform: translateY(-10px) rotate(-12deg);
    transform: translateY(-10px) rotate(-12deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(-12deg);
    -moz-transform: translateY(30px) rotate(-12deg);
    -o-transform: translateY(30px) rotate(-12deg);
    -ms-transform: translateY(30px) rotate(-12deg);
    transform: translateY(30px) rotate(-12deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-12deg);
    -moz-transform: translateY(0) rotate(-12deg);
    -o-transform: translateY(0) rotate(-12deg);
    -ms-transform: translateY(0) rotate(-12deg);
    transform: translateY(0) rotate(-12deg);
  }
}
@-webkit-keyframes bounce-bottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(-12deg);
    -moz-transform: translateY(2000px) rotate(-12deg);
    -o-transform: translateY(2000px) rotate(-12deg);
    -ms-transform: translateY(2000px) rotate(-12deg);
    transform: translateY(2000px) rotate(-12deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(-12deg);
    -moz-transform: translateY(-10px) rotate(-12deg);
    -o-transform: translateY(-10px) rotate(-12deg);
    -ms-transform: translateY(-10px) rotate(-12deg);
    transform: translateY(-10px) rotate(-12deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(-12deg);
    -moz-transform: translateY(30px) rotate(-12deg);
    -o-transform: translateY(30px) rotate(-12deg);
    -ms-transform: translateY(30px) rotate(-12deg);
    transform: translateY(30px) rotate(-12deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-12deg);
    -moz-transform: translateY(0) rotate(-12deg);
    -o-transform: translateY(0) rotate(-12deg);
    -ms-transform: translateY(0) rotate(-12deg);
    transform: translateY(0) rotate(-12deg);
  }
}
@-o-keyframes bounce-bottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(-12deg);
    -moz-transform: translateY(2000px) rotate(-12deg);
    -o-transform: translateY(2000px) rotate(-12deg);
    -ms-transform: translateY(2000px) rotate(-12deg);
    transform: translateY(2000px) rotate(-12deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(-12deg);
    -moz-transform: translateY(-10px) rotate(-12deg);
    -o-transform: translateY(-10px) rotate(-12deg);
    -ms-transform: translateY(-10px) rotate(-12deg);
    transform: translateY(-10px) rotate(-12deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(-12deg);
    -moz-transform: translateY(30px) rotate(-12deg);
    -o-transform: translateY(30px) rotate(-12deg);
    -ms-transform: translateY(30px) rotate(-12deg);
    transform: translateY(30px) rotate(-12deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-12deg);
    -moz-transform: translateY(0) rotate(-12deg);
    -o-transform: translateY(0) rotate(-12deg);
    -ms-transform: translateY(0) rotate(-12deg);
    transform: translateY(0) rotate(-12deg);
  }
}
@keyframes bounce-bottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(-12deg);
    -moz-transform: translateY(2000px) rotate(-12deg);
    -o-transform: translateY(2000px) rotate(-12deg);
    -ms-transform: translateY(2000px) rotate(-12deg);
    transform: translateY(2000px) rotate(-12deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(-12deg);
    -moz-transform: translateY(-10px) rotate(-12deg);
    -o-transform: translateY(-10px) rotate(-12deg);
    -ms-transform: translateY(-10px) rotate(-12deg);
    transform: translateY(-10px) rotate(-12deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(-12deg);
    -moz-transform: translateY(30px) rotate(-12deg);
    -o-transform: translateY(30px) rotate(-12deg);
    -ms-transform: translateY(30px) rotate(-12deg);
    transform: translateY(30px) rotate(-12deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-12deg);
    -moz-transform: translateY(0) rotate(-12deg);
    -o-transform: translateY(0) rotate(-12deg);
    -ms-transform: translateY(0) rotate(-12deg);
    transform: translateY(0) rotate(-12deg);
  }
}

@-moz-keyframes bounce-below {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(0deg);
    -moz-transform: translateY(2000px) rotate(0deg);
    -o-transform: translateY(2000px) rotate(0deg);
    -ms-transform: translateY(2000px) rotate(0deg);
    transform: translateY(2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(15deg);
    -moz-transform: translateY(-10px) rotate(15deg);
    -o-transform: translateY(-10px) rotate(15deg);
    -ms-transform: translateY(-10px) rotate(15deg);
    transform: translateY(-10px) rotate(15deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(15deg);
    -moz-transform: translateY(30px) rotate(15deg);
    -o-transform: translateY(30px) rotate(15deg);
    -ms-transform: translateY(30px) rotate(15deg);
    transform: translateY(30px) rotate(15deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(15deg);
    -moz-transform: translateY(0) rotate(15deg);
    -o-transform: translateY(0) rotate(15deg);
    -ms-transform: translateY(0) rotate(15deg);
    transform: translateY(0) rotate(15deg);
  }
}
@-webkit-keyframes bounce-below {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(0deg);
    -moz-transform: translateY(2000px) rotate(0deg);
    -o-transform: translateY(2000px) rotate(0deg);
    -ms-transform: translateY(2000px) rotate(0deg);
    transform: translateY(2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(15deg);
    -moz-transform: translateY(-10px) rotate(15deg);
    -o-transform: translateY(-10px) rotate(15deg);
    -ms-transform: translateY(-10px) rotate(15deg);
    transform: translateY(-10px) rotate(15deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(15deg);
    -moz-transform: translateY(30px) rotate(15deg);
    -o-transform: translateY(30px) rotate(15deg);
    -ms-transform: translateY(30px) rotate(15deg);
    transform: translateY(30px) rotate(15deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(15deg);
    -moz-transform: translateY(0) rotate(15deg);
    -o-transform: translateY(0) rotate(15deg);
    -ms-transform: translateY(0) rotate(15deg);
    transform: translateY(0) rotate(15deg);
  }
}
@-o-keyframes bounce-below {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(0deg);
    -moz-transform: translateY(2000px) rotate(0deg);
    -o-transform: translateY(2000px) rotate(0deg);
    -ms-transform: translateY(2000px) rotate(0deg);
    transform: translateY(2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(15deg);
    -moz-transform: translateY(-10px) rotate(15deg);
    -o-transform: translateY(-10px) rotate(15deg);
    -ms-transform: translateY(-10px) rotate(15deg);
    transform: translateY(-10px) rotate(15deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(15deg);
    -moz-transform: translateY(30px) rotate(15deg);
    -o-transform: translateY(30px) rotate(15deg);
    -ms-transform: translateY(30px) rotate(15deg);
    transform: translateY(30px) rotate(15deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(15deg);
    -moz-transform: translateY(0) rotate(15deg);
    -o-transform: translateY(0) rotate(15deg);
    -ms-transform: translateY(0) rotate(15deg);
    transform: translateY(0) rotate(15deg);
  }
}
@keyframes bounce-below {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px) rotate(0deg);
    -moz-transform: translateY(2000px) rotate(0deg);
    -o-transform: translateY(2000px) rotate(0deg);
    -ms-transform: translateY(2000px) rotate(0deg);
    transform: translateY(2000px) rotate(0deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-10px) rotate(15deg);
    -moz-transform: translateY(-10px) rotate(15deg);
    -o-transform: translateY(-10px) rotate(15deg);
    -ms-transform: translateY(-10px) rotate(15deg);
    transform: translateY(-10px) rotate(15deg);
  }
  80% {
    -webkit-transform: translateY(30px) rotate(15deg);
    -moz-transform: translateY(30px) rotate(15deg);
    -o-transform: translateY(30px) rotate(15deg);
    -ms-transform: translateY(30px) rotate(15deg);
    transform: translateY(30px) rotate(15deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(15deg);
    -moz-transform: translateY(0) rotate(15deg);
    -o-transform: translateY(0) rotate(15deg);
    -ms-transform: translateY(0) rotate(15deg);
    transform: translateY(0) rotate(15deg);
  }
}

.gallery-link {
	font-family: 'Montserrat Alternates', sans-serif;
	font-size:1.5rem;
	font-weight:300;
	display:none;
	
	padding-left:30px;
}
.gallery-link a {
	color:#fff;
	text-decoration:none;
}
.gallery-link a::after {
	background: url('../../../%23FFP/website/images/arrow-right-white.svg') 0 0 no-repeat;
	content:'';
	position: absolute;
  display: inline-block;
  right: -25px;
  width: 12px;
  height: 25px;
  text-indent: -999em;
  overflow: hidden;
	top: 3px;
}
ul.events {
	list-style-type:none;
}
ul.events li {
	padding-bottom:10px;
	font-weight: 300;
}
.gutter-row {width:100%;height:15px;clear:both;}
.grid-row {
	width:100%;
	margin:0;
	padding:0;
}
.grid-col-8 {
	
	width:100%;
	margin-right:36px;
}
.grid-col-7 {
	float:left;
	width:70%;
	margin-right:34px;
}
.grid-col-6 {
	float:left;
	width:47%;
	margin-right:34px;
}
.grid-col-2 {
	float:left;
	width:25%;
}
.grid-col-1 {
	float:left;
	width:30.9%;
	margin-right:2.4%;
}
.first,.last {
	margin:0 !important;
}
.grid-col-3 {
	float:left;
	width:34.7%;
	margin-right:36px;
}
.grid-col-4 {
	float:left;
	width:21.9%;
	margin-right:30px;
}
.grid-col-inside {
	float:left;
	width:45%;
	margin-right:36px;
}
.grid-col-garden {
	float:left;
	width:75%;
	margin-right:36px;
}
.grid-col-text {
	display: inline-block;
	vertical-align: middle;
	width: 62%;
	margin-right:36px;
}
.grid-col-img {
	display: inline-block;
	vertical-align: middle;
	width:34.7%;
	margin-right:36px;
}
/*-------------------------------------------*
/* Calendar - Events page
/*-------------------------------------------*/
.container-calendar {
  background: #ffffff;
  padding: 15px;
  max-width: 475px;
  margin: 0 auto;
  overflow: auto;
}

.button-container-calendar button {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  background: #f7931e;
  color: #fff;
  border: 1px solid #f7931e;
  border-radius: 4px;
  padding: 5px 10px;
}

.table-calendar {
  border-collapse: collapse;
  width: 100%;
	font-size:0.95rem;
}

.table-calendar td, .table-calendar th {
  padding: 5px;
  border: 1px solid #e2e2e2;
  text-align: center;
  vertical-align: top;
}

.date-picker.selected {
  font-weight: bold;
  outline: 1px dashed #00BCD4;
}

.date-picker.selected span {
  border-bottom: 2px solid currentColor;
}

/* sunday */
.date-picker:nth-child(1) {
color: red;
}

/* friday */
.date-picker:nth-child(6) {
color: black;
}

#monthAndYear {
  text-align: center;
  margin-top: 0;
	color:#000000;
}

.button-container-calendar {
  position: relative;
	margin-top:-36px;
  margin-bottom: 1em;
  overflow: hidden;
  clear: both;
}

#previous {
  float: left;
}

#next {
  float: right;
}
ul.events {
	padding-top: 22px;
}
ul.events li {
	font-size: 20px;
	font-weight: bold;
}

/* ------------------------------------------ *
/* Contact Us Page - Contact Form
/* ------------------------------------------ */

.cf {
	width:100%; 
	margin-bottom:14px; 
	padding:0; 
	text-align:left;
}
.cf-label {
	color:#b5b5b5; 
	font-size:14px; 
	text-align:left; 
	font-family: 'Montserrat Alternates', sans-serif;
}
.cf-required {
	color:#FF0000;
}
.cf-field {
	display:block; 
	width:95%; 
	height:44px; 
	text-align:left; 
	font-size:16px; 
	font-family: 'Montserrat Alternates', sans-serif;
	color:#484848; 
	margin-bottom: 14px; 
	border: 1px solid #c1c1c1;
	border-radius:5px;
	padding:10px;
}
.cf-message {
	display:block; 
	width:95%; 
	height:206px; 
	text-align:left; 
	vertical-align:top; 
	font-family: 'Montserrat Alternates', sans-serif;
	font-size:16px; 
	color:#484848; 
	line-height:16px; 
	border:1px solid #c1c1c1;
	border-radius:5px;
	padding:10px;
}
.cf-btn {
	color:#FFFFFF; 
	font-size:16px; 
	line-height:36px; 
	font-family:'Montserrat Alternates', sans-serif; 
	
	border:1px solid #ffffff; 
	border-radius: 5px;
	padding:3px 20px; 
	background: #f7931e;
}
.cf-btn:hover {
	background: #ffffff;
	color:#f7931e;
	border:1px solid #f7931e;
}
		
.cf-btn-0 {
	
	border: 1px solid #ffffff;  
	color: #ffffff; 
	font-size: 16px; 
	line-height: 36px; 
	font-family:'Montserrat Alternates', sans-serif; 
	border-radius: 5px;
	margin-right:20px; 
	padding:3px 20px; 
	background: #f7931e;
}
.cf-btn-0:hover {
	background: #ffffff;
	color:#f7931e;
	border:1px solid #f7931e;
}

/* ------------------------------------------ *
/* Contact Us Page - volunteers Form
/* ------------------------------------------ */
.vol-form {
	width:100%; 
	margin-bottom:14px; 
	padding:0; 
	text-align:left;
}
.vol-field {
	display:block; 
	width:95%; 
	height:40px; 
	text-align:left; 
	font-size:16px; 
	font-family: 'Montserrat Alternates', sans-serif;
	color:#484848; 
	margin-bottom: 14px; 
	border: 1px solid #c1c1c1;
	border-radius:5px;
	padding:10px;
}
.vol-btn {
	color:#FFFFFF; 
	font-size:16px; 
	line-height:36px; 
	font-family:'Montserrat Alternates', sans-serif; 
	
	border:1px solid #ffffff; 
	border-radius: 5px;
	padding:3px 20px; 
	background: #f7931e;
}
.vol-btn:hover {
	background: #ffffff;
	color:#f7931e;
	border:1px solid #f7931e;
}

/*-------------------------------------------*
/* Share Box Page
/*-------------------------------------------*/
.sb-register {
	color:#FFFFFF; 
	font-size:16px; 
	line-height:36px; 
	font-family:'Montserrat Alternates', sans-serif; 
	
	border:1px solid #ffffff; 
	border-radius: 5px;
	padding:3px 20px; 
	background: #f7931e;
}
.sb-register:hover {
	background: #ffffff;
	color:#f7931e;
	border:1px solid #f7931e;
}
.veggie-list {
	list-style-image: url(../images/leaf-icon.svg);
	list-style-position: inside;
}
.veggie-list li {
	font-size:1rem;
}
.bloom-list {
	list-style: none;;
	
	margin-left: 36px;
}
.bloom-list li {
	font-size:20px;
	line-height:28px;
	font-family:'Montserrat Alternates', sans-serif;
	font-weight:300;
	margin-bottom: 20px;
}

.page-info-block-reg {
	
	margin-top:0;
}
/*-------------------------------------------*
/* Footer
/*-------------------------------------------*/
#footer-wrap{
	clear:both;
	margin-top: 40px;
}

#footer-saran h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.footer-box {
  float: left;
  width: 215px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.footer-box img {
  -moz-box-shadow: 0px 0px 5px #CCC;
  -webkit-box-shadow: 0px 0px 5px #CCC;
  box-shadow: 0px 0px 5px #CCC;
}

.region-footer {
  margin-bottom: 0;
}

#footer {
	clear:both;
	width:100vw;
	padding:12px 0 0 0;
	position:fixed;
	bottom:44px;
	background-color: #1C130D;
	padding-bottom:5px;
	
}
.footer-container {
	position:relative;
	max-width:100vw;
	margin:0 auto;
	padding:0 30px;	
}
.footer-grid {
	width:100%;
	display:inline;
	color:#fff;	
}
.footer-col-10 {width:75%;float:left;}
.footer-col-2 {width:20%;float:left;}
.footer-grid ul {
	list-style:none;
	padding:0;
	margin:0;
	line-height:28px;
}
ul.bottom-menu li {display:inline-block; padding-left:10px; padding-right:10px;}
.footer-grid table{font-size:1.2em;}
.footer-grid a {color:#fff;font-size:0.9em; text-decoration:none;}

.footer-grid a:hover {color:#f7931e;text-decoration:underline;}


#footer-bottom {
	clear:both;
	width:100vw;
	padding:10px 0 0;
	position:fixed;	
	bottom:0;
	background-color: #1C130D;
	
}
#footer-bottom .copy {
	font-size:14px;
	text-align:center;
}

.footer-grid-bottom {
	width:100%;
	display:inline;
	color:#fff;	
}
.footer-grid-bottom ul {
	list-style:none;
	padding:0;
	margin:0;
	line-height:28px;
}


.footer-grid-bottom a {color:#fff;}

.footer-grid-bottom a:hover {color:#f7931e;text-decoration:underline;}

.row {display:table; content:" "; width:100%; margin-left:auto; margin-right:auto;}
.col-md-4 {width:33.33%; float:left; position:relative; min-height:1px; padding-right:0; padding-left:0;}
.col-md-3 {width:24%;float:left;position:relative;padding-right:0;padding-left:0;}
.col-md-6 {width:50%;float:left;position:relative;padding-right:0;padding-left:0;}
.col-md-12 {width:100%;float:left;position:relative;padding-right:0;padding-left:0;}

.hide {
	display:none;
	visibility:hidden;
}
/*-------------------------------------------*
/*Copyright
/*-------------------------------------------*/
#copyright {
  border-top: 1px solid #EEE;
  padding-top: 18px;
  margin-top:10px;
  font-size: 12px;
}

.credits {
  float: right;
}


.form-submit {
  -moz-transition: all 0.2s ease-in-out 0s;
  border-radius: 5px;
  cursor: pointer;
  background: none repeat scroll 0 0 #b02f33;
  border: 1px solid #9D4D2C;
  color: #fff;
  padding: 7px 10px;
  margin:10px auto;
  font-size:1rem;
  font-weight: normal;
	margin-right:10px;
}

.form-submit:hover {
  background: none repeat scroll 0 0 #CF5240;
}

input.form-checkbox, input.form-radio {
  vertical-align: baseline;
}

.form-text {
  border-radius: 3px;
  border: 1px solid #acacac;
  padding: 4px 5px;
}


/**  Lightbox Slider on Products pages **/
.slides {
    padding: 0;
    width: 350px;
    height: 250px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}


.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 1;
    width: 350px;
    height: 250px;
    display: block;
    position: absolute;
	overflow:hidden;
    
}

.slide img {
    width: 100%;
    
	-ms-align-self: center;
	align-self: center;
}

.gallery-img {display:none;visibility:hidden;}
.gal-overlay p{
	margin:0;
	color:#fff;
	font-size:1.1em;
	font-weight:300;
}

.gal-overlay {
	position:absolute;
	bottom:0;
	box-sizing:border-box;
	padding:10px;
	color:#fff;
	background: rgba(0,0,0,0.5);
	width:350px;
	min-height:40px;
	height:40px;
	text-align:left;
	z-index:1;
}

.gal-overlay p::before {
	background: url('../../../%23FFP/website/images/scalable.svg') 0 0 no-repeat;
	content:'';
	position: absolute;
  display: inline-block;
  right: 10px;
  width: 24px;
  height: 24px;
  text-indent: -999em;
  overflow: hidden;
	top: 25%;
  
}

.product-data td {
	border:none;
	color:#111112;
	font-size:1.2em;
}
.product-data td span {font-weight:600;}
/* Lightbox */

#lightBox {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20000;
	text-align:center;
}

#overlay {
	background: #333;
	background: rgba(0,0,0,0.9);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 10000;
}

#lightBox .container {
	background: #FFF;
	display: inline-block;
	padding: 0.9em;
	position: relative;
}

#lightBox .image {
	background: url(../../../%23FFP/website/images/ajax-loader.gif) no-repeat center center #FFF;
	display: block;
	position: relative;
	z-index: 1;
}

#lightBox .image img {
	display: block;
}

#lightBox .navigatory {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-position 0.1s linear;
	z-index: 2;
	
}

#lightBox #nextImage {
	background: url(../../../%23FFP/website/images/right-tab.png) no-repeat 100% center;
	background-position: calc(100% - 1em) center;
	left: 66%;
}

#lightBox #nextImage:hover {
	background-position: calc(100% - 0.5em) center;
}

#lightBox #nextImage:active {
	background-position: calc(100% - 0em) center;
}

#lightBox #prevImage {
	background: url(../../../%23FFP/website/images/left-tab.png) no-repeat 0 center;
	background-position: calc(0% + 1em) center;
	right: 66%;
}

#lightBox #prevImage:hover {
	background-position: calc(0% + 0.5em) center;
}

#lightBox #prevImage:active {
	background-position: calc(0% + 0em) center;
}

#lightBox .data {
	display: block;
	padding: 0.9em 0 0 0;
	font-style:italic;
}

#lightBox .leftData, #lightBox .rightData {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

#closeBtn {
	background: url(../../../%23FFP/website/images/close.png) center no-repeat #FFF;
	border-radius: 50%;
	height: 50px;
	position: absolute;
	right: -25px;
	right: calc(-25px - 0.45em);
	top: -25px;
	top: calc(-25px - 0.45em);
	width: 50px;
	z-index: 3;
}
@media screen and (max-width:1874px){.grid-col-6 {float:left; width:47%; margin-right:36px;}}
@media screen and (max-width:1800px){.pic-three {right:5%;}}
@media screen and (max-width:1610px){.pic-three {right:4%;}.pic-two {left:50px;}}
@media screen and (max-width:1350px){.pic-frame {width:240px; height:245px; border-top:15px solid #fff; border-right:15px solid #fff; border-bottom:65px solid #fff; border-left:15px solid #fff;}.pic-one span, .pic-two span, .pic-three span {top:265px;}}
@media screen and (max-width:1200px){.content-block{max-height:670px; overflow-y:scroll;}.pic-three{top:465px;}.support-us-btn-other, .support-us-btn-other:hover {right:0px;}.content-block-reg{max-height:650px; overflow-y:scroll;}.content-block-garden{max-height:670px; overflow-y:scroll;}}
@media screen and (max-width:1094px){}

@media screen and (max-width:968px){.content-others {margin-top:0; margin-left:15px; margin-right:15px; margin-bottom:100px;}.grid-col-6{width:97%;}.farm-pix{display:none;}.pic-frame {width:180px; height:185px; border-top:10px solid #fff; border-right:10px solid #fff; border-bottom:40px solid #fff; border-left:10px solid #fff;}.pic-one, .pic-two, .pic-three {display:inline-block; position:relative;left:0; top:0; right:0; bottom:0;}.pic-one {-os-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}.pic-one span {top:187px;}.pic-two {-os-transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index:2;}.pic-two span {top:187px;}.pic-three {-os-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}.pic-three span {top:187px;}.gallery-link{display:inline-block; position:absolute; top:35%; transition: all 0.5s ease-in-out;} .gallery-link:hover {-moz-transform: translate(10px, 0px); -webkit-transform: translate(10px, 0px); -o-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px);}.half-circle-graphic {display:none;} #logo-wrap-mobile{display:block;float:none;margin-left:50px; margin-top:10px;} #logo-wrap-mobile img {max-width:156px; max-height:110px;}#logo-wrap-desktop{display:none;} #navigation-initial {display:none;} .content {margin-top:50px; margin-bottom:120px;}}
@media screen and (max-width:855px){.grid-col-inside {width:95%;}.content-block{max-height:570px; overflow-y:scroll;}.content-block-garden{max-height:570px; overflow-y:scroll;}.grid-col-garden {width:95%;}}
@media screen and (max-width:700px){}
@media screen and (max-width:590px){}

@media screen and (max-width:498px){
	#logo-wrap-desktop {margin-left:30px !important;}
	
	#logo-wrap-mobile{display:block;float:none;margin-left:auto;margin-right:auto;margin-top:0; text-align:center;}
	#logo-wrap-desktop{display:none;}
	#navigation{position:relative;float:none;clear:both;bottom:0;}
	#menu{float:none;}
	.main-banner{height:154px;}
	
	.pix-gal{display:none;}
	.gallery{display:block;visibility:visible;position:relative;margin:0 auto 10px;box-sizing:border-box;padding:5px;color:#fff;background: rgba(0,0,0,0.5);min-height:60px;height:60px;text-align:center;z-index:1;font-size:1.7em;line-height:50px;}
	.gallery a{color:#fff;text-align:center;font-size:1.2em;line-height:50px;}
	.gallery a::before{background: url('../../../%23FFP/website/images/CameraIcon.svg') 0 0 no-repeat;content:'';position: absolute;display: inline-block;right: 10px;width: 70px;height: 60px;text-indent: -999em;overflow: hidden;top: 5%;}
	.grid-col-2{width:100%;}
	.col-md-3{width:100%;border-bottom:1px solid #aaa;padding-bottom:5px;margin-bottom:5px;}.payments{width:100%;}#wrap{padding:0;}
	.flex-container{flex-flow:column;}
	.flex-container div{width:95%;margin:0 auto 10px;}
	.recipe-info {flex-flow:column;height:100%;}
	.serving,.prep-time,.cooking,.baking {background-size:50px;}
	.recipe-info span{font-size:1.1rem;}
	.grid-pic-gal{width:19%;}
	.grid-col-1,.grid-col-1 last,.grid-recipe,.grid-recipe last{float:none;position:relative;width:75%;margin:0 auto 10px !important;box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
	.pix-gal,.cat-fresh,.cat-dry,.cat-med{height:371px;}
	.half-circle-graphic {
		display:none;
	}
	#navigation-initial {display:none;}
	.content {margin-top:0;}
	h1 {margin-top:0 !important;}
	h1.homepage {display:none;}
	h2.homepage {font-size:2.5rem;}
	h3.homepage, h3.homepage a {font-size:1.5rem; margin-bottom:20px;}
	.support-us-btn {width:auto !important;}
	.support-us-btn-other {width:163px !important; font-size:0.9rem; white-space:break-spaces;}
	#footer-bottom {padding:0 !important;}
	#footer-bottom .copy {font-size:8px;}
	.footer-grid ul {line-height:18px;}
	.footer-container {padding:0 5px;}
	.footer-grid a {font-size:0.8rem;}
	ul.bottom-menu li {padding-left:5px; padding-right:5px;}
	#footer {bottom:35px;}
	#wrap-about #logo-wrap-mobile, #wrap-event #logo-wrap-mobile, #wrap-contact #logo-wrap-mobile, #wrap-sharebox #logo-wrap-mobile, #wrap-services #logo-wrap-mobile, #wrap-gardens #logo-wrap-mobile {display:block;float:none;margin-top:0; text-align:left;}
	.side-menu-open {display: none;}
	.side-menu-close {top:115px;}
	#nav-container {display: none;}
	.side-menu-open-reg {top:20px; right:-9px;}
	.side-menu-close-reg {top:20px;}
	#nav-container-reg {top:64px;}
	.hide {display:block;visibility:visible;}
	#wrap-about h1, #wrap-event h1, #wrap-conact h1, #wrap-sharebox h1, #wrap-services h1 {margin-left:0 !important; font-size:2rem;}
	.content-block {max-height:360px;}
	.content-block-reg {max-height:360px;}
	.content-block-garden {max-height:360px;}
	.farm-pix {display:none;}
	.col-md-6 {width:100%;}
	.table-calendar td, .table-calendar th {font-size:0.85rem;}
	.grid-col-inside {width:95%;}
	.grid-col-garden {width:95%;}
	.grid-col-7 {width: 97%;}
	.five {display: none;}
}