/*   
Theme Name: Australian Plant Protein
Description: Australian Plant Protein WordPress theme
Author: Joshua Speechley : Residency Studios
Author URI: http://residencystudios.com
Version: 1.0.1
Tags: 
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* This stylesheet generated by Transfonter (https://transfonter.org) on March 23, 2017 4:25 AM */
.btn, li, input, label, td, nav, select, table, .panel div, p, span, h4, h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-style: normal;
}

h3, h2, h1, h2.h1 {
  font-family: Georgia, serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2.h1 {
  font-size: 80px;
  line-height: 80px;
  color: #497A67;
}
@media (max-width: 767px) {
  h1, h2.h1 {
    font-size: 44px;
    line-height: 44px;
  }
}
h1 a, h2.h1 a {
  text-decoration: none;
}
h1 a:hover, h2.h1 a:hover {
  color: #fff;
}

h2 {
  font-size: 40px;
  line-height: 40px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

h3 {
  font-size: 22px;
  line-height: 24px;
}
@media (max-width: 767px) {
  h3 {
    font-size: 18px;
    font-size: 22px;
  }
}

h4, h5 {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 767px) {
  h4, h5 {
    font-size: 16px;
    line-height: 18px;
  }
}

p, span {
  font-size: 14px;
  line-height: 22px;
}
li, input, label, td, nav, select, table, .panel div {
  font-size: 18px;
  line-height: 20px;
}
@media (max-width: 767px) {
  li, input, label, td, nav, select, table, .panel div {
    font-size: 16px;
    line-height: 18px;
  }
}
li b, li .bold, li strong, input b, input .bold, input strong, label b, label .bold, label strong, td b, td .bold, td strong, nav b, nav .bold, nav strong, select b, select .bold, select strong, table b, table .bold, table strong, .panel div b, .panel div .bold, .panel div strong {
  font-weight: bold;
}

ul li {
  list-style: none;
}

ol {
  list-style-position: outside;
  padding-left: 20px;
}
ol li {
  padding-left: 10px;
  padding-bottom: 15px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0px 0px 25px;
}

p a, a {
  text-decoration: underline;
}

*, html, body {
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  outline: none;
}

body {
  line-height: 1.5;
  background-color: #fff;
  color: #726762;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.image .col-sm-12 img {
  width: 100%;
  height: auto;
}

.container {
  padding: 0 100px;
  overflow: hidden;
  max-width: 1024px;
  margin: 0 auto;
}
@media (min-width: 1241px) {
  .container {
    max-width: 1120px;
  }
}
@media (min-width: 1441px) {
  .container {
    max-width: 1280px;
  }
}

hr {
  border: 0px;
  border-top: 1px solid;
  margin: 20px 0px 30px;
}

.row {
  margin: 0 -15px;
}

.btn {
  outline: none !important;
  font-size: 16px;
  line-height: 22px;
  padding: 15px 0px;
  text-decoration: none;
  display: inline-block;
  min-width: 240px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  color: #726762;
  border: 1px solid #726762;
  background: #fff;
}
.btn:hover {
  background-color: transparent;
}

.full-row {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  clear: both;
  margin: 0px;
  padding: 100px 0px;
}
.full-row.image {
  padding-bottom: 100px;
}
.full-row.bg-cream {
  background-color: #fdf4eb;
}

.col-lg-0 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-0.right {
  float: right;
}
.col-lg-0.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-0.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-0.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-1 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-1.right {
  float: right;
}
.col-lg-1.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-1.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-1.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-2 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-2.right {
  float: right;
}
.col-lg-2.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-2.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-2.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-3 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-3.right {
  float: right;
}
.col-lg-3.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-3.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-3.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-4 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-4.right {
  float: right;
}
.col-lg-4.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-4.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-4.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-5 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-5.right {
  float: right;
}
.col-lg-5.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-5.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-5.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-6 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-6.right {
  float: right;
}
.col-lg-6.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-6.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-6.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-7 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-7.right {
  float: right;
}
.col-lg-7.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-7.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-7.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-8 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-8.right {
  float: right;
}
.col-lg-8.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-8.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-8.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-9 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-9.right {
  float: right;
}
.col-lg-9.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-9.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-9.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-10 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-10.right {
  float: right;
}
.col-lg-10.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-10.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-10.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-11 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-11.right {
  float: right;
}
.col-lg-11.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-11.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-11.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.col-lg-12 {
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
}
.col-lg-12.right {
  float: right;
}
.col-lg-12.align-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (min-width: 768px) {
  .col-lg-12.pad_ten {
    margin-left: 5%;
    margin-right: 5%;
  }
  .col-lg-12.pad_twenty {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.clearfix {
  width: 100%;
  clear: both;
  float: left;
}

.col-lg-12 {
  width: 100%;
  clear: both;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-8 {
  width: 66.667%;
}

.col-lg-7 {
  width: 58.3333333333%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-5 {
  width: 41.6666666667%;
}

.col-lg-4 {
  width: 33.333%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-2 {
  width: 16.667%;
}

.last {
  float: right;
}

.inner h2 {
  margin: 30px 0px;
}
.inner .btn {
  margin-top: 60px;
}

input {
  border-radius: 0px;
  -webkit-appearance: none;
}

input[type=text], input[type=email], input[type=tel] {
  background: #fff;
  border: 1px solid;
  line-height: 46px;
  font-size: 16px;
  padding: 0 10px;
  border-radius: 0px;
  -webkit-appearance: none;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder {
  font-size: 16px;
}

@media (max-width: 1024px) {
  .container {
    padding: 0 40px;
  }
}
@media (min-width: 767px) {
  .image-right .inner, .image-left .inner {
    padding: 0 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
  }
  .image-right .col-lg-5 .inner, .image-left .col-lg-5 .inner {
    max-width: 41.6666666667%;
  }
  .image-right .col-lg-6 .inner, .image-left .col-lg-6 .inner {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .col-sm-12 {
    width: 100%;
    float: left;
  }

  .col-sm-6 {
    width: 50%;
    float: left;
  }

  .inner {
    padding: 40px 20px;
  }

  .container {
    padding: 0 30px;
  }
  .container.container-left {
    padding-right: 0px;
  }

  .reorder {
    display: table;
  }
  .reorder .col-sm-12 {
    float: none;
    display: table-footer-group;
  }
  .reorder .col-sm-12.last {
    display: table-header-group;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

#site-header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  float: left;
  width: 100%;
  padding: 22px 0px;
}
#site-header .container {
  overflow: visible;
}
#site-header a.logo {
  width: 192px;
  display: block;
  z-index: 99;
  position: relative;
  float: left;
  transition: all 0.3s ease-in-out;
}
#site-header a.logo svg {
  width: 100%;
  height: auto;
  float: left;
}
#site-header #menu {
  margin: 10px 0px 0px;
  transition: all 0.3s ease;
  display: inline-block;
  float: right;
}
#site-header #menu #main-menu {
  display: inline-block;
}
#site-header #menu #main-menu li {
  display: inline-block;
  padding: 0px;
  margin: 0px 0px 0px 20px;
  line-height: 17px;
}
#site-header #menu #main-menu li a {
  line-height: 17px;
  font-size: 15px;
  color: #726762;
  transition: all 0.3s ease-in-out;
  display: block;
  margin: 0;
  border-bottom: 2px solid transparent;
  text-decoration: none;
}
#site-header #menu #main-menu li a:hover {
  border-bottom: 2px solid #726762;
}
#site-header #menu #main-menu li.contact a {
  color: #fdf4eb;
  background: #497A67;
  padding: 10px 30px;
  border: 2px solid #497A67;
}
#site-header #menu #main-menu li.contact a:hover {
  border: 2px solid #497A67;
  background: transparent;
  color: #497A67;
}
#site-header.nav-up {
  top: -180px;
}
#site-header.nav-down {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #fdf4eb;
}

