@charset "UTF-8";
/*******************************************************************************************/
/**************************************** | RESET | ****************************************/
/*******************************************************************************************/
/* line 6, scss/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 18, scss/_reset.scss */
article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 20, scss/_reset.scss */
:focus {
  outline: 0 none;
}

/* line 22, scss/_reset.scss */
ol, ul, li {
  list-style: none;
}

/* line 24, scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 25, scss/_reset.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
}

/* line 26, scss/_reset.scss */
input, textarea {
  font-family: inherit;
}

/* line 28, scss/_reset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* line 29, scss/_reset.scss */
blockquote, q {
  quotes: "" "";
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/******************************** | CSS ANIMATION STYLES | *********************************/
/*******************************************************************************************/
/* line 5, scss/_animations.scss */
.trans-height {
  -webkit-transition: height 0.15s ease-out;
  -moz-transition: height 0.15s ease-out;
  -o-transition: height 0.15s ease-out;
  transition: height 0.15s ease-out;
}

/* line 6, scss/_animations.scss */
.trans-width {
  -webkit-transition: width 0.15s ease-out;
  -moz-transition: width 0.15s ease-out;
  -o-transition: width 0.15s ease-out;
  transition: width 0.15s ease-out;
}

/* line 7, scss/_animations.scss */
.trans-opacity {
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}

/* line 8, scss/_animations.scss */
.trans-color, a {
  -webkit-transition: color 0.15s ease-out;
  -moz-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
}

/* line 11, scss/_animations.scss */
.trans-bg-color,
.btn-cta a,
input[type=submit] {
  -webkit-transition: background-color 0.15s ease-out;
  -moz-transition: background-color 0.15s ease-out;
  -o-transition: background-color 0.15s ease-out;
  transition: background-color 0.15s ease-out;
}

/* line 12, scss/_animations.scss */
.trans-all {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 13, scss/_animations.scss */
.transparent {
  opacity: 0;
}

/* line 14, scss/_animations.scss */
.fadeIn {
  opacity: 1;
  -webkit-animation: fadeIn, linear, 0.2s, 0s;
  -moz-animation: fadeIn, linear, 0.2s, 0s;
  -o-animation: fadeIn, linear, 0.2s, 0s;
  animation: fadeIn, linear, 0.2s, 0s;
}

/* line 15, scss/_animations.scss */
.fadeOut {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/* line 16, scss/_animations.scss */
.desktop *[class^='block_'].displayBlocks {
  visibility: visible;
  -webkit-animation: displayBlocks, ease-out, 0.5s, 0s;
  -moz-animation: displayBlocks, ease-out, 0.5s, 0s;
  -o-animation: displayBlocks, ease-out, 0.5s, 0s;
  animation: displayBlocks, ease-out, 0.5s, 0s;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*** DISPLAY BLOCKS - FADE AND MOVE UP ***/
@-webkit-keyframes displayBlocks {
  /* line 23, scss/_animations.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  /* line 24, scss/_animations.scss */
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes displayBlocks {
  /* line 28, scss/_animations.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  /* line 29, scss/_animations.scss */
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes displayBlocks {
  /* line 33, scss/_animations.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  /* line 34, scss/_animations.scss */
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*** PULSE GLOW ON STEMS PAGE ***/
@-webkit-keyframes pulseGlow {
  /* line 41, scss/_animations.scss */
  0% {
    box-shadow: 0 0 0 0px white;
    -webkit-box-shadow: 0 0 0 0px white;
    -moz-box-shadow: 0 0 0 0px white;
  }

  /* line 42, scss/_animations.scss */
  100% {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
  }
}

@-ms-keyframes pulseGlow {
  /* line 46, scss/_animations.scss */
  0% {
    box-shadow: 0 0 0 0px white;
    -webkit-box-shadow: 0 0 0 0px white;
    -moz-box-shadow: 0 0 0 0px white;
  }

  /* line 47, scss/_animations.scss */
  100% {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
  }
}

@keyframes pulseGlow {
  /* line 51, scss/_animations.scss */
  0% {
    box-shadow: 0 0 0 0px white;
    -webkit-box-shadow: 0 0 0 0px white;
    -moz-box-shadow: 0 0 0 0px white;
  }

  /* line 52, scss/_animations.scss */
  100% {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
  }
}

/*** SCALE IN ***/
@-webkit-keyframes scaleIn {
  /* line 59, scss/_animations.scss */
  0% {
    -webkit-transform: scale(0);
  }

  /* line 60, scss/_animations.scss */
  70% {
    -webkit-transform: scale(1.2);
  }

  /* line 61, scss/_animations.scss */
  100% {
    -webkit-transform: scale(1);
  }
}

@-ms-keyframes scaleIn {
  /* line 65, scss/_animations.scss */
  0% {
    -ms-transform: scale(0);
  }

  /* line 66, scss/_animations.scss */
  70% {
    -ms-transform: scale(1.2);
  }

  /* line 67, scss/_animations.scss */
  100% {
    -ms-transform: scale(1);
  }
}

@keyframes scaleIn {
  /* line 71, scss/_animations.scss */
  0% {
    transform: scale(0);
  }

  /* line 72, scss/_animations.scss */
  70% {
    transform: scale(1.2);
  }

  /* line 73, scss/_animations.scss */
  100% {
    transform: scale(1);
  }
}

/*** SMASH THEN BACK TO POSITION ***/
@-webkit-keyframes smash {
  /* line 81, scss/_animations.scss */
  0% {
    -webkit-transform: scale(1, 1);
  }

  /* line 82, scss/_animations.scss */
  50% {
    -webkit-transform: scale(1, 0.3);
  }

  /* line 83, scss/_animations.scss */
  60% {
    -webkit-transform: scale(1, 1.2);
  }

  /* line 84, scss/_animations.scss */
  70% {
    -webkit-transform: scale(1, 0.7);
  }

  /* line 85, scss/_animations.scss */
  80% {
    -webkit-transform: scale(1, 1.1);
  }

  /* line 86, scss/_animations.scss */
  90% {
    -webkit-transform: scale(1, 0.9);
  }

  /* line 87, scss/_animations.scss */
  100% {
    -webkit-transform: scale(1, 1);
  }
}

@-ms-keyframes smash {
  /* line 91, scss/_animations.scss */
  0% {
    -ms-transform: scale(1, 1);
  }

  /* line 92, scss/_animations.scss */
  50% {
    -ms-transform: scale(1, 0.3);
  }

  /* line 93, scss/_animations.scss */
  60% {
    -ms-transform: scale(1, 1.2);
  }

  /* line 94, scss/_animations.scss */
  70% {
    -ms-transform: scale(1, 0.7);
  }

  /* line 95, scss/_animations.scss */
  80% {
    -ms-transform: scale(1, 1.1);
  }

  /* line 96, scss/_animations.scss */
  90% {
    -ms-transform: scale(1, 0.9);
  }

  /* line 97, scss/_animations.scss */
  100% {
    -ms-transform: scale(1, 1);
  }
}

@keyframes smash {
  /* line 101, scss/_animations.scss */
  0% {
    transform: scale(1, 1);
  }

  /* line 102, scss/_animations.scss */
  50% {
    transform: scale(1, 0.3);
  }

  /* line 103, scss/_animations.scss */
  60% {
    transform: scale(1, 1.2);
  }

  /* line 104, scss/_animations.scss */
  70% {
    transform: scale(1, 0.7);
  }

  /* line 105, scss/_animations.scss */
  80% {
    transform: scale(1, 1.1);
  }

  /* line 106, scss/_animations.scss */
  90% {
    transform: scale(1, 0.9);
  }

  /* line 107, scss/_animations.scss */
  100% {
    transform: scale(1, 1);
  }
}

/*** 360 ROTATE ***/
@-webkit-keyframes rotate360 {
  /* line 114, scss/_animations.scss */
  0% {
    -webkit-transform: scale(1);
  }

  /* line 115, scss/_animations.scss */
  30% {
    -webkit-transform: scale(1.2);
  }

  /* line 116, scss/_animations.scss */
  31% {
    -webkit-transform: rotate(0deg);
  }

  /* line 117, scss/_animations.scss */
  70% {
    -webkit-transform: rotate(360deg);
  }

  /* line 118, scss/_animations.scss */
  71% {
    -webkit-transform: scale(1.2);
  }

  /* line 119, scss/_animations.scss */
  100% {
    -webkit-transform: scale(1);
  }
}

@-ms-keyframes rotate360 {
  /* line 123, scss/_animations.scss */
  0% {
    -ms-animation: scale(1);
  }

  /* line 124, scss/_animations.scss */
  30% {
    -ms-transform: scale(1.2);
  }

  /* line 125, scss/_animations.scss */
  31% {
    -ms-transform: rotate(0deg);
  }

  /* line 126, scss/_animations.scss */
  70% {
    -ms-transform: rotate(360deg);
  }

  /* line 127, scss/_animations.scss */
  71% {
    -ms-transform: scale(1.2);
  }

  /* line 128, scss/_animations.scss */
  100% {
    -ms-transform: scale(1);
  }
}

@keyframes rotate360 {
  /* line 132, scss/_animations.scss */
  0% {
    transform: scale(1);
  }

  /* line 133, scss/_animations.scss */
  30% {
    transform: scale(1.2);
  }

  /* line 134, scss/_animations.scss */
  31% {
    transform: rotate(0deg);
  }

  /* line 135, scss/_animations.scss */
  70% {
    transform: rotate(360deg);
  }

  /* line 136, scss/_animations.scss */
  71% {
    transform: scale(1.2);
  }

  /* line 137, scss/_animations.scss */
  100% {
    transform: scale(1);
  }
}

/*** SLIDE DOWN THEN FROM THE TOP ***/
@-webkit-keyframes slideDown {
  /* line 144, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 145, scss/_animations.scss */
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  /* line 146, scss/_animations.scss */
  50.1% {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  /* line 147, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideDown {
  /* line 151, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 152, scss/_animations.scss */
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  /* line 153, scss/_animations.scss */
  50.1% {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  /* line 154, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideDown {
  /* line 158, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 159, scss/_animations.scss */
  50% {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  /* line 160, scss/_animations.scss */
  50.1% {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  /* line 161, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*** SLIDE LEFT THEN FROM THE RIGHT ***/
@-webkit-keyframes slideLeft {
  /* line 167, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 168, scss/_animations.scss */
  50% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  /* line 169, scss/_animations.scss */
  50.1% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    -moz-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }

  /* line 170, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideLeft {
  /* line 174, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 175, scss/_animations.scss */
  50% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  /* line 176, scss/_animations.scss */
  50.1% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    -moz-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }

  /* line 177, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideLeft {
  /* line 181, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  /* line 182, scss/_animations.scss */
  50% {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  /* line 183, scss/_animations.scss */
  50.1% {
    -webkit-transform: translate3d(-100%, 0%, 0);
    -moz-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
  }

  /* line 184, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*** SLINGSHOT ***/
@-webkit-keyframes slingshot {
  /* line 191, scss/_animations.scss */
  0% {
    -webkit-transform: scale(1);
  }

  /* line 192, scss/_animations.scss */
  50% {
    -webkit-transform: scale(0.5);
  }

  /* line 193, scss/_animations.scss */
  60% {
    -webkit-transform: scale(1.2);
  }

  /* line 194, scss/_animations.scss */
  70% {
    -webkit-transform: scale(0.8);
  }

  /* line 195, scss/_animations.scss */
  80% {
    -webkit-transform: scale(1.1);
  }

  /* line 196, scss/_animations.scss */
  90% {
    -webkit-transform: scale(0.9);
  }

  /* line 197, scss/_animations.scss */
  100% {
    -webkit-transform: scale(1);
  }
}

@-ms-keyframes slingshot {
  /* line 201, scss/_animations.scss */
  0% {
    -ms-transform: scale(1);
  }

  /* line 202, scss/_animations.scss */
  50% {
    -ms-transform: scale(0.5);
  }

  /* line 203, scss/_animations.scss */
  60% {
    -ms-transform: scale(1.2);
  }

  /* line 204, scss/_animations.scss */
  70% {
    -ms-transform: scale(0.8);
  }

  /* line 205, scss/_animations.scss */
  80% {
    -ms-transform: scale(1.1);
  }

  /* line 206, scss/_animations.scss */
  90% {
    -ms-transform: scale(0.9);
  }

  /* line 207, scss/_animations.scss */
  100% {
    -ms-transform: scale(1);
  }
}

@keyframes slingshot {
  /* line 211, scss/_animations.scss */
  0% {
    transform: scale(1);
  }

  /* line 212, scss/_animations.scss */
  50% {
    transform: scale(0.5);
  }

  /* line 213, scss/_animations.scss */
  60% {
    transform: scale(1.2);
  }

  /* line 214, scss/_animations.scss */
  70% {
    transform: scale(0.8);
  }

  /* line 215, scss/_animations.scss */
  80% {
    transform: scale(1.1);
  }

  /* line 216, scss/_animations.scss */
  90% {
    transform: scale(0.9);
  }

  /* line 217, scss/_animations.scss */
  100% {
    transform: scale(1);
  }
}

/*** SHAKE ***/
@-webkit-keyframes shake {
  /* line 224, scss/_animations.scss */
  0% {
    -webkit-transform: rotate(0deg);
  }

  /* line 225, scss/_animations.scss */
  20% {
    -webkit-transform: rotate(10deg);
  }

  /* line 226, scss/_animations.scss */
  50% {
    -webkit-transform: rotate(-10deg);
  }

  /* line 227, scss/_animations.scss */
  70% {
    -webkit-transform: rotate(5deg);
  }

  /* line 228, scss/_animations.scss */
  90% {
    -webkit-transform: rotate(-5deg);
  }

  /* line 229, scss/_animations.scss */
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-ms-keyframes shake {
  /* line 233, scss/_animations.scss */
  0% {
    -ms-transform: rotate(0deg);
  }

  /* line 234, scss/_animations.scss */
  20% {
    -ms-transform: rotate(10deg);
  }

  /* line 235, scss/_animations.scss */
  50% {
    -ms-transform: rotate(-10deg);
  }

  /* line 236, scss/_animations.scss */
  70% {
    -ms-transform: rotate(5deg);
  }

  /* line 237, scss/_animations.scss */
  90% {
    -ms-transform: rotate(-5deg);
  }

  /* line 238, scss/_animations.scss */
  100% {
    -ms-transform: rotate(0deg);
  }
}

@keyframes shake {
  /* line 242, scss/_animations.scss */
  0% {
    transform: rotate(0deg);
  }

  /* line 243, scss/_animations.scss */
  20% {
    transform: rotate(10deg);
  }

  /* line 244, scss/_animations.scss */
  50% {
    transform: rotate(-10deg);
  }

  /* line 245, scss/_animations.scss */
  70% {
    transform: rotate(5deg);
  }

  /* line 246, scss/_animations.scss */
  90% {
    transform: rotate(-5deg);
  }

  /* line 247, scss/_animations.scss */
  100% {
    transform: rotate(0deg);
  }
}

/*** PULSING ANIMATION ***/
@-webkit-keyframes pulse {
  /* line 254, scss/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }

  /* line 255, scss/_animations.scss */
  50% {
    -webkit-transform: translateY(0.3em);
  }

  /* line 256, scss/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes pulse {
  /* line 259, scss/_animations.scss */
  0% {
    -moz-transform: translateY(0);
  }

  /* line 260, scss/_animations.scss */
  50% {
    -moz-transform: translateY(0.3em);
  }

  /* line 261, scss/_animations.scss */
  100% {
    -moz-transform: translateY(0);
  }
}

@keyframes pulse {
  /* line 264, scss/_animations.scss */
  0% {
    transform: translateY(0);
  }

  /* line 265, scss/_animations.scss */
  50% {
    transform: translateY(0.3em);
  }

  /* line 266, scss/_animations.scss */
  100% {
    transform: translateY(0);
  }
}

/*** FADE IN OUT ***/
@-webkit-keyframes fadeInOut {
  /* line 273, scss/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 274, scss/_animations.scss */
  50% {
    opacity: 1;
  }

  /* line 275, scss/_animations.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeInOut {
  /* line 278, scss/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 279, scss/_animations.scss */
  50% {
    opacity: 1;
  }

  /* line 280, scss/_animations.scss */
  100% {
    opacity: 0;
  }
}

@keyframes fadeInOut {
  /* line 283, scss/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 284, scss/_animations.scss */
  50% {
    opacity: 1;
  }

  /* line 285, scss/_animations.scss */
  100% {
    opacity: 0;
  }
}

/*** FADE IN ***/
@-webkit-keyframes fadeIn {
  /* line 292, scss/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 293, scss/_animations.scss */
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  /* line 296, scss/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 297, scss/_animations.scss */
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  /* line 300, scss/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 301, scss/_animations.scss */
  100% {
    opacity: 1;
  }
}

/*** NAVIGATION FADE IN ***/
@-webkit-keyframes navFadeIn {
  /* line 308, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  /* line 309, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes navFadeIn {
  /* line 312, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  /* line 313, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes navFadeIn {
  /* line 316, scss/_animations.scss */
  0% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }

  /* line 317, scss/_animations.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/*** SPINNER ***/
@-webkit-keyframes spinner {
  /* line 325, scss/_animations.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 326, scss/_animations.scss */
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  /* line 327, scss/_animations.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  /* line 330, scss/_animations.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 331, scss/_animations.scss */
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  /* line 332, scss/_animations.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  /* line 335, scss/_animations.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 336, scss/_animations.scss */
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  /* line 337, scss/_animations.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*******************************************************************************************/
/************************************** | BRANDING | ***************************************/
/*******************************************************************************************/
/* line 21, scss/_branding.scss */
body, .txt-brand-font {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  color: #fffbe0;
}

/* line 23, scss/_branding.scss */
.txt-brand-color {
  color: #ff8a59;
}

/* line 24, scss/_branding.scss */
.bg-brand-color, .btn {
  background-color: #ff8a59;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/* line 25, scss/_branding.scss */
.btn:hover {
  background-color: #ff6626;
}

/* line 27, scss/_branding.scss */
.txt-brand-orange {
  color: #ff8a59;
}

/* line 28, scss/_branding.scss */
.txt-brand-green {
  color: #6faa59;
}

/* line 29, scss/_branding.scss */
.txt-brand-dk-green {
  color: #04473d;
}

/* line 30, scss/_branding.scss */
.txt-brand-lt-blue {
  color: #1c1004;
}

/* line 31, scss/_branding.scss */
.txt-brand-lt-red {
  color: #c41e1e;
}

/* line 32, scss/_branding.scss */
.txt-brand-tan {
  color: #2e6d05;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************* | FONT USAGE | **************************************/
/*******************************************************************************************/
/* line 5, scss/_type.scss */
body {
  font-size: 20px;
  line-height: 1.35em;
  -webkit-text-size-adjust: none;
}

/* line 7, scss/_type.scss */
h1, .h1 {
  font-size: 2.8em;
  line-height: 1.4em;
  font-weight: 400;
  color: #ff8a59;
  margin-bottom: 0;
  letter-spacing: -1px;
}

/* line 8, scss/_type.scss */
h2, .h2 {
  font-size: 1.92em;
  line-height: 1.4em;
  font-weight: 300;
}

/* line 9, scss/_type.scss */
h3, .h3 {
  font-size: 1.55em;
  line-height: 1.4em;
  font-weight: 400;
}

/* line 10, scss/_type.scss */
h4, .h4 {
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: 400;
}

/* line 12, scss/_type.scss */
sup {
  font-size: 0.7em;
  vertical-align: super;
}

/* line 13, scss/_type.scss */
em {
  font-style: oblique;
}

/* line 14, scss/_type.scss */
strong {
  font-weight: bold;
}

/* line 16, scss/_type.scss */
.txt-title-p {
  font-size: 1.2em;
  line-height: 1.25em;
}

/* line 17, scss/_type.scss */
.txt-decrease {
  font-size: 0.8em;
}

/* line 19, scss/_type.scss */
.txt-sniglet-md {
  font-family: "Sniglet", cursive;
  font-weight: 400;
}

/* line 20, scss/_type.scss */
.txt-sniglet-heavy {
  font-family: "Sniglet", cursive;
  font-weight: 800;
}

/* line 21, scss/_type.scss */
.txt-nunito-lt {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
}

/* line 22, scss/_type.scss */
.txt-nunito-md {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
}

/* line 23, scss/_type.scss */
.txt-nunito-bold {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
}

/* line 25, scss/_type.scss */
.txt-upper {
  text-transform: uppercase;
}

/* line 26, scss/_type.scss */
.txt-lower {
  text-transform: lowercase;
}

/* line 27, scss/_type.scss */
.txt-ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}

/* line 29, scss/_type.scss */
.txt-shadow,
nav a {
  text-shadow: #03905C 0px 1px 2px;
}

/* line 30, scss/_type.scss */
.txt-right {
  text-align: right;
}

/* line 31, scss/_type.scss */
.txt-center {
  text-align: center;
}

/* line 32, scss/_type.scss */
.txt-black {
  color: #000;
}

/* line 33, scss/_type.scss */
.txt-white {
  color: #fff;
}

/* line 34, scss/_type.scss */
.txt-gray {
  color: #ccc;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/*********************************** | ICON SPRITESHEETS | *********************************/
/*******************************************************************************************/
/* line 7, scss/_icons.scss */
.icons {
  background-image: url(../images/icons.png);
  display: block;
}
/* line 8, scss/_icons.scss */
.icons.btn-arrow-right {
  background-position: 0 0;
  width: 156px;
  height: 114px;
  padding-left: 38px;
  font-family: "Sniglet", cursive;
  font-weight: 400;
  font-size: 2rem;
  line-height: 108px;
  text-decoration: none;
  color: #04473d;
}
/* line 9, scss/_icons.scss */
.icons.btn-arrow-left {
  background-position: -200px 0;
  width: 156px;
  height: 114px;
  padding-left: 50px;
  font-family: "Sniglet", cursive;
  font-weight: 400;
  font-size: 2rem;
  line-height: 108px;
  text-decoration: none;
  color: #04473d;
}
/* line 10, scss/_icons.scss */
.icons.icons-mail {
  background-position: 0 -150px;
  min-width: 58px;
  min-height: 40px;
}
/* line 11, scss/_icons.scss */
.icons.btn-close {
  background-position: 0 -150px;
  background-size: 200px 300px;
  width: 20px;
  height: 20px;
  display: block;
}

/*******************************************************************************************/
/* line 21, scss/_icons.scss */
.icons-sun {
  background-image: url(../images/icons-sun.png);
  background-repeat: no-repeat;
  display: block;
}
/* line 22, scss/_icons.scss */
.icons-sun.sun-home {
  background-position: 0 0;
  width: 225px;
  height: 183px;
}
/* line 23, scss/_icons.scss */
.icons-sun.sun-why1 {
  background-position: -300px 0;
  width: 225px;
  height: 194px;
}
/* line 24, scss/_icons.scss */
.icons-sun.sun-why2 {
  background-position: 0 -200px;
  width: 221px;
  height: 195px;
}
/* line 25, scss/_icons.scss */
.icons-sun.sun-roots {
  background-position: -600px 0;
  width: 303px;
  height: 222px;
}
/* line 26, scss/_icons.scss */
.icons-sun.sun-stems {
  background-position: 0 -700px;
  width: 461px;
  height: 393px;
}
/* line 27, scss/_icons.scss */
.icons-sun.sun-leaves1 {
  background-position: -300px -200px;
  width: 221px;
  height: 195px;
}
/* line 28, scss/_icons.scss */
.icons-sun.sun-leaves2 {
  background-position: -300px -400px;
  width: 257px;
  height: 247px;
}
/* line 29, scss/_icons.scss */
.icons-sun.sun-flowers {
  background-position: -600px -300px;
  width: 291px;
  height: 211px;
}
/* line 30, scss/_icons.scss */
.icons-sun.sun-fruits {
  background-position: 0 -400px;
  width: 284px;
  height: 222px;
}
/* line 31, scss/_icons.scss */
.icons-sun.sun-seeds {
  background-position: -500px -900px;
  width: 278px;
  height: 206px;
}
/* line 32, scss/_icons.scss */
.icons-sun.sun-plantmatch {
  background-position: -600px -600px;
  width: 283px;
  height: 222px;
}

/*******************************************************************************************/
/* line 42, scss/_icons.scss */
.icons-seed {
  background-image: url(../images/icons-seed.png);
  background-repeat: no-repeat;
  display: block;
}
/* line 43, scss/_icons.scss */
.icons-seed.seed-home {
  background-position: -200px -200px;
  width: 87px;
  height: 237px;
}
/* line 44, scss/_icons.scss */
.icons-seed.seed-why {
  background-position: -300px -400px;
  width: 93px;
  height: 177px;
}
/* line 45, scss/_icons.scss */
.icons-seed.seed-stems {
  background-position: 0 0;
  width: 228px;
  height: 153px;
}
/* line 46, scss/_icons.scss */
.icons-seed.seed-leaves {
  background-position: 0 -400px;
  width: 78px;
  height: 150px;
}
/* line 47, scss/_icons.scss */
.icons-seed.seed-flowers {
  background-position: -300px 0;
  width: 269px;
  height: 161px;
}
/* line 48, scss/_icons.scss */
.icons-seed.seed-fruits {
  background-position: -300px -200px;
  width: 78px;
  height: 151px;
}
/* line 49, scss/_icons.scss */
.icons-seed.seed-seeds {
  background-position: 0 -200px;
  width: 75px;
  height: 145px;
}
/* line 50, scss/_icons.scss */
.icons-seed.seed-plantmatch1 {
  background-position: -100px -200px;
  width: 98px;
  height: 267px;
}
/* line 51, scss/_icons.scss */
.icons-seed.seed-plantmatch2 {
  background-position: -500px -200px;
  width: 98px;
  height: 267px;
}
/* line 52, scss/_icons.scss */
.icons-seed.seed-plantmatch3 {
  background-position: -600px -200px;
  width: 132px;
  height: 267px;
}
/* line 53, scss/_icons.scss */
.icons-seed.seed-plantmatch4 {
  background-position: -700px 0;
  width: 100px;
  height: 200px;
}
/* line 54, scss/_icons.scss */
.icons-seed.seed-about {
  background-position: -400px -200px;
  width: 81px;
  height: 221px;
}

/* line 57, scss/_icons.scss */
.icon-seed-knife {
  background: url(../images/icon-seed-knife.png) 0 0 no-repeat;
  width: 784px;
  height: 254px;
}

/*******************************************************************************************/
/* line 67, scss/_icons.scss */
.icons-speech {
  background-image: url(../images/icons-speech.png);
  background-repeat: no-repeat;
  display: block;
}
/* line 68, scss/_icons.scss */
.icons-speech.s-stems-sun {
  background-position: 0 0;
  width: 456px;
  height: 233px;
}
/* line 69, scss/_icons.scss */
.icons-speech.s-stems-seed {
  background-position: -200px -500px;
  width: 225px;
  height: 153px;
}
/* line 70, scss/_icons.scss */
.icons-speech.s-why {
  background-position: -500px 0;
  width: 386px;
  height: 199px;
}
/* line 71, scss/_icons.scss */
.icons-speech.s-fruit-seed {
  background-position: -600px -1000px;
  width: 324px;
  height: 208px;
}
/* line 72, scss/_icons.scss */
.icons-speech.s-fruit-sun {
  background-position: 0 -300px;
  width: 278px;
  height: 161px;
}
/* line 73, scss/_icons.scss */
.icons-speech.s-plantmatch-sun {
  background-position: -600px -800px;
  width: 198px;
  height: 135px;
}
/* line 74, scss/_icons.scss */
.icons-speech.s-plantmatch-sun1 {
  background-position: -900px 0;
  width: 225px;
  height: 155px;
}
/* line 75, scss/_icons.scss */
.icons-speech.s-plantmatch-seed1 {
  background-position: -400px -1100px;
  width: 198px;
  height: 135px;
}
/* line 76, scss/_icons.scss */
.icons-speech.s-plantmatch-seed3 {
  background-position: -300px -300px;
  width: 198px;
  height: 136px;
}
/* line 77, scss/_icons.scss */
.icons-speech.s-plantmatch-seed2 {
  background-position: -500px -200px;
  width: 198px;
  height: 135px;
}
/* line 78, scss/_icons.scss */
.icons-speech.s-plantmatch-seed4 {
  background-position: -900px -400px;
  width: 225px;
  height: 155px;
}
/* line 79, scss/_icons.scss */
.icons-speech.s-leaves-seed1 {
  background-position: -700px -200px;
  width: 225px;
  height: 153px;
}
/* line 80, scss/_icons.scss */
.icons-speech.s-leaves-seed2 {
  background-position: -800px -600px;
  width: 225px;
  height: 153px;
}
/* line 81, scss/_icons.scss */
.icons-speech.s-leaves-seed3 {
  background-position: -800px -800px;
  width: 225px;
  height: 153px;
}
/* line 82, scss/_icons.scss */
.icons-speech.s-leaves-sun1 {
  background-position: -500px -400px;
  width: 306px;
  height: 178px;
}
/* line 83, scss/_icons.scss */
.icons-speech.s-leaves-sun2 {
  background-position: -500px -600px;
  width: 248px;
  height: 172px;
}
/* line 84, scss/_icons.scss */
.icons-speech.s-flowers {
  background-position: 0 -500px;
  width: 197px;
  height: 141px;
}
/* line 85, scss/_icons.scss */
.icons-speech.s-flowers-sun {
  background-position: -300px -800px;
  width: 254px;
  height: 141px;
}
/* line 86, scss/_icons.scss */
.icons-speech.s-roots-sun {
  background-position: 0 -700px;
  width: 281px;
  height: 171px;
}
/* line 87, scss/_icons.scss */
.icons-speech.s-seeds {
  background-position: 0 -900px;
  width: 291px;
  height: 194px;
}
/* line 88, scss/_icons.scss */
.icons-speech.s-home-seed {
  background-position: 0 -1100px;
  width: 176px;
  height: 121px;
}
/* line 89, scss/_icons.scss */
.icons-speech.s-home-sun {
  background-position: -200px -1100px;
  width: 176px;
  height: 121px;
}
/* line 90, scss/_icons.scss */
.icons-speech.s-about {
  background-position: -1041px -738px;
  width: 135px;
  height: 93px;
}

/*******************************************************************************************/
/*******************************************************************************************/
/* line 4, scss/_header.scss */
header {
  background: url(../images/bg-header.png) center top #74dfd6;
  width: 100%;
  z-index: 9999999;
}
/* line 5, scss/_header.scss */
header .title {
  font-size: 3.27em;
  line-height: 1em;
  color: #ff8a59;
  text-shadow: #fffbe0 2px 2px 0px;
  text-decoration: none;
}
/* line 6, scss/_header.scss */
header nav {
  height: 3em;
  /*  margin-top:1em; */
  position: relative;
}
/* line 7, scss/_header.scss */
header nav a {
  display: block;
  margin: 0 0.75em;
  float: left;
  color: #fff;
  text-decoration: none;
  font-size: 1.0em;
  line-height: 1.2em;
}
/* line 9, scss/_header.scss */
header nav a:hover, header nav a.active {
  color: #0C465F;
  text-shadow: none;
}

/* MEDIA QUERY FOR DESKTOP SIZE */
/* MEDIA QUERY FOR TABLET SIZE */
/* MEDIA QUERY FOR LARGE MOBILE DEVICES OR TABLET PORTRAIT */
/* MEDIA QUERY FOR ANYTHING LARGER THAN MOBILE */
/* MEDIA QUERY FOR MOBILE */
/* line 2, scss/_footer.scss */
footer {
  background: url(../images/bg-footer.png) center top repeat #4a2d17;
  border-top: 2px solid #251407;
  font-size: 0.9em;
}
/* line 3, scss/_footer.scss */
footer .maxwidth {
  padding: 1em 1em 2em 1em;
}
/* line 4, scss/_footer.scss */
footer .maxwidth a {
  display: inline-block;
  padding: 0 0.8em;
  border-left: 1px solid #fffbe0;
  line-height: 1em;
  color: #fffbe0;
  text-decoration: none;
}
/* line 5, scss/_footer.scss */
footer .maxwidth a:first-child {
  border-left: 0;
}
/* line 7, scss/_footer.scss */
footer .maxwidth p {
  margin: 0.4em 0 0;
}

/* MEDIA QUERY FOR DESKTOP SIZE */
/* MEDIA QUERY FOR TABLET SIZE */
/* MEDIA QUERY FOR LARGE MOBILE DEVICES OR TABLET PORTRAIT */
/* MEDIA QUERY FOR ANYTHING LARGER THAN MOBILE */
/* MEDIA QUERY FOR MOBILE */
/* line 3, scss/_home.scss */
.home h1 + p {
  padding: 0 4%;
}
/* line 5, scss/_home.scss */
.home .video-shell {
  background: url(../images/home-video-cover.jpg) 0 0 no-repeat;
  background-size: cover;
  width: 660px;
  height: 376px;
  overflow: hidden;
  margin: 0 auto 2.5em;
  border: 4px solid #82d9cb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
/* line 6, scss/_home.scss */
.home .video-shell iframe {
  position: relative;
  top: -1px;
}
/* line 7, scss/_home.scss */
.home .video-shell .video {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
/* line 8, scss/_home.scss */
.home .video-shell .video .btn-play {
  background: url(../images/btn-play.png) 0 0 no-repeat;
  width: 103px;
  height: 106px;
  display: block;
  margin: 0 auto;
  opacity: 0.7;
  -webkit-transition: opacity 0.15s 0;
  -moz-transition: opacity 0.15s 0;
  -o-transition: opacity 0.15s 0;
  transition: opacity 0.15s 0;
}
/* line 10, scss/_home.scss */
.home .video-shell .video:hover .btn-play {
  opacity: 0.9;
}
/* line 16, scss/_home.scss */
.home div[class^="icons-s"] {
  position: absolute;
}
/* line 17, scss/_home.scss */
.home div[class^="icons-s"].seed-home {
  top: 195px;
  left: 40px;
  z-index: 1000;
}
/* line 18, scss/_home.scss */
.home div[class^="icons-s"].s-home-seed {
  top: 117px;
  left: 34px;
  z-index: 1000;
}
/* line 19, scss/_home.scss */
.home div[class^="icons-s"].sun-home {
  top: 128px;
  right: -29px;
  z-index: 1000;
}
/* line 20, scss/_home.scss */
.home div[class^="icons-s"].s-home-sun {
  top: 9px;
  right: 39px;
  z-index: 1000;
}
/* line 24, scss/_home.scss */
.home .link {
  width: 220px;
  float: left;
  margin-right: 26px;
  padding-bottom: 2em;
  font-size: 0.95em;
  line-height: 1.1em;
}
/* line 25, scss/_home.scss */
.home .link:nth-child(4n) {
  margin-right: 0;
}
/* line 26, scss/_home.scss */
.home .link .title {
  font-size: 1.1em;
  text-shadow: #1c5609 0px 2px 1px;
}
/* line 27, scss/_home.scss */
.home .link p {
  margin: 0.3em 0;
}
/* line 28, scss/_home.scss */
.home .link a {
  text-decoration: none;
}
/* line 29, scss/_home.scss */
.home .link a:hover {
  text-decoration: underline;
}
/* line 33, scss/_home.scss */
.home .link *[class^="icons-home"] {
  background-image: url(../images/icons-home-btns.png);
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 122px;
  margin-bottom: 0.5em;
}
/* line 34, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home1 {
  background-position: 0 0;
}
/* line 35, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home2 {
  background-position: 0 -150px;
}
/* line 36, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home3 {
  background-position: 0 -300px;
}
/* line 37, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home4 {
  background-position: 0 -450px;
}
/* line 38, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home5 {
  background-position: -300px 0;
}
/* line 39, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home6 {
  background-position: -300px -150px;
}
/* line 40, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home7 {
  background-position: -300px -300px;
}
/* line 41, scss/_home.scss */
.home .link *[class^="icons-home"].icons-home8 {
  background-position: -300px -450px;
}

/* line 3, scss/_roots.scss */
.roots .icons-sun {
  position: absolute;
  top: 138px;
  right: -6px;
  z-index: 100;
}
/* line 4, scss/_roots.scss */
.roots .icons-speech {
  position: absolute;
  top: 28px;
  right: 85px;
}
/* line 5, scss/_roots.scss */
.roots .inner {
  position: relative;
  background: #BEFFFA;
  height: 708px;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
}
/* line 6, scss/_roots.scss */
.roots .inner .root {
  height: 250px;
  position: absolute;
  top: 79px;
  z-index: 200;
  display: block;
  overflow: hidden;
}
/* line 7, scss/_roots.scss */
.roots .inner .root.active {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
/* line 10, scss/_roots.scss */
.roots .inner .root.carrot {
  background: url(../images/roots-carrot.png) 0 12px no-repeat;
  left: 50px;
  width: 161px;
}
/* line 11, scss/_roots.scss */
.roots .inner .root.carrot.active {
  height: 430px;
}
/* line 15, scss/_roots.scss */
.roots .inner .root.beet {
  background: url(../images/roots-beet.png) 0 47px no-repeat;
  left: 238px;
  width: 204px;
}
/* line 16, scss/_roots.scss */
.roots .inner .root.beet.active {
  height: 414px;
}
/* line 20, scss/_roots.scss */
.roots .inner .root.radish {
  background: url(../images/roots-radish.png) 0 0 no-repeat;
  left: 466px;
  width: 206px;
}
/* line 21, scss/_roots.scss */
.roots .inner .root.radish.active {
  height: 360px;
}
/* line 25, scss/_roots.scss */
.roots .inner .root.turnip {
  background: url(../images/roots-turnip.png) 0 7px no-repeat;
  left: 706px;
  width: 212px;
}
/* line 26, scss/_roots.scss */
.roots .inner .root.turnip.active {
  height: 380px;
}
/* line 30, scss/_roots.scss */
.roots .inner .dirt {
  background: url(../images/roots-dirt.png) no-repeat;
  pointer-events: none;
  z-index: 100;
  position: absolute;
  bottom: 0px;
  width: 960px;
  height: 380px;
}
/* line 31, scss/_roots.scss */
.roots .inner .dirt h2 {
  text-align: center;
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 1em;
}
/* line 32, scss/_roots.scss */
.roots .inner .dirt p {
  position: absolute;
  top: 162px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* line 3, scss/_flowers.scss */
.flowers .icons-sun {
  position: absolute;
  top: 180px;
  right: -55px;
  z-index: 100;
}
/* line 4, scss/_flowers.scss */
.flowers .icons-seed {
  position: absolute;
  top: 245px;
  right: 140px;
  z-index: 100;
}
/* line 5, scss/_flowers.scss */
.flowers .icons-speech.s-flowers-sun {
  position: absolute;
  top: 62px;
  right: -20px;
  z-index: 100;
}
/* line 6, scss/_flowers.scss */
.flowers .icons-speech.s-flowers {
  position: absolute;
  top: 158px;
  right: 130px;
  z-index: 100;
}
/* line 7, scss/_flowers.scss */
.flowers .inner {
  position: relative;
  background: #74DFD6;
  height: 890px;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
}
/* line 8, scss/_flowers.scss */
.flowers .inner .icons-broccoli {
  position: absolute;
  width: 501px;
  height: 501px;
  top: 118px;
  left: 0;
  right: 6px;
  margin: 0 auto;
  z-index: 100;
}
/* line 9, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-1 {
  background: url(../images/flowers-broccoli-1.png) bottom center no-repeat;
}
/* line 10, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-2 {
  background: url(../images/flowers-broccoli-2.png) bottom center no-repeat;
}
/* line 11, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-3 {
  background: url(../images/flowers-broccoli-3.png) bottom center no-repeat;
}
/* line 12, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-4 {
  background: url(../images/flowers-broccoli-4.png) bottom center no-repeat;
}
/* line 13, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-5 {
  background: url(../images/flowers-broccoli-5.png) bottom center no-repeat;
}
/* line 14, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-6 {
  background: url(../images/flowers-broccoli-6.png) bottom center no-repeat;
}
/* line 15, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-7 {
  background: url(../images/flowers-broccoli-7.png) bottom center no-repeat;
}
/* line 16, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-8 {
  background: url(../images/flowers-broccoli-8.png) bottom center no-repeat;
}
/* line 17, scss/_flowers.scss */
.flowers .inner .icons-broccoli.stem-9 {
  background: url(../images/flowers-broccoli-9.png) bottom center no-repeat;
}
/* line 19, scss/_flowers.scss */
.flowers .inner .dirt {
  background: url(../images/flowers-dirt.png) no-repeat;
  position: absolute;
  bottom: 0px;
  width: 960px;
  height: 725px;
}
/* line 20, scss/_flowers.scss */
.flowers .inner .dirt .icons-dirt-mound {
  background: url(../images/flowers-dirt-mound.png) no-repeat;
  position: absolute;
  z-index: 200;
  top: 445px;
  height: 19px;
  width: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
/* line 21, scss/_flowers.scss */
.flowers .inner .dirt p {
  position: absolute;
  top: 520px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
/* line 22, scss/_flowers.scss */
.flowers .inner .dirt .btn {
  position: absolute;
  top: 610px;
  width: 350px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

/* MEDIA QUERY FOR DESKTOP SIZE */
/* MEDIA QUERY FOR TABLET SIZE */
/* MEDIA QUERY FOR LARGE MOBILE DEVICES OR TABLET PORTRAIT */
/* MEDIA QUERY FOR ANYTHING LARGER THAN MOBILE */
/* MEDIA QUERY FOR MOBILE */
/* line 3, scss/_edibleplantgame.scss */
.edible-plant-game .display-on-step-1, .edible-plant-game .display-on-step-2 {
  display: none;
}
/* line 7, scss/_edibleplantgame.scss */
.edible-plant-game.step1 .display-on-step-1 {
  display: block;
}
/* line 8, scss/_edibleplantgame.scss */
.edible-plant-game.step1 .icons-sun {
  position: absolute;
  top: 160px;
  right: 0px;
}
/* line 9, scss/_edibleplantgame.scss */
.edible-plant-game.step1 .icons-speech.s-plantmatch-sun {
  position: absolute;
  top: 20px;
  right: 60px;
}
/* line 14, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .end-results {
  margin-top: 1.75em;
}
/* line 15, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .score-container {
  width: 346px;
  height: 210px;
  margin: 0 auto;
  padding-top: 35px;
  border: 5px solid #EB6831;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  font-size: 1.25em;
  line-height: 1em;
}
/* line 16, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .score-container span {
  display: block;
  font-size: 3.84em;
  line-height: 1.28em;
}
/* line 18, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .btn {
  min-width: 272px;
  box-shadow: 0 6px 0 0 #6FAA59;
  margin-top: 2em;
}
/* line 20, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .icons-sun {
  position: absolute;
  top: 232px;
  right: 60px;
  z-index: 9999;
}
/* line 21, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .icons-speech.s-plantmatch-sun1 {
  position: absolute;
  top: 74px;
  right: 88px;
}
/* line 23, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .icons-seed, .edible-plant-game.step2 .icons-speech {
  display: none;
}
/* line 24, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .icons-speech.s-plantmatch-seed4 {
  top: 216px;
  left: 55px;
}
/* line 25, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .icons-seed.seed-plantmatch4 {
  top: 376px;
  left: 144px;
}
/* line 27, scss/_edibleplantgame.scss */
.edible-plant-game.step2 .display-on-step-2 {
  display: block;
}
/* line 33, scss/_edibleplantgame.scss */
.edible-plant-game .icons-seed {
  position: absolute;
  top: 380px;
  left: 87px;
}
/* line 34, scss/_edibleplantgame.scss */
.edible-plant-game .icons-seed.seed-plantmatch3 {
  left: 70px;
}
/* line 37, scss/_edibleplantgame.scss */
.edible-plant-game .icons-speech.s-plantmatch-seed {
  position: absolute;
  top: 260px;
  left: 10px;
}
/* line 38, scss/_edibleplantgame.scss */
.edible-plant-game .correct, .edible-plant-game .incorrect {
  display: none;
}
/* line 39, scss/_edibleplantgame.scss */
.edible-plant-game .inner {
  position: relative;
  height: 700px;
  width: 100%;
}
/* line 41, scss/_edibleplantgame.scss */
.edible-plant-game .inner .photo-shell {
  background: #fff;
  width: 376px;
  height: 376px;
  overflow: hidden;
  position: absolute;
  top: 48px;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border: #FF8A59 6px solid;
}
/* line 42, scss/_edibleplantgame.scss */
.edible-plant-game .inner .photo-shell .photo {
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 800px;
  height: 800px;
  position: absolute;
  top: -218px;
  left: -218px;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 45, scss/_edibleplantgame.scss */
.edible-plant-game .inner .photo-shadow {
  background: url(../images/plantmatch-shadow.png) no-repeat;
  position: absolute;
  top: 428px;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 23px;
  width: 396px;
}
/* line 46, scss/_edibleplantgame.scss */
.edible-plant-game .inner .choices {
  position: absolute;
  top: 520px;
  left: 0;
  width: 100%;
}
/* line 47, scss/_edibleplantgame.scss */
.edible-plant-game .inner .choices a {
  width: 260px;
}
/* line 48, scss/_edibleplantgame.scss */
.edible-plant-game .inner .choices a:nth-child(2) {
  margin: 0 84px;
}
/* line 51, scss/_edibleplantgame.scss */
.edible-plant-game .inner .results {
  position: absolute;
  top: 468px;
  left: 0;
  width: 100%;
  display: none;
}
/* line 52, scss/_edibleplantgame.scss */
.edible-plant-game .inner .results p {
  width: 60%;
  margin: 0 auto;
}
/* line 53, scss/_edibleplantgame.scss */
.edible-plant-game .inner .results .btn-arrow-right {
  position: absolute;
  right: 0;
  top: 46px;
}
/* line 61, scss/_edibleplantgame.scss */
.edible-plant-game.correct .seed-plantmatch1, .edible-plant-game.incorrect .seed-plantmatch1 {
  display: none;
}
/* line 63, scss/_edibleplantgame.scss */
.edible-plant-game.correct .photo-shell .photo, .edible-plant-game.incorrect .photo-shell .photo {
  -webkit-transform: scale(0.46);
  -ms-transform: scale(0.46);
  transform: scale(0.46);
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}
/* line 65, scss/_edibleplantgame.scss */
.edible-plant-game.correct .choices, .edible-plant-game.incorrect .choices {
  display: none;
}
/* line 66, scss/_edibleplantgame.scss */
.edible-plant-game.correct .results, .edible-plant-game.incorrect .results {
  display: block;
}
/* line 70, scss/_edibleplantgame.scss */
.edible-plant-game.correct .correct {
  display: inline;
}
/* line 71, scss/_edibleplantgame.scss */
.edible-plant-game.correct .incorrect {
  display: none;
}
/* line 75, scss/_edibleplantgame.scss */
.edible-plant-game.incorrect .incorrect {
  display: inline;
}
/* line 76, scss/_edibleplantgame.scss */
.edible-plant-game.incorrect .correct {
  display: none;
}

/* line 3, scss/_seeds.scss */
.seeds h1 {
  font-size: 1.6em;
}
/* line 4, scss/_seeds.scss */
.seeds .icons-sun {
  position: absolute;
  top: 162px;
  right: 55px;
}
/* line 5, scss/_seeds.scss */
.seeds .icons-seed {
  position: absolute;
  top: 238px;
  right: 20px;
}
/* line 6, scss/_seeds.scss */
.seeds .icons-speech {
  position: absolute;
  top: 38px;
  right: -20px;
}
/* line 7, scss/_seeds.scss */
.seeds .inner {
  background: #EFFFFE;
  position: relative;
  height: 500px;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
}
/* line 9, scss/_seeds.scss */
.seeds .inner .intro-screen {
  padding-top: 70px;
}
/* line 10, scss/_seeds.scss */
.seeds .inner .intro-screen p {
  margin: 0 auto;
}
/* line 13, scss/_seeds.scss */
.seeds .inner .seeds-icons {
  background-image: url(../images/icons-seeds.png);
  background-repeat: no-repeat;
  height: 191px;
  display: inline-block;
  margin: 0 28px;
}
/* line 14, scss/_seeds.scss */
.seeds .inner .seeds-icons.icon-dandelion {
  background-position: 0px 0px;
  width: 138px;
}
/* line 15, scss/_seeds.scss */
.seeds .inner .seeds-icons.icon-apple {
  background-position: -150px 0px;
  width: 160px;
}
/* line 16, scss/_seeds.scss */
.seeds .inner .seeds-icons.icon-corn {
  background-position: -350px 0px;
  width: 157px;
}
/* line 17, scss/_seeds.scss */
.seeds .inner .seeds-icons.icon-fur {
  background-position: -525px 0px;
  width: 150px;
}
/* line 20, scss/_seeds.scss */
.seeds .inner .seed-travel {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 23, scss/_seeds.scss */
.seeds .inner .seed-travel .end {
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: none;
}
/* line 24, scss/_seeds.scss */
.seeds .inner .seed-travel .end.active {
  display: block;
}
/* line 25, scss/_seeds.scss */
.seeds .inner .seed-travel .end p {
  width: 70%;
  margin: 0 auto;
}
/* line 26, scss/_seeds.scss */
.seeds .inner .seed-travel .end .btn-shell {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 65px;
}
/* line 30, scss/_seeds.scss */
.seeds .inner .seed-travel .step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.75s linear 0s;
  -moz-transition: opacity 0.75s linear 0s;
  -o-transition: opacity 0.75s linear 0s;
  transition: opacity 0.75s linear 0s;
}
/* line 31, scss/_seeds.scss */
.seeds .inner .seed-travel .step.active {
  opacity: 1;
}
/* line 35, scss/_seeds.scss */
.seeds .inner .seed-travel.wind {
  background-image: url(../images/seeds-wind-bg.png);
}
/* line 36, scss/_seeds.scss */
.seeds .inner .seed-travel.wind .step0 {
  background: url(../images/seeds-wind-0.png) left center no-repeat;
}
/* line 37, scss/_seeds.scss */
.seeds .inner .seed-travel.wind .step1 {
  background: url(../images/seeds-wind-1.png) center center no-repeat;
}
/* line 38, scss/_seeds.scss */
.seeds .inner .seed-travel.wind .step2 {
  background: url(../images/seeds-wind-2.png) right center no-repeat;
}
/* line 39, scss/_seeds.scss */
.seeds .inner .seed-travel.wind .end {
  background-image: url(../images/seeds-wind-end.png);
}
/* line 43, scss/_seeds.scss */
.seeds .inner .seed-travel.apple {
  background-image: url(../images/seeds-apple-bg.png);
}
/* line 44, scss/_seeds.scss */
.seeds .inner .seed-travel.apple .step0 {
  background: url(../images/seeds-apple-0.png) 0 bottom no-repeat;
}
/* line 45, scss/_seeds.scss */
.seeds .inner .seed-travel.apple .step1 {
  background: url(../images/seeds-apple-1.png) 0 bottom no-repeat;
}
/* line 46, scss/_seeds.scss */
.seeds .inner .seed-travel.apple .step2 {
  background: url(../images/seeds-apple-2.png) center center no-repeat;
}
/* line 47, scss/_seeds.scss */
.seeds .inner .seed-travel.apple .end {
  background-image: url(../images/seeds-apple-end.png);
}
/* line 51, scss/_seeds.scss */
.seeds .inner .seed-travel.corn {
  background-image: url(../images/seeds-corn-bg.png);
}
/* line 52, scss/_seeds.scss */
.seeds .inner .seed-travel.corn .step0 {
  background: url(../images/seeds-corn-0.png) 0 bottom no-repeat;
}
/* line 53, scss/_seeds.scss */
.seeds .inner .seed-travel.corn .step1 {
  background: url(../images/seeds-corn-1.png) 0 bottom no-repeat;
}
/* line 54, scss/_seeds.scss */
.seeds .inner .seed-travel.corn .step2 {
  background: url(../images/seeds-corn-2.png) right bottom no-repeat;
}
/* line 55, scss/_seeds.scss */
.seeds .inner .seed-travel.corn .end {
  background-image: url(../images/seeds-corn-end.png);
}
/* line 59, scss/_seeds.scss */
.seeds .inner .seed-travel.fur {
  background-image: url(../images/seeds-fur-bg.png);
}
/* line 60, scss/_seeds.scss */
.seeds .inner .seed-travel.fur .step0 {
  background: url(../images/seeds-fur-0.png) left bottom no-repeat;
}
/* line 61, scss/_seeds.scss */
.seeds .inner .seed-travel.fur .step1 {
  background: url(../images/seeds-fur-1.png) left bottom no-repeat;
}
/* line 62, scss/_seeds.scss */
.seeds .inner .seed-travel.fur .step2 {
  background: url(../images/seeds-fur-2.png) left bottom no-repeat;
}
/* line 63, scss/_seeds.scss */
.seeds .inner .seed-travel.fur .end {
  background-image: url(../images/seeds-fur-end.png);
}

/* line 4, scss/_why.scss */
.why .intro-copy h1 {
  text-align: center;
  font-size: 1.6em;
}
/* line 5, scss/_why.scss */
.why .intro-copy p {
  text-align: center;
}
/* line 7, scss/_why.scss */
.why .inner {
  /* background:url(../images/why-house.png) 0 bottom no-repeat; */
  width: 100%;
  height: 2183px;
  position: relative;
}
/* line 9, scss/_why.scss */
.why .inner .inner-with-hotspots {
  background: url(../images/why-house-with-hotspots.png) 0 bottom no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* @include animation_infinite(fadeInOut, linear, 3s, 0); */
}
/* line 10, scss/_why.scss */
.why .inner .room {
  position: relative;
  width: 100%;
  height: 500px;
}
/* line 11, scss/_why.scss */
.why .inner .room .display-results {
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 74px;
  width: 813px;
  height: 100%;
  display: none;
}
/* line 12, scss/_why.scss */
.why .inner .room .display-results .btn-close {
  position: absolute;
  top: 19px;
  right: 23px;
}
/* line 14, scss/_why.scss */
.why .inner .room .hotspot {
  /*background:rgba(255,0,0,0.4); */
  background: rgba(255, 255, 255, 0);
  position: absolute;
  display: block;
}
/* line 17, scss/_why.scss */
.why .inner .room.roof {
  background: url(../images/why-roof.png) 0 0 no-repeat;
  width: 900px;
  height: 363px;
  margin: 0 auto;
}
/* line 18, scss/_why.scss */
.why .inner .room.roof .display-results {
  width: 900px;
  left: 0px;
}
/* line 19, scss/_why.scss */
.why .inner .room.roof .hotspot.shelter {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 20, scss/_why.scss */
.why .inner .room.roof .display-results {
  background: transparent;
  height: 98%;
}
/* line 21, scss/_why.scss */
.why .inner .room.roof .display-results .btn-close {
  top: 87px;
  right: 295px;
}
/* line 26, scss/_why.scss */
.why .inner .room.bath {
  height: 418px;
}
/* line 28, scss/_why.scss */
.why .inner .room.bath .hotspot.cosmetics0 {
  top: 161px;
  left: 123px;
  width: 156px;
  height: 46px;
}
/* line 29, scss/_why.scss */
.why .inner .room.bath .hotspot.cosmetics1 {
  top: 38px;
  left: 533px;
  width: 106px;
  height: 100px;
}
/* line 30, scss/_why.scss */
.why .inner .room.bath .hotspot.cosmetics2 {
  top: 38px;
  left: 714px;
  width: 96px;
  height: 100px;
}
/* line 31, scss/_why.scss */
.why .inner .room.bath .hotspot.medicine {
  top: 21px;
  left: 123px;
  width: 145px;
  height: 138px;
}
/* line 36, scss/_why.scss */
.why .inner .room.living {
  height: 419px;
}
/* line 38, scss/_why.scss */
.why .inner .room.living .hotspot.books {
  top: 6px;
  left: 454px;
  width: 135px;
  height: 70px;
}
/* line 39, scss/_why.scss */
.why .inner .room.living .hotspot.couch {
  top: 206px;
  left: 108px;
  width: 332px;
  height: 168px;
}
/* line 40, scss/_why.scss */
.why .inner .room.living .hotspot.bed {
  top: 238px;
  left: 537px;
  width: 247px;
  height: 120px;
}
/* line 41, scss/_why.scss */
.why .inner .room.living .hotspot.closet {
  top: 99px;
  left: 799px;
  width: 88px;
  height: 259px;
}
/* line 46, scss/_why.scss */
.why .inner .room.kitchen {
  height: 417px;
}
/* line 48, scss/_why.scss */
.why .inner .room.kitchen .hotspot.fridge {
  top: 144px;
  left: 74px;
  width: 214px;
  height: 256px;
}
/* line 49, scss/_why.scss */
.why .inner .room.kitchen .hotspot.plant {
  top: 77px;
  left: 656px;
  width: 100px;
  height: 107px;
}
/* line 50, scss/_why.scss */
.why .inner .room.kitchen .hotspot.bread {
  top: 233px;
  left: 749px;
  width: 86px;
  height: 45px;
}
/* line 55, scss/_why.scss */
.why .inner .room.garage {
  height: 478px;
  margin-top: 27px;
}
/* line 57, scss/_why.scss */
.why .inner .room.garage .hotspot.car {
  top: 222px;
  left: 530px;
  width: 308px;
  height: 228px;
}
/* line 59, scss/_why.scss */
.why .inner .room.garage .display-results {
  left: 92px;
  width: 777px;
  height: 386px;
}

/* line 3, scss/_stems.scss */
.stems .icons-sun {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* line 4, scss/_stems.scss */
.stems .icons-seed {
  position: absolute;
  top: 100px;
  right: 60px;
  z-index: 100;
}
/* line 6, scss/_stems.scss */
.stems .icons-speech.s-stems-seed {
  position: absolute;
  top: -15px;
  right: 10px;
}
/* line 8, scss/_stems.scss */
.stems .stems-icons {
  background-image: url(../images/icons-stems.png);
  width: 460px;
  height: 238px;
  position: absolute;
  top: 340px;
  left: 20px;
}
/* line 9, scss/_stems.scss */
.stems .stems-icons.intro {
  background-position: 0px 0px;
}
/* line 10, scss/_stems.scss */
.stems .stems-icons.fact1 {
  background-position: 0px -250px;
}
/* line 11, scss/_stems.scss */
.stems .stems-icons.fact2 {
  background-position: 0px -500px;
}
/* line 12, scss/_stems.scss */
.stems .stems-icons.fact3 {
  background-position: 0px -750px;
}
/* line 13, scss/_stems.scss */
.stems .stems-icons.fact4 {
  background-position: 0px -1000px;
}
/* line 16, scss/_stems.scss */
.stems .inner {
  position: relative;
  background: url(../images/stems-clouds.png) top right no-repeat #74dfd6;
  height: 700px;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
  overflow: hidden;
}
/* line 17, scss/_stems.scss */
.stems .inner .celery-view {
  background: url(../images/stems-celery.png) 0 0 no-repeat;
  width: 609px;
  height: 100%;
  position: absolute;
  right: 32px;
  top: 13px;
}
/* line 18, scss/_stems.scss */
.stems .inner .celery-view .marker {
  background: #FF2E00;
  background-color: #ff2e00;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8666), to(#ff2e00));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ff8666, #ff2e00);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ff8666, #ff2e00);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ff8666, #ff2e00);
  /* IE10 */
  background-image: -o-linear-gradient(top, #ff8666, #ff2e00);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #ff8666, #ff2e00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ff8666', EndColorStr='#ff2e00');
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 2px solid #fff;
  text-decoration: none;
}
/* line 19, scss/_stems.scss */
.stems .inner .celery-view .marker.active {
  -webkit-animation: pulseGlow infinite ease-in-out 1.5s 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: pulseGlow infinite ease-in-out 1.5s 0s;
  -moz-animation-fill-mode: forwards;
  -o-animation: pulseGlow infinite ease-in-out 1.5s 0s;
  -o-animation-fill-mode: forwards;
  -ms-animation: pulseGlow infinite ease-in-out 1.5s 0s;
  -ms-animation-fill-mode: forwards;
  animation: pulseGlow infinite ease-in-out 1.5s 0s;
  animation-fill-mode: forwards;
}
/* line 20, scss/_stems.scss */
.stems .inner .celery-view .marker.marker1 {
  top: 227px;
  left: 151px;
}
/* line 21, scss/_stems.scss */
.stems .inner .celery-view .marker.marker2 {
  top: 423px;
  left: 269px;
}
/* line 22, scss/_stems.scss */
.stems .inner .celery-view .marker.marker3 {
  top: 546px;
  left: 343px;
}
/* line 23, scss/_stems.scss */
.stems .inner .celery-view .marker.marker4 {
  top: 665px;
  left: 238px;
}

/* line 3, scss/_leaves.scss */
.leaves-shell .icons-sun.sun-leaves1 {
  position: absolute;
  top: 920px;
  left: 25px;
  z-index: 100;
}
/* line 4, scss/_leaves.scss */
.leaves-shell .icons-sun.sun-leaves2 {
  position: absolute;
  top: 386px;
  left: 8px;
  z-index: 100;
}
/* line 5, scss/_leaves.scss */
.leaves-shell .icons-seed {
  position: absolute;
  top: 100px;
  right: 90px;
  z-index: 100;
}
/* line 6, scss/_leaves.scss */
.leaves-shell .icons-speech.s-leaves-sun1 {
  position: absolute;
  top: 760px;
  left: -25px;
  z-index: 100;
}
/* line 7, scss/_leaves.scss */
.leaves-shell .icons-speech.s-leaves-sun2 {
  position: absolute;
  top: 228px;
  left: 54px;
  z-index: 100;
}
/* line 8, scss/_leaves.scss */
.leaves-shell .icons-speech.s-leaves-seed1 {
  position: absolute;
  top: -15px;
  right: 10px;
}
/* line 9, scss/_leaves.scss */
.leaves-shell .icons-speech.s-leaves-seed2 {
  position: absolute;
  top: -15px;
  right: 10px;
}
/* line 10, scss/_leaves.scss */
.leaves-shell .icons-speech.s-leaves-seed3 {
  position: absolute;
  top: -15px;
  right: 10px;
}
/* line 11, scss/_leaves.scss */
.leaves-shell .inner {
  position: relative;
  background: url(../images/leaves-counter.png) no-repeat #fffbf4;
  height: 990px;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
  overflow: hidden;
}
/* line 12, scss/_leaves.scss */
.leaves-shell .inner h3 {
  margin-top: 1em;
}
/* line 13, scss/_leaves.scss */
.leaves-shell .inner h3 + p {
  margin: 0;
}
/* line 15, scss/_leaves.scss */
.leaves-shell .inner .bowl {
  background: url(../images/leaves-bowl.png) center center no-repeat;
  width: 475px;
  height: 475px;
  position: absolute;
  top: 480px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* line 16, scss/_leaves.scss */
.leaves-shell .inner .bowl img {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 19, scss/_leaves.scss */
.leaves-shell .inner .options {
  width: 100%;
  height: 250px;
  position: absolute;
  top: 163px;
  left: 0;
  padding: 0 1em;
}
/* line 21, scss/_leaves.scss */
.leaves-shell .inner .options .leaves .option {
  margin: 0 8px;
}
/* line 24, scss/_leaves.scss */
.leaves-shell .inner .options .toppings .option {
  margin: 0 32px;
}
/* line 27, scss/_leaves.scss */
.leaves-shell .inner .options .option {
  background-image: url(../images/icons-leaves.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 250px;
}
/* line 28, scss/_leaves.scss */
.leaves-shell .inner .options .option.lettuce {
  background-position: 0px 0px;
  width: 183px;
}
/* line 29, scss/_leaves.scss */
.leaves-shell .inner .options .option.spinach {
  background-position: -200px 0px;
  width: 156px;
}
/* line 30, scss/_leaves.scss */
.leaves-shell .inner .options .option.kale {
  background-position: -375px 0px;
  width: 182px;
}
/* line 31, scss/_leaves.scss */
.leaves-shell .inner .options .option.parsley {
  background-position: -575px 0px;
  width: 129px;
}
/* line 32, scss/_leaves.scss */
.leaves-shell .inner .options .option.swisschard {
  background-position: -725px 0px;
  width: 150px;
}
/* line 33, scss/_leaves.scss */
.leaves-shell .inner .options .option.tomato {
  background-position: 0px -250px;
  width: 133px;
}
/* line 34, scss/_leaves.scss */
.leaves-shell .inner .options .option.carrot {
  background-position: -200px -250px;
  width: 74px;
}
/* line 35, scss/_leaves.scss */
.leaves-shell .inner .options .option.celery {
  background-position: -375px -250px;
  width: 111px;
}
/* line 36, scss/_leaves.scss */
.leaves-shell .inner .options .option.avocado {
  background-position: -575px -250px;
  width: 116px;
}
/* line 37, scss/_leaves.scss */
.leaves-shell .inner .options .option.walnut {
  background-position: -725px -250px;
  width: 135px;
}
/* line 38, scss/_leaves.scss */
.leaves-shell .inner .options .option.inactive {
  pointer-events: none;
  opacity: 0.5;
  cursor: pointer;
}
/* line 43, scss/_leaves.scss */
.leaves-shell .inner .score-shell {
  background: url(../images/leaves-score-bg.png) 0 0 no-repeat;
  width: 306px;
  height: 148px;
  margin: 28px auto 525px;
  padding-top: 14px;
  font-size: 1.25em;
  line-height: 1.2em;
}
/* line 44, scss/_leaves.scss */
.leaves-shell .inner .score-shell .score {
  font-size: 3.84em;
  line-height: 1.05em;
}
/* line 51, scss/_leaves.scss */
.leaves-shell .display-on-step-1, .leaves-shell .display-on-step-2, .leaves-shell .display-on-step-3 {
  display: none;
}
/* line 55, scss/_leaves.scss */
.leaves-shell.step-1 .display-on-step-1 {
  display: block;
}
/* line 60, scss/_leaves.scss */
.leaves-shell.step-2 .display-on-step-2 {
  display: block;
}
/* line 65, scss/_leaves.scss */
.leaves-shell.step-3 .display-on-step-3 {
  display: block;
}
/* line 66, scss/_leaves.scss */
.leaves-shell.step-3 .display-on-step-3 p {
  padding: 0 60px;
  font-size: 1.2em;
  line-height: 1.3em;
}
/* line 68, scss/_leaves.scss */
.leaves-shell.step-3 .bowl {
  top: 200px;
  /* @include transition(all 0.6s ease-in-out 0); */
}
/* line 74, scss/_leaves.scss */
.leaves-shell .btn-arrow-right {
  position: absolute;
  right: 46px;
  bottom: 224px;
}
/* line 75, scss/_leaves.scss */
.leaves-shell .btn-arrow-right.hidden {
  display: none;
}
/* line 77, scss/_leaves.scss */
.leaves-shell .btn-mix {
  min-width: 130px;
  height: 60px;
  position: absolute;
  right: 58px;
  bottom: 251px;
  border: 1px solid #6faa59;
  line-height: 60px;
}
/* line 78, scss/_leaves.scss */
.leaves-shell .btn-mix.hidden {
  display: none;
}
/* line 80, scss/_leaves.scss */
.leaves-shell .btn-play-again-shell {
  width: 100%;
  position: absolute;
  bottom: 60px;
  left: 0;
}
/* line 81, scss/_leaves.scss */
.leaves-shell .btn-play-again-shell .btn-play-again {
  height: 60px;
  border: 1px solid #6faa59;
  line-height: 60px;
}

@-webkit-keyframes cutknife {
  /* line 3, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 4, scss/_fruits.scss */
  16% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 400px;
  }

  /* line 5, scss/_fruits.scss */
  33% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  /* line 6, scss/_fruits.scss */
  50% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 450px;
  }

  /* line 7, scss/_fruits.scss */
  66% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 500px;
  }

  /* line 8, scss/_fruits.scss */
  83% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 550px;
  }

  /* line 9, scss/_fruits.scss */
  100% {
    top: 1100px;
  }
}

@-moz-keyframes cutknife {
  /* line 3, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 4, scss/_fruits.scss */
  16% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 400px;
  }

  /* line 5, scss/_fruits.scss */
  33% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  /* line 6, scss/_fruits.scss */
  50% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 450px;
  }

  /* line 7, scss/_fruits.scss */
  66% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 500px;
  }

  /* line 8, scss/_fruits.scss */
  83% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 550px;
  }

  /* line 9, scss/_fruits.scss */
  100% {
    top: 1100px;
  }
}

@-o-keyframes cutknife {
  /* line 3, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 4, scss/_fruits.scss */
  16% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 400px;
  }

  /* line 5, scss/_fruits.scss */
  33% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  /* line 6, scss/_fruits.scss */
  50% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 450px;
  }

  /* line 7, scss/_fruits.scss */
  66% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 500px;
  }

  /* line 8, scss/_fruits.scss */
  83% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 550px;
  }

  /* line 9, scss/_fruits.scss */
  100% {
    top: 1100px;
  }
}

@keyframes cutknife {
  /* line 3, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 4, scss/_fruits.scss */
  16% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 400px;
  }

  /* line 5, scss/_fruits.scss */
  33% {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  /* line 6, scss/_fruits.scss */
  50% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 450px;
  }

  /* line 7, scss/_fruits.scss */
  66% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 500px;
  }

  /* line 8, scss/_fruits.scss */
  83% {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 550px;
  }

  /* line 9, scss/_fruits.scss */
  100% {
    top: 1100px;
  }
}

@-webkit-keyframes cutapple {
  /* line 13, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 14, scss/_fruits.scss */
  73% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    top: 250px;
  }

  /* line 15, scss/_fruits.scss */
  80% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    top: 260px;
  }

  /* line 16, scss/_fruits.scss */
  89% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 270px;
  }

  /* line 17, scss/_fruits.scss */
  94% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 350px;
  }

  /* line 18, scss/_fruits.scss */
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 800px;
  }
}

@-moz-keyframes cutapple {
  /* line 13, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 14, scss/_fruits.scss */
  73% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    top: 250px;
  }

  /* line 15, scss/_fruits.scss */
  80% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    top: 260px;
  }

  /* line 16, scss/_fruits.scss */
  89% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 270px;
  }

  /* line 17, scss/_fruits.scss */
  94% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 350px;
  }

  /* line 18, scss/_fruits.scss */
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 800px;
  }
}

@-o-keyframes cutapple {
  /* line 13, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 14, scss/_fruits.scss */
  73% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    top: 250px;
  }

  /* line 15, scss/_fruits.scss */
  80% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    top: 260px;
  }

  /* line 16, scss/_fruits.scss */
  89% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 270px;
  }

  /* line 17, scss/_fruits.scss */
  94% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 350px;
  }

  /* line 18, scss/_fruits.scss */
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 800px;
  }
}

@keyframes cutapple {
  /* line 13, scss/_fruits.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 14, scss/_fruits.scss */
  73% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    top: 250px;
  }

  /* line 15, scss/_fruits.scss */
  80% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    top: 260px;
  }

  /* line 16, scss/_fruits.scss */
  89% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    top: 270px;
  }

  /* line 17, scss/_fruits.scss */
  94% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: 350px;
  }

  /* line 18, scss/_fruits.scss */
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 800px;
  }
}

