@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas,
caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption,
figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label,
legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,
strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

.clear:after, .clear:before, .clearfix:after {
  content: "";
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:after {
  visibility: hidden;
  clear: both;
  height: 0;
}

.clear:after {
  clear: both;
}

.clear {
  zoom: 1;
}

:focus {
  outline: 0;
}

.hidden {
  display: none;
}

/*  Fonts
---------------------------------------------------------- */
@font-face {
  font-family: "Akzidenz-Grotesk";
  src: url("../fonts/AkzidenzGroteskBQ-Cnd.eot");
  src: url("../fonts/AkzidenzGroteskBQ-Cnd.eot?#iefix") format("embedded-opentype"), url("../fonts/AkzidenzGroteskBQ-Cnd.woff") format("woff"), url("../fonts/AkzidenzGroteskBQ-Cnd.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akzidenz-Grotesk";
  src: url("../fonts/AkzidenzGroteskBQ-BdCnd.eot");
  src: url("../fonts/AkzidenzGroteskBQ-BdCnd.eot?#iefix") format("embedded-opentype"), url("../fonts/AkzidenzGroteskBQ-BdCnd.woff") format("woff"), url("../fonts/AkzidenzGroteskBQ-BdCnd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*  Getting Organized // Base Structure & Styles
---------------------------------------------------------- */
body {
  background: #FFF;
  color: #767777;
  font-size: 16px;
  line-height: 24px;
  font-family: "freight-sans-pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  overflow-x: hidden;
}

p {
  padding: 0 0 25px 0;
}

a {
  text-decoration: none;
  color: #f09c21;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#main a {
  text-decoration: underline;
}

a:hover {
  color: #333;
}

.wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
}

.wrap.nopad {
  padding: 0;
  width: 100%;
  max-width: 1240px;
}

.wrap:after {
  content: "";
  display: block;
  clear: both;
}

img {
  border: none;
}

.mobile {
  display: none !important;
}

/* Header
------------------------------------------------ */
.logo {
  width: 145px;
  height: 64px;
  background: url("../img/logo.png") no-repeat 0 0;
  background-size: 100%;
  text-indent: -9999em;
  display: block;
}

header .wrap {
  padding: 10px 20px;
}

.mainHead {
  background: url("../img/bg-header.png") no-repeat -125px 0;
}

#menu {
  display: none;
}

/* Meta
------------------------------------------------ */
.meta, header h4 {
  font-family: "freight-sans-pro", sans-serif;
  position: absolute;
  top: 33px;
  line-height: normal;
  font-size: 13.5px;
  font-weight: 600;
  color: #929396;
}

.meta {
  right: 20px;
}

.meta li {
  float: left;
  margin: 0 0 0 50px;
}

.email, .phone {
  background: url(../img/icons-meta.png) no-repeat 0 3px;
  background-size: 16px;
  padding-left: 22px;
}

.phone {
  background-position: 0 -31px;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  font-size: 11.5px;
  padding-top: 3px;
  padding-bottom: 2px;
}

.phone span {
  display: inline-block;
  border-left: 1px solid #ccc;
  margin-left: 8px;
  padding-left: 10px;
}

#tagline {
  position: absolute;
  left: 225px;
  color: #929396;
}

/* Main Navigation
------------------------------------------------ */
header nav {
  background: #767777;
  position: relative;
}

header nav li {
  text-align: center;
}

header nav li:first-child {
  text-align: left;
}

header nav .wrap {
  padding: 0 20px;
  position: inherit;
  display: flex;
  justify-content: space-between;
}
header nav .wrap:after {
  display: none;
}

header nav li a {
  padding: 20px 0;
  text-align: center;
  font-weight: 600;
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
}

header nav li a span {
  display: inline-block;
  padding: 5px 0;
}

header nav li a:hover {
  color: rgba(255, 255, 255, 0.6);
}

header nav li.current a {
  color: #FFF;
}

header nav li.current a span {
  border-bottom: 1px solid #f09c21;
}

#market-solutions {
  position: relative;
}

#market-solutions:after {
  content: "";
  display: block;
  position: absolute;
  border: solid transparent;
  height: 0;
  width: 0;
  border-top-color: #999;
  border-width: 6px;
  top: 50%;
  margin-top: -3px;
  right: -25px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#market-solutions:hover:after {
  border-top-color: #f1f1f1;
}

/* Sub Nav
------------------------------------------------ */
#subnav {
  background: #F1F2F2;
  position: absolute;
  width: 100%;
  z-index: 100;
  overflow: hidden;
  height: 0;
}
#subnav.open {
  height: 400px;
}
#subnav .wrap {
  padding: 0 20px;
  display: flex;
}
#subnav .col {
  padding: 30px 40px 30px 0;
  width: 25%;
  box-sizing: border-box;
}
#subnav .col.ad {
  padding: 30px 0;
  margin-left: auto;
}
#subnav .col.ad a {
  width: 100%;
  padding: 20px 20px;
  box-sizing: border-box;
}
#subnav .col.ad a.orange {
  border-top-right-radius: 20px;
  color: #FFF;
}
#subnav .col.ad a.orange:hover {
  background: #212121;
}
#subnav .col.ad a.white {
  background: #FFF;
  border-bottom-right-radius: 20px;
}
#subnav .col.ad a strong {
  display: block;
  font-size: 24px;
  letter-spacing: -0.5px;
  font-weight: 500;
  margin-bottom: 5px;
}

#subnav a {
  padding: 5px 0;
  color: #767777;
  font-weight: 500;
  letter-spacing: -0.5px;
}

#subnav .overview a,
#subnav .section a {
  color: #BABCBE;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

#subnav a:hover {
  color: #f09c21;
}

#subnav li.active a, #mobileSubNav li.active a {
  color: #f09c21;
}

/* Secondary Nav
------------------------------------------------ */
#secondaryNav {
  background: #f4f4f4;
  text-align: center;
}

#secondaryNav li {
  display: inline-block;
  padding: 15px;
}

#secondaryNav li a {
  color: #767777;
  display: block;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid transparent;
}

#secondaryNav li a:hover {
  color: #333;
}

#secondaryNav li.current_page_item a {
  background: #FFF;
  border: 1px solid #e1e1e1;
}

/* Headings
------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-family: "freight-sans-condensed-pro", sans-serif;
  font-style: normal;
  text-align: center;
}

h2 {
  font-weight: 700;
  font-size: 52px;
  line-height: 48px;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

h2 strong {
  color: #f09c21;
}

h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
  padding-bottom: 60px;
}

h3.pb20 {
  padding: 0 0 20px;
}

h5 {
  font-weight: 700;
  font-size: 18px;
}

h6 {
  text-align: left;
}

/* Banner
------------------------------------------------ */
#banner {
  background-color: #f09c21;
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  text-align: center;
  padding: 80px 0;
}

#banner h2 {
  color: #FFF;
  padding: 0;
}

#banner h3 {
  color: #FFF;
  padding: 10px 0 0;
}

#banner h2 span {
  display: block;
}

#banner.category h3 {
  padding-bottom: 20px;
}

#banner img {
  margin-top: 10px;
}

/* Banner Images
------------------ */
#banner.helping {
  background: url(../img/bg-banner-helping.jpg) no-repeat center top, url(../img/bg-banner-repeat.jpg) repeat-x top center, #f09c21;
  background-size: cover;
}

#banner.bakery {
  background-image: url(../img/banner-bakery.jpg);
}

#banner.beverages {
  background-image: url(../img/banner-beverages.jpg);
}

#banner.confectionery {
  background-image: url(../img/banner-confectionery.jpg);
}

#banner.meats {
  background-image: url(../img/banner-meats.jpg);
}

#banner.supplements {
  background-image: url(../img/banner-supplements.jpg);
}

#banner.poultry {
  background-image: url(../img/banner-poultry.jpg);
}

#banner.swine {
  background-image: url(../img/banner-swine.jpg);
}

#banner.ruminants {
  background-image: url(../img/banner-ruminants.jpg);
}

#banner.companion-animals {
  background-image: url(../img/banner-companion-animals.jpg);
}

#banner.aquaculture {
  background-image: url(../img/banner-aquaculture.jpg);
}

#banner.custom-development {
  background-image: url(../img/banner-custom-development.jpg);
}

#banner.category {
  background-size: cover;
}

#banner.bakery img {
  width: 57px;
}

#banner.beverages img {
  width: 33px;
}

#banner.confectionery img {
  width: 36px;
}

#banner.meats img {
  width: 60px;
}

#banner.supplements img {
  width: 61px;
}

#banner.poultry img {
  width: 60px;
}

#banner.swine img {
  width: 60px;
}

#banner.ruminants img {
  width: 106px;
}

#banner.companion-animals img {
  width: 71px;
}

#banner.aquaculture img {
  width: 64px;
}

/* Margins and Padding
------------------------------------------------ */
.mt60 {
  margin-top: 60px;
}

.mt50 {
  margin-top: 50px;
}

.mt40 {
  margin-top: 40px;
}

.mt30 {
  margin-top: 30px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

/* Columns
------------------------------------------------ */
section.p40 {
  padding: 40px 0;
}

section.p60 {
  padding: 60px 0;
}

section.p80 {
  padding: 80px 0;
}

section.pb60 {
  padding: 0 0 60px 0;
}

section.pt60 {
  padding: 60px 0 0 0;
}

section.pb80 {
  padding: 0 0 80px 0;
}

section.grey {
  background: #e4e4e5;
}

section.lightgrey {
  background: #f1f2f2;
}

.w990 {
  max-width: 990px;
  padding: 0 20px;
}

.w780 {
  max-width: 780px;
  padding: 0 20px;
}

.text-center {
  text-align: center !important;
}

.three-col,
.four-col {
  overflow: hidden;
  list-style: none !important;
  padding: 0 !important;
}

.three-col .col,
.four-col li {
  float: left;
}

.three-col .col {
  width: 30.3333333333%;
  margin-right: 4.5%;
  margin-bottom: 30px;
}

.four-col li {
  width: 25%;
  text-align: center;
}

.col.last {
  margin-right: 0 !important;
}

.single h4 {
  text-align: left;
  color: #f09c21;
  font-size: 22px;
  padding-bottom: 10px;
}

.single ul.disc li {
  padding-bottom: 20px;
}

/* Main
------------------------------------------------ */
#content {
  position: relative;
  overflow: hidden;
}

#content:before {
  content: "";
  background: #f1f2f2;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}

#content .wrap {
  padding: 0 20px;
}

#main {
  width: 60%;
  float: left;
  padding: 60px 0;
  font-size: 18px;
}

#main h2, #main h3 {
  text-align: left;
}

#main h2, .single h2 {
  padding-bottom: 20px;
}

#main h3 {
  padding: 0 0 10px;
  text-transform: uppercase;
  font-weight: 600;
}

#main ul, .single ul, .answer ul {
  padding: 0 0 20px 20px;
  list-style: disc;
}

#main ol, .single ol, .answer ol {
  padding: 0 0 20px 0;
  list-style: none;
  counter-reset: li;
}

#main ol li, .single ol li, .answer ol li {
  padding: 0 0 15px 35px;
  position: relative;
}

#main ol li:before, .single ol li:before, .answer ol li:before {
  content: counter(li);
  counter-increment: li;
  display: inline-block;
  border-radius: 50%;
  background: #f09c21;
  color: #FFF;
  padding: 1px 8px;
  font-family: arial, sans-serif;
  font-weight: bold;
  line-height: 20px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 1px;
}

img.full-width {
  width: 100%;
}

#main li {
  padding: 5px 0;
}

aside {
  margin-left: 65%;
  background: #f1f2f2;
  padding: 60px 100% 60px 60px;
  margin-right: -100%;
}

aside:after {
  content: "";
  background: #f1f2f2;
  bottom: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  margin-left: -60px;
  z-index: -1;
}

/* Audio */
aside .audio {
  padding: 30px 0 10px;
}

aside h6 {
  padding-top: 15px;
  line-height: normal;
  font-weight: 500;
  padding-bottom: 8px;
}

aside .audio div {
  padding-bottom: 10px;
}

/* Divided */
aside.divided {
  padding: 0;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 30px;
  background: #FFF;
}

aside.divided:after {
  display: none;
}

aside.divided .half {
  padding: 60px 60px 40px;
  margin-right: 0;
  text-align: center;
  color: #767777;
  background: #f1f2f2;
  border: 1px solid transparent;
}

aside.divided .half.alt {
  background: #e7e7e7;
  margin-bottom: 10px;
}

aside.divided .half:hover {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #e1e1e1;
}

aside.divided .half.alt:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #e1e1e1;
}

aside.divided .half h4 {
  text-align: center;
  text-transform: none;
  font-size: 35px;
}