.menu-active #site-header.nav-up {
  top: 0px;
}
.menu-active #site-header .logo {
  fill: #fff;
}
.menu-active #site-header #menu {
  opacity: 1;
  visibility: visible;
}
.menu-active #site-header #right-menu {
  z-index: 99;
  position: relative;
}
.menu-active #site-header #right-menu a {
  color: #fff;
  border-color: #fff;
}
.menu-active #site-header #right-menu a:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #497A67 !important;
}

#page-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
#page-content.full-width {
  padding-top: 0px;
}
#page-content.full-width .image-wrap img {
  width: 100%;
}

.flexslider {
  width: 100%;
  border: 0px none;
  border-radius: 0px;
  background-color: transparent;
  margin-bottom: 0px;
  visibility: hidden;
}
.flexslider li img {
  float: left;
}
.flexslider li p {
  clear: both;
  margin: 10px 0px 0px;
}
.flexslider h3 {
  max-width: 75%;
}
.flexslider .flex-direction-nav {
  text-align: center;
}
.flexslider .flex-direction-nav li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  z-index: 2;
}
.flexslider .flex-direction-nav a {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 43px;
  height: 43px;
  background: #497A67 url("img/icon-arrow.png") center center no-repeat;
  background-size: 12px auto;
  border-radius: 100%;
  text-indent: -999999px;
  font-size: 0px;
  line-height: 0px;
  opacity: 1 !important;
  cursor: pointer;
  outline: none;
  left: initial !important;
  right: initial !important;
}
.flexslider .flex-direction-nav a:hover {
  background-color: #497A67;
}
.flexslider .flex-direction-nav a.flex-prev {
  background-position: 14px center !important;
}
.flexslider .flex-direction-nav a.flex-next {
  transform: rotate(180deg);
}
.flexslider .flex-direction-nav a.flex-disabled {
  opacity: 1 !important;
  filter: alpha(opacity=100);
  cursor: pointer;
  z-index: 1;
}
.flexslider .flex-direction-nav a:before {
  content: " " !important;
}
.flexslider .flex-control-paging li {
  margin: 0px 8px 0px 0px;
  padding: 0px;
}
.flexslider .flex-control-paging li a {
  background: none;
  opacity: 1;
  border: 0px none;
  display: block;
  float: left;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
  background: #fff;
  width: 12px;
  height: 12px;
  margin: 0px;
}
.flexslider .flex-control-paging li a.flex-active {
  background: #497A67;
}
.flexslider .flex-control-paging li a.flex-active:hover {
  background: #497A67;
}
.flexslider .flex-control-paging li a:hover {
  background: #497A67;
}