/* line 22, scss/_fruits.scss */
.fruits .icons-sun {
  position: absolute;
  top: 80px;
  right: -5px;
  z-index: 100;
}
/* line 23, scss/_fruits.scss */
.fruits .icons-seed {
  position: absolute;
  top: 245px;
  right: 140px;
  z-index: 100;
}
/* line 24, scss/_fruits.scss */
.fruits .icon-seed-knife {
  position: absolute;
  top: 215px;
  left: -40px;
  z-index: 200;
}
/* line 25, scss/_fruits.scss */
.fruits .icon-seed-knife.cut {
  -webkit-animation: cutknife 3.1s 1 ease-in forwards;
  -moz-animation: cutknife 3.1s 1 ease-in forwards;
  -o-animation: cutknife 3.1s 1 ease-in forwards;
  animation: cutknife 3.1s 1 ease-in forwards;
}
/* line 27, scss/_fruits.scss */
.fruits .icons-seed.seed-fruits {
  position: absolute;
  top: 308px;
  right: 223px;
  z-index: 1000;
  opacity: 0;
}
/* line 28, scss/_fruits.scss */
.fruits .icons-seed.seed-fruits.fadeIn {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0s;
  -moz-transition: opacity 0.2s linear 0s;
  -o-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
}
/* line 30, scss/_fruits.scss */
.fruits .icons-speech.s-fruit-seed {
  position: absolute;
  top: 80px;
  right: -42px;
  z-index: 1000;
  opacity: 0;
}
/* line 31, scss/_fruits.scss */
.fruits .icons-speech.s-fruit-seed.fadeIn {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0.1s;
  -moz-transition: opacity 0.2s linear 0.1s;
  -o-transition: opacity 0.2s linear 0.1s;
  transition: opacity 0.2s linear 0.1s;
}
/* line 34, scss/_fruits.scss */
.fruits .icons-speech.s-fruit-sun {
  position: absolute;
  top: -18px;
  right: 90px;
  z-index: 100;
}
/* line 35, scss/_fruits.scss */
.fruits .icons-speech.s-fruit {
  position: absolute;
  top: 158px;
  right: 130px;
  z-index: 100;
}
/* line 36, scss/_fruits.scss */
.fruits .inner {
  position: relative;
  height: 691px;
  overflow: hidden;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
}
/* line 37, scss/_fruits.scss */
.fruits .inner .fruits-position {
  background: url(../images/fruits-counter.png) 0 -20px no-repeat #74dfd6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 791px;
}
/* line 39, scss/_fruits.scss */
.fruits .inner.step-1 h3 {
  display: none;
}
/* line 40, scss/_fruits.scss */
.fruits .inner.step-1 p {
  display: none;
}
/* line 41, scss/_fruits.scss */
.fruits .inner.step-1 .tag {
  display: none;
}
/* line 42, scss/_fruits.scss */
.fruits .inner.step-1 .answers {
  display: none;
}
/* line 45, scss/_fruits.scss */
.fruits .inner.step-2 .icon-apple.front {
  display: none;
}
/* line 48, scss/_fruits.scss */
.fruits .inner.step-3 .fruits-position {
  top: -100px;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
/* line 49, scss/_fruits.scss */
.fruits .inner.step-3 .icon-apple.front {
  display: none;
}
/* line 50, scss/_fruits.scss */
.fruits .inner.step-3 .btn-play-again {
  display: block;
  opacity: 1;
}
/* line 52, scss/_fruits.scss */
.fruits .inner .icon-apple {
  background: url(../images/fruits-apple-back.png) no-repeat;
  z-index: 100;
  position: absolute;
  top: 250px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 385px;
  height: 388px;
}
/* line 53, scss/_fruits.scss */
.fruits .inner .icon-apple.front {
  background: url(../images/fruits-apple-front.png) no-repeat;
  z-index: 300;
}
/* line 54, scss/_fruits.scss */
.fruits .inner .icon-apple.cut {
  -webkit-animation: cutapple 3.1s 1 ease-in forwards;
  -moz-animation: cutapple 3.1s 1 ease-in forwards;
  -o-animation: cutapple 3.1s 1 ease-in forwards;
  animation: cutapple 3.1s 1 ease-in forwards;
}
/* line 56, scss/_fruits.scss */
.fruits .inner h3 {
  text-align: center;
  padding-top: 30px;
}
/* line 57, scss/_fruits.scss */
.fruits .inner p {
  text-align: center;
  margin-top: 0;
}
/* line 59, scss/_fruits.scss */
.fruits .inner .btn-slice-apple {
  position: absolute;
  top: 450px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 320px;
  z-index: 600;
}
/* line 60, scss/_fruits.scss */
.fruits .inner .btn-play-again {
  position: absolute;
  bottom: 23px;
  left: 305px;
  left: calc(50% - 175px);
  width: 350px;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear 0.8s;
  -moz-transition: opacity 0.2s linear 0.8s;
  -o-transition: opacity 0.2s linear 0.8s;
  transition: opacity 0.2s linear 0.8s;
}
/* line 63, scss/_fruits.scss */
.fruits .inner .answers {
  background: #FFFFFF;
  position: absolute;
  top: 125px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 800px;
  height: 107px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: #FF8A59 3px solid;
  padding: 37px 27px 0;
}
/* line 64, scss/_fruits.scss */
.fruits .inner .answers .answer {
  display: block;
  float: left;
  font-size: 1.7em;
  height: 40px;
  width: 123px;
  text-align: center;
  z-index: 600;
  cursor: move;
}
/* line 65, scss/_fruits.scss */
.fruits .inner .answers .btn-check-answers {
  position: absolute;
  top: 18px;
  left: 305px;
  left: calc(50% - 175px);
  border: 1px solid #ff8a59;
  width: 350px;
  height: 60px;
  line-height: 60px;
}
/* line 67, scss/_fruits.scss */
.fruits .inner .tag {
  position: absolute;
  height: 65px;
  width: 370px;
  z-index: 500;
}
/* line 68, scss/_fruits.scss */
.fruits .inner .tag.tag-1 {
  top: 290px;
  left: 105px;
}
/* line 69, scss/_fruits.scss */
.fruits .inner .tag.tag-2 {
  top: 396px;
  left: 57px;
  width: 430px;
}
/* line 70, scss/_fruits.scss */
.fruits .inner .tag.tag-3 {
  top: 496px;
  left: 87px;
  width: 386px;
}
/* line 71, scss/_fruits.scss */
.fruits .inner .tag.tag-4 {
  top: 282px;
  right: 113px;
  width: 334px;
}
/* line 72, scss/_fruits.scss */
.fruits .inner .tag.tag-5 {
  top: 388px;
  right: 57px;
  width: 254px;
}
/* line 73, scss/_fruits.scss */
.fruits .inner .tag.tag-6 {
  top: 488px;
  right: 87px;
  width: 304px;
}
/* line 75, scss/_fruits.scss */
.fruits .inner .tag .display-answer {
  font-size: 1.7em;
  height: 65px;
  width: 160px;
  text-align: center;
  line-height: 65px;
}
/* line 77, scss/_fruits.scss */
.fruits .inner .tag .tag-box {
  background: url(../images/fruits-tag-box.png) no-repeat;
  position: absolute;
  width: 190px;
  height: 100%;
}
/* line 78, scss/_fruits.scss */
.fruits .inner .tag .tag-box .droppable {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 34px;
  margin: auto auto;
  /* background:red; */
  width: 123px;
  height: 20px;
}
/* line 80, scss/_fruits.scss */
.fruits .inner .tag .tag-line {
  background: #757575;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 186px;
  height: 3px;
  width: calc(100% - 200px);
  margin: auto 0;
}
/* line 81, scss/_fruits.scss */
.fruits .inner .tag .tag-dot {
  background: url(../images/fruits-tag-dot.png) no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 18px;
  height: 18px;
}
/* line 84, scss/_fruits.scss */
.fruits .inner .tag.flip .tag-box {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
  right: 0;
}
/* line 85, scss/_fruits.scss */
.fruits .inner .tag.flip .tag-line {
  left: auto;
  right: 186px;
}
/* line 86, scss/_fruits.scss */
.fruits .inner .tag.flip .tag-dot {
  left: 0;
  right: auto;
}
/* line 87, scss/_fruits.scss */
.fruits .inner .tag.flip .display-answer {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  transform: scale(-1);
}
/* line 91, scss/_fruits.scss */
.fruits .inner .tag.correct .tag-box {
  background: url(../images/fruits-tag-box-correct.png) no-repeat;
}
/* line 92, scss/_fruits.scss */
.fruits .inner .tag.correct .tag-line {
  background: #417505;
}
/* line 93, scss/_fruits.scss */
.fruits .inner .tag.correct .tag-dot {
  background: url(../images/fruits-tag-dot-correct.png) no-repeat;
}
/* line 97, scss/_fruits.scss */
.fruits .inner .tag.wrong .tag-box {
  background: url(../images/fruits-tag-box-wrong.png) no-repeat;
}
/* line 98, scss/_fruits.scss */
.fruits .inner .tag.wrong .tag-line {
  background: #96012E;
}
/* line 99, scss/_fruits.scss */
.fruits .inner .tag.wrong .tag-dot {
  background: url(../images/fruits-tag-dot-wrong.png) no-repeat;
}

/* MEDIA QUERY FOR DESKTOP SIZE */
/* MEDIA QUERY FOR TABLET SIZE */
/* MEDIA QUERY FOR LARGE MOBILE DEVICES OR TABLET PORTRAIT */
/* MEDIA QUERY FOR ANYTHING LARGER THAN MOBILE */
/* MEDIA QUERY FOR MOBILE */
/* line 2, scss/_about.scss */
.about {
  padding-bottom: 12em;
}
/* line 3, scss/_about.scss */
.about .seed-about {
  position: absolute;
  top: 410px;
  right: 80px;
}
/* line 4, scss/_about.scss */
.about .icons-speech.s-about {
  position: absolute;
  top: 425px;
  right: 164px;
  z-index: 0;
}
/* line 5, scss/_about.scss */
.about .icon-about-logos {
  width: 204px;
  height: 279px;
  position: absolute;
  top: 102px;
  right: 70px;
}
/* line 6, scss/_about.scss */
.about .four_fifths {
  width: 82%;
}
/* line 7, scss/_about.scss */
.about .icons-mail {
  background-repeat: no-repeat;
  padding-left: 74px;
  font-size: 36px;
  line-height: 40px;
  text-decoration: none;
}
/* line 8, scss/_about.scss */
.about .icons-mail:hover {
  text-decoration: underline;
}

/*******************************************************************************************/
/************************************** | UNIVERSAL | **************************************/
/*******************************************************************************************/
/* line 39, scss/styles.scss */
body {
  background: #4A2D17;
  margin: 0;
  min-width: 1000px;
}

/* line 40, scss/styles.scss */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-wrap: break-word;
}

