/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* line 1, templates/rt_salient/custom/scss/custom.scss */
.bf-title_green {
  margin: 0;
  line-height: 3rem;
  color: #74913e;
}
/* line 7, templates/rt_salient/custom/scss/custom.scss */
.bf-title_green_normal {
  margin: 0;
  line-height: 1.5rem;
  color: #74913e;
}
/* line 13, templates/rt_salient/custom/scss/custom.scss */
.bf-title_pink {
  margin: 0;
  line-height: 3rem;
  color: #e83da5;
}
/* line 19, templates/rt_salient/custom/scss/custom.scss */
.bf-title_pink_normal {
  margin: 0;
  line-height: 1.5rem;
  color: #e83da5;
}
/* line 25, templates/rt_salient/custom/scss/custom.scss */
.bf-title_purple {
  margin: 0;
  line-height: 3rem;
  color: #712fa1;
}
/* line 31, templates/rt_salient/custom/scss/custom.scss */
.bf-title_white {
  margin: 0;
  line-height: 3rem;
  color: #fff;
}
/* line 37, templates/rt_salient/custom/scss/custom.scss */
.bf-sub-title_white {
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  line-height: 1.5 rem;
  color: #fff;
}
/* line 43, templates/rt_salient/custom/scss/custom.scss */
.bf-sub-title_green {
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  line-height: 1.5 rem;
  color: #74913e;
}
/* line 50, templates/rt_salient/custom/scss/custom.scss */
.bf-people_title_small {
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #eb008b;
  margin: 0.25rem 0px;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
/* line 62, templates/rt_salient/custom/scss/custom.scss */
.box-green > .g-content {
  background: #74913e;
}
/* line 66, templates/rt_salient/custom/scss/custom.scss */
.box-pink > .g-content {
  background: #eb008b;
}
/* line 70, templates/rt_salient/custom/scss/custom.scss */
.bf_green_button {
  display: inline-block;
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 700;
  border-radius: 3px;
  background: #5ee05a none repeat scroll 0% 0%;
  color: #fff !important;
  font-size: 1rem;
  border: 2px solid #fff;
  margin-bottom: 0.2rem;
  padding: 0.5rem 1.5rem;
  vertical-align: top;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;
}
/* line 87, templates/rt_salient/custom/scss/custom.scss */
.bf_green_footer-button {
  display: inline-block;
  font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 700;
  border-radius: 3px;
  background: #9bcc67 none repeat scroll 0% 0%;
  color: #fff !important;
  font-size: 1rem;
  border: 2px solid #fff;
  margin-bottom: 0.2rem;
  padding: 0.5rem 1.5rem;
  vertical-align: top;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;
}
/* line 104, templates/rt_salient/custom/scss/custom.scss */
.box-darkgrey.g-outer-box {
  background-color: #74913e !important;
}
/* line 108, templates/rt_salient/custom/scss/custom.scss */
.bf_product_img {
  height: auto;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #000;
}
/* line 116, templates/rt_salient/custom/scss/custom.scss */
#animated-example {
  margin: 10px auto;
  width: 400px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  text-align: left;
  padding: 80px;
}
/* line 127, templates/rt_salient/custom/scss/custom.scss */
.animated {
  -webkit-animation-name: bounceIn;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: 10;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: bounceIn;
  animation-duration: 4s;
  animation-iteration-count: 80;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
/*
 * Animation for webkit
 */
@-webkit-keyframes bounce {
  /* line 145, templates/rt_salient/custom/scss/custom.scss */
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  /* line 146, templates/rt_salient/custom/scss/custom.scss */
  40% {
    -webkit-transform: translateY(-30px);
  }
  /* line 147, templates/rt_salient/custom/scss/custom.scss */
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  /* line 151, templates/rt_salient/custom/scss/custom.scss */
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  /* line 152, templates/rt_salient/custom/scss/custom.scss */
  40% {
    transform: translateY(-30px);
  }
  /* line 153, templates/rt_salient/custom/scss/custom.scss */
  60% {
    transform: translateY(-15px);
  }
}
/*
 * Adding the animation to our element
 */
/* line 159, templates/rt_salient/custom/scss/custom.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}