#homepage-slider.flexslider {
  height: 100vh;
}
#homepage-slider.flexslider .slides {
  height: 100%;
}
#homepage-slider.flexslider .slides li {
  background-position: center;
  height: 100%;
  width: 100%;
  display: none;
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media (min-width: 768px) {
  #homepage-slider .slide-overlay {
    position: absolute;
    top: 50%;
    left: 20%;
    right: 20%;
    width: 60%;
    transform: translateY(-50%);
    text-align: center;
  }
}
#homepage-slider .slide-overlay h2, #homepage-slider .slide-overlay p {
  color: #497A67;
  border-color: #497A67;
  margin: 0px 0px 25px;
  text-align: center;
}
#homepage-slider .slide-overlay.dark h2, #homepage-slider .slide-overlay.dark p {
  color: #fff;
  border-color: #fff;
}
#homepage-slider .slide-overlay h2 {
  font-size: 50px;
}
#homepage-slider .slide-overlay p, #homepage-slider .slide-overlay p span {
  font-size: 22px;
}
@media (max-width: 767px) {
  #homepage-slider .slide-overlay {
    padding: 40px 20px;
    clear: both;
  }
  #homepage-slider .slide-overlay .btn {
    border-color: #497A67;
  }
}
#homepage-slider .slide-overlay .btn {
  clear: both;
  margin-top: 10px;
}
#homepage-slider .flex-control-nav {
  width: auto;
  bottom: 30px;
  text-align: left;
  z-index: 9;
  left: 100px;
}
@media (max-width: 767px) {
  #homepage-slider .flex-control-nav {
    bottom: inherit;
    top: 280px;
  }
}
#homepage-slider .flex-control-nav li {
  margin: 0px 10px 0px 0px;
}

.image-overlay .inner {
  top: 80px;
  left: 20%;
  right: 20%;
  width: 60%;
  position: absolute;
  transform: none;
  padding: 0px;
  text-align: center;
}
.image-overlay .inner.center {
  top: 50%;
  transform: translateY(-50%);
}
.image-overlay .inner h2 {
  margin: 20px 0px;
}
.image-overlay .inner.top h2 {
  font-size: 25px;
  line-height: 1.6;
}
.image-overlay .inner.dark h4, .image-overlay .inner.dark h2, .image-overlay .inner.dark p, .image-overlay .inner.dark p span {
  color: #fff;
}
.image-overlay .inner p {
  max-width: 80%;
  margin: 0 auto;
}
.image-overlay .inner .btn {
  margin-top: 20px;
}

.blog .intro, .archive .intro, .category .intro {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 40px;
  margin-top: 40px;
}
.blog .intro h4, .blog .intro ul.cat-list, .archive .intro h4, .archive .intro ul.cat-list, .category .intro h4, .category .intro ul.cat-list {
  float: left;
  display: inline-block;
  line-height: 18px;
}
.blog .intro ul.cat-list, .archive .intro ul.cat-list, .category .intro ul.cat-list {
  margin-left: 20px;
}
.blog .intro ul.cat-list li, .archive .intro ul.cat-list li, .category .intro ul.cat-list li {
  display: inline-block;
  margin-right: 10px;
}
.blog .entry-title a, .archive .entry-title a, .category .entry-title a {
  text-decoration: none;
}
.blog article, .archive article, .category article {
  margin-bottom: 30px;
}

.next-steps .container h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.next-steps .container h3:first-child {
  font-size: 25px;
  margin-bottom: 20px;
}
.next-steps .container img {
  margin-top: 50px;
}