/* line 41, scss/styles.scss */
p {
  margin: 1em 0;
}

/* line 42, scss/styles.scss */
a {
  color: #fffbe0;
  text-decoration: underline;
  cursor: pointer;
}

/* line 43, scss/styles.scss */
a.link {
  text-transform: uppercase;
  text-decoration: none;
  color: #191C1F;
}

/* line 44, scss/styles.scss */
img {
  max-width: 100%;
}

/* line 45, scss/styles.scss */
.wrapper {
  background-color: #066149;
  background-color: #2a7228;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#066149), to(#2a7228));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #066149, #2a7228);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #066149, #2a7228);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #066149, #2a7228);
  /* IE10 */
  background-image: -o-linear-gradient(top, #066149, #2a7228);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #066149, #2a7228);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#066149', EndColorStr='#2a7228');
  min-width: 320px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

/* line 46, scss/styles.scss */
.maxwidth {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 1em 1em 0;
}

/* line 47, scss/styles.scss */
.shell {
  background: url(../images/bg-wrapper.png) center top repeat;
  padding: 1em 0 0;
}

/* line 48, scss/styles.scss */
.clear {
  width: 1px;
  height: 0px;
  clear: both;
}

/* line 49, scss/styles.scss */
.v-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 50, scss/styles.scss */
.hr {
  background: #fffbe0;
  width: 70%;
  height: 2px;
  margin: 1.5em auto;
}

/* line 51, scss/styles.scss */
.relative {
  position: relative;
}

/* line 52, scss/styles.scss */
.box-shadow {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 53, scss/styles.scss */
.inner-shadow {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}

/* line 54, scss/styles.scss */
.mobile-device-only {
  display: none;
}

/* line 55, scss/styles.scss */
body.mobile .mobile-device-only {
  display: block;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************ | BUTTON STYLING | ***********************************/
/*******************************************************************************************/
/* line 68, scss/styles.scss */
.btn {
  background: #fff;
  width: auto;
  min-width: 180px;
  height: 80px;
  display: inline-block;
  padding: 0 2rem;
  line-height: 80px;
  font-family: "Sniglet", cursive;
  font-weight: 400;
  font-size: 2rem;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
/* line 69, scss/styles.scss */
.btn.btn-dk-green {
  box-shadow: 0 6px 0 0 #2E6D05;
  color: #04473d;
}
/* line 70, scss/styles.scss */
.btn.btn-lt-green {
  box-shadow: 0 6px 0 0 #6faa59;
  color: #04473d;
}
/* line 71, scss/styles.scss */
.btn.btn-lt-blue {
  box-shadow: 0 6px 0 0 #C3E6F7;
  color: #1c1004;
}
/* line 72, scss/styles.scss */
.btn.btn-lt-red {
  box-shadow: 0 6px 0 0 #F7C3C3;
  color: #c41e1e;
}
/* line 73, scss/styles.scss */
.btn.btn-tan {
  box-shadow: 0 6px 0 0 #F1E2C4;
  color: #6faa59;
}
/* line 74, scss/styles.scss */
.btn.btn-orange {
  box-shadow: 0 6px 0 0 #ff8a59;
  color: #ff8a59;
}
/* line 76, scss/styles.scss */
.btn:hover {
  background: #fff;
}

/* line 78, scss/styles.scss */
.hidden {
  display: none;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/************************************ | GRID COLUMNS | *************************************/
/*******************************************************************************************/
/* line 92, scss/styles.scss */
.fullwidth {
  width: 100%;
  float: left;
  position: relative;
}

/* line 93, scss/styles.scss */
.half {
  width: 50%;
  float: left;
  position: relative;
}

/* line 94, scss/styles.scss */
.one_third {
  width: 33.33%;
  float: left;
  position: relative;
}

/* line 95, scss/styles.scss */
.two_thirds {
  width: 66.66%;
  float: left;
  position: relative;
}

/* line 96, scss/styles.scss */
.one_fourth {
  width: 25%;
  float: left;
  position: relative;
}

/* line 97, scss/styles.scss */
.three_fourths {
  width: 75%;
  float: left;
  position: relative;
}

/* line 98, scss/styles.scss */
.one_fifth {
  width: 20%;
  float: left;
  position: relative;
}

/* line 99, scss/styles.scss */
.two_fifths {
  width: 40%;
  float: left;
  position: relative;
}

/* line 100, scss/styles.scss */
.three_fifths {
  width: 60%;
  float: left;
  position: relative;
}

/* line 101, scss/styles.scss */
.four_fifths {
  width: 80%;
  float: left;
  position: relative;
}

/* line 102, scss/styles.scss */
.one_sixth {
  width: 16.66%;
  float: left;
  position: relative;
}

/* line 103, scss/styles.scss */
.one_eighth {
  width: 12.5%;
  float: left;
  position: relative;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/********************************** | BACKGROUND COLORS | **********************************/
/*******************************************************************************************/
/* line 116, scss/styles.scss */
.bg-black {
  background-color: #000;
}

/* line 117, scss/styles.scss */
.bg-white {
  background-color: #fff;
}

/* line 118, scss/styles.scss */
.bg-gray {
  background-color: #ccc;
}

/* line 119, scss/styles.scss */
.bg-lt-gray {
  background-color: #eee;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*** BEGIN SITE STYLES HERE ***/
/* line 134, scss/styles.scss */
.intro-copy p {
  margin-top: 0;
}

/*********************************************************************************************************************************/
/********************************************************* MEDIA QUERIES *********************************************************/
/*********************************************************************************************************************************/
/* MEDIA QUERY FOR ANYTHING LARGER THAN MOBILE */
/*
@media only screen and (min-width:$mq-desktop){
	.mobile-only{display:none;}
	.desktop-only{display:block;}
}
*/
/* MEDIA QUERY FOR TABLET SIZE AND SMALLER */
/*
@media only screen and (min-width:0px) and (max-width:$mq-tablet){
	
}
*/
/* MEDIA QUERY FOR MOBILE */
/*
@media only screen and (min-width:0px) and (max-width:$mq-phablet){
	.mobile-only{display:block;}
	.desktop-only{display:none;}
	.half, .one_third{width:100%;}
	.one_fourth{width:50%;}
}
*/