@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Montserrat:400,700";
/*
@mixin mobile {
    @media only screen and (max-width: $S) { @content; }
}

@mixin tablet {
    @media only screen and (min-width: $M) and (max-width: 1023px) { @content; }
}

@mixin all_mobile {
    @media only screen and (max-width: 425px) { @content; }
}

// super light grid - it works with the .cd-container class inside style.scss

@mixin column($percentage, $float-direction:left) {
width: 100% * $percentage;
float: $float-direction;
}*/
/********************************************************************************
								PRIMARY STYLE
********************************************************************************/
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #414042;
  background-color: #f7f7f7; }

a {
  color: #8cc63f;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  a:hover {
    color: #00713d; }

h2, h3 {
  font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #00713d;
  margin: 1rem 0; }

h1 {
  font-size: 30px;
  line-height: 40px; }
  @media only screen and (min-width: 568px) {
    h1 {
      font-size: 40px; } }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 50px;
      line-height: 60px; } }
  @media only screen and (min-width: 1024px) {
    h1 {
      font-size: 60px;
      line-height: 70px; } }
  @media only screen and (min-width: 1920px) {
    h1 {
      font-size: 70px; } }

h2 {
  font-size: 24px;
  line-height: 30px; }
  @media only screen and (min-width: 1024px) {
    h2 {
      font-size: 30px;
      line-height: 40px; } }

h3 {
  font-size: 18px;
  line-height: 30px; }

p {
  font-size: 16px;
  line-height: 30px;
  margin: 1rem 0; }

span {
  line-height: 30px; }

/********************************************************************************
								MAIN COMPONENTS
********************************************************************************/
.inner-page-header {
  height: 250px;
  text-align: center;
  padding: 1rem;
  margin: auto;
  display: table; }
  .inner-page-header h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle; }
  @media only screen and (min-width: 1024px) {
    .inner-page-header {
      height: 400px; } }
  @media only screen and (min-width: 1600px) {
    .inner-page-header {
      height: 500px; } }

.main-container {
  width: 100%;
  height: 250px;
  margin-top: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 570px; }
  .main-container .gradient-overlay {
    background-color: #00713d;
    /* IE9, iOS 3.2+ */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMyMTgyNWMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2E0ZDc5MiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #b4d866), color-stop(1, #00b863));
    /* Android 2.3 */
    background: -webkit-linear-gradient(top left, rgba(180, 216, 102, 0.7) 10%, rgba(0, 184, 99, 0.7) 50%, rgba(180, 216, 102, 0.7) 80%);
    /* IE10+ */
    background: linear-gradient(to bottom right, rgba(180, 216, 102, 0.7) 10%, rgba(0, 184, 99, 0.7) 50%, rgba(180, 216, 102, 0.7) 80%);
    background: -ms-linear-gradient(top left, rgba(180, 216, 102, 0.7) 10%, rgba(0, 184, 99, 0.7) 50%, rgba(180, 216, 102, 0.7) 80%);
    height: inherit;
    width: inherit; }
  @media only screen and (max-width: 568px) {
    .main-container {
      background-attachment: scroll; } }
  @media only screen and (min-width: 568px) {
    .main-container {
      background-size: 768px; } }
  @media only screen and (min-width: 768px) {
    .main-container {
      background-size: 1024px; } }
  @media only screen and (min-width: 1024px) {
    .main-container {
      height: 100%;
      background-size: cover; } }
  @media only screen and (min-width: 1366px) {
    .main-container {
      background-attachment: fixed; } }

.to-animate,
.to-animate-2,
.to-bounce {
  opacity: 0; }

/********************************************************************************
									CONTENT
********************************************************************************/
.inner-page-section {
  padding: 2rem 0; }
  .inner-page-section span {
    color: #00713d;
    font-weight: 700; }
  .inner-page-section .sources {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
    line-height: 30px;
    margin-top: 2rem 0; }
  .inner-page-section ul {
    margin: 0 1rem; }
  .inner-page-section img {
    max-width: 250px; }
  @media only screen and (min-width: 1024px) {
    .inner-page-section {
      padding: 3rem 0; }
      .inner-page-section ul {
        margin: 0 2rem; }
      .inner-page-section img {
        max-width: 400px; } }

.fa-ul {
  padding-left: 1rem !important; }
  .fa-ul li, .fa-ul i {
    padding-bottom: 1rem; }
  .fa-ul li {
    line-height: 30px; }
  .fa-ul i {
    padding-top: 5px; }

.section-one, .section-three {
  background-color: #fff; }
  .section-one i, .section-three i {
    color: #00713d; }
  .section-one .fa-ul a, .section-three .fa-ul a {
    color: rgba(65, 64, 66, 0.8);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .section-one .fa-ul a:hover, .section-one .fa-ul a:focus, .section-three .fa-ul a:hover, .section-three .fa-ul a:focus {
      color: #414042; }

.section-two {
  background-color: #00713d;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff; }
  .section-two .overlay {
    background-color: #00713d;
    background: rgba(0, 0, 0, 0.6); }
    @media only screen and (min-width: 1366px) {
      .section-two .overlay {
        background: rgba(0, 0, 0, 0.7); } }
  .section-two h2, .section-two h3, .section-two span {
    color: #fff; }
  .section-two a {
    color: rgba(255, 255, 255, 0.5);
    line-height: 30px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (min-width: 1024px) {
      .section-two a {
        color: rgba(255, 255, 255, 0.8); } }
    .section-two a:hover, .section-two a:focus {
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color: #fff; }
  .section-two i {
    color: #fff; }
    @media only screen and (min-width: 1024px) {
      .section-two i {
        color: #8cc63f; } }
  @media (max-width: 1023px) {
    .section-two {
      background-image: none !important; }
      .section-two .overlay {
        background: none; } }
  @media only screen and (min-width: 1366px) {
    .section-two {
      background-attachment: fixed; } }

.last-section .inner-page-section {
  padding-bottom: 4rem; }

.content-center {
  text-align: center; }

.content-display {
  display: inline-block;
  position: relative; }

.modal .modal-title {
  line-height: 30px; }
.modal .nav-tabs {
  display: none; }
  .modal .nav-tabs li {
    font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    .modal .nav-tabs {
      display: block; } }
.modal .modal-body {
  padding: 1rem; }
  .modal .modal-body h3 {
    margin-top: 0; }
  .modal .modal-body p {
    margin-top: 0; }
  .modal .modal-body i {
    color: #00713d; }
  .modal .modal-body ul {
    margin-left: 0.5rem; }
  .modal .modal-body span {
    font-weight: 700; }
  @media only screen and (min-width: 1024px) {
    .modal .modal-body {
      padding: 2rem; }
      .modal .modal-body ul {
        margin-left: 2rem; } }
.modal .close {
  font-size: 30px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .modal .close:hover {
    color: #c30101; }

.nav-pills {
  display: block; }
  .nav-pills li {
    font-family: "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .nav-pills li a {
      padding: 1rem;
      border-radius: 0; }
  @media only screen and (min-width: 1024px) {
    .nav-pills {
      display: none; } }

/*******************************************************************************/

/*# sourceMappingURL=inner-page.css.map */