.video-overlay .container {
  max-width: 920px;
}
.video-overlay .video-holder {
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  margin-top: 80px;
  margin-bottom: 80px;
}
.video-overlay .video-holder video, .video-overlay .video-holder iframe {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#instagram {
  padding: 100px 0px 100px;
  clear: both;
  text-align: center;
}
#instagram .container {
  position: relative;
  max-width: 80%;
}
#instagram h2 {
  margin-bottom: 10px;
}
#instagram h2:before {
  content: " ";
  background: url("img/icon-instagram.png") center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 36px;
  display: block;
  margin-bottom: 25px;
}
#instagram h4 {
  font-size: 18px;
  line-height: 20px;
  text-transform: none;
  letter-spacing: 0.1em;
}
#instagram h4 a {
  color: #497A67;
  text-decoration: none;
}
#instagram h4 a:hover {
  color: #497A67;
}
@media (max-width: 767px) {
  #instagram .sbi_type_image {
    min-width: 50%;
  }
}

#sb_instagram #sbi_images {
  padding: 0px !important;
}
#sb_instagram #sbi_images .sbi_item {
  padding: 15px !important;
}

#sb_instagram.sbi_col_4 #sbi_images > .sbi_item {
  float: left;
}
#sb_instagram.sbi_col_4 #sbi_images > .sbi_item:first-child {
  width: 50%;
}
#sb_instagram.sbi_col_4 #sbi_images > .sbi_item:first-child .sbi_photo {
  padding-bottom: 50.6%;
}

#footer {
  width: 100%;
  margin: 0px;
  float: left;
  padding: 50px 0px 0px;
  background: #497A67;
}
#footer .widget {
  width: 22%;
  float: left;
}
#footer .widget:last-child {
  float: right;
}
#footer .widget_media_image img {
  width: 100%;
  max-width: 190px !important;
  float: right;
}
#footer h3 {
  font-size: 30px;
  color: #fff;
}
#footer p, #footer a, #footer h4, #footer li {
  font-size: 14px;
  color: #fff;
}
#footer .btn {
  margin-top: 30px;
}
#footer h4 {
  margin-bottom: 15px;
  text-transform: none;
  letter-spacing: 0px;
}
#footer .container {
  padding-bottom: 30px;
}
#footer p {
  clear: both;
  width: 100%;
  float: left;
}
#footer p img {
  max-width: 25px;
  display: inline-block;
  float: right;
  margin-left: 15px;
}
#footer p.copyright {
  float: left;
  width: auto;
  font-size: 12px;
  line-height: 34px;
  margin-top: 30px;
}
#footer p.linkedin {
  float: right;
  line-height: 34px;
  width: auto;
  clear: none;
  margin-top: 30px;
  font-size: 12px;
}
#footer li {
  margin-bottom: 5px;
}
#footer li:last-child {
  margin-bottom: 0px;
}
#footer a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid transparent;
}
#footer a:hover {
  border-bottom: 1px solid #fff;
}

.social-icons {
  float: right;
}
.social-icons li {
  display: inline-block;
  margin-bottom: 0px;
  margin-left: 15px;
  float: left;
}
.social-icons li a {
  display: block;
  width: 26px;
  height: 26px;
  float: left;
  background: #fff;
  -webkit-mask-size: 100% 100%;
  text-indent: -9999px;
}
.social-icons li a:hover {
  border-bottom: 0px none !important;
  text-decoration: none;
}
.social-icons li.fb a {
  -webkit-mask-image: url("img/icon-fb.svg");
  mask-image: url("img/icon-fb.svg");
}
.social-icons li.tw a {
  -webkit-mask-image: url("img/icon-tw.svg");
  mask-image: url("img/icon-tw.svg");
}
.social-icons li.in a {
  -webkit-mask-image: url("img/icon-in.svg");
  mask-image: url("img/icon-in.svg");
}
.social-icons li.li a {
  -webkit-mask-image: url("img/icon-li.svg");
  mask-image: url("img/icon-li.svg");
}

.full-row.wysiwyg {
  overflow: visible;
  min-height: 60vh;
}
@media (max-width: 767px) {
  .full-row.wysiwyg {
    min-height: 80vh;
  }
}
.full-row.wysiwyg .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.full-row.wysiwyg h4 {
  max-width: 45%;
}
@media (max-width: 767px) {
  .full-row.wysiwyg h4 {
    max-width: 65%;
  }
}
.full-row.process {
  background-color: #497A67;
}
.full-row.process h1, .full-row.process h2, .full-row.process h3, .full-row.process h4, .full-row.process h5, .full-row.process p {
  color: #fff;
  text-align: center;
}
.full-row.process h2, .full-row.process h4, .full-row.process p {
  margin-bottom: 50px;
}
.full-row.process p {
  max-width: 60%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .full-row.process p {
    max-width: 90%;
  }
}
.full-row.process img {
  margin: 40px auto;
}