aside.divided .half h4,
aside.divided .half span {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

aside.divided .half:hover h4,
aside.divided .half:hover span {
  color: #333;
}

aside.divided img {
  margin-bottom: 20px;
}

aside.divided a span {
  font-weight: 600;
  text-decoration: underline;
  color: #f09c21;
}

/*
aside.divided {
	padding:0 100% 0 0
}

aside.divided:after {
	display: none;
}

aside.divided .half {
	position: relative;
	padding:60px 200% 60px 60px;
    margin-right: -200%;
	text-align: center;
}

aside.divided .container {
	position: relative;
	height: 200px;
}

aside.divided .half.alt {
    background: #e1e1e1;
}

aside.divided .half h4 {
	text-align: center;
	text-transform: none;
	font-size:35px;
}

aside.divided img {
	margin-bottom:20px;
}

aside.divided a {
	font-weight: 600;
	text-decoration: underline;
}
*/
/* Buttons
------------------------------------------------ */
.btn, .gform_button {
  position: relative;
  background: #FFF;
  color: #f09c21;
  display: inline-block;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  outline: none;
  border: 0;
  cursor: pointer;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-transition: background-color 0.2s linear, color 0.2s linear;
  -moz-transition: background-color 0.2s linear, color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear;
}

.btn:hover {
  background-color: #767777;
  color: #fff;
}

.btn.orange {
  background: #f09c21;
  color: #FFF;
}

.btn.orange:hover {
  background: #575757;
  color: #FFF;
}

.btn.alt, .gform_button {
  border: 1px solid #767777;
  color: #767777;
  background: none;
}

.btn.white, .row .col .gform_button {
  border: 1px solid #FFF;
  color: #FFF;
  background: none;
}

.btn.alt:hover, .btn.white:hover, .gform_button:hover, .row .col .gform_button:hover {
  background: #FFF;
  color: #f09c21;
}

/* Standard Grid Styles
===================================================================  */
#grid ol:after {
  content: "";
  display: block;
  clear: both;
}

#grid ol li {
  float: left;
  width: 19.99%;
  text-align: center;
  height: 225px;
  line-height: 225px;
  position: relative;
  background: #FFF;
}

#grid ol li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #babcbe;
  background-position: center center;
  background-repeat: no-repeat;
  color: #FFF;
  text-transform: uppercase;
  z-index: 0;
  border-left: 1px solid #FFF;
}

#grid ol li:first-child a {
  border: 0;
}

#grid .feed ol li a {
  background-color: #767777;
}

#grid ol li a:hover {
  background-color: #358eb7;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  line-height: 247.5px;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border: 0;
}

#grid .feed ol li a:hover {
  background-color: #9cca5b;
}

#grid ol li a img {
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#grid ol li a:hover img {
  opacity: 0.4;
}

#grid h5 {
  text-align: right;
  padding: 10px;
  font-size: 21px;
  line-height: 21px;
  letter-spacing: -0.5px;
  position: absolute;
  right: 0;
  font-family: "Akzidenz-Grotesk", sans-serif;
  font-weight: normal;
}

#grid h5 span {
  display: block;
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 12px;
  line-height: 10px;
}

.num {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 46px;
  line-height: 36px;
  font-family: "Akzidenz-Grotesk", sans-serif;
  font-weight: bold;
}

#grid h6 {
  color: rgba(155, 157, 159, 0.3);
  font-size: 90px;
  line-height: 65px;
  text-transform: uppercase;
  padding: 0;
  text-align: left;
  letter-spacing: -2px;
}

/* Homepage Specific
------------------------------------------------ */
.food, .feed {
  position: relative;
}

.homepage .food {
  padding-top: 100px;
}

.homepage .feed {
  padding-bottom: 250px;
}

.homepage .food:before,
.homepage .feed:before {
  content: "";
  position: absolute;
  background: #f1f2f2;
  z-index: -1;
}

.homepage .food:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  box-shadow: inset 5px 0px 25px 0px rgba(0, 0, 0, 0.05);
}

.homepage .feed:before {
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
  box-shadow: inset -5px 0px 25px 0px rgba(0, 0, 0, 0.05);
}

.homepage #grid h3 {
  padding-bottom: 60px;
}

/* Homepage Update 01/2021
------------------------------------------------ */
.homepage {
  /* background: url('../img/index.jpg') no-repeat top center; */
  overflow-x: hidden;
}
.homepage #banner {
  background: url("../img/homepage-banner.jpg") no-repeat top center;
  background-size: cover;
  text-align: left;
  height: auto;
  padding: 0 0 100px 0;
}
.homepage #banner h3 {
  padding: 26px 0 40px 0;
  font-family: freight-sans-pro, sans-serif;
  max-width: 650px;
  text-align: left;
  line-height: 120%;
  letter-spacing: 0.25px;
}
.homepage #banner h3 strong {
  font-weight: 600;
}
.homepage h1 {
  text-transform: uppercase;
  text-align: left;
  color: #FFF;
  font-weight: 900;
  font-size: 80px;
  line-height: 90%;
  max-width: 700px;
  padding: 120px 0 0 0;
}
.homepage h1 span {
  color: #f09c21;
}

#intro {
  text-align: center;
  background: #FFF;
}

#intro h4 {
  font-family: freight-sans-pro, sans-serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 140%;
  max-width: 780px;
  margin: 0 auto 30px;
}

.bake #intro h4 {
  max-width: 820px;
}

/* Panels
----------------------- */
.panel {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.panel div {
  width: 50%;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
}
.panel div.content ul {
  padding-bottom: 40px;
  list-style: disc;
  padding-left: 20px;
  display: flex;
  max-width: 450px;
  flex-wrap: wrap;
}
.panel div.content ul li {
  list-style: disc;
  width: 50%;
  text-align: left !important;
}

.leftCopy {
  overflow: hidden;
}

.leftCopy .wrap:before {
  position: absolute;
  top: -40px;
  bottom: -40px;
  left: 65%;
  right: -100vw;
  background: #F1F2F2;
  z-index: 1;
  content: "";
}

.leftCopy .panel div.content {
  padding-right: 50px;
}

.rightCopy {
  padding: 80px 0;
}
.rightCopy .wrap:before {
  position: absolute;
  top: -40px;
  bottom: -40px;
  right: 65%;
  left: -100vw;
  background: #F1F2F2;
  z-index: 1;
  content: "";
}
.rightCopy .panel div.content {
  padding-left: 50px;
}
.rightCopy.brochure .wrap:before {
  position: absolute;
  top: -60px;
  bottom: -100px;
  right: 40%;
  left: -100vw;
  background: url("../img/homepage-brochure.jpg") no-repeat top 0 right 0;
  background-size: contain;
  z-index: 1;
  content: "";
}
.rightCopy.brochure .panel div.content {
  width: 40%;
}
.rightCopy.brochure .panel div.photo {
  width: 60%;
}

.panel div h2 {
  text-align: left;
}

.panel img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.homepage p.lg {
  font-size: 28px;
  line-height: 120%;
  padding-top: 10px;
  font-weight: normal;
}

.panel p {
  max-width: 450px;
}

.w800 {
  max-width: 800px;
  margin: 0 auto;
}

.newsCallout {
  border-bottom: 1px solid #EF9C20;
  background: #FCECD7;
  color: #303030;
  display: block;
  text-align: center;
  padding: 12px;
  font-family: interstate, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
.newsCallout:hover {
  background: #333;
  color: #FFF;
}

/* Testimonials
----------------------- */
#testimonials {
  background: #EF9C20;
  padding: 0;
  position: relative;
}

.slide {
  display: flex !important;
  color: #FFF;
  align-items: center;
  padding: 60px 0;
}

.slide .figure {
  text-align: center;
}

.slide .figure p {
  padding: 0;
}

.slide img {
  max-width: 400px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 20px;
}

.slide .figure strong {
  font-size: 16px;
}

.slide div.theQuote {
  text-align: center;
  padding: 0 100px;
}

.slide div.theQuote span {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;
  display: block;
  margin-bottom: 20px;
}

.slide blockquote {
  font-weight: bold;
  font-size: 32px;
  line-height: 127%;
  color: #FFF;
  padding: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[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;
}

.slick-dots {
  position: absolute;
  display: block;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.slick-dots li {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
}

.slick-dots li.slick-active button:before {
  background: #FFF;
  border: 2px solid rgb(255, 255, 255);
}

/* Letter
----------------------- */
.openLetter {
  overflow: hidden;
}

.openLetter #letter {
  height: 100%;
}

#letter {
  overflow: hidden;
  position: relative;
  height: 0;
  box-sizing: border-box;
  transition: ease 0.5s all;
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0;
  background: #FFF;
}

#letter:after {
  height: 2px;
  background: #e1e1e1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
}

#letter .wrap {
  position: relative;
  max-width: 800px;
  font-size: 19px;
  line-height: 30px;
  padding-top: 40px;
  height: calc(100% - 44px);
  box-sizing: border-box;
}

.theLetter {
  overflow-y: auto;
  height: 100%;
}

.signature {
  overflow: hidden;
  font-size: 17px;
  line-height: 24px;
  padding-top: 20px;
}

.signature img.photo {
  height: 120px;
  width: 120px;
  border-radius: 100%;
  float: left;
}

.signature span {
  display: block;
  margin-left: 140px;
  padding-top: 10px;
}

.signature strong {
  display: block;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url("../img/icon-close.svg") no-repeat center;
  background-size: 100%;
  height: 40px;
  width: 40px;
  border: 0;
  text-indent: -99999em;
  z-index: 100;
  cursor: pointer;
  opacity: 0.4;
  transition: ease 0.3s all;
}

#letter .close {
  right: -60px;
  top: 40px;
}

#letter .close:hover {
  opacity: 1;
}

.overlayBG {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 30px;
  background: #F1F2F2;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  max-width: 350px;
}

.overlay input[type=text],
.overlay input[type=email],
.overlay input[type=tel] {
  width: 100%;
  box-sizing: border-box;
  height: auto;
}

.overlay h2 {
  font-size: 45px;
  line-height: 40px;
  text-align: left;
  margin: 20px 0 10px;
}

.overlay .close {
  background-size: 20px;
}

/* Food
----------------------- */
#grid .food h6 {
  padding-left: 75px;
  position: relative;
  padding-bottom: 1px;
}

.food h6:before, .food h6:after {
  content: "";
  position: absolute;
  background: #f09c21;
  bottom: 1px;
}

.food h6:before {
  width: 25px;
  height: 28px;
  left: 0;
}

.food h6:after {
  width: 50px;
  height: 56px;
  left: 26px;
}

.food ol {
  border-bottom: 1px solid #FFF;
}

/* Feed
----------------------- */
.feed h6 {
  position: absolute;
}

#grid #feed {
  bottom: -52px;
  line-height: 54px;
  right: 20px;
  padding-right: 150px;
}

#vs {
  right: -37px;
  font-size: 55px !important;
  line-height: 39px !important;
}

#feed:before,
#feed:after,
#vs:before,
#vs:after {
  content: "";
  position: absolute;
  background: #f09c21;
  top: 3px;
}

#vs:after {
  width: 25px;
  height: 26px;
  left: 50px;
  top: -27px;
}

#vs:before {
  width: 50px;
  height: 56px;
  left: -1px;
  top: -57px;
}

#feed:before {
  width: 25px;
  height: 26px;
  right: 100px;
  top: 61px;
}

#feed:after {
  width: 50px;
  height: 57px;
  right: 100px;
}

.homepage .feed ol:before {
  content: "";
  position: absolute;
  background: #f09c21;
  width: 24px;
  height: 28px;
  left: -5px;
  bottom: 0;
}

.homepage .feed ol:after {
  content: "";
  position: absolute;
  clear: both;
  background: #f09c21;
  width: 99px;
  height: 112px;
  right: 20px;
  bottom: -113px;
}

/* Marketing Solutions Grid Specific
------------------------------------------------ */
#grid.market h2, #grid.market h2 a, #grid.market h3 {
  padding: 0;
  color: #9b9d9f;
}

#grid.market h2 a:hover {
  color: #888;
}

#grid.market h3 {
  font-size: 26px;
  line-height: 26px;
  padding-bottom: 15px;
}

#grid.market .food h2,
#grid.market .food h3 {
  text-align: left;
}

#grid.market .feed h2,
#grid.market .feed h3 {
  text-align: right;
}

#grid.market .feed h3 {
  padding: 15px 0 0;
}

/* Marketing Solutions LANDING PAGE Grid Specific
------------------------------------------------ */
#grid ol li a .tile {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #358eb7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#grid .feed ol li a .tile {
  background-color: #9cca5b;
}

.feed .tile .btn {
  color: #9cca5b;
  background-color: #FFF;
}

.tile div {
  color: #FFF;
  max-width: 210px;
  margin: 50px auto;
  text-align: center;
  line-height: normal;
  text-transform: none;
}

.tile .btn {
  color: #358eb7;
  background-color: #FFF;
}

#grid ol li a:hover .tile {
  opacity: 1;
}

/* Small Grid
------------------------------------------------ */
#grid.single-row ol li {
  height: 140px;
  line-height: 140px;
}

#grid.single-row ol li a:hover {
  line-height: 154px;
}

#grid.single-row h5 {
  font-size: 16px;
  padding: 5px;
  line-height: normal;
}

#grid.single-row .num {
  font-size: 28px;
  line-height: normal;
  left: 5px;
  bottom: 5px;
}

#grid .feed ol li:first-child a {
  border-left: 1px solid #FFF;
}

#grid .feed ol li:first-child a:hover {
  border-left: 1px solid transparent;
}

#grid.single-row h4 {
  color: #9b9d9f;
  font-size: 22px;
  line-height: normal;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: -0.5px;
}

#grid.single-row .feed ol li a.active,
#grid.single-row .food ol li a.active {
  background: #f09c21;
}

/* Ideas
------------------------------------------------ */
.ideas {
  text-align: center;
}

.ideas li {
  text-align: center;
  font-family: "freight-sans-condensed-pro", sans-serif;
  font-size: 18px;
}

.ideas .col {
  vertical-align: top;
  display: inline-block;
  width: 30.333333333%;
  margin: 0 1% 60px;
}

.two-col.ideas {
  padding: 0;
  margin: 30px 0 60px;
  overflow: hidden;
}