.expand, .prod-expand {
  max-height: 0px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
  clear: both;
  z-index: 9;
}
.expand .container, .prod-expand .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
.expand .container > h4, .prod-expand .container > h4 {
  max-width: 55%;
  margin: 25px 0px;
}
@media (max-width: 767px) {
  .expand .container > h4, .prod-expand .container > h4 {
    max-width: none;
  }
}
.expand .container > h2, .prod-expand .container > h2 {
  margin: 0px 0px 50px;
}
.expand.open, .prod-expand.open {
  max-height: 200vh;
}
@media (max-width: 767px) {
  .expand.open, .prod-expand.open {
    max-height: 400vh;
  }
}
.expand .h1, .prod-expand .h1 {
  border-bottom: 1px solid;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .expand .h1, .prod-expand .h1 {
    font-size: 34px;
  }
}
.expand .h1 span, .prod-expand .h1 span {
  float: right;
  display: block;
  position: relative;
  z-index: 9;
  cursor: pointer;
  line-height: 100px;
  color: #726762;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .expand .h1 span, .prod-expand .h1 span {
    line-height: 45px;
  }
}
.expand .h1 span:hover, .prod-expand .h1 span:hover {
  opacity: 0.5;
}
.expand .h1 span:after, .prod-expand .h1 span:after {
  content: " ";
  background: url("img/icon_close.png") center center no-repeat;
  display: inline-block;
  width: 50px;
  height: 100px;
  float: right;
  background-size: contain;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .expand .h1 span:after, .prod-expand .h1 span:after {
    width: 20px;
    height: 45px;
  }
}

.products {
  text-align: center;
}
.products .products_quote {
  margin: 50px 0px 30px;
  background: #fdf4eb;
  padding: 40px 0px;
  border-radius: 10px;
}
.products .products_quote img {
  max-width: 65px;
  padding-bottom: 30px;
}
.products .products_quote h3 {
  max-width: 90%;
  margin: 0 auto 0px;
  font-style: italic;
}
.products .product_item {
  width: 22%;
  margin: 0 5% 60px;
  display: inline-block;
}
@media (max-width: 767px) {
  .products .product_item {
    width: 62%;
  }
}
.products .product_item .btn {
  min-width: 90%;
}

.product_full .product_top {
  background: #fdf4eb;
}
.product_full .product_top .top_info {
  width: 20%;
  float: left;
}
@media (max-width: 767px) {
  .product_full .product_top .top_info {
    width: 50%;
    margin-bottom: 20px;
  }
}
.product_full .product_top .top_info h2, .product_full .product_top .top_info h4 {
  margin: 0px 0px 10px;
}
@media (max-width: 767px) {
  .product_full .product_top .top_info h2, .product_full .product_top .top_info h4 {
    margin-bottom: 0px;
  }
}
.product_full .product_title {
  line-height: 120px;
  font-size: 60px;
  color: #726762;
}
@media (max-width: 767px) {
  .product_full .product_title {
    font-size: 24px;
    line-height: 24px;
  }
}
.product_full .product_title img {
  float: left;
  width: 120px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .product_full .product_title img {
    max-width: 50px;
  }
}
.product_full .product_title span {
  margin-top: 15px;
}
.product_full .product_bottom .prod_info {
  width: 45%;
  float: left;
  margin-right: 5%;
  min-height: 220px;
}
@media (max-width: 767px) {
  .product_full .product_bottom .prod_info {
    width: 100%;
    margin-right: 0px;
    min-height: 0px;
    margin-bottom: 20px;
  }
}
.product_full .product_bottom .prod_info h4 {
  margin-bottom: 10px;
}
.product_full .product_bottom .prod_info img {
  float: left;
  margin-right: 30px;
  max-width: 100px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .product_full .product_bottom .prod_info img {
    max-width: 20%;
    margin-bottom: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .product_full .product_bottom .prod_info p, .product_full .product_bottom .prod_info h4 {
    width: 70%;
    float: right;
  }
}

.buttons {
  margin-top: 60px;
}
.buttons .btn {
  margin-right: 15px;
}

#sustainability {
  background: #fdf4eb;
}
#sustainability .tile {
  text-align: center;
  margin-bottom: 50px;
}
#sustainability .tile img {
  width: 100%;
  margin-bottom: 30px;
}
#sustainability .tile h4 {
  color: #497A67;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
#sustainability .tile h2 {
  margin-bottom: 15px;
  font-weight: bold;
}
#sustainability .tile h5 {
  font-size: 12px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: light;
}

.applications {
  background: #fdf4eb;
  text-align: center;
}
.applications .container > h4 {
  margin: 40px auto 80px;
  max-width: 80%;
}
.applications .icon_group {
  width: 15%;
  margin: 0 2.5%;
  float: left;
}
@media (max-width: 767px) {
  .applications .icon_group {
    width: 45%;
    margin: 0 2.5%;
  }
}
.applications .icon_group h5 {
  min-height: 60px;
  display: inline-block;
  margin: 30px 0px 50px;
  font-size: 14px;
}

#impact .first-wrap {
  background: #fdf4eb;
  padding: 50px 0px 30px;
}
#impact .second-wrap {
  background: #fff;
  padding: 50px 0px 50px;
}
#impact .second-wrap img {
  max-width: 800px;
  float: left;
}
#impact .second-wrap h4 {
  margin: 25px 0px;
}
#impact .container {
  padding-top: 0px;
  padding-bottom: 0px;
}

#soilhealth {
  background: #fdf4eb;
}
#soilhealth .container > h4 {
  max-width: 55%;
  margin: 0px 0px 25px 0px;
}
#soilhealth .container > h4:first-child {
  color: #497A67;
}
#soilhealth .container img {
  float: right;
  max-width: 50%;
}

.image-box {
  position: absolute;
  right: 0px;
  height: 70vh;
  width: 45%;
  top: 0px;
  background: right top no-repeat;
  background-size: contain;
  z-index: 9;
}

#box-1.image-box {
  background-image: url("img/img_bg_1.png");
  background-position: 230px top;
}

#box-2.image-box {
  background-image: url("img/img_bg_2.png");
  margin-top: 50vh;
}

#box-3.image-box {
  background-image: url("img/img_bg_3_white.png");
  margin-top: 100vh;
}

#box-4.image-box {
  background-image: url("img/img_bg_4.png");
  margin-top: 150vh;
}

#box-5.image-box {
  background-image: url("img/img_bg_5.png");
  margin-top: 200vh;
  width: 35%;
}

.gform_wrapper form h3.gform_title {
  font-weight: normal;
}
.gform_wrapper form ul li, .gform_wrapper form .top_label li {
  padding-right: 0px !important;
  padding-top: 15px !important;
  width: 100%;
  float: left;
}
.gform_wrapper form ul li.half, .gform_wrapper form .top_label li.half {
  width: 47.5%;
  clear: none;
}
.gform_wrapper form ul li.half.last, .gform_wrapper form .top_label li.half.last {
  float: right;
}
.gform_wrapper form ul li.half label, .gform_wrapper form .top_label li.half label {
  display: none !important;
}
.gform_wrapper form ul li input, .gform_wrapper form ul li textarea, .gform_wrapper form ul li input.large, .gform_wrapper form .top_label li input, .gform_wrapper form .top_label li textarea, .gform_wrapper form .top_label li input.large {
  background: transparent;
  border: 1px solid #497A67;
  font-size: 24px !important;
  line-height: 24px;
  padding: 10px 0px 10px 15px !important;
  outline: none;
  border-radius: 0px;
}
.gform_wrapper form ul li input::placeholder, .gform_wrapper form ul li textarea::placeholder, .gform_wrapper form ul li input.large::placeholder, .gform_wrapper form .top_label li input::placeholder, .gform_wrapper form .top_label li textarea::placeholder, .gform_wrapper form .top_label li input.large::placeholder {
  color: #497A67;
  font-size: 14px;
  line-height: 14px;
}
.gform_wrapper form ul li input:active, .gform_wrapper form ul li textarea:active, .gform_wrapper form ul li input.large:active, .gform_wrapper form .top_label li input:active, .gform_wrapper form .top_label li textarea:active, .gform_wrapper form .top_label li input.large:active {
  border-color: #497A67;
}
.gform_wrapper form ul li.gfield_html, .gform_wrapper form .top_label li.gfield_html {
  margin-top: 30px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.gform_wrapper form ul li.gfield_html h4, .gform_wrapper form .top_label li.gfield_html h4 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.gform_wrapper form ul li label, .gform_wrapper form .top_label li label {
  color: #497A67;
}
.gform_wrapper form ul textarea.large, .gform_wrapper form .top_label textarea.large {
  max-height: 140px;
}
.gform_wrapper form .field_description_below > label {
  font-size: 13px;
  color: #497A67;
  font-weight: normal;
}
.gform_wrapper form .field_description_below .gfield_description {
  padding: 5px 0px 20px;
  border: 0px none;
  font-size: 12px;
}
.gform_wrapper form .gfield_checkbox li {
  width: 50%;
  margin: 0px 0px 15px;
  /* disabled checkbox */
}
.gform_wrapper form .gfield_checkbox li input {
  margin-top: -4px;
  margin-right: 6px;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:not(:checked), .gform_wrapper form .gfield_checkbox li [type=checkbox]:checked {
  position: absolute !important;
  left: -9999px;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:not(:checked) + label, .gform_wrapper form .gfield_checkbox li [type=checkbox]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:not(:checked) + label:before, .gform_wrapper form .gfield_checkbox li [type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #497A67;
  background: #fff;
  padding: 2px;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:not(:checked) + label:after, .gform_wrapper form .gfield_checkbox li [type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0px;
  left: 0px;
  background-color: #497A67;
  transition: all 0.2s;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:disabled:not(:checked) + label:before,
.gform_wrapper form .gfield_checkbox li [type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:disabled:checked + label:after {
  color: #999;
}
.gform_wrapper form .gfield_checkbox li [type=checkbox]:disabled + label {
  color: #aaa;
}

body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_container_multiselect select option {
  border: 1px solid red !important;
}

.home > div > div > .OPF__modal-form__close-button > span {
  top: 0px !important;
}

.sponsors h3 {
  border-top: 1px solid;
  padding-top: 20px;
}
.sponsors .sponsor-item {
  width: 20%;
  float: left;
}
.sponsors .sponsor-item img {
  max-width: 90%;
  margin: 0 5%;
}

.blog #wrapper .container .post, .home #wrapper .container .post {
  width: 100%;
  margin: 0 0 60px;
  float: left;
  clear: both;
}
.blog #wrapper .container .post .post-copy, .home #wrapper .container .post .post-copy {
  margin: 0 10% 0 5%;
  width: 35%;
}
.blog #wrapper .container .post img, .home #wrapper .container .post img {
  width: 100%;
}
.blog #wrapper .container .post .post-date, .home #wrapper .container .post .post-date {
  margin-bottom: 50px;
  border-top: 1px solid;
  padding-top: 20px;
}
.blog #wrapper .container .post .btn, .home #wrapper .container .post .btn {
  margin-top: 40px;
}
.blog #wrapper .container .post p.exc:before, .home #wrapper .container .post p.exc:before {
  content: " ";
  border-top: 1px solid;
  width: 15px;
  display: inline-block;
  margin: 3px 5px 3px 0px;
  height: 1px;
}