.two-col.ideas .col {
  width: 47%;
  margin: 0 5% 0 0;
  position: relative;
  display: block;
}

.two-col.ideas .col.last {
  margin: 0;
}

.two-col.ideas img {
  margin: 0;
}

.three-col.ideas .col {
  width: 24%;
  margin: 0 14% 0 0;
  position: relative;
  display: block;
}

.two-col.ideas a:hover span {
  background: #f1f1f1;
}

.three-col.ideas .col:before {
  content: "• •";
  position: absolute;
  top: 49%;
  left: 125%;
}

.three-col.ideas .col.last:before {
  display: none;
}

.ideas a {
  display: block;
  color: #767777;
}

.ideas a span {
  border: 1px solid #d1d1d1;
  display: block;
  padding: 40px 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #FFF;
}

.ideas a:hover span {
  background: rgba(255, 255, 255, 0.5);
}

.ideas img {
  display: inline-block;
}

.ideas strong {
  display: block;
  padding-top: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.ideas p {
  padding: 20px 0 0;
}

.ideas p em {
  color: #f09c21;
  font-style: normal;
  text-decoration: underline;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.ideas a:hover p em {
  color: #000;
}

/* Posts
------------------------------------------------ */
.posts {
  display: flex;
  margin-left: -25px;
  margin-right: -25px;
  flex-wrap: wrap;
}

.posts.three-col .col {
  margin: 0;
  padding: 0px 20px 30px;
  float: none;
  box-sizing: border-box;
  width: 33.3333%;
}

.posts li a {
  overflow: hidden;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 1px solid #dadbdc;
  height: 100%;
  box-sizing: border-box;
  background: #FFF;
}

.posts .postImg {
  display: block;
  position: relative;
  padding: 0;
  height: 198px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.posts .postImg img {
  display: block;
  width: 100%;
  height: 198px;
}

.posts .postImg span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(240, 156, 33, 0.8);
  color: #FFF;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-top-left-radius: 30px;
}
.posts .postImg span.tag {
  position: absolute;
  bottom: 0;
  top: auto;
  opacity: 1;
  border-radius: 0;
  font-size: 46px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  background: transparent;
  text-align: left;
  line-height: 32px;
  padding-left: 20px;
}

.posts a:hover span {
  opacity: 1;
}

.posts .postImg strong {
  font-size: 22px;
  text-transform: uppercase;
  font-family: "freight-sans-condensed-pro", sans-serif;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 0;
  width: 100%;
}

.posts .postImg em {
  display: block;
  font-size: 13px;
  font-style: normal;
}

.posts li div {
  padding: 20px;
  background: #FFF;
}

.posts h6 {
  color: #babcbe;
  font-size: 13px;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-weight: 600;
}

.posts h6 span {
  color: #f09c21;
}

.posts h4 {
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  font-weight: 600;
  padding-bottom: 10px;
  color: #000;
}

.posts p {
  font-size: 16px;
  color: #767777;
  font-family: "freight-sans-condensed-pro", sans-serif;
  padding: 0;
}

/* Clients
------------------------------------------------ */
#clients h3 {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 30px;
}

#clients ul {
  overflow: hidden;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

#clients li {
  display: inline-block;
  height: 110px;
  line-height: 110px;
  padding: 0 25px;
}

#clients li img {
  vertical-align: middle;
  opacity: 0.4;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#clients li:hover img {
  opacity: 1;
}

blockquote {
  text-align: center;
  font-size: 20px;
  color: #000;
  font-family: "freight-sans-pro", sans-serif;
  font-style: normal;
  font-weight: 500;
  padding: 0 130px;
  line-height: 25px;
}

blockquote.inline {
  text-align: left;
  font-size: 20px;
  color: #000;
  font-family: "freight-sans-pro", sans-serif;
  font-style: italic;
  font-weight: 600;
  margin: 20px 0;
  padding: 10px 0 10px 30px;
  line-height: 25px;
  position: relative;
  max-width: 570px;
  border-left: 1px solid #d1d1d1;
}

.quote {
  font-size: 20px;
  text-align: center;
  padding-top: 20px;
  margin-top: 20px;
  font-family: "freight-sans-pro", sans-serif;
  position: relative;
}

.quote strong {
  font-style: normal;
}

.quote em {
  font-weight: 300;
}

.quote:before {
  content: "";
  height: 1px;
  width: 30px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  background: #767777;
  top: 0;
}

.inline .quote {
  font-size: 16px;
  text-align: left;
  padding: 0px;
  margin-top: 5px;
  padding-left: 15px;
  display: block;
  font-family: "freight-sans-pro", sans-serif;
  position: relative;
  color: #797979;
}

.inline .quote:before {
  display: none;
}

/* Single Page
------------------------------------------------ */
#story.single {
  max-width: 910px;
  padding-left: 110px;
}

.single {
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 26px;
}

.single h2 {
  text-align: left;
  font-size: 45px;
  line-height: 38px;
}

.single h3 {
  text-align: left;
  font-weight: 600;
  color: #767777;
  padding: 20px 0 10px;
  font-size: 30px;
  line-height: 30px;
}

.single h3.title {
  padding: 0 0 25px;
  color: #f09c21;
  font-size: 36px;
  line-height: 36px;
}

#breadcrumb {
  margin-top: -30px;
  margin-bottom: 60px;
  text-transform: uppercase;
}

#breadcrumb a.greylink {
  color: #999;
}

#breadcrumb a.greylink:hover {
  color: #333;
}

#share {
  position: absolute;
  left: 20px;
  padding: 0;
}

#share.social {
  float: none;
}

#share li {
  float: left;
}

.single img.full {
  width: 100%;
  margin: 20px 0;
}

/*
.single img {
	width: auto;
}
*/
/* Rows and Columns
------------------------------------------------ */
.row {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

.row .col {
  height: 300px;
  display: block;
  float: left;
  text-align: center;
  color: #FFF;
  position: relative;
}

.row.callout .col {
  height: 150px;
  padding: 20px 0;
  font-size: 22px;
}

.row.callout .col.blue img,
.row.callout .col.green img {
  display: inline-block;
  margin: 0 0 0 10px;
}

.row.callout .col.blue span {
  position: relative;
  top: -8px;
}

.row.callout .col.green span {
  position: relative;
  top: -35px;
}

.row.callout .col strong {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
}

h4.vs {
  position: absolute;
  right: -17px;
  color: #555;
  z-index: 100;
  font-size: 18px;
  font-weight: 500;
  top: 50%;
  margin-top: -15px;
  padding: 4px 8px;
  border-radius: 100%;
  background: #FFF;
}

.row .col p, .row .col li {
  padding: 20px 0 0;
}

.vert {
  position: absolute;
  width: 100%;
  top: 50%;
}

.w50 {
  width: 50%;
}

.blue {
  background: #358eb7;
}

.lightblue {
  background: #4599c0;
}

.green {
  background: #9cca5b;
}

.lightgreen {
  background: #a6d16a;
}

.grey {
  background: #767777;
}

.lightgrey {
  background: #898989;
}

.chartgrey {
  background: #f1f2f2;
}

.row .col h3 {
  padding: 0;
  font-weight: 600;
}

.row .col .gform_body {
  display: inline-block;
  width: 40%;
}

.row .col .gform_footer {
  display: inline-block;
  /* 	margin-left:-8px; */
}

.row .col input[type=email] {
  display: inline-block;
  /* 	width: 100%; */
  border: 1px solid #FFF;
}

.row .col form .btn {
  margin-left: -4px;
}

.row .col .gfield_label {
  display: none;
}

/* Paper Download, Sample Forms, Solution Starter
------------------------------------------------ */
.form {
  border: 1px solid #e1e1e1;
  position: relative;
  overflow: hidden;
}

.form a {
  display: block;
  padding: 30px;
  text-align: left;
  border: 1px solid transparent;
}

.form a:after {
  content: "";
  display: block;
  clear: both;
}

.form a:hover {
  background-color: #f7f7f7;
  border: 1px solid #d1d1d1;
}

.form.open, .form.alwaysOpen {
  background-color: #f1f2f2;
}

.form.open a:hover, .form.alwaysOpen a:hover {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: default;
}

.form h4 {
  text-align: left;
  padding: 15px 25px 15px 70px;
  border-right: 1px solid #d1d1d1;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  float: left;
  color: #767777;
}

.form h5 {
  margin-left: 350px;
  text-align: left;
  color: #767777;
  font-weight: 600;
  line-height: 24px;
}

.form h5 span {
  font-weight: normal;
  font-style: italic;
  display: block;
}

/* Paper */
.form.paperDownload h4 {
  background: url(../img/icon-paper.png) no-repeat 0 0;
  background-size: 52px;
}

.paperDownload h5 {
  padding: 5px 10px;
}

.paperDownload form {
  margin-left: 390px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin-bottom: 60px;
}

.paperDownload .gform_confirmation_message {
  margin-left: 390px;
  text-align: left;
  padding-bottom: 20px;
}

.paperDownload .gform_confirmation_message h3 {
  text-align: left;
}

/* Sample and Starter */
.form.sample h4 {
  background: url(../img/icon-sample.png) no-repeat 0 0;
  background-size: 60px;
}

.sample h5 {
  padding: 20px 20px;
}

.form.sample.starter h4 {
  background: url(../img/icon-lightbulb.png) no-repeat 0 0;
  background-size: 55px;
}

.sample.starter h5 {
  padding: 5px 20px;
}

.contact {
  padding: 40px 60px;
  margin-top: 20px;
}

.sample form {
  padding: 0 60px 60px;
  max-width: 620px;
}

.sample form input[type=text] {
  width: 555px;
}

.sample form .col input {
  width: 245px;
}

.optin input {
  position: absolute;
  left: 0;
  top: 1px;
}

.optin {
  padding-left: 25px;
  position: relative;
}

.optin em {
  display: block;
  font-size: 11px;
  padding-top: 5px;
  line-height: normal;
}

.sample a.paper {
  background: url(../img/arrow-right.png) no-repeat right 30px top 50%;
  background-size: 32px;
}

.alwaysOpen.sample a.paper {
  background: none;
}

.sample a.paper:hover {
  background-position: right 20px top 50%;
}

.sample.open a.paper {
  background-position: right -50px top 50%;
}

.sample a.paper span.arrow {
  display: block;
  background: url(../img/arrow-up.png) no-repeat 0 0;
  background-size: 60px;
  width: 60px;
  height: 32px;
  position: absolute;
  right: 30px;
  bottom: -32px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sample.open a.paper span {
  bottom: 30px;
}

.sample.open a.paper:hover span {
  bottom: 40px;
}

/* Error Checking and Styles --------------------------------------------- */
.validation_message {
  color: #CC0000;
  font-weight: 600;
  font-size: 14px;
  display: block;
  padding: 5px;
}

.validation_error {
  background: #990000;
  color: #FFF;
  padding: 5px 10px;
  text-align: center;
  margin-bottom: 20px;
}

.gform_confirmation_message {
  text-align: center;
}

.gform_confirmation_message .text-left {
  text-align: left;
}

#newsletter .gform_confirmation_message .text-left {
  text-align: left;
  font-size: 16px;
  color: #FFF;
  padding-bottom: 23px !important;
}

.gform_confirmation_message h3 {
  padding: 20px 0;
}

.form .gform_confirmation_message a {
  display: inline-block;
  padding: 15px 20px;
}

.form .gform_confirmation_message a:hover {
  border: 1px solid #767777;
  color: #767777;
  background: #FFF;
  cursor: pointer;
}

.gform_fields .gfield.gform_hidden {
  padding: 0;
}

.gform_validation_container,
.gform_validation_errors,
.gfield_validation_message,
.gfield_description.validation_message {
  display: none !important;
}

.gfield_error input, .gfield_error select {
  border: 2px solid #cc0000 !important;
}

/* Aside -------------------------------- */
aside form {
  padding: 10px 30px;
  margin: 0;
}

aside .form {
  margin-bottom: 20px;
}

aside .form.open {
  padding-bottom: 20px;
}

aside .form a {
  background: url(../img/form-paper.png) no-repeat 15px 50%;
  background-size: 24px;
  padding: 20px 50px 20px 55px;
  line-height: 18px;
  color: #767777;
  font-style: italic;
}

aside .form a.lg {
  background-position: 15px 23px;
}

aside .form a:before {
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 15px;
  background: url(../img/arrow-right.png) no-repeat 0 0;
  background-size: 15px;
  right: 15px;
  top: 25px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

aside .form.one a:before {
  top: 15px;
}

aside .form a:hover:before {
  right: 10px;
}

aside .form.open a:before {
  right: -20px;
}

.form form {
  display: none;
}

.form.open form {
  display: block;
}

.form.alwaysOpen form {
  display: block;
}

aside a {
  position: relative;
}

aside a.paper {
  position: static;
}

aside a.paper span.arrow {
  display: block;
  background: url(../img/arrow-up.png) no-repeat 0 0;
  background-size: 30px;
  width: 30px;
  height: 17px;
  position: absolute;
  right: 10px;
  bottom: -30px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

aside .open a.paper span.arrow {
  bottom: 10px;
}

aside .open a.paper:hover span.arrow {
  bottom: 15px;
}

aside input[type=text],
aside input[type=email],
aside select {
  width: 100%;
  box-sizing: border-box;
}

aside input[type=text],
aside input[type=email] {
  height: auto;
}

/* Confirmation */
aside .form.confirm {
  padding-bottom: 0;
}

aside .form.confirm a {
  background-color: transparent;
  border-color: transparent;
}

aside .form.confirm a:before {
  display: none;
}

aside .open.confirm a.paper span.arrow,
aside .form.open.confirme a:before {
  display: none;
}

aside h4 {
  text-align: left;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  padding-bottom: 10px;
}

aside .form .gform_confirmation_wrapper {
  background: #FFF;
}

aside .form h3 {
  font-size: 20px;
  line-height: normal;
}

aside .form .gform_confirmation_message a.btn {
  background: #FFF;
  border: 1px solid #f09c21;
  color: #f09c21;
  font-style: normal;
}

aside .form .gform_confirmation_message a.btn:hover {
  background: #f09c21;
  color: #FFF;
}

aside .form .gform_confirmation_message a.btn:before {
  display: none;
}

.insights {
  padding-top: 30px;
}

.insights ul {
  margin-bottom: 20px;
}

.insights li {
  padding-bottom: 20px;
}

.insights li a {
  line-height: normal;
}

.insights li a span {
  text-decoration: underline;
}

.insights li a:after {
  content: "»";
  color: #babcbe;
  padding-left: 5px;
}

.insights .btn {
  padding: 18px 0;
  text-align: center;
  width: 99%;
}

/* Icon List */
#main ul.icon-list {
  list-style: none;
  padding: 0 0 60px;
  overflow: hidden;
}

#main ul.icon-list li {
  width: 31.33333333%;
  margin-right: 2%;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #e1e1e1;
  position: relative;
  padding: 0;
}

#main ul.icon-list li:nth-child(3n+3) {
  margin-right: 0;
}