.video-wrapper {
  position: relative;
}
.video-wrapper .play-button {
  background: url("img/icon-play.png") center center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
  z-index: 1;
}

.home #home-video {
  background: #000;
  width: 100%;
  height: 100vh;
  position: relative;
  padding-bottom: 100vh;
}
.home #home-video .play-button {
  position: fixed;
}
.home #home-video video {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
.home #home-video #down {
  background: url("img/icon-down-video.png") center center no-repeat;
  background-size: contain;
  width: 17px;
  height: 43px;
  position: fixed;
  bottom: 50px;
  left: 50%;
  margin-top: -100px;
}
.home #wrapper {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.home #wrapper .container .post h3 {
  max-width: 75%;
}
.home #wrapper .container .post img {
  margin-bottom: 20px;
}
.home #wrapper .container .post .btn {
  margin-top: 0px;
}

.image-carousel .flex-direction-nav li {
  position: absolute;
  top: 50%;
}
.image-carousel .flex-direction-nav li.flex-nav-prev {
  left: 45px;
}
.image-carousel .flex-direction-nav li.flex-nav-next {
  right: 45px;
}
.image-carousel .flex-direction-nav li a {
  margin-top: -22px;
}

.single #wrapper > .container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.single #tour-header {
  z-index: 9999;
  background: #497A67;
}
.single #tour-header .container {
  transition: all 0.2s ease-in-out;
  padding-top: 80px;
  padding-bottom: 80px;
}
.single #tour-header .container p {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.single #tour-header .container h1, .single #tour-header .container h4, .single #tour-header .container p {
  float: left;
  clear: left;
  color: #fff;
}
.single #tour-header .container h1 {
  font-size: 25px;
}
.single #tour-header .container p {
  max-width: 50%;
}
.single #tour-header .container p strong, .single #tour-header .container p b {
  color: #497A67;
  letter-spacing: 0.3rem;
}
.single #tour-header .container .tour-buttons {
  float: right;
  margin-top: 15px;
}
.single #tour-header .container .tour-buttons a.btn {
  margin-left: 10px;
  padding: 0 20px;
}

.single-post #wrapper > .container {
  max-width: 900px;
}

@media (max-width: 767px) {
  .video-wrapper .play-button {
    width: 70px;
    height: 70px;
  }

  .home #home-video {
    height: 70vh;
    padding-bottom: 0px;
  }

  .home #home-video .play-button,