#main ul.icon-list li span {
  display: block;
  padding: 0 20px;
  font-weight: 600;
}

#main ul.icon-list li span img {
  width: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

#main ul.icon-list li strong {
  padding-left: 45px;
  display: block;
  font-size: 14px;
  line-height: normal;
  display: table-cell;
  height: 60px;
  vertical-align: middle;
}

/* Arrow List */
#main ul.arrow-list, .single ul.arrow-list {
  list-style: none;
  padding: 0 0 40px;
}

#main ul.arrow-list li, .single ul.arrow-list li {
  padding: 5px 0 5px 50px;
  background: url(../img/list-arrow.png) no-repeat 5px 50%;
  background-size: 30px;
  font-weight: 600;
  margin: 5px 0;
}

#main img.size-full {
  width: 100%;
}

/* First -------- */
section.p80.firstContainer {
  padding-top: 40px;
}

.firstContainer .wrap {
  border-top: 1px solid #e1e1e1;
  padding-top: 80px;
}

#firsts {
  text-align: center;
  padding: 0;
}

#firsts li {
  display: inline-block;
  width: 23%;
  padding: 0.5%;
}

#firsts li img {
  width: 100%;
  display: block;
  border: 1px solid #e1e1e1;
}

/* Experts
------------------------------------------------ */
.orange {
  background: #f09c21;
  color: #FFF;
}

#ask {
  border: 0;
  max-width: 650px;
  margin: 0 auto;
}

#ask input[type=text],
#ask input[type=email],
#ask textarea {
  border: 0;
}

#ask textarea {
  width: 585px;
  height: 100px;
}

.orange .btn, .orange .gform_button {
  border: 1px solid #FFF;
  color: #FFF;
}

.orange .gform_button:hover {
  color: #f09c21;
}

.advice {
  border-bottom: 1px solid #d1d1d1;
}

.question {
  border: 1px solid transparent;
  border-top: 1px solid #d1d1d1;
  position: relative;
  overflow: hidden;
}

.question.selected {
  border: 1px solid #d1d1d1;
  background-color: #FFF;
}

.answer {
  display: none;
  padding: 0 70px 0 50px;
}

.question h5 {
  text-align: left;
}

.question h5 a {
  color: #767777;
  font-size: 20px;
  line-height: 25px;
  padding: 25px 70px 20px 50px;
  display: block;
  background: url(../img/arrow-right.png) no-repeat 98% 50%;
  background-size: 15px;
}

.question h5 a:hover {
  background-position: 98.5% 50%;
}

.question.selected h5 a {
  background-position: 103% 50%;
}

.question h5 a span {
  display: block;
  position: absolute;
  width: 50px;
  height: 30px;
  padding: 10px;
  background: url(../img/arrow-up.png) no-repeat 50% 50%;
  background-size: 30px;
  right: 0;
  bottom: -50px;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.question.selected h5 a span {
  opacity: 1;
  bottom: 0;
}

.question.selected h5 a:hover span {
  bottom: 5px;
}

.author {
  font-style: italic;
  color: #999;
  background: url(../img/icon-author.png) no-repeat 0 0;
  background-size: 30px;
  padding: 5px 0 5px 40px;
  margin-bottom: 20px;
  margin-top: -10px;
}

/* Filter
------------------------------------------------ */
#filter {
  overflow: hidden;
  margin-bottom: 30px;
  text-align: center;
}

#filter li {
  display: inline-block;
}

#filter a {
  display: inline-block;
  color: #c1c1c1;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-right: 30px;
}

#filter a:last-child {
  margin: 0;
}

#filter a:hover {
  color: #767777;
}

#filter li.active a, #filter a.active {
  color: #f09c21;
}

/* Form Errors
------------------------------------------------ */
span.error, div.gfield_validation_message {
  color: #FFF;
  padding: 6px 10px 6px 35px;
  z-index: 2000;
  font-weight: 600;
  font-size: 14px;
  bottom: -15px;
  left: 16px;
  min-width: 130px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border: 1px solid #f09c21;
  position: absolute;
  background: #f09c21 url(../img/icon-alert.png) no-repeat 8px 6px;
}

span.error:after, div.gfield_validation_message:after {
  top: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #f09c21;
  border-width: 10px;
  left: 20px;
}

#field_5_1 span.error {
  bottom: -35px;
}

.gform_anchor {
  display: none !important;
}

.gfield_required {
  color: #f09c21;
  padding-left: 2px;
}

.gform_ajax_spinner {
  width: 25px;
  margin-left: 10px;
  position: relative;
  top: 5px;
}

#gform_ajax_spinner_5 {
  position: absolute;
  margin-left: 10px;
  margin-top: 15px;
}

/* Footer
------------------------------------------------ */
footer {
  padding-top: 20px;
  background: #f1f2f2;
}

footer section {
  overflow: hidden;
}

footer .wrap {
  padding: 0 20px;
}

footer p {
  padding: 0 0 10px;
  font-size: 13px;
  line-height: normal;
  color: #666;
}

.two-col:after {
  content: "";
  display: block;
  clear: both;
}

.two-col .col, .gform_fields .col {
  float: left;
  width: 50%;
}

.two-col .col.first {
  width: 55%;
}

footer .two-col .col.last {
  width: 45%;
  position: absolute;
  left: 55%;
  bottom: 0;
}

/* Newsletter
------------------------------------------------ */
#newsletter {
  background: #f09c21;
  color: #FFF;
  padding: 50px 0;
  margin-left: -9000px;
  padding-left: 9080px;
  position: relative;
}

#newsletter:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 234px solid #f09c21;
  border-right: 110px solid transparent;
  position: absolute;
  top: 0;
  right: -110px;
}

#newsletter h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: left;
}

#newsletter h5 {
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  text-align: left;
  padding: 10px 0 20px;
}

#newsletter label {
  display: none;
}

#newsletter p, #newsletter li {
  padding: 0;
  position: relative;
}

#newsletter li span.error, #gform_11 li span.error {
  bottom: auto;
  background-color: #d1d1d1;
  color: #555;
  border: 1px solid #c1c1c1;
}

#newsletter li span.error {
  top: 42px;
}

#newsletter li span.error:after, #gform_11 li span.error:after {
  border-bottom-color: #d1d1d1;
}

#newsletter .validation_error, #newsletter .validation_message,
.row .col .validation_error, .row .col .validation_message {
  display: none;
}

#newsletter .gfield_error input[type=email],
.row .col .gfield_error input[type=email] {
  background-color: #FFEC99;
  position: relative;
  top: -2px;
}

#newsletter input[type=email] {
  float: left;
}

#newsletter .btn, #newsletter .gform_button {
  border: 1px solid #FFF;
  background: #f09c21;
  color: #FFF;
  padding: 14px 20px;
  margin: 0;
}

@-moz-document url-prefix() {
  #newsletter .btn, #newsletter .gform_button {
    padding: 13px 20px;
  }
}
#newsletter .btn:hover, #newsletter .gform_button:hover {
  background-color: #767777;
}

/* Logos
------------------------------------------------ */
#logos {
  margin: 62px 0 0 55px;
  background: #FFF;
  padding: 50px 0;
  margin-right: -200%;
  padding-right: 200%;
  z-index: 200;
  position: relative;
}

#logos:after {
  content: "";
  display: block;
  clear: both;
}

#logos:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 184px solid #FFF;
  border-left: 85px solid transparent;
  position: absolute;
  top: 0;
  left: -85px;
}

#logos li, .logos li {
  display: inline-block;
  width: 13.5%;
  margin: 1px 2% 6px;
}

#logos li.usda {
  position: relative;
  top: -7px;
}

#logos li.sqf, .logos li.sqf {
  width: 21%;
  padding-top: 5px;
}

#logos img, .logos img {
  width: 100%;
  display: block;
}

.logos {
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding: 0 !important;
}

/* Copyright
------------------------------------------------ */
.copyright {
  background: #FFF;
  padding: 30px 0;
  font-size: 14px;
}

.copyright ul {
  overflow: hidden;
}

.copyright ul li {
  float: left;
}

.copyright p {
  text-align: right;
}

.social .label, .links, .copyright p {
  padding-top: 11px;
}

/* Social */
.social {
  float: left;
  list-style: none !important;
}

.social li {
  padding-right: 8px;
}

.social .label {
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 0;
}

.social a {
  display: block;
  height: 41px;
  width: 41px;
  text-indent: -9999em;
}

.social a.twitter {
  background: #f09c21 url("../img/icon-footer-wt.png?v2") no-repeat center center;
  background-size: 26px;
}

.social a.linkedin {
  background: #f09c21 url("../img/icon-footer-nl.png?v2") no-repeat center center;
  background-size: 23px;
}

.social a:hover {
  background-color: #767777;
}

/* Links */
.links {
  margin-left: 90px;
  float: left;
}

.links li {
  margin-right: 25px;
}

.links a, .social .label {
  color: #666;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "freight-sans-condensed-pro", sans-serif;
}

.links a:hover {
  color: #999;
}

/* Form Styles
------------------------------------------------ */
label, .gfield_label {
  display: block;
  padding-bottom: 5px;
}

.gform_heading {
  display: none;
}

select,
textarea,
input[type=text],
input[type=email],
input[type=tel] {
  font-family: "freight-sans-pro", sans-serif;
  display: inline-block;
  height: 20px;
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  display: block;
  border: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: 1px solid #e1e1e1;
  width: 80%;
  padding-left: 40px;
  border-radius: 0;
  background-color: #FFF;
  background-position: 12px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

input[type=email] {
  background-image: url(../img/form-mail.png);
}

input[type=tel] {
  background-image: url(../img/form-phone.png);
}

.user input[type=text], input[type=text].user {
  background-image: url(../img/form-user.png);
}

.company input[type=text], input[type=text].company {
  background-image: url(../img/form-company.png);
}

.address input[type=text], input[type=text].address {
  background-image: url(../img/form-address.png);
  background-size: 16px;
}

.product input[type=text], input[type=text].product {
  background-image: url(../img/form-product.png);
  background-size: 19px;
}

.challenge input[type=text], input[type=text].challenge {
  background-image: url(../img/form-challenge.png);
}

.ask textarea, textarea.ask {
  background-image: url(../img/form-question.png);
  background-position: 12px 14px;
}

textarea {
  width: 590px;
  height: 100px;
}

select {
  padding-left: 40px;
  -webkit-appearance: none;
  line-height: 22px;
  height: 46px;
  padding-left: 40px;
  padding-right: 35px;
  -webkit-appearance: none;
  width: 299px;
  color: #999;
}

.target select, select.target {
  background: url("../img/form-target.png") no-repeat 10px 50%, url("../img/arrow-down-sm.png") no-repeat 95% 50%;
  background-size: 20px, 8px;
  background-color: #FFF;
}

.priority select, select.priority {
  background: url("../img/form-priority.png") no-repeat 10px 50%, url("../img/arrow-down-sm.png") no-repeat 95% 50%;
  background-size: 20px, 8px;
  background-color: #FFF;
}

.challenge select, select.challenge {
  background: url("../img/form-challenge.png") no-repeat 10px 50%, url("../img/arrow-down-sm.png") no-repeat 95% 50%;
  background-size: 20px, 8px;
  background-color: #FFF;
}

textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus {
  border: 1px solid #999;
}

#newsletter input[type=email],
#newsletter input[type=email]:focus {
  border: 0;
  width: 250px;
}

input[type=radio] {
  position: absolute;
  left: -999em;
}