.home #home-video video {
    position: absolute;
  }

  #right-menu-wrap {
    display: none;
  }

  #wrapper {
    padding-top: 62px;
  }

  .buttons .btn {
    margin-bottom: 15px;
  }

  #menu-button {
    width: 30px;
    display: block;
    position: absolute;
    top: 22px;
    right: 20px;
  }
  #menu-button span {
    width: 100%;
    height: 2px;
    background: #497A67;
    display: block;
    margin: 0px 0px 7px;
  }

  .nav-down #menu-button span {
    background: #497A67;
  }

  .menu-active #site-header #menu {
    max-height: 1000px;
    padding: 0px;
    background: #fdf4eb;
  }

  #site-header #right-menu-wrap #right-menu {
    float: left;
    margin-right: 0px;
  }

  #site-header {
    padding: 20px;
    box-sizing: border-box;
    background: #fdf4eb;
  }
  #site-header .container {
    padding: 0px;
  }
  #site-header a.logo {
    margin: 0px;
    max-width: 68px;
  }
  #site-header #right-menu-wrap {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  #site-header #right-menu-wrap #right-menu {
    float: right;
    margin-right: 50px;
  }
  #site-header #right-menu-wrap #right-menu li {
    display: none;
  }
  #site-header #right-menu-wrap #right-menu li:last-child {
    display: inline-block;
    float: left;
  }
  #site-header #menu {
    margin: 0px;
    position: fixed;
    top: 62px;
    width: 100%;
    left: 0px;
    margin-left: 0px;
    z-index: 9999;
    max-height: 0px;
    overflow: scroll;
    transition: all 0.3s ease-in-out;
  }
  #site-header #menu #main-menu {
    width: 100%;
    float: left;
  }
  #site-header #menu #main-menu li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
    float: left;
    clear: both;
  }
  #site-header #menu #main-menu li a {
    line-height: 25px;
    padding: 20px 15px 19px;
    display: block;
    margin: 0px;
  }
  #site-header #menu #main-menu li ul.dropdown-menu > li ul.dropdown-menu {
    padding-bottom: 0px;
  }
  #site-header #menu #main-menu li.current > ul.dropdown-menu {
    max-height: 3000px !important;
  }
  #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu, #site-header #menu #main-menu li ul.dropdown-menu {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding: 0px;
  }
  #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu li, #site-header #menu #main-menu li ul.dropdown-menu li {
    margin: 0px;
    width: 100%;
    padding: 0px;
  }
  #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu li a img, #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu li a span:last-child, #site-header #menu #main-menu li ul.dropdown-menu li a img, #site-header #menu #main-menu li ul.dropdown-menu li a span:last-child {
    display: none;
  }
  #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu li a .menu-image-title, #site-header #menu #main-menu li ul.dropdown-menu li a .menu-image-title {
    clear: none;
    display: inline-block;
    width: auto;
    font-size: 22px;
  }
  #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu li a span, #site-header #menu #main-menu li ul.dropdown-menu li a span {
    margin-bottom: 0px;
  }
  #site-header #menu #main-menu li.normal-dropdown ul.dropdown-menu li img, #site-header #menu #main-menu li ul.dropdown-menu li img {
    max-width: 40px;
  }
  #site-header #menu #main-menu li.normal-dropdown li a {
    font-weight: normal;
    padding: 20px 15px 19px !important;
    line-height: 25px !important;
  }
  #site-header.active {
    background: #fff;
    top: 0px !important;
    max-height: 1000px;
  }
  #site-header.active a.logo img {
    opacity: 1 !important;
  }
  #site-header.active a.logo img.logo_light {
    opacity: 0 !important;
  }
  #site-header.active #menu {
    max-height: 1000px;
  }
  #site-header.active #menu-button span {
    background: #497A67;
  }

  #footer .widget_media_image img {
    float: left;
  }
  #footer .widget {
    width: 100%;
    float: left;
    margin-bottom: 25px;
  }
  #footer .widget:last-child {
    width: 100%;
    text-align: left;
  }
  #footer #copyright h4 {
    float: left;
    clear: both;
  }
  #footer #copyright img {
    margin-bottom: 25px;
    max-height: 30px;
  }

  #footer p.copyright,
#footer p.linkedin {
    margin: 0px;
    float: left;
  }

  #homepage-slider .flex-control-nav {
    left: 20px;
  }

  .flexslider-desktop {
    display: none;
  }

  .flexslider-mobile {
    display: block;
    margin-bottom: 20px;
  }
  .flexslider-mobile .flex-control-paging li a {
    width: 8px;
    height: 8px;
    margin: 1px;
  }
  .flexslider-mobile .flex-control-paging li a.flex-active {
    margin: 0px;
    width: 10px;
    height: 10px;
  }
}