input[type=radio] + label {
  display: inline-block;
  padding: 10px 0;
  width: 175px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #e1e1e1;
  text-align: center;
  cursor: pointer;
  margin-right: 5px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

label.radio:hover {
  background: #e7e7e7;
}

input[type=radio]:checked + label {
  background: #FFF;
}

/* Gravity Form Specific  */
.gform_fields .gfield {
  padding-bottom: 20px;
  position: relative;
}

.gform_fields .gfield.ask,
.gform_fields .gfield.product,
.gform_fields .gfield.address {
  clear: left;
}

.opt-in {
  clear: left;
}

.gform_fields .opt-in .gfield {
  padding: 0;
}

.opt-in .gfield_label {
  display: none;
}

.gfield_checkbox {
  padding-left: 25px;
  position: relative;
  -webkit-appearance: none;
}

.gfield_checkbox input {
  position: absolute;
  left: -20px;
  top: 1px;
}

.iOS .gfield_checkbox input {
  left: -24px;
}

.gfield_checkbox em {
  display: block;
  font-size: 11px;
  padding-top: 5px;
  line-height: normal;
}

.gfield_radio {
  overflow: hidden;
}

.gfield_radio li {
  float: left;
}

/* About Pages
------------------------------------------------ */
.bio {
  /* 	display: none; */
  margin-left: 18%;
}

.bio a {
  display: inline;
}

.person {
  overflow: hidden;
  border-top: 1px solid #e1e1e1;
  margin-bottom: 35px;
  padding-top: 20px;
}

.person h3 {
  margin-left: 18%;
  font-size: 28px;
  padding-top: 20px;
}

.person h3 em {
  display: block;
  color: #999;
  font-size: 20px;
}

.left {
  float: left;
  width: 41%;
}

.contactNumbers em {
  display: inline-block;
  padding-right: 10px;
  color: #aaa;
}

.contactNumbers span {
  font-family: "open sans", sans-serif;
  font-size: 14px;
}

.right {
  margin-left: 46%;
}

.right iframe {
  width: 100%;
  height: 200px;
}

#leadership img {
  width: 14%;
  border-radius: 100%;
  float: left;
}

#numbers {
  color: #FFF;
  padding: 40px 0 10px;
}

#numbers h2 {
  font-size: 40px;
  font-weight: 600;
}

#numbers h5 {
  font-size: 54px;
  line-height: normal;
  text-align: left;
  font-family: "Akzidenz-Grotesk", sans-serif;
}

#numbers ul {
  overflow: hidden;
  padding: 30px 0;
}

#numbers li {
  float: left;
  width: 17.5%;
  padding: 0 1.25%;
  text-align: left;
}

#numbers li p {
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
}

.roanoke {
  padding: 30px 0 25px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  font-weight: 600;
}

.roanoke img {
  float: left;
  width: 200px;
  margin-right: 25px;
  margin-top: -5px;
}

#community {
  margin-top: 20px;
}

#community li {
  display: block;
  text-align: center;
  height: 150px;
  line-height: 150px;
}

#community img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* Press
------------------------------------------------ */
#press h2 {
  padding-bottom: 30px;
  font-size: 45px;
  line-height: 38px;
}

#press ul {
  display: flex;
  flex-wrap: wrap;
}

#press li {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
  align-items: stretch;
  display: flex;
}

#press li a {
  display: block;
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background: #f7f7f7;
  color: #777;
}

#press li a:hover {
  border: 1px solid #d1d1d1;
  background: #f7f7f7;
}

#press img {
  max-width: 100%;
  display: block;
  vertical-align: middle;
  margin-bottom: 25px;
}

#press span.date {
  padding-bottom: 8px;
  font-size: 15px;
}

#press h6 {
  font-size: 18px;
  padding-bottom: 40px;
}

#press .btn {
  padding: 5px 15px !important;
  font-size: 12px;
  border: 1px solid #d1d1d1;
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #FFF;
}

#press a:hover .btn {
  color: #FFF;
  background: #f09c21;
  border-color: #f09c21;
}

/* News Pages
------------------------------------------------ */
#news {
  margin-bottom: 60px;
  border-bottom: 1px solid #e7e7e7;
}

#news div {
  display: block;
  padding: 40px 0;
  border-top: 1px solid #e7e7e7;
}

#news h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 5px;
}

.date {
  color: #bbb;
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
}

.more {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #babcbe;
}

.more span {
  text-decoration: underline;
  color: #f09c21;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.more:hover span {
  color: #000;
}

#news p {
  padding: 0;
}

h3.media {
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding-bottom: 10px;
  font-size: 26px;
  color: #767777;
}

#events img {
  width: 100%;
  height: auto;
  display: block;
}

#events ul {
  margin: 20px 0 80px;
  list-style: none;
  padding: 0;
}

#events li {
  padding: 0 20px;
  box-sizing: border-box;
}

#events .three-col li {
  padding: 0 !important;
}

#events li.first, #events li:first-child {
  padding-right: 20px;
  padding-left: 0;
}

#events li.first {
  width: 50%;
}

#events li.last, #events li:last-child {
  padding-left: 20px;
  padding-right: 0;
  margin: 0;
}

#events ul a.icon {
  display: block;
  height: 150px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#events p {
  font-size: 15px;
  padding: 10px 0;
  line-height: normal;
}

#events .more {
  padding-left: 0;
}

#events h6 {
  font-weight: 600;
  padding-top: 15px;
  line-height: normal;
}

#events ul.one-col .col {
  max-width: 420px;
  float: none;
  margin: 0 auto;
}

#events .btn {
  padding: 10px 15px;
  margin-top: 10px;
}

#events .btn.orange {
  border: 1px solid #D78C1E;
}

#events .btn.orange:hover {
  border: 1px solid #999;
}

/* Sitemap
------------------------------------------------ */
.sitemap {
  padding: 60px 0 0;
}

.sitemap li {
  padding-bottom: 30px;
}

.sitemap ul.sub {
  padding-bottom: 30px;
}

.sitemap li li {
  padding-bottom: 0;
}

.sitemap a {
  color: #767777;
}

.sitemap a strong,
.sitemap a em {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.sitemap a strong {
  color: #f09c21;
}

.sitemap a em {
  color: #000;
}

.sitemap a:hover,
.sitemap a:hover strong,
.sitemap a:hover em {
  color: #333;
}

/* Media Queries
------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  .slide blockquote {
    font-size: 26px;
  }
  .slide div.theQuote {
    padding: 0 60px;
  }
}
@media only screen and (max-width: 1060px) {
  header nav li a {
    font-size: 15px;
  }
  footer .two-col .col.first {
    width: 50%;
  }
  #newsletter:after,
  #logos:before {
    display: none;
  }
  #newsletter {
    padding: 50px 20px;
    margin: 0 0 0 -20px;
    position: relative;
  }
  footer .two-col .col.last {
    position: relative;
    width: 50%;
    left: auto;
    margin-left: 50%;
    float: none;
  }
  footer .two-col {
    background: #FFF;
  }
  #logos {
    margin: 0 -20px 0 0;
    padding: 40px 20px;
    overflow: hidden;
    text-align: center;
  }
  #logos:after {
    display: none;
  }
  #logos li {
    width: 21.5%;
  }
  #logos li.sqf {
    width: 31%;
  }
  #newsletter input[type=email], #newsletter input[type=email]:focus {
    width: 200px;
  }
  .homepage h1 {
    font-size: 70px;
  }
  .homepage #banner h3 {
    font-size: 27px;
  }
  .homepage h2 {
    font-size: 42px;
    line-height: 38px;
  }
  .homepage p.lg {
    font-size: 24px;
  }
  .slick-dots {
    right: 10px;
  }
  .slide {
    padding: 20px 0;
  }
  .slide img {
    max-width: 325px;
  }
}
@media only screen and (max-width: 980px) {
  header nav li a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 960px) {
  #letter .close {
    right: 0;
    top: 0;
  }
  .slide blockquote {
    font-size: 22px;
  }
  .slide img {
    max-width: 225px;
  }
  #letter .wrap {
    padding: 0;
  }
  #letter .wrap {
    padding: 0;
  }
  .theLetter {
    overflow-y: auto;
    height: 100%;
    padding: 20px 60px 30px 20px;
    box-sizing: border-box;
  }
  .theLetter a {
    display: inline;
  }
  .signature img.photo {
    height: 80px;
    width: 80px;
  }
  .signature span {
    display: block;
    margin-left: 90px;
    padding-top: 0;
    font-size: 14px;
    line-height: normal;
  }
}
@media only screen and (max-width: 860px) {
  .mobile {
    display: block !important;
  }
  .desktop {
    display: none;
  }
  .meta li {
    margin-left: 20px;
  }
  .meta .email,
  .meta .phone {
    height: 20px;
  }
  .meta {
    right: 100px;
  }
  header nav {
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    z-index: 900;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-overflow-scrolling: touch;
    background: #303030;
  }
  .homepage header nav {
    top: 128px;
  }
  header nav .wrap {
    position: static;
    padding: 20px;
    flex-wrap: wrap;
  }
  .openMenu header nav {
    height: auto;
    bottom: 0;
    overflow: auto;
  }
  header nav li {
    float: none;
  }
  header nav li, header nav li:first-child, header nav li.about {
    width: 100%;
    display: block;
  }
  header nav li a {
    text-align: left;
    padding: 5px 10px;
    display: block;
  }
  #subnav {
    display: none;
  }
  .openMenu, .openOverlay {
    overflow-y: hidden;
  }
  #market-solutions:after {
    border-left-color: #999;
    border-top-color: transparent;
    margin-top: -6px;
    left: 170px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  #market-solutions:hover:after {
    border-left-color: #999;
    border-top-color: transparent;
  }
  .openMobileSubNav #market-solutions:after {
    border-top-color: #999;
    border-left-color: transparent;
    margin-top: -3px;
    left: 170px;
  }
  #menu {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 30px 20px;
    background: #f1f1f1;
    display: block;
    z-index: 800;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  #menu span, #menu span:after, #menu span:before {
    display: block;
    width: 25px;
    height: 3px;
    background: #767777;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  #menu span:after, #menu span:before {
    content: "";
    position: absolute;
  }
  #menu span:before {
    margin-top: -7px;
  }
  #menu span:after {
    margin-top: 7px;
  }
  .openMenu #menu span {
    background: transparent;
  }
  .openMenu #menu {
    padding: 41px 20px;
    top: 0;
    background: #303030;
  }
  .homepage.openMenu #menu {
    top: 44px;
  }
  .openMenu #menu span:after {
    margin: 0;
    background: #FFF;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .openMenu #menu span:before {
    margin: 0;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* Mobile Sub Nav */
  .openMobileSubNav #mobileSubNav {
    height: auto;
  }
  #mobileSubNav {
    height: 0;
    overflow: hidden;
  }
  #mobileSubNav ul {
    margin-bottom: 20px;
  }
  #mobileSubNav a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #mobileSubNav li:not(.section) a {
    position: relative;
    padding-left: 50px;
  }
  #mobileSubNav li:not(.section) a:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #D9D9D9;
  }
  #mobileSubNav li:not(.section).active a:before {
    background: #f09c21;
  }
  #mobileSubNav li.section a {
    padding-left: 25px;
    color: #999;
  }
  #mobileSubNav li.overview a {
    padding-left: 0;
    color: #999;
    font-weight: normal;
  }
  /* Homepage */
  .homepage .food:before,
  .homepage .feed:before,
  .homepage .feed ol:before,
  #grid ol:after {
    display: none;
  }
  .homepage .food {
    padding-top: 40px;
  }
  .homepage .feed {
    padding-bottom: 40px;
  }
  .homepage #banner {
    text-align: center;
    position: relative;
    padding: 60px 0;
  }
  .homepage #banner:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    content: "";
  }
  .homepage h1 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 60px;
  }
  .homepage #banner h3 {
    text-align: center;
  }
  .homepage #banner h2 {
    padding-top: 40px;
    text-align: center;
  }
  #intro h4 {
    font-size: 25px;
    line-height: 125%;
    margin-bottom: 0;
  }
  section.pt60 {
    padding-top: 30px;
  }
  section.p60, section.p80 {
    padding: 30px 0;
  }
  .panel {
    flex-wrap: wrap;
  }
  .panel div {
    width: 100%;
    padding: 0 0 30px;
    order: 2;
  }
  .panel div.content {
    text-align: center;
    padding: 10px 0 !important;
  }
  .panel div.content h2 {
    text-align: center;
  }
  .panel p {
    margin: 0 auto;
  }
  .leftCopy .panel div.photo {
    order: 1;
  }
  section.p60.leftCopy {
    padding-top: 0;
  }
  #intro p {
    padding: 0;
  }
  .leftCopy .wrap:before {
    display: none;
  }
  .rightCopy .panel div.content {
    padding: 0 !important;
    width: 100% !important;
  }
  .rightCopy {
    padding: 0;
  }
  .rightCopy .wrap:before {
    display: none;
  }
  .rightCopy.brochure .wrap:before {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-position: top center;
    background-size: cover;
    z-index: 1;
    content: "";
    height: 436px;
    width: 100%;
    display: block;
  }
  h2 {
    font-size: 42px;
    line-height: 42px;
  }
  h3 {
    font-size: 26px;
    line-height: 26px;
  }
  .homepage #menu {
    top: 53px;
  }
  .homepage.bake #menu {
    top: 10px;
  }
  .homepage.bake nav {
    top: 84px;
  }
  .slide div.theQuote span {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .slide {
    padding: 40px 0;
    flex-wrap: wrap;
  }
  .slide div {
    width: 100%;
  }
  .slide .figure {
    order: 2;
  }
  .slide img {
    max-width: 120px;
    margin: 20px auto 10px;
    display: block;
  }
  .slide div.theQuote {
    padding: 0;
  }
  .slide blockquote {
    font-size: 20px;
  }
  .slick-dots {
    right: 0;
  }
  /* Grid */
  #grid ol li {
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 3px;
    text-align: left;
    line-height: normal;
  }
  #grid ol li a {
    border: 0;
    position: relative;
    display: block;
    width: auto;
    height: auto;
  }
  #grid h5 {
    text-align: left;
    margin-left: 70px;
    padding: 20px;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 0;
    position: relative;
    right: auto;
  }
  .num {
    left: auto;
    right: 10px;
  }
  #grid ol li a img {
    position: absolute;
    top: 18px;
    left: 22px;
    width: 40px !important;
  }
  #grid ol li a.beverages img,
  #grid ol li a.confectionery img {
    width: 28px !important;
    top: 16px;
    left: 28px;
  }
  #grid ol li a.ruminants img {
    width: 60px !important;
    top: 21px;
    left: 10px;
  }
  #grid ol li a.aquaculture img {
    top: 25px;
    width: 44px !important;
  }
  #grid h5 span {
    font-size: 15px;
    line-height: 13px;
  }
  #grid ol li a:hover {
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    line-height: normal;
    z-index: 1;
    box-shadow: none;
    border: 0;
  }
  /* Columns */
  .wrap {
    max-width: 600px;
  }
  footer .wrap,
  header .wrap {
    max-width: 1200px;
  }
  .three-col,
  .four-col {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .stories.three-col {
    max-width: 800px;
  }
  .posts.three-col .col {
    width: 100%;
    padding: 0 20px 20px;
  }
  .three-col.stories .col {
    width: 50%;
  }
  .three-col .col,
  .three-col.ideas .col {
    width: 100%;
    margin: 0;
  }
  .three-col .col {
    margin: 0 0 20px 0;
  }
  .three-col.ideas .col:before {
    display: none;
  }
  .three-col.ideas .col:after {
    content: "• •";
    display: inline-block;
    width: 10px;
    line-height: 15px;
    padding: 10px 0;
  }
  .three-col.ideas .col.last:after {
    display: none;
  }
  blockquote {
    padding: 0;
  }
  #newsletter:after,
  #logos:before {
    display: none;
  }
  footer .two-col .col.first,
  footer .two-col .col.last {
    width: 100%;
    float: none;
  }
  #newsletter, #logos {
    margin: 0 -20px;
    padding: 50px 20px;
    text-align: center;
  }
  #logos {
    padding: 40px 20px 30px;
    max-width: 500px;
    margin: 0 auto;
  }
  #newsletter h4,
  #newsletter h5 {
    text-align: center;
  }
  #gform_4 .gform_body {
    width: 50%;
    overflow: hidden;
    float: left;
    background: #FFF;
  }
  #gform_4 .gform_footer {
    width: 50%;
    margin-left: 50%;
  }
  #newsletter input[type=email], #newsletter input[type=email]:focus {
    width: 84%;
  }
  #newsletter .btn, #newsletter .gform_button {
    width: 100%;
    padding: 14px 0;
  }
  .copyright {
    text-align: center;
    padding: 0 0 40px 0;
  }
  .copyright ul.social {
    float: none;
    width: 180px;
    margin: 0 auto;
  }
  .copyright ul.links {
    margin: 20px 0;
    text-align: center;
    float: none;
  }
  .copyright ul.links li {
    float: none;
    display: inline-block;
    margin: 0 15px;
  }
  .copyright p {
    text-align: center;
  }
  footer .two-col .col.last {
    margin: 0;
  }
  aside .form a:before {
    top: 15px;
  }
  #logos li {
    width: 13.5%;
  }
  #logos li.sqf {
    width: 21%;
  }
  /* Secondary Navigation */
  #secondaryNav {
    text-align: left;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 800;
    height: 0;
    overflow: hidden;
  }
  #secondaryNav.openSecondaryNav {
    height: auto;
  }
  #secondaryNav ul {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
  }
  #secondaryNav li {
    display: block;
    padding: 0 15px;
  }
  #secondaryNav li a {
    padding: 8px 30px;
  }
  #secondaryNav .overview a {
    font-weight: normal;
    padding: 10px 30px 10px;
    margin-bottom: 10px;
  }
  #secondaryNav li.current_page_item a {
    background: transparent;
    border: 0;
    color: #f09c21;
  }
  #secondaryMenu {
    display: block;
    text-align: center;
    color: #FFF;
    background: #767777;
    padding: 10px 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #secondaryMenu span {
    display: inline-block;
    position: relative;
  }
  #secondaryMenu span:after {
    content: "";
    display: block;
    position: absolute;
    border: solid transparent;
    height: 0;
    width: 0;
    border-top-color: #ccc;
    border-width: 6px;
    top: 50%;
    margin-top: -3px;
    right: -25px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  /* Marketing Pages */
  #banner.category h3 br {
    display: none;
  }
  #main {
    width: 100%;
    float: none;
    padding: 30px 0;
  }
  aside:after {
    display: none;
  }
  aside {
    background: #f1f2f2;
    padding: 30px 50%;
    margin: 0 -50%;
  }
  #grid ol li a .tile {
    display: none;
  }
  .form.paperDownload h4, .form.sample h4, .form.sample.starter h4 {
    background-size: 32px;
  }
  .form h4 {
    padding: 5px 0 5px 50px;
    border: 0;
    float: none;
  }
  .form a {
    padding: 20px 20px 10px;
  }
  .form h5, .paperDownload h5 {
    margin-left: 0;
    padding: 15px 0;
  }
  .paperDownload form {
    margin: 0;
    padding: 0 20px 30px;
  }
  aside form {
    padding: 10px 20px;
  }
  .sample form {
    padding: 20px;
  }
  .two-col .col, .gform_fields .col {
    float: none;
    width: 100%;
  }
  .two-col .col.sitemap {
    float: left;
    width: 50%;
  }
  .sample form .col input, .sample form input[type=text] {
    width: 85%;
  }
  #grid.single-row ol li {
    height: 70px;
    line-height: 70px;
  }
  #grid.single-row h5 {
    font-size: 16px;
    padding: 26px 25px 25px;
    line-height: normal;
  }
  #grid.single-row .num {
    left: auto;
    bottom: 5px;
  }
  #grid .feed ol li:first-child a, #grid .feed ol li:first-child a:hover {
    border: none;
  }
  .food ol {
    border: 0;
    padding-bottom: 30px;
  }
  .sample a.paper {
    background-image: none;
  }
  .sample a.paper:hover {
    border-color: transparent;
  }
  .form.sample {
    background-color: #f1f2f2;
  }
  .sample form {
    display: block !important;
  }
  .sample.starter h5 {
    padding: 15px 0;
  }
  aside.divided {
    margin: 0;
  }
  .orange h3 br {
    display: none;
  }
  .question h5 a {
    font-size: 18px;
    line-height: 21px;
    padding: 20px 55px 15px 20px;
  }
  .question.selected h5 a {
    background-position: 113% 50%;
  }
  .answer {
    padding: 0 20px 0 20px;
  }
  .author {
    margin-top: 0;
  }
  #ask input[type=text], #ask input[type=email], #ask textarea {
    width: 85%;
  }
  /* Single Pages */
  .single {
    padding: 0 20px;
  }
  .two-col.ideas .col {
    float: left;
  }
  dl.wrap {
    padding-left: 50px;
  }
  dt {
    background: #358eb7;
    color: #FFF;
    margin: 2px 0;
    padding: 3px 0;
    display: inline-block;
    text-align: center;
    width: 50px;
    float: left;
    position: relative;
  }
  dt:before {
    content: "•";
    color: #f09c21;
    background: #FFF;
    border: 1px solid #d1d1d1;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -30px;
    border-radius: 100%;
    top: 5px;
    z-index: 9;
    padding: 5px;
    font-size: 28px;
    line-height: 3px;
    text-align: center;
    text-indent: -1.5px;
  }
  dt:after {
    content: "";
    position: absolute;
    width: 10px;
    left: -10px;
    height: 1px;
    background: #d1d1d1;
    top: 16px;
  }
  dd {
    padding: 5px;
    margin-left: 55px;
    margin-bottom: 10px;
  }
  dd.mb5 {
    margin-bottom: 5px;
  }
  .row .col .gform_body {
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .contact {
    padding: 20px;
  }
  textarea {
    width: 80%;
  }
  #filter a {
    padding: 8px;
  }
  #events ul {
    margin: 30px auto 60px;
    max-width: 400px;
  }
  #events .placeholder {
    display: none;
  }
  #events a {
    margin: 0;
    width: 100%;
  }
  #events li {
    margin-bottom: 30px;
    padding: 0 !important;
  }
  #community {
    margin-top: 20px;
  }
  #community li {
    display: block;
    text-align: center;
    height: auto;
    line-height: normal;
    margin: 20px 0;
  }
  #community img {
    max-width: 250px;
  }
  #community img.chamber {
    max-width: 160px;
  }
  #press li {
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  #share.social {
    position: relative;
    overflow: hidden;
    padding: 0 0 30px;
    left: auto;
  }
  #story.single {
    max-width: 100%;
    padding-left: 20px;
    padding: 0;
  }
  .row .col {
    float: none;
    width: 100%;
  }
  h4.vs {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -17px;
    margin-left: -15px;
    margin-top: 0;
    padding: 4px 8px;
    border-radius: 100%;
    background: #FFF;
  }
  #numbers li {
    float: none;
    display: inline-block;
    width: 29.5%;
    padding: 0 1.25%;
    text-align: left;
  }
  .left {
    float: none;
    width: 100%;
  }
  .right {
    margin: 0;
  }
}
@media only screen and (max-width: 550px) {
  #main ul.icon-list li {
    width: 99%;
    margin-right: 0;
    float: none;
  }
  .ideas .col {
    width: auto;
    margin: 0 0 40px;
  }
  #firsts li {
    width: 48%;
  }
  .two-col.ideas .col {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  dt {
    background: #358eb7;
    color: #FFF;
    margin: 2px 0;
    padding: 3px 0;
    display: inline-block;
    text-align: center;
    width: 50px;
    float: none;
    position: relative;
  }
  dd {
    padding: 5px;
    margin-left: 0;
    margin-bottom: 20px;
    line-height: normal;
  }
  .single img {
    width: 100%;
  }
  .roanoke img {
    margin-bottom: 10px;
  }
  #main ul.arrow-list, .single ul.arrow-list {
    list-style: disc;
    padding: 0 0 40px 20px;
  }
  #main ul.arrow-list li, .single ul.arrow-list li {
    padding: 5px 0;
    line-height: normal;
    background: none;
  }
  .three-col.stories .col {
    width: 100%;
  }
  #numbers li {
    float: none;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  #numbers li h5 {
    text-align: center;
  }
  #leadership img {
    display: block;
    width: 70%;
    border-radius: 100%;
    float: none;
    margin: 0 auto;
  }
  .person h3, .bio {
    margin-left: 0;
  }
  .person h3 {
    text-align: center;
    padding-top: 30px;
  }
  .two-col .col.sitemap {
    float: none;
    width: 100%;
    padding-top: 30px;
  }
  #press li {
    width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  header .wrap {
    padding: 10px;
  }
  .logo {
    width: 105px;
    height: 50px;
  }
  #menu {
    right: 10px;
    padding: 22px 15px;
  }
  .meta {
    right: 80px;
    top: 25px;
  }
  #banner h3 strong {
    display: block;
  }
  .homepage #banner h2 {
    padding-top: 20px;
  }
  .homepage header nav {
    top: 114px;
  }
  .openMenu header nav {
    height: 100%;
    position: fixed;
    overflow-y: scroll;
  }
  h2 {
    font-size: 35px;
    line-height: 35px;
  }
  h2 br {
    display: none;
  }
  .openMenu #menu {
    padding: 34px 15px;
  }
  header nav {
    top: 70px;
  }
  header nav .wrap {
    padding: 10px;
  }
  header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #FFF;
    top: 0;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
  }
  body {
    padding-top: 70px;
  }
  #market-solutions:after {
    left: 160px;
  }
  #grid ol li a img {
    left: 12px;
  }
  #mobileSubNav {
    padding-left: 10px;
  }
  #grid ol li a.beverages img, #grid ol li a.confectionery img {
    left: 18px;
  }
  #grid h5 {
    margin-left: 55px;
    font-size: 25px;
    line-height: 25px;
  }
  #grid ol li a.ruminants img {
    width: 45px !important;
  }
  .num {
    bottom: 10px;
    font-size: 26px;
    line-height: 18px;
  }
  .three-col .col a {
    width: 99%;
    margin: 0;
  }
  .wrap {
    padding: 15px;
  }
  section.p80 {
    padding: 40px 0;
  }
  #clients li {
    padding: 0;
    height: 80px;
    line-height: 80px;
  }
  #clients li img {
    width: 75%;
  }
  #clients h3 {
    font-size: 25px;
    line-height: 25px;
  }
  #newsletter input[type=email], #newsletter input[type=email]:focus {
    width: 81.5%;
  }
  #newsletter .btn, #newsletter .gform_button {
    width: 100%;
    margin-top: 5px;
  }
  #newsletter h5 {
    font-size: 25px;
    line-height: 25px;
  }
  #gform_4 .gform_body {
    width: 100%;
    float: none;
  }
  #gform_4 .gform_footer {
    width: 100%;
    margin-left: 0;
  }
  .copyright ul.links li {
    margin: 0 6px;
  }
  #secondaryNav li a {
    padding: 8px 10px;
  }
  #secondaryNav .overview a {
    padding: 10px 10px;
  }
  .single h2 {
    font-size: 35px;
    line-height: 34px;
  }
  section.p60 {
    padding: 20px 0;
  }
  #banner {
    padding: 20px 0;
  }
  .sample form .col input, .sample form input[type=text] {
    width: 78%;
  }
  select {
    width: 100%;
  }
  .form.paperDownload h4, .form.sample h4, .form.sample.starter h4 {
    font-size: 24px;
  }
  input[type=radio] + label {
    width: 116px;
  }
  .btn, .gform_button, .btn.white {
    padding: 15px 0px;
    width: 99%;
    text-align: center;
  }
  .row .col .gform_button,
  .row .col .btn.white {
    width: 93.5%;
    max-width: 250px;
  }
  aside.divided .half {
    padding: 30px 20px 10px;
  }
  #firsts li {
    width: 100%;
    padding: 0;
  }
  aside .form.open {
    padding-bottom: 40px;
  }
  aside a.paper span.arrow {
    left: 50%;
    margin-left: -15px;
  }
  .row .col .gform_footer {
    display: block;
  }
  #logos {
    padding: 30px 0;
  }
  #ask input[type=text], #ask input[type=email], #ask textarea {
    width: 80%;
  }
  #press .btn {
    position: static;
    box-sizing: border-box;
  }
  #press h6 {
    padding-bottom: 20px;
  }
  /* Updated Homepage */
  .homepage {
    padding-top: 114px;
  }
  .homepage.bake {
    padding-top: 70px;
  }
  .homepage.bake nav {
    top: 70px;
  }
  .homepage #banner {
    padding: 30px 0;
  }
  .homepage #banner h3 {
    font-size: 17px;
    padding: 10px 0 20px 0;
  }
  .homepage #banner h3 strong {
    display: inline;
  }
  .homepage #banner p {
    padding: 0;
  }
  .homepage h1 {
    font-size: 40px;
  }
  .homepage h2 {
    font-size: 32px;
    line-height: 28px;
  }
  .homepage p.lg {
    font-size: 20px;
  }
  #intro h4 {
    font-size: 20px;
  }
  section.pt60 {
    padding-top: 20px;
  }
  .panel div.photo {
    padding: 0 0 15px;
  }
  .homepage .posts {
    margin-top: 0;
  }
  .posts.three-col .col {
    padding: 0 0 20px;
  }
  .homepage section.p80 {
    padding: 0;
  }
  .rightCopy .wrap:before {
    position: relative;
    right: -15px;
    left: -15px;
    background-position: top right;
    height: 336px;
    width: calc(100% + 30px);
  }
  .slick-dots {
    right: 0;
    top: auto;
    transform: none;
    left: 0;
    bottom: 10px;
    text-align: center;
  }
  .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 25px;
  }
  #testimonials {
    padding: 0 0 25px;
    margin-bottom: 30px;
  }
}
@media print {
  .email,
  header nav,
  .homepage .food:before,
  .homepage .feed:before,
  #grid .food h6:before,
  #grid .food h6:after,
  #grid h6,
  .homepage .feed ol:before,
  #grid ol:after,
  .three-col.ideas .col:before,
  #newsletter,
  #logos:before,
  .social,
  .links,
  #secondaryNav {
    display: none;
  }
  .meta li {
    float: right;
  }
  .w990 {
    max-width: none;
  }
  .homepage #banner {
    background-image: none;
    height: auto;
  }
  .homepage #banner h2 {
    padding-top: 20px;
  }
  .homepage .food {
    padding-top: 40px;
  }
  .homepage .feed {
    padding-bottom: 40px;
  }
  h2 {
    font-size: 40px;
    line-height: 40px;
  }
  h3 {
    font-size: 25px;
    line-height: 30px;
  }
  #grid h5 {
    font-size: 18px;
  }
  .homepage #grid h3 {
    padding-bottom: 20px;
  }
  #grid ol li {
    height: 195px;
    line-height: 195px;
  }
  .three-col.ideas .col {
    margin: 0 5% 0 0;
    width: 30%;
  }
  .three-col.ideas .col:before {
    left: 116%;
  }
  .ideas a span {
    padding: 20px 0;
  }
  section.grey, section.lightgrey, footer {
    background: #FFF;
  }
  section.p80, section {
    padding: 20px 0;
  }
  #clients li {
    padding: 0 10px;
  }
  #clients h3 {
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 30px;
  }
  blockquote {
    padding: 0;
  }
  footer .two-col .col.last {
    position: relative;
    width: 100%;
    left: auto;
    margin-left: 0;
    float: none;
  }
  #grid.market h2, #grid.market h2 a {
    font-size: 28px !important;
  }
  #logos {
    margin: 0 0 0 0;
    background: #FFF;
    padding: 20px 0;
    margin-right: 0;
    padding-right: 0;
    z-index: 200;
    position: relative;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }
  .copyright {
    padding: 0;
  }
  .copyright p {
    text-align: center;
  }
}
.market-single .wrap.sm {
  max-width: 900px;
}
.market-single h2 {
  padding-bottom: 20px;
}
.market-single p {
  font-size: 24px;
  font-weight: normal;
  line-height: 120%;
}
.market-single .text-center {
  text-align: center;
}
.market-single .sm {
  max-width: 825px;
  margin: 0 auto;
}
.market-single .results {
  margin: 16px auto 0;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.market-single .results .col {
  width: calc(33.333% - 4px);
  float: none;
  padding: 30px;
  padding-top: 60px;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  color: #767777;
  background: #F1F2F2;
  border: 1px solid #E1E1E1;
}
.market-single .results .col h3 {
  padding: 16px 0 10px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
}
.market-single .results .col p {
  font-size: 17px;
  padding: 0;
}
.market-single .results.three-col {
  max-width: 960px;
}
.market-single .results.four-col {
  max-width: 960px;
}
.market-single .results.four-col .col {
  width: calc(25% - 4px);
}
.market-single .results.five-col .col {
  width: calc(20% - 4px);
}
.market-single #banner {
  background-size: cover;
  text-align: left;
  padding: 0 0 100px 0;
}
.market-single #banner h1 {
  text-transform: uppercase;
  text-align: left;
  color: #FFF;
  font-weight: 900;
  font-size: 80px;
  line-height: 90%;
  padding: 120px 0 0 0;
}
.market-single #banner h1 span {
  display: block;
}
.market-single #banner h3 {
  padding: 26px 0 40px 0;
  font-family: freight-sans-pro, sans-serif;
  max-width: 650px;
  text-align: left;
  line-height: 120%;
  letter-spacing: 0.25px;
  color: #FFF;
}
.market-single #banner h3 strong {
  font-weight: 600;
}
.market-single .slider {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.market-single .scroll-slider-container {
  position: relative;
}
.market-single .scroll-slider-container .scroll-slider-sticky {
  position: sticky;
  top: 0;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}
.market-single .scroll-slider-container .scroll-slider-sticky > .wrap {
  position: relative;
  width: 100%;
}
.market-single .evidence-section {
  padding-top: 30px;
  padding-bottom: 60px;
}
.market-single .evidence-section .evidence-headline {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  box-shadow: none;
  transition: box-shadow 0.25s ease;
}
.market-single .evidence-section .evidence-headline.is-stuck {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.market-single .evidence-section .evidence-headline .wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}
.market-single .evidence-section .evidence-headline h2 {
  margin: 0;
  padding-bottom: 0;
}
.market-single .evidence-section .evidence-slides-inner {
  display: flex;
  align-items: flex-start;
}
.market-single .evidence-section .evidence-slides {
  flex: 1;
  min-width: 0;
  padding-right: 24px;
}
.market-single .evidence-section .evidence-slides .slide + .slide {
  margin-top: 32px;
}
.market-single .evidence-section .evidence-slides.ruminants .slide[data-slide-index="0"] .content img {
  max-width: 250px;
  margin-top: -200px;
}
.market-single .evidence-section .evidence-dots-column {
  width: 24px;
  flex-shrink: 0;
  align-self: stretch;
}
.market-single .evidence-section .evidence-slider-dots {
  position: sticky;
  top: var(--evidence-dots-top, 0);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 0 0;
  margin: 0;
  z-index: 10;
}
.market-single .evidence-section .evidence-slider-dots .dot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #D9D9D9;
  font-size: 0;
  cursor: pointer;
  transition: background 0.25s ease;
}
.market-single .evidence-section .evidence-slider-dots .dot:hover {
  background: #000;
}
.market-single .evidence-section .evidence-slider-dots .dot.active {
  background: #f09c21;
}
.market-single .evidence-slider {
  margin: 0 auto;
  position: relative;
}
.market-single .evidence-slider.scroll-driven {
  overflow: hidden;
  position: relative;
}
.market-single .evidence-slider.scroll-driven .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  transform: translateX(100%);
  transition: transform 0.5s ease;
  pointer-events: none;
}
.market-single .evidence-slider.scroll-driven .slide.active {
  position: relative;
  transform: translateX(0);
  pointer-events: auto;
}
.market-single .evidence-slider.scroll-driven .slide.exited {
  transform: translateX(-100%);
}
.market-single .evidence-slider.scroll-driven .slide.is-measuring {
  position: relative !important;
  transform: none !important;
  visibility: hidden;
  pointer-events: none;
}
.market-single .evidence-slider.ruminants .slide[data-slide-index="0"] .content img {
  max-width: 250px;
  margin-top: -200px;
}
.market-single .evidence-slider .slick-prev,
.market-single .evidence-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FFF;
  border: 2px solid #E1E1E1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: all 0.25s ease;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.market-single .evidence-slider .slick-prev:hover,
.market-single .evidence-slider .slick-next:hover {
  background: #f09c21;
  border-color: #f09c21;
  color: #FFF;
}
.market-single .evidence-slider .slick-prev svg,
.market-single .evidence-slider .slick-next svg {
  width: 20px;
  height: 20px;
}
.market-single .evidence-slider .slick-prev {
  left: -24px;
}
.market-single .evidence-slider .slick-next {
  right: -24px;
}
.market-single .evidence-slider-dots {
  text-align: center;
  padding: 24px 0 0;
}
.market-single .evidence-slider-dots.scroll-driven {
  position: absolute;
  right: 0;
  top: 220px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
}
.market-single .evidence-slider-dots.scroll-driven .dot {
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #D9D9D9;
  font-size: 0;
  cursor: pointer;
  transition: background 0.25s ease;
}
.market-single .evidence-slider-dots.scroll-driven .dot:hover {
  background: #000;
}
.market-single .evidence-slider-dots.scroll-driven .dot.active {
  background: #f09c21;
}
.market-single .evidence-slider-dots .slick-dots {
  position: static;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.market-single .evidence-slider-dots .slick-dots li {
  width: 12px;
  height: 12px;
  display: inline-block;
  padding: 0;
}
.market-single .evidence-slider-dots .slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #D9D9D9;
  font-size: 0;
  cursor: pointer;
  transition: background 0.25s ease;
}
.market-single .evidence-slider-dots .slick-dots li button:before {
  display: none;
}
.market-single .evidence-slider-dots .slick-dots li button:hover {
  background: #000;
}
.market-single .evidence-slider-dots .slick-dots li.slick-active button {
  background: #f09c21;
}
.market-single .slide {
  border: 8px solid #F1F2F2;
  display: block !important;
  color: #767777;
  padding: 40px;
  align-items: center;
}
.market-single .slide img {
  display: block;
  height: auto;
  border-radius: 0;
  max-width: 100%;
  margin: 0;
}
.market-single .slide .content {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0 40px;
  box-sizing: border-box;
  justify-content: space-between;
}
.market-single .slide .content p {
  color: #767777;
  font-size: 18px;
  line-height: 150%;
  max-width: 600px;
}
.market-single .slide .content p:last-of-type {
  padding-bottom: 0;
}
.market-single .figure {
  width: 100%;
  position: relative;
}
.market-single .products-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
}
.market-single .products-grid .col {
  width: calc(20% - 4px);
  box-sizing: border-box;
  background: #F1F2F2;
  position: relative;
  padding-bottom: 50px;
}
.market-single .products-grid .col:before {
  content: "";
  width: 50%;
  height: 40px;
  position: absolute;
  bottom: 8px;
  right: 0;
  background: #FFF;
}
.market-single .products-grid .col:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 40px solid #FFF;
  border-left: 16px solid transparent;
  position: absolute;
  bottom: 8px;
  right: 50%;
}
.market-single .products-grid .col p {
  padding: 20px;
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: #767777;
}
.market-single .products-grid .col h4 {
  padding: 10px 20px;
  margin: 0;
  font-size: 18px;
  line-height: 100%;
  color: #FFF;
  background-color: #EF9C20;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 600;
  width: 50%;
  text-align: left;
  z-index: 10;
}
.market-single .products-grid .col h4:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 38px solid #EF9C20;
  border-right: 16px solid transparent;
  position: absolute;
  top: 0;
  left: 100%;
}

@media only screen and (max-width: 960px) {
  .market-single #banner {
    text-align: center;
    padding: 60px 0;
  }
  .market-single #banner h1 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 60px;
  }
  .market-single #banner h3 {
    text-align: center;
  }
  .market-single .scroll-slider-container {
    height: auto !important;
  }
  .market-single .scroll-slider-container .scroll-slider-sticky {
    position: static;
    overflow: visible;
  }
  .market-single .scroll-slider-container .evidence-slider.scroll-driven {
    overflow: visible;
    min-height: 0 !important;
  }
  .market-single .scroll-slider-container .evidence-slider.scroll-driven .slide {
    position: relative !important;
    transform: none !important;
    pointer-events: auto !important;
    margin-bottom: 32px;
  }
  .market-single .scroll-slider-container .evidence-slider.scroll-driven .slide:last-child {
    margin-bottom: 0;
  }
  .market-single .scroll-slider-container .evidence-slider-dots.scroll-driven {
    display: none;
  }
  .market-single .evidence-slider .slick-prev {
    left: 8px;
  }
  .market-single .evidence-slider .slick-next {
    right: 8px;
  }
  .market-single .evidence-slider.ruminants .slide[data-slide-index="0"] .content img,
  .market-single .evidence-slides.ruminants .slide[data-slide-index="0"] .content img {
    max-width: 200px;
    margin: 0 auto;
  }
  .market-single .slide {
    padding: 24px;
  }
  .market-single .slide figure img {
    width: 100%;
  }
  .market-single .slide .content {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
  .market-single .slide .content img {
    max-width: 100px !important;
    margin: 20px auto 0 !important;
  }
  .market-single .results .col {
    width: calc(50% - 4px);
  }
  .market-single .products-grid .col {
    width: calc(50% - 4px);
  }
}
@media only screen and (max-width: 450px) {
  .market-single .evidence-section .evidence-headline {
    top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .market-single #banner {
    padding: 30px 0;
  }
  .market-single #banner h1 {
    font-size: 40px;
  }
  .market-single #banner h3 {
    font-size: 17px;
    padding: 10px 0 20px 0;
  }
  .market-single #banner h3 strong {
    display: inline;
  }
  .market-single #banner p {
    padding: 0;
  }
  .market-single .evidence-slider .slick-prev,
  .market-single .evidence-slider .slick-next {
    width: 36px;
    height: 36px;
  }
  .market-single .slide {
    padding: 16px;
  }
  .market-single .results .col {
    width: 100%;
  }
  .market-single .products-grid .col {
    width: 100%;
    margin-bottom: 8px;
  }
}
.mw800 {
  max-width: 800px;
  margin: 0 auto;
}

.mw925 {
  max-width: 925px;
  margin: 0 auto;
}

.homepage.bake #banner {
  background: url("../img/banner-bakery.jpg") no-repeat top center;
  background-size: cover;
}
.homepage.bake #banner h1 {
  max-width: 750px;
}
.homepage.bake p.lg {
  max-width: none;
}

section.greenTea {
  padding: 0;
}
section.greenTea .wrap {
  padding: 120px 0;
  background: url("../img/bg-green-tea.svg") no-repeat top left 40px;
  background-size: contain;
}
section.greenTea .wrap:before {
  display: none;
}
section.greenTea .photo img {
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 860px) {
  section.greenTea .wrap {
    padding: 20px;
  }
}

#testimonials.bake .wrap {
  padding-top: 0;
  padding-bottom: 0;
}
#testimonials.bake .slide {
  padding: 0;
}
#testimonials.bake .figure {
  width: 35%;
}
#testimonials.bake .figure img {
  border-radius: 0;
  display: block;
  margin: 0;
  width: 100%;
  max-width: none;
}
#testimonials.bake .copy {
  width: 65%;
  padding: 60px;
}
#testimonials.bake .copy h3 {
  text-transform: uppercase;
  text-align: left;
  font-weight: 700;
  padding-bottom: 20px;
}
#testimonials.bake .copy ul {
  list-style: disc;
  padding: 0 0 0 20px;
}
#testimonials.bake .copy ul li {
  line-height: normal;
  padding-bottom: 10px;
}
#testimonials.bake .copy ul.flex {
  display: flex;
  flex-wrap: wrap;
}
#testimonials.bake .copy ul.flex li {
  width: 50%;
}
#testimonials.bake .copy .lists {
  display: flex;
}
#testimonials.bake .copy .lists ul {
  width: 50%;
  padding-right: 50px;
}
@media only screen and (max-width: 860px) {
  #testimonials.bake .copy {
    width: 100%;
    padding: 20px 0;
  }
  #testimonials.bake .copy .lists ul {
    padding-right: 0;
  }
  #testimonials.bake .copy h3 {
    padding-bottom: 0;
  }
  #testimonials.bake .figure {
    width: 100%;
    margin-bottom: 20px;
  }
}

.cta-form p {
  font-size: 18px;
}
.cta-form .two-col {
  display: flex;
}
.cta-form .two-col .col {
  float: none;
}
.cta-form .two-col .col.photo {
  padding-right: 40px;
}
.cta-form .two-col .col.photo img {
  max-width: 100%;
}
.cta-form h2 {
  text-align: left;
}

.footer-form select, .footer-form textarea, .footer-form input[type=text], .footer-form input[type=email], .footer-form input[type=tel] {
  box-sizing: border-box;
  height: 46px;
  width: 100%;
}
.footer-form .gform_fields {
  display: flex;
  flex-wrap: wrap;
}
.footer-form .gform_fields .col {
  float: none;
  padding-right: 10px;
  box-sizing: border-box;
}
.footer-form .gform_fields .col.company, .footer-form .gform_fields .col.tel {
  padding-right: 0;
  padding-left: 10px;
}
@media only screen and (max-width: 860px) {
  .footer-form .gform_fields .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.footer-form .gform_fields .challenge {
  width: 100%;
}
.footer-form .gform-footer {
  padding-top: 20px;
}
.footer-form .gfield_radio {
  display: flex;
  gap: 5px;
}
.footer-form .gform_button {
  background: #f09c21;
  color: #FFF;
  border: 0;
}
.footer-form input[type=radio] + label {
  background: rgba(0, 0, 0, 0.05);
}
.footer-form input[type=radio]:checked + label {
  background: #FFF;
}

#banner.application {
  background-repeat: no-repeat;
  background-color: #000;
  background-position: center center;
  background-size: cover;
  text-align: left;
  padding: 135px 0;
  position: relative;
}
#banner.application:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
#banner.application h1 {
  text-transform: uppercase;
  text-align: left;
  color: #FFF;
  font-weight: 900;
  font-size: 66px;
  line-height: 100%;
  max-width: none;
  padding: 0;
}
#banner.application h1 span {
  color: #f09c21;
}
#banner.application p {
  color: #FFF;
  font-size: 24px;
  line-height: 115%;
  max-width: 900px;
  padding: 30px 0 20px;
}

.hiw {
  padding: 120px 0 30px !important;
}
.hiw .panel {
  align-items: flex-start;
  margin: 0 -20px;
  overflow: visible;
}
.hiw .panel figure, .hiw .panel div {
  box-sizing: border-box;
}
.hiw .panel figure img, .hiw .panel div img {
  border-radius: 20px;
  display: block;
}
.hiw .panel figure.left-photo {
  width: 33%;
  padding-top: 110px;
  padding-bottom: 50px;
  position: relative;
}
.hiw .panel figure.left-photo:before {
  position: absolute;
  top: 50px;
  bottom: 0px;
  right: 100px;
  left: -99999em;
  z-index: 1;
  content: "";
  display: block;
  background: #000;
  background: #f1f1f1;
}
.hiw .panel figure.left-photo img {
  position: relative;
  z-index: 1;
}
.hiw .panel figure.right-photo {
  width: 32%;
  padding: 0 45px 0 25px;
}
.hiw .panel figure.right-photo span {
  font-size: 10px;
  display: block;
  padding-left: 8px;
  position: absolute;
}
.hiw .panel figure.right-photo:after {
  display: block;
  content: "";
  background: url("../img/applications-arrow.svg") no-repeat bottom center;
  background-size: 100%;
  height: 100px;
  position: relative;
  left: -10px;
  width: 90%;
}
.hiw .panel div {
  width: 35%;
  padding-top: 160px;
}
.hiw .panel div p {
  font-size: 28px;
  line-height: 125%;
  padding-top: 20px;
  padding: 20px 0 0;
}

@media only screen and (max-width: 860px) {
  #banner.application {
    padding: 35px 0;
  }
  #banner.application h1 {
    font-size: 46px;
  }
  .hiw {
    padding: 0 !important;
  }
  .hiw .panel {
    flex-wrap: wrap;
  }
  .hiw .panel figure.right-photo {
    padding: 10px;
    width: 45%;
    margin-left: auto;
  }
  .hiw .panel figure.right-photo:after {
    height: 80px;
    position: relative;
    left: 0;
    width: 94%;
  }
  .hiw .panel figure.right-photo span {
    line-height: normal;
    padding: 8px;
  }
  .hiw .panel figure.left-photo {
    padding: 70px 10px 50px;
    width: 55%;
    margin-right: auto;
  }
  .hiw .panel figure.left-photo:before {
    display: none;
  }
  .hiw .panel .content {
    width: 100%;
    padding: 0 20px !important;
  }
  .hiw .panel div p {
    font-size: 24px;
  }
  h2 {
    font-size: 40px !important;
    line-height: 40px !important;
  }
  .cta-form .two-col {
    flex-wrap: wrap;
  }
  .cta-form .two-col .col {
    order: 1;
  }
  .cta-form .two-col .col.photo {
    padding-top: 30px;
    padding-right: 0;
    order: 2;
  }
}
@media only screen and (max-width: 500px) {
  #banner.application h1 {
    font-size: 30px;
  }
  #banner.application p {
    font-size: 20px;
  }
  .hiw .panel div p {
    font-size: 18px;
    padding: 0;
  }
  h2 {
    font-size: 35px !important;
    line-height: 35px !important;
  }
}
#banner.resources {
  padding: 135px 0 155px;
}
#banner.resources:before {
  display: none;
}
#banner.resources h1 {
  max-width: 560px;
  font-size: 80px;
  line-height: 90%;
}
#banner.resources p {
  font-size: 32px;
  line-height: 115%;
  max-width: 520px;
  padding: 40px 0 20px;
}
@media only screen and (max-width: 1100px) {
  #banner.resources:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (max-width: 960px) {
  #banner.resources {
    padding: 80px 0;
  }
  #banner.resources h1 {
    font-size: 70px;
    line-height: 95%;
  }
  #banner.resources p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 550px) {
  #banner.resources {
    padding: 30px 0;
  }
  #banner.resources h1 {
    font-size: 40px;
    max-width: 300px;
  }
  #banner.resources p {
    font-size: 20px;
    padding-bottom: 0;
  }
}

#resource .container {
  display: flex;
  padding: 0 0 160px 0;
  position: relative;
}
#resource .container:after {
  content: "";
  height: 260px;
  width: 620px;
  background: url("../img/bg-salt-footer.png") no-repeat top right;
  background-size: cover;
  position: absolute;
  bottom: -70px;
  right: -50px;
  z-index: 1000;
}
#resource .main {
  width: 60%;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 125%;
  color: #767777;
  padding: 30px 60px 30px 0;
  font-weight: 400;
}
#resource .main ul {
  padding-left: 25px;
  padding-bottom: 25px;
  list-style: disc;
}
#resource .main ul li {
  padding-bottom: 8px;
}
#resource .sidebar {
  background: #F1F2F2;
  padding: 50px;
  box-shadow: 0 2px 17px rgba(0, 0, 0, 0.25);
  width: 40%;
  box-sizing: border-box;
  margin-top: -200px;
}
#resource .sidebar h2 {
  font-weight: 900;
  text-align: left;
  margin-bottom: 25px;
}
#resource .sidebar .gform_required_legend {
  display: none !important;
}
#resource .sidebar .gfield {
  margin-bottom: 16px;
  position: relative;
}
#resource .sidebar .gfield span.error {
  bottom: -35px;
}
#resource .sidebar .gfield_select, #resource .sidebar .gfield input {
  width: 100%;
  box-sizing: border-box;
  height: 48px;
}
#resource .sidebar .gfield_radio {
  display: flex;
  margin: 4px -4px 0 -4px;
}
#resource .sidebar .gfield_radio .gchoice {
  width: 50%;
  padding: 4px;
}
#resource .sidebar .gfield_radio input[type=radio] + label {
  width: 100%;
  margin: 0;
  background: #FFF;
}
#resource .sidebar .gfield_radio input[type=radio]:checked + label {
  background: #000;
  color: #FFF;
}
#resource .sidebar .gform_button {
  margin-top: 20px;
  border: 0;
  color: #FFF;
  padding-right: 36px;
  background: #f09c21 url("../img/arrow-right-white.svg") no-repeat right 8px top 50%;
  background-size: 24px;
  transition: ease all 0.3s;
  font-family: "freight-sans-pro", sans-serif;
  font-size: 17px;
}
#resource .sidebar .gform_button:hover {
  padding-right: 42px;
  background-color: #d4881c;
}
@media only screen and (max-width: 1100px) {
  #resource .sidebar h2 {
    font-size: 40px;
    line-height: 95%;
  }
}
@media only screen and (max-width: 960px) {
  #resource .container {
    flex-wrap: wrap;
  }
  #resource .main {
    width: 100%;
    padding: 30px 0 0 0;
    font-size: 20px;
  }
  #resource .sidebar {
    width: 100%;
    margin: 30px 0 0;
  }
}
@media only screen and (max-width: 550px) {
  #resource .container {
    padding-bottom: 120px;
  }
  #resource .container:after {
    width: 100%;
    right: -10px;
    height: 200px;
  }
  #resource .main {
    padding-top: 0;
    font-size: 18px;
    line-height: 120%;
  }
  #resource .sidebar {
    padding: 30px;
  }
  #resource .sidebar h2 {
    max-width: 280px;
  }
}

/*# sourceMappingURL=main.css.map */