/*==========================================
            Colors
===========================================*/
/*==========================================
            Break Points
===========================================*/
/*==========================================
            Fonts
===========================================*/
@font-face {
  font-family: Roboto-Thin;
  src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-ThinItalic;
  src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-Light;
  src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-LightItalic;
  src: url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-Regular;
  src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-Italic;
  src: url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-Medium;
  src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-MediumItalic;
  src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-Bold;
  src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-BoldItalic;
  src: url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-Black;
  src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
}
@font-face {
  font-family: Roboto-BlackItalic;
  src: url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
}
/*****************************************************/
/* TEMPLATE STYLES */
/*****************************************************/
.roboto-italic {
  font-family: Roboto-Italic;
}
.roboto-black {
  font-family: Roboto-Black;
}
body {
  padding: 0;
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.25px;
  box-sizing: border-box;
  font-family: Roboto-Regular;
}
body[contenteditable=true] {
  padding: 20px 30px;
  box-sizing: border-box;
  height: auto;
}
.container {
  max-width: 1166px;
}
/*input[type='button'], button, a {
    -webkit-transition: color .25s linear, background-color .25s linear;
    -moz-transition: color .25s linear, background-color .25s linear;
    -o-transition: color .25s linear, background-color .25s linear;
    -ms-transition: color .25s linear, background-color .25s linear;
    transition: color .25s linear, background-color .25s linear;
}
*/
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.narrow-gutter.row {
  margin-left: -7px;
  margin-right: -8px;
}
.narrow-gutter.row div[class^="col"] {
  padding-left: 7px;
  padding-right: 8px;
}
.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
/***  PARAGRAPH  ***/
span.lead p {
  font-size: 26px;
  line-height: 35px;
  letter-spacing: 0.5px;
}
p {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.25px;
}
p.tagline {
  font-size: 35px;
  line-height: 45px;
  letter-spacing: 0.5px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
p.lead {
  font-size: 26px;
  line-height: 35px;
  letter-spacing: 0.5px;
}
p.testimonial {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #b7ada5;
  text-align: center;
  font-family: Roboto-BlackItalic;
}
p.sub-section {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Roboto-Bold;
}
p.sub-section:after {
  content: "";
  /* This is necessary for the pseudo element to work. */
  display: block;
  /* This will put the pseudo element on its own line. */
  width: 100px;
  /* Change this to whatever width you want. */
  padding-top: 20px;
  /* This creates some space between the element and the border. */
  border-bottom: 2px solid #ED8B00;
  /* This creates the border. Replace black with whatever color you want. */
}
p.content-heading {
  font-size: 58px;
  line-height: 72px;
  letter-spacing: 1px;
  font-family: Roboto-Bold;
  text-transform: uppercase;
}
.main-section {
  font-size: 72px;
  line-height: 75px;
  letter-spacing: 1px;
  padding: 36px 0 36px 26px;
  text-transform: uppercase;
  font-family: Roboto-Bold;
  color: #0085AD;
  position: relative;
}
.main-section:before {
  content: '';
  width: 2px;
  position: absolute;
  left: 0;
  background-color: #ED8B00;
  top: 51px;
  bottom: 45px;
}
/***  HEADINGS  ***/
h1 {
  font-size: 72px;
  line-height: 75px;
  letter-spacing: 1.5px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
h1.alternate {
  font-size: 36px;
  line-height: 45px;
  letter-spacing: 0;
  font-family: Roboto-BlackItalic;
  border-bottom: solid 1px #ffffff;
  display: inline-block;
  padding-bottom: 8px;
  text-transform: none;
}
h2 {
  font-size: 72px;
  line-height: 75px;
  letter-spacing: 1.5px;
  color: #0085AD;
  font-family: Roboto-Bold;
  text-transform: uppercase;
}
h3 {
  font-size: 65px;
  line-height: 75px;
  letter-spacing: 1.5px;
  color: #0085AD;
  font-family: Roboto-Bold;
  text-transform: uppercase;
}
h4 {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
h5 {
  font-size: 35px;
  line-height: 45px;
  letter-spacing: 0.5px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
h6 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
h6.alternate {
  line-height: 28px;
  font-family: Roboto-Italic;
  text-transform: none;
}
h7 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
h7.alternate {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  font-family: Roboto-Italic;
}
/***  LINKS and BUTTONS  ***/
input[type=button],
button:not(.ui-dialog-titlebar-close),
.button {
  display: inline-block;
  background-color: #ED8B00;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 30px;
  text-decoration: none;
  font-family: Roboto-Bold;
  border: 0;
  cursor: pointer;
}
input[type=button]:hover,
button:not(.ui-dialog-titlebar-close):hover,
.button:hover {
  background-color: #0085AD;
  color: #ffffff;
  text-decoration: none;
}
input[type=button].dark-green,
button:not(.ui-dialog-titlebar-close).dark-green,
.button.dark-green {
  background-color: #0085AD;
}
a {
  text-decoration: underline;
  color: #ED8B00;
  font-family: Roboto-Bold;
}
a:hover {
  color: #0085AD;
}
a.dark {
  color: #0085AD;
  font-size: 18px;
}
a.dark:hover {
  color: #ED8B00;
}
a.next {
  color: #ED8B00;
  background: url(less/'') no-repeat;
}
a.next:hover {
  color: #0085AD;
  background: url(less/'') no-repeat;
}
a.previous {
  color: #b7ada5;
  background: url(less/'') no-repeat;
}
a.previous:hover {
  cursor: initial;
  color: #b7ada5;
}
/***  MISC  ***/
hr {
  border: 0;
  border-bottom: 2px solid #ED8B00;
}
.select {
  font-size: 18px;
  font-family: Roboto-Regular;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0085AD;
  border-color: #0085AD;
}
.skip-to-main {
  background-color: #fff;
  padding: 10px;
  position: absolute;
  left: -1000px;
  z-index: 1;
}
.skip-to-main:focus {
  top: 0;
  left: 0;
}
/*** CONTAINER ***/
.container.container {
  max-width: 1166px;
  padding: 0;
}
/*****  CLASS TO SPACE OUT CONTENT ON CLIENT BUILT PAGES  *****/
.content-spacing {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}
/***  NAVIGATION DOTS  ***/
ul.nav-dots {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
ul.nav-dots li {
  list-style-type: none;
  padding: 5px 0;
  cursor: pointer;
  position: relative;
}
ul.nav-dots li button {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 10px 0;
  background-color: #b7ada5;
  border: 0;
  text-indent: -9999px;
  padding: 0;
  box-shadow: none !important;
}
ul.nav-dots li button:hover {
  background-color: #ED8B00;
}
ul.nav-dots li button.active {
  background-color: #ED8B00;
}
#fp-nav ul li {
  width: 15px;
  height: 15px;
  margin: 25px 9px;
}
#fp-nav ul li:hover {
  margin: 25px 9px;
}
#fp-nav ul li:hover a span {
  width: 15px;
  height: 15px;
  background: #ED8B00;
  margin: 0;
}
#fp-nav ul li:hover a.active span {
  width: 15px;
  height: 15px;
  background: #ED8B00;
  margin: 0;
}
#fp-nav ul li a span {
  width: 15px;
  height: 15px;
  background: #b7ada5;
  margin: 0;
}
#fp-nav ul li a.active span {
  width: 15px;
  height: 15px;
  background-color: #ED8B00;
  margin: 0;
}
/***  NAVIGATION DOTS TOOLTIP  ***/
.tooltip {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 15px;
  font-family: Roboto-Bold;
  white-space: nowrap;
  overflow: hidden;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .tooltip-inner {
  background-color: #ED8B00;
  border-radius: 0;
  padding: 8px 12px;
}
.tooltip .arrow:before {
  border-left-color: #ED8B00;
}
.tooltip .arrow:before {
  border-right-color: #ED8B00;
}
.tooltip.bs-tooltip-left,
.tooltip.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 15px;
}
.tooltip.bs-tooltip-left .arrow,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 15px;
  height: 15px;
}
.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  top: -8px;
  border-width: 15px 0 15px 15px;
}
.tooltip.bs-tooltip-right,
.tooltip.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 15px;
}
.tooltip.bs-tooltip-right .arrow,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 15px;
  height: 15px;
}
.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  top: -8px;
  border-width: 15px 15px 15px 0;
}
/*****************************************************/
/* HERO BANNER */
/*****************************************************/
.responsive-image {
  width: 100%;
}
.hero-section {
  display: block;
  height: 95vh;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-section .hero-title {
  padding-top: 160px;
  padding-bottom: 45px;
}
.hero-section .hero-title h1 {
  color: #ffffff;
}
.hero-section .hero-content {
  color: #ffffff;
}
.hero-section p {
  font-family: Roboto-Regular;
  font-size: 52px;
  line-height: 82px;
  letter-spacing: 1px;
}
.hero-section p.hero-question {
  color: #ED8B00;
  font-family: Roboto-BlackItalic;
  padding: 30px 0px 75px;
}
.hero-section .button:active {
  background-color: transparent;
}
.hero-section .button {
  background-color: transparent;
  margin: 0 auto;
  text-transform: none;
  font-family: Roboto-Italic;
  font-size: 12px;
  outline-color: transparent;
}
.hero-section .button:hover {
  background-color: transparent;
}
.hero-section .scroll-text {
  text-align: center;
}
.hero-section .vertical-border {
  height: 60px;
  border-right: 1px solid #ffffff;
}
/*****************************************************/
/* GENERIC PAGE TITLE */
/*****************************************************/
.page-title-wrapper {
  padding-top: 160px;
  padding-bottom: 45px;
  padding-bottom: 65px;
}
.page-title-wrapper h1 {
  color: #0085AD;
  border-bottom-color: #0085AD;
  margin-bottom: 0;
}
.page-title-wrapper p.tagline {
  padding-top: 35px;
  margin-bottom: 0;
}
.page-title-wrapper p.lead {
  padding-top: 26px;
}
/*****************************************************/
/* QUAD LAYOUT WIDGET */
/*****************************************************/
.card-view {
  padding-left: 0px;
  padding-right: 0px;
}
.quad-wrapper .quad-background {
  min-height: 555px;
  background-size: cover;
  background-position: center;
}
.quad-wrapper .row {
  margin: 0;
}
.quad-wrapper .quad-headline {
  margin: 0 auto;
  margin-top: 110px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.quad-wrapper .quad-headline h2 {
  color: #ffffff;
}
.quad-wrapper .quad-headline h1 {
  color: #ffffff;
}
.quad-wrapper .quad-content {
  margin: 0 auto;
  color: #ffffff;
  padding-bottom: 25px;
}
.quad-wrapper .quad-button {
  margin: 0 auto;
  padding-bottom: 50px;
}
.quad-wrapper .quad-button a {
  font-size: 14px;
}
.double .container {
  max-width: 75%;
  padding: 0px;
}
.double .quad-headline {
  margin: 0;
  margin-top: 110px;
}
.double .quad-content {
  margin: 0;
}
.double .quad-button {
  margin: 0;
}
/*****************************************************/
/* STACKED CONTENT WIDGET */
/*****************************************************/
.grey-background {
  background-color: #f7f7f7;
}
.grey-background > .container {
  padding-left: 0;
  padding-right: 0;
}
.stacked-content-wrapper {
  position: relative;
  display: block;
}
.stacked-content-wrapper .green-header {
  background-color: #ED8B00;
  padding: 32px 40px;
}
.stacked-content-wrapper .stacked-headline {
  color: #0085AD;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1px;
  font-family: Roboto-Bold;
}
.stacked-content-wrapper .row p {
  padding: 30px 15px 20px 0px;
}
.stacked-content-wrapper .card-border {
  border-bottom: 2px solid #0085AD;
  max-width: 100px;
  margin-bottom: 20px;
}
.stacked-content-wrapper .offset-left {
  margin-left: 1px;
}
.stacked-content-wrapper .offset-left .background-image {
  position: absolute;
  top: 0;
  margin-top: 150px;
  right: 0;
}
.stacked-content-wrapper .offset-left .background-image img {
  margin-left: 15px;
}
.green-card-button {
  color: #ffffff;
  background-color: #0085AD;
  border-color: #0085AD;
  text-decoration: none;
  margin-left: 15px;
}
.green-card-button:hover {
  background-color: #ED8B00;
  border-color: #ED8B00;
}
.stacked-content-wrapper .offset-right .green-header {
  position: absolute;
  top: 0;
  right: 0;
}
.stacked-content-wrapper .offset-right .background-image {
  margin-top: 150px;
}
.offset-first {
  margin-top: 25px;
}
.left {
  height: 830px;
  margin-bottom: 75px;
}
.left .background-image {
  padding-bottom: 75px;
}
.right .background-image {
  padding-bottom: 75px;
}
span.green-cards {
  color: #0085AD;
}
/*****************************************************/
/*Section content */
/*****************************************************/
.green-background {
  color: #0085AD;
  padding: 0!important;
}
/*****************************************************/
/* MAP WIDGETS */
/*****************************************************/
.background-map {
  display: none;
}
.background-map.selected {
  display: block;
}
.selected-map {
  display: none;
}
img.selected-map.selected {
  display: block;
}
.background-maps {
  display: none;
}
.background-maps.selected {
  display: block;
}
.selected-maps {
  display: none;
}
img.selected-maps.selected {
  display: block;
}
.map-wrapper {
  position: relative;
  display: inline-block;
}
.infographic-map-wrapper {
  margin: 10px 0;
  position: relative;
}
.infographic-menu-item {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  width: 280px;
  height: 55px;
}
.infographic-menu {
  right: 107px;
  bottom: 160px;
  position: absolute;
}
.infographic-menu-item img {
  cursor: pointer;
  width: 280px;
  height: 55px;
}
.infographic-menu-item:first-child {
  border-top: none;
}
.infographic-menu-item:last-child {
  border-bottom: none;
}
.selected-item {
  border-top: 2px solid #ED8B00;
  border-bottom: 2px solid #ED8B00;
  width: 280px;
  height: 60px;
}
/***************end of infographic growing region****************/
/***************infographic production map*****************/
.production-map-wrapper {
  position: relative;
}
.production-map-wrapper .infographic-menu {
  right: 52px;
  bottom: 60px;
}
.production-map-wrapper .selected-item {
  border: none;
  width: 260px;
  height: 25px;
}
.production-map-wrapper .production-menu-item {
  border: none;
  width: 260px;
  height: 30px;
  cursor: pointer;
}
.production-map-wrapper .production-title {
  margin-top: 25px;
}
#firstMap.production-menu-item {
  margin-left: 2px;
  margin-top: -3px;
}
img.first.selected-map {
  padding-top: 3px;
  margin-left: -1px;
}
img.second.selected-map {
  margin-left: 3px;
}
img.fourth.selected-map {
  margin-left: -2px;
}
img.fifth.selected-map {
  margin-left: 1px;
  margin-top: -1px;
}
img.sixth.selected-map {
  margin-top: -1px;
}
img.seventh.selected-map {
  margin-left: -1px;
}
#fourthMap.production-menu-item {
  margin-left: 4px;
}
#sixthMap.production-menu-item {
  margin-left: 3px;
}
#seventhMap.production-menu-item {
  margin-left: 3px;
}
#seventhMap.production-menu-item.selected-item {
  margin-left: 4px;
}
/*End of styles for the map widgets*/
/*****************************************************/
/*sample request bar*/
.sample-request-bar {
  height: 35px;
  color: #ffffff;
  display: none;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.sample-request-bar span {
  text-transform: uppercase;
  margin-top: 6px;
  display: inline-block;
  font-size: 16px;
}
.sample-request-bar .button {
  padding: 3px 35px;
  line-height: normal;
  font-size: 13px;
  margin-top: 6px;
}
.sample-request-bar .sample-button {
  text-align: right;
}
.sample-request-bar .sample-text {
  text-align: left;
}
.sample-row {
  cursor: pointer;
  margin-left: 0px;
  margin-right: 0px;
}
/*End for sample request bar*/
/*Styles for performance toolkit*/
.performance-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.performance-wrapper .image-column {
  padding-right: 2.5px;
  padding-left: 2.5px;
}
.performance-wrapper .image-column:hover {
  opacity: 0.75;
}
.performance-wrapper .active {
  opacity: 0.25;
}
.performance-wrapper .first-image-row {
  margin-bottom: 7px;
  margin-left: 0px;
  margin-right: 0px;
}
.performance-wrapper .second-image-row {
  margin-left: 0px;
  margin-right: 0px;
}
/* Request sample form styles */
/*****************************************************/
.request-sample-wrapper {
  padding-top: 70px;
}
.request-sample-wrapper.newsletter-wrapper {
  padding-top: 0px;
}
.request-sample-wrapper legend {
  display: none;
}
.request-sample-wrapper h1 {
  font-size: 36px;
  font-family: Roboto-BlackItalic;
}
.request-sample-wrapper .form-images {
  border-right: solid 2px #0085AD;
  margin-left: -50px;
}
.request-sample-wrapper .form-right-column {
  margin-left: 50px;
}
.request-sample-wrapper .form-content {
  padding-bottom: 30px;
}
.request-sample-wrapper .form-title {
  padding-bottom: 30px;
}
.request-sample-wrapper .submit-button {
  padding-bottom: 30px;
}
.request-sample-wrapper .form-required {
  padding-bottom: 10px;
}
.request-sample-wrapper .form-control {
  border-radius: 0;
}
.request-sample-wrapper .fixed-images-wrapper {
  position: relative;
}
.request-sample-wrapper .span-row {
  margin-top: 15px;
}
.form-right-column {
  position: relative;
}
.form-right-column .works {
  margin-bottom: 20px;
}
.form-right-column .how-this-works {
  font-family: Roboto-BlackItalic;
  font-size: 25px;
  line-height: 45px;
  letter-spacing: 0.5px;
  color: #0085AD;
}
.form-right-column .number {
  border-radius: 100%;
  border: 2px solid #0085AD;
  height: 30px;
  width: 30px;
  text-align: center;
}
.form-right-column .number p {
  font-family: Roboto-Italic;
}
.form-right-column .form-image img {
  margin-top: -6px;
}
.form-right-column .form-bottom-text {
  margin-left: 30px;
}
.form-right-column .form-bottom-text p {
  font-family: Roboto-Italic;
}
span.form-lbl {
  margin-bottom: 25px;
}
span.form-color {
  color: #ED8B00;
  text-decoration: underline;
}
.form-border {
  border-bottom: solid 2px #0085AD;
  margin-top: 50px;
  margin-bottom: 50px;
}
.product-sample {
  display: inline;
  padding-right: 30px;
}
.oil-shortening {
  display: inline;
  padding-right: 15%;
}
span.form-color-required {
  color: #DB0000;
  padding-right: 2px;
}
span.field-validation-error {
  color: red;
}
.hidden-form {
  display: none;
}
fieldset.oil-shortening-fields {
  display: flex;
  flex-wrap: wrap;
}
/* Newsletter STYLES */
/*****************************************************/
/* FOOTER STYLES */
/*****************************************************/
.footer {
  border-top: 10px solid #ED8B00;
}
.footer .container {
  margin-top: 25px;
}
.footer hr {
  border: 0;
  border-bottom: 2px solid #b7ada5;
  margin: 30px 0px;
}
.footer .footer-link-section {
  margin: 45px 0;
}
.footer .footer-link-section > a,
.footer .footer-link-section span {
  color: #3E3935;
  font-size: 35px;
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Roboto-Bold;
}
.footer .footer-link-section img.insights {
  height: 30px;
  padding-left: 15px;
}
.footer .footer-link-section .form-wrapper {
  width: 100%;
  margin: 45px 0;
}
.footer .footer-link-section .form-wrapper input {
  height: 48px;
  margin-right: 10px;
  width: 66%;
  margin-bottom: 0;
  padding-left: 5px;
}
.footer .footer-link-section .form-wrapper a.button {
  display: inline-block;
  background-color: #ED8B00;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  width: 30%;
  text-align: center;
}
.footer ul {
  list-style-type: none;
}
.footer ul li {
  padding: 10px 0;
  max-width: 98%;
}
.footer ul li a {
  color: #7D7168;
  text-decoration: none;
  text-transform: none;
  font-family: Roboto-Regular;
}
@media (min-width: 770px) {
  .footer ul li a {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 1px;
  }
}
.footer ul li a:hover {
  text-decoration: underline;
}
.footer p {
  font-size: 18px;
  line-height: 28px;
  color: #7D7168;
}
.footer p a[href^="mailto"] {
  color: black;
  text-decoration: none;
}
.footer .footnote {
  border-top: solid 1px #3E3935;
  font-size: 12px;
  text-transform: uppercase;
  color: #3E3935;
  padding-top: 25px;
}
.footer .footnote img {
  min-width: 100px !important;
  width: 100px !important;
  height: auto;
  margin-bottom: 0 !important;
}
.footer #mobile-address p {
  margin: 20px 0px;
}
.footer #mobile-address a {
  color: #3E3935;
  font-weight: 700;
}
.footer #mobile-contact a {
  color: #3E3935;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.footer #mobile-contact img {
  margin-left: 25px;
}
.footer #mobile-contact .button {
  color: #ffffff;
  font-weight: 500;
  font-family: Roboto-Regular;
}
.footer #mobile-contact .linkedin-button {
  margin-left: 60px;
  float: right;
  height: 40px;
}
.footer .address {
  color: #7D7168;
}
.footer .address img {
  width: 10%;
  right: 220px;
  position: absolute;
  bottom: 120px;
}
.footer .scroll-top {
  width: 30px !important;
  position: absolute;
  right: 200px;
  cursor: pointer;
}
.footer .scroll-top img {
  position: absolute;
  bottom: 0px;
  width: 75px;
}
.link-section {
  padding-bottom: 75px;
}
.link-section .link-section-title {
  color: #3E3935;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.link-section {
  padding-bottom: 75px;
}
.link-section .link-section-title {
  color: #3E3935;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.footnote .col-2:first-child {
  letter-spacing: -0.35px;
}
/*****************************************************/
/* END FOOTER STYLES */
/*****************************************************/
/*****************************************************/
/* HEADER STYLES */
/*****************************************************/
.sfPageContainer .header {
  display: none;
}
.header {
  text-decoration: none;
  position: fixed;
  z-index: 500;
  right: 50%;
  transform: translateX(50%);
  width: 1166px;
  /*visibility: hidden;*/
}
.header .dots {
  top: 40%;
  position: fixed;
  right: 10px;
  z-index: 10;
}
.header .col-6 {
  padding-left: 0;
  padding-right: 0;
}
.header > div {
  max-width: 1166px;
  margin: auto;
  background-color: #6E6259;
}
.header > div #desktopNav {
  height: 65px;
  background-color: transparent;
  border: 1px solid #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}
.header > div #desktopNav > div:nth-child(2) {
  width: 18%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .header > div #desktopNav > div:nth-child(2) img {
    width: 100%;
  }
}
.header > div #desktopNav .nav-image {
  border-right: 1px solid #ffffff;
  height: 60px;
}
.header > div #desktopNav a {
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}
.header > div #desktopNav a img {
  max-width: 131px;
  margin-top: 10px;
}
.header > div #desktopNav .collapse > ul {
  font-size: 13px;
  font-family: Roboto-Bold;
  height: 65px;
  width: 100%;
  justify-content: space-evenly;
  padding-right: 30px;
}
.header > div #desktopNav .collapse > ul > li {
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  height: 99.9%;
  padding: 0 15px;
}
.header > div #desktopNav .collapse > ul > li > a {
  margin: 0 auto;
  font-size: 13px;
  line-height: 15px;
}
.header > div #desktopNav .collapse > ul > li > a.nav-link {
  padding: 8px 0;
}
.header > div #desktopNav .collapse > ul > li > a.nav-link:hover {
  color: #ED8B00;
}
.header > div #desktopNav .collapse > ul > li.active > a {
  padding-bottom: 5px;
  border-bottom: 2px solid #ED8B00;
  margin-left: 5px;
  margin-right: 5px;
}
.header > div #desktopNav .collapse > ul > li.active .active {
  color: #ED8B00 !important;
  display: inline;
  border-bottom: 2px solid;
  padding-bottom: 2px;
}
.header > div #desktopNav .collapse > ul > li:hover {
  border-left: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  background-color: #0085AD;
  transition: background-color ease 1s;
}
.header > div #desktopNav .collapse > ul > li:hover ul {
  display: block;
}
.header > div #desktopNav .collapse > ul > li:hover ul ul {
  display: none;
}
.header > div #desktopNav .collapse > ul > li:hover ul ul ul.dropdown-menu {
  display: none;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu {
  margin-top: -1px;
  border-radius: 0;
  background-color: #0085AD;
  border: 1px solid #ffffff;
  min-width: unset;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu:hover {
  display: block;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu li {
  padding: 10px 20px;
  margin: 0px;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu li:hover a {
  color: #ED8B00;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu li:hover ul {
  display: block;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu li:hover ul a {
  color: #ffffff;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu li:hover ul a:hover {
  color: #ED8B00;
}
.header > div #desktopNav .collapse > ul > li .dropdown-menu li li:hover ul {
  display: block;
}
.header > div #desktopNav .collapse > ul > li .dropdown-item {
  padding: 0;
  font-size: 13px;
  line-height: 15px;
}
.header > div #desktopNav .collapse > ul > li:last-child {
  white-space: nowrap;
}
.header > div #desktopNav .collapse > ul > li:first-child {
  border-left: none;
}
.header > div #desktopNav .form-inline .form-group {
  position: relative;
  border: 1px solid #ffffff;
  border-radius: 5px;
  margin-bottom: 0;
}
.header > div #desktopNav .form-inline .form-group ::-webkit-input-placeholder {
  text-align: center;
  color: #ffffff;
  padding-right: 30px;
  text-transform: uppercase;
}
.header > div #desktopNav .form-inline .form-group button {
  background-color: transparent;
  border: none;
  padding: 0;
  top: 2px;
  width: 25px;
  margin-left: 5px;
  position: absolute;
}
.header > div #desktopNav .form-inline .form-group input {
  width: 200px;
  background-color: transparent;
  border: none;
  color: #ffffff;
  padding-left: 30px;
  font-size: 13px;
  line-height: 24px;
  font-family: Roboto-Bold;
  letter-spacing: 0.25px;
}
.header > div #desktopNav .form-inline .form-group label {
  position: absolute;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 35%;
}
.header > div #subNav {
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-flex;
  width: 100%;
  height: 35px;
}
.header > div #subNav ul {
  text-decoration: none;
  list-style: none;
  display: inline-flex;
  margin: 0 auto;
  padding: 0;
}
.header > div #subNav ul li {
  padding: 3px 20px 0 20px;
}
.header > div #subNav ul li a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
}
.header > div #subNav ul li a:hover {
  color: #ED8B00;
}
.header > div #subNav ul li a:active {
  color: #ED8B00;
}
.light-green {
  color: #ED8B00 !important;
}
.dropdown-submenu {
  position: relative;
}
.transparent-background {
  background-color: rgba(0, 0, 0, 0.25) !important;
  transition: background-color 1.5s ease;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header > div #desktopNav .form-inline .form-group input {
    width: 175px;
    height: 26px;
    padding-left: 0px;
  }
  [type='search'] {
    text-align: center;
  }
  .header > div #desktopNav a img {
    width: 145px;
  }
  .header > div #desktopNav .collapse > ul > li > a.nav-link {
    margin-left: -5px;
  }
}
/*****************************************************/
/* END OF HEADER STYLES */
/*****************************************************/
/*****************************************************/
/* MEDIA RESOURCES */
/*****************************************************/
.title {
  color: #0085AD;
  font-family: Roboto-Bold;
  padding-top: 24px;
}
.video-resources .item {
  width: 100%;
  position: relative;
  padding-bottom: 40px;
}
.video-resources .item .title {
  margin-bottom: 0;
}
.video-resources .item .play {
  position: absolute;
  top: 20%;
  left: 40%;
  cursor: pointer;
}
.video-resources .item .play img {
  width: 120px;
}
.video-resources .item .video-thumb img {
  width: 100%;
  height: 314px;
}
.video-resources .item .video-thumb img:hover {
  cursor: pointer;
}
.video-resources .item .video-content {
  margin: 0 auto;
  padding-top: 20px;
}
.video-resources .item .video-content p {
  color: #3E3935;
}
.photo-resources {
  padding-bottom: 40px;
}
.photo-resources div.item {
  margin-bottom: 20px;
}
.photo-resources div.item img {
  cursor: pointer;
  width: 100%;
}
.photo-resources div.item .photo {
  display: none;
}
.logo-resources .item {
  padding-bottom: 40px;
}
.logo-resources .item img {
  border: 1px solid #3E3935;
  width: 100%;
}
.logo-resources .item .download {
  color: #0085AD;
}
.logo-resources .item .download a {
  padding: 0 5px;
  text-decoration: none;
}
.brochure-resources .item {
  padding-bottom: 40px;
}
.brochure-resources .item .title {
  color: #0085AD;
}
/* MODAL */
.ui-widget-header {
  border: none;
  background-color: transparent;
  background-image: none;
}
.ui-widget-overlay {
  opacity: 0.3;
}
.ui-dialog {
  z-index: 600;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 8px;
  background-image: url('/ResourcePackages/Qualisoy/assets/css/vendor/jquery-ui/images/ui-icons_555555_256x240.png');
  background-position: -94px -126px;
  border: 0;
  cursor: pointer;
}
.ui-dialog .ui-dialog-content {
  padding: 0 30px 30px 30px;
  overflow: hidden;
}
.ui-dialog .caption {
  position: absolute;
  bottom: 30px;
  background-color: #3E3935;
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: #FFFFFF;
  width: 860px;
  padding: 10px;
}
/*****************************************************/
/* NEWS & RESOURCES WIDGET */
/*****************************************************/
.grey-background-color {
  background-color: #f7f7f7;
}
.grey-background-color .container {
  padding-left: 15px;
  padding-right: 15px;
}
.news-list-wrapper {
  margin: 20px auto;
  position: relative;
}
.news-list-wrapper .news-sort-wrapper {
  position: absolute;
  right: 0;
  top: -175px;
  text-align: right;
}
.news-list-wrapper .news-sort-wrapper .sort {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0085AD;
  font-family: Roboto-Bold;
}
.news-list-wrapper .news-sort-wrapper select {
  min-width: 200px;
  max-width: 300px;
  margin: 10px 0;
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url('../images/Menu arrow dark green.png');
  background-repeat: no-repeat;
  background-position: right;
  background-position: 95%;
  background-size: 15px;
  cursor: pointer;
}
.news-list-wrapper .news-sort-wrapper select::-ms-expand {
  display: none;
}
.news-list-wrapper .row {
  margin: 45px 0;
  box-shadow: -2px 0px 10px #8080804d;
}
.news-list-wrapper .row .left-border {
  height: 75px;
  border-right: 1px solid grey;
}
.news-list-wrapper .row .news-content {
  width: 75%;
  margin: 20px auto;
  margin-bottom: 95px;
}
.news-list-wrapper .row .news-content .h6-alternate {
  line-height: 28px;
  font-family: Roboto-Italic;
  text-transform: none;
  font-size: 18px;
  letter-spacing: 0px;
  color: #0085AD;
}
.news-list-wrapper .row .news-content .tagline {
  margin: 30px 0;
}
.news-list-wrapper .row .news-content .dark {
  margin-top: 30px;
  display: block;
}
.news-list-wrapper .row .news-content ~ .left-border {
  position: absolute;
  bottom: 0;
  margin-left: -15px;
}
.news-list-wrapper .row .col-lg-6 img {
  max-height: 750px;
}
.news-list-wrapper .row .col-lg-6:nth-child(2) {
  padding-right: 0;
}
.news-list-wrapper .button {
  display: block;
  margin: 0 auto;
}
.news-list-wrapper .hide {
  display: none;
}
.content-section {
  position: relative;
  background-position: center;
  background-size: cover;
  transform: translate3d(0, 0, 0);
}
.content-section .background-image {
  max-height: 100vh;
  overflow: hidden;
}
.content-section .background-image img {
  opacity: 0;
  max-height: 100vh;
}
.content-section .inner-content {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translatey(-50%);
}
.content-section .inner-content span.lead p {
  padding-top: 34px;
}
.content-section .inner-content .content-button {
  margin-top: 60px;
}
.news-detail-wrapper h1.alternate {
  position: absolute;
  margin-top: 17%;
  left: 0px;
  color: #ffffff;
}
.news-detail-wrapper p.alternate {
  position: absolute;
  margin-top: 20%;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  font-size: 40px;
  font-family: Roboto-Italic;
  padding-bottom: 4px;
  padding-left: 0px;
}
.news-detail-wrapper .hero-image {
  margin-top: -30%;
}
.news-detail-wrapper .article-info .image-wrapper {
  display: inline;
  border-bottom: 2px solid #d3d3d3;
  padding-bottom: 50px;
}
.news-detail-wrapper .article-info .image-wrapper img {
  width: 20%;
  margin-top: -100px;
}
.news-detail-wrapper .author-info {
  display: inline;
  padding-top: 20px;
  padding-left: 30px;
}
.news-detail-wrapper .author-info .author-name p {
  color: #0085AD;
  font-size: 32px;
  padding-bottom: 10px;
}
.news-detail-wrapper .author-info .date-wrapper {
  font-size: 16px;
  margin-top: -15px;
}
.news-detail-wrapper .author-info .date-wrapper span:first-child {
  margin-right: 24px;
}
.news-detail-wrapper .article-text {
  margin-top: 5rem;
}
.news-detail-wrapper .article-text .col-lg-8 {
  padding-left: 0;
  padding-right: 0;
}
.news-detail-wrapper .article-text .col-lg-8 .separator {
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
}
.news-detail-wrapper .article-text .tagline {
  font-size: 80px;
}
.news-detail-wrapper .article-text .reference {
  margin-bottom: 150px;
  padding-left: 0;
}
.news-detail-wrapper .article-text .reference ol {
  padding-inline-start: 15px;
}
.news-detail-wrapper .article-text .reference p {
  margin-bottom: 0;
  font-weight: 600;
}
.news-detail-wrapper .article-text .reference a {
  font-family: Roboto-Regular;
  overflow-wrap: break-word;
}
.news-detail-wrapper .other-articles {
  border-top: 2px solid #0085AD;
  border-bottom: 2px solid #0085AD;
  background-color: #ffffff;
}
.news-detail-wrapper .other-articles .article {
  padding: 40px 15px;
}
.news-detail-wrapper .other-articles .article .h6-alternate {
  line-height: 28px;
  font-family: Roboto-Italic;
  text-transform: none;
  font-size: 18px;
  letter-spacing: 0px;
  color: #0085AD;
}
.news-detail-wrapper .other-articles .article a {
  text-decoration: none;
  border-bottom: 1px solid #0085AD;
  padding-bottom: 3px;
}
.news-detail-wrapper .other-articles .article:last-child {
  padding-left: 25px;
  border-left: 2px solid #0085AD;
}
.news-detail-wrapper .other-articles .col-lg-12 {
  border-left: none !important;
}
/*****************************************************/
/* Events Sitefinity widget
/*****************************************************/
.event-list {
  padding-top: 10px;
}
.event-list li {
  padding-bottom: 16px;
}
.event-list .event-title a {
  text-decoration: none;
}
.event-list .event-title a:hover {
  text-decoration: underline;
}
.event-list .events-row-mobile {
  display: none;
}
.event-details .details-title {
  padding-top: 20px;
  padding-bottom: 20px;
}
.event-details strong {
  padding-right: 5px;
}
.event-details a {
  text-decoration: none;
}
.event-details a:hover {
  text-decoration: underline;
}
.event-details .details-content {
  padding-top: 20px;
  padding-bottom: 30px;
}
.event-details span.lead {
  font-size: 26px;
}
/*****************************************************/
/* HOME PAGE CAROUSEL */
/*****************************************************/
.home-carousel {
  position: relative;
}
.gallery-container {
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
}
.gallery-container h1 {
  color: #ffffff;
}
.gallery-container h2 {
  color: #ffffff;
  font-size: 62px;
}
.gallery-container .carousel-headline {
  padding-bottom: 40px;
  padding-top: 50px;
}
.gallery-container .carousel-content {
  padding-bottom: 30px;
}
.gallery-container .button {
  border: none;
  line-height: normal;
}
.gallery-wrapper .carousel-title {
  transform: translatex(50%);
  position: absolute;
  z-index: 2;
  width: 1166px;
  right: 50%;
  top: 175px;
}
.gallery-wrapper .carousel-title h1 {
  color: white;
}
.gallery-wrapper button {
  background-color: transparent;
  outline-color: transparent;
}
.gallery-wrapper ::before {
  display: none;
}
.gallery-wrapper .slick-next.active {
  background-image: url('../images/Slider Arrow Right Active.png');
}
.gallery-wrapper .slick-prev.active {
  background-image: url('../images/Slider Arrow Left Active.png');
}
.gallery-wrapper .play-button.active {
  background-image: url('../images/Slider Play Active.png');
}
.gallery-wrapper .pause.active {
  background-image: url('../images/Slider Pause Active.png');
}
.gallery-wrapper .slick-next {
  padding: 0px;
  width: 50px;
  height: 50px;
}
.gallery-wrapper .slick-next.custom-arrow {
  background-image: url('../images/Slider Arrow Right.png');
  background-repeat: no-repeat;
}
.gallery-wrapper .slick-prev {
  padding: 0px;
  right: auto;
  width: 50px;
  height: 50px;
  z-index: 5;
}
.gallery-wrapper .slick-prev.custom-arrow {
  background-image: url('../images/Slider Arrow Left.png');
  background-repeat: no-repeat;
}
.gallery-wrapper .pause {
  background-repeat: no-repeat;
  background-size: contain;
}
.gallery-wrapper .pause.custom-arrow {
  background-image: url('../images/Slider Pause Button.png');
}
.gallery-wrapper .play-button {
  background-repeat: no-repeat;
  background-size: contain;
}
.gallery-wrapper .play-button.custom-arrow {
  background-image: url('../images/Play _Button.png');
}
.gallery-wrapper .pause-play {
  align-self: baseline;
  display: flex;
  height: 50px;
  padding: 0px;
  width: 50px;
}
.gallery-wrapper .pause-play:hover {
  background-color: transparent;
}
.gallery-wrapper .slick-next:hover {
  background-color: transparent;
}
.gallery-wrapper .slick-prev:hover {
  background-color: transparent;
}
.gallery-wrapper .slick-slide {
  position: relative;
  height: 100vh;
}
.gallery-wrapper .slick-slide .container {
  padding-top: 250px;
}
.gallery-wrapper .carousel-row {
  margin-left: 25px;
  /* margin-top: -260px; */
  /* margin-bottom: 162px; */
  position: absolute;
  bottom: 20px;
}
.gallery-wrapper .carousel-control {
  z-index: 1;
  margin-left: 7px;
}
.carousel-control button.slick-next.slick-arrow {
  right: auto !important;
  margin-left: 48px;
  width: 50px !important;
}
.carousel-control button.slick-prev.slick-arrow {
  right: auto !important;
  width: 50px !important;
}
button .button.transparent-button {
  background-color: transparent;
}
.scroll-row {
  /*margin-top: -270px;*/
}
.scroll-row .scroll-text {
  text-align: center;
}
.scroll-row .scroll-wrapper {
  /* margin-bottom: 135px; */
  position: absolute;
  bottom: 20px;
  transform: translate(50%);
  right: 50%;
}
.scroll-row .vertical-border {
  height: 60px;
  border-right: 1px solid #ffffff;
}
.scroll-row .transparent-button {
  font-size: 12px;
  text-transform: none;
  font-family: Roboto-Italic;
  z-index: 2;
}
.scroll-row .transparent-button:hover {
  background-color: transparent;
}
.sf-Gallery-thumbs-container {
  position: relative;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .gallery-wrapper .carousel-control {
    margin-left: 8px;
    padding-top: 48px;
  }
  .gallery-wrapper .carousel-control button.slick-next.slick-arrow {
    margin-top: 8px;
  }
  .gallery-wrapper .carousel-control button.slick-prev.slick-arrow {
    margin-top: 8px;
  }
  .gallery-wrapper .carousel-control button.pause-play {
    margin-top: -32px;
  }
  .gallery-wrapper .carousel-row {
    margin-left: 25px;
    /* margin-top: -260px; */
    /* margin-bottom: 162px; */
    position: absolute;
    bottom: 0;
  }
  .gallery-wrapper .scroll-row .scroll-text {
    margin-left: -30px;
  }
}
/*****************************************************/
/* NEWS CAROUSEL WIDGET */
/*****************************************************/
.news-carousel-wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
}
.news-carousel-wrapper .row {
  position: absolute;
  z-index: 1;
  width: 1166px;
  right: 50%;
  top: 20%;
  transform: translate(50%, 50%);
  margin: 0;
}
.news-carousel-wrapper .row div {
  padding-left: 0;
}
.news-carousel-wrapper .row .next {
  vertical-align: -webkit-baseline-middle;
  font-family: Roboto-Italic;
  margin-bottom: 15px;
  display: inline-block;
}
.news-carousel-wrapper .row .next img {
  height: 20px;
  margin-left: 5px;
}
.news-carousel-wrapper .row .tagline {
  color: #ED8B00;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 1px;
  padding-right: 20px;
  display: inline-block;
  margin-bottom: 0;
}
.news-carousel-wrapper .news-carousel-inner {
  height: 100%;
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow {
  z-index: 2;
  background-color: transparent;
  color: #ED8B00;
  height: auto;
  width: auto;
  font-size: 26px;
  line-height: 35px;
  letter-spacing: 0.5px;
  font-family: Roboto-BlackItalic;
  top: 68%;
  background-repeat: no-repeat;
  background-size: 20px;
  height: 35px;
  text-decoration: underline;
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow::before {
  display: none;
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow:hover {
  color: #4e9d2d;
  text-decoration: underline;
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow.slick-next {
  width: 190px;
  text-align: left;
  background-position: right;
  background-image: url('../images/Active Arrow Right.png');
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow.slick-next.slick-disabled {
  background-image: url('../images/Inactive Arrow Right.png');
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow.slick-prev {
  left: auto;
  text-align: right;
  background-position: left;
  width: 240px;
  background-image: url('../images/Active Arrow Left.png');
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow.slick-prev.slick-disabled {
  background-image: url('../images/Inactive Arrow Left.png');
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow.slick-disabled {
  color: #b7ada5;
  cursor: default;
}
.news-carousel-wrapper .news-carousel-inner .slick-arrow.slick-disabled:hover {
  color: #b7ada5;
}
.news-carousel-wrapper .news-carousel-inner .slick-slide {
  position: relative;
  height: 100vh;
}
.news-carousel-wrapper .news-carousel-inner .slick-slide img {
  height: 100%;
  max-width: unset;
  width: 100%;
}
.news-carousel-wrapper .news-carousel-inner .news-slide-text {
  position: absolute;
  z-index: 1;
  width: 1166px;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.news-carousel-wrapper .news-carousel-inner .news-slide-text h3 {
  color: white;
}
.news-carousel-wrapper .news-carousel-inner .news-slide-text p {
  color: white;
  padding: 25px 0;
}
.news-carousel-wrapper .news-carousel-inner a {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 1px;
  position: absolute;
}
.news-carousel-wrapper .news-carousel-inner .continue-reading {
  top: calc(66% + 5px);
}
.news-carousel-wrapper .news-carousel-inner .external-link {
  top: calc(70% + 5px);
}
/**** BENEFITS PAGE ****/
.old-container {
  width: 940px;
}
.old-container .youtube-widget {
  width: 400px !important;
  height: 300px;
  position: absolute;
  right: 50%;
  top: -405px;
  padding: 0;
  transform: translate(50%);
}
.old-container div.video-resources .item .video-thumb img {
  height: 300px;
}
.old-container .card-view {
  position: relative;
  min-height: unset;
  height: 0px;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
}
/****  PARTNER PAGE  ****/
.partner.container {
  margin-bottom: 20px;
}
.partner.container img {
  max-height: 64px;
}
/*Search Results*/
.search-results {
  margin-top: 100px;
}
.search-results .search-result-body {
  padding-bottom: 30px;
}
.search-results .search-result-body .search-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: -3px;
  color: #ED8B00;
  font-family: Roboto-Bold;
}
.search-results .search-result-body .search-url {
  color: #7D7168;
}
.search-results .text-muted {
  display: none;
}
.search-results h1 {
  font-size: 19px;
  letter-spacing: normal;
}
.search-results h1.no-result {
  text-transform: uppercase;
  padding-left: 40px;
}
ul.pagination {
  padding-bottom: 5px;
}
ul.pagination li {
  padding-right: 10px;
}
/*nav arrows*/
.nav-up.nav {
  background-image: url('../images/nav_arrow_up.png');
}
.nav-up {
  top: 30px;
  right: 50px;
}
.nav-up.active {
  background-image: url('../images/Nav Arrow Up Active.png');
  top: 30px;
  right: 50px;
}
.nav-down .nav {
  background-image: url('../images/nav_arrow_down.png');
}
.nav-down {
  bottom: 30px;
  right: 50px;
}
.nav-down.active {
  background-image: url('../images/Nav Arrow Down Active.png');
}
.nav-arrow {
  width: 50px;
  z-index: 501;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.nav-arrow:hover {
  cursor: pointer;
}
.container-arrow {
  position: relative;
}
.container-arrow .nav-down {
  margin-right: -18%;
  bottom: 50px;
}
.container-arrow .nav-up {
  margin-right: -18%;
  top: 50px;
}
/**** SOY PORTFOLIO WIDGET   ****/
.portfolio-wrapper {
  margin-bottom: 30px;
}
.portfolio-wrapper .sort-column p {
  color: #0085AD;
  text-transform: uppercase;
}
.portfolio-wrapper .sort-button {
  max-width: 284px;
  background-color: #E5E1DB;
  cursor: pointer;
}
.portfolio-wrapper .sort-button p {
  color: #3E3A35;
  text-align: center;
}
.portfolio-wrapper .active-sort {
  background-color: #3E3A35;
  cursor: pointer;
}
.portfolio-wrapper .active-sort p {
  color: white;
}
.portfolio-wrapper .details-pane {
  background-color: #0085AD;
  margin-left: 15px;
}
.portfolio-wrapper .details-pane p {
  color: #ffffff;
  text-align: center;
}
.portfolio-wrapper .sort-row {
  margin-bottom: 20px;
}
.portfolio-wrapper .sort-row p {
  text-transform: uppercase;
  margin: 12px 0;
  font-family: Roboto-Bold;
  letter-spacing: 0.25px;
}
.icon-wrapper .icons {
  cursor: pointer;
  background-repeat: no-repeat;
  height: 180px;
  width: 180px;
  margin-bottom: 15px;
  background-size: contain;
  margin-left: -15px;
}
.icon-wrapper .details-content {
  display: none;
}
.icon-wrapper .active-details {
  display: block;
  margin-top: 36px;
  margin-bottom: 40px;
}
.icon-wrapper .active-details .lead {
  color: #0085AD;
  line-height: normal;
  font-size: 40px;
  padding-bottom: 20px;
  font-family: Roboto-Bold;
  text-transform: uppercase;
}
.icon-wrapper .intro-content {
  margin-top: 36px;
  margin-bottom: 40px;
}
.icon-wrapper .intro-content .lead {
  color: #0085AD;
  font-size: 40px;
  line-height: normal;
  padding-bottom: 20px;
  font-family: Roboto-Bold;
  text-transform: uppercase;
}
.icon-wrapper .details-content-pane {
  background-color: #f5f3f0;
  min-height: 960px;
  padding: 0 60px;
}
.icon-wrapper .mobile-view {
  display: none;
}
.icon-wrapper .details-url {
  display: none;
}
.icon-wrapper .dressings.not-active {
  background-image: url('../images/portfolio/dressings.png');
}
.icon-wrapper .dressings.active {
  background-image: url('../images/portfolio/Active-Dressings.png');
}
.icon-wrapper .dressings.hover {
  background-image: url('../images/portfolio/Applications-Hover-Dressings.png');
}
.icon-wrapper .sautes.not-active {
  background-image: url('../images/portfolio/sautes.png');
}
.icon-wrapper .sautes.active {
  background-image: url('../images/portfolio/Active-Sautes.png');
}
.icon-wrapper .sautes.hover {
  background-image: url('../images/portfolio/Applications-Hover-Sautes.png');
}
.icon-wrapper .baked-breads.not-active {
  background-image: url('../images/portfolio/baked-breads.png');
}
.icon-wrapper .baked-breads.active {
  background-image: url('../images/portfolio/Active-Baked Breads.png');
}
.icon-wrapper .baked-breads.hover {
  background-image: url('../images/portfolio/Applications-Hover-Baked Breads.png');
}
.icon-wrapper .spray-oils.not-active {
  background-image: url('../images/portfolio/spray-oils.png');
}
.icon-wrapper .spray-oils.active {
  background-image: url('../images/portfolio/Active-Spray Oils.png');
}
.icon-wrapper .spray-oils.hover {
  background-image: url('../images/portfolio/Applications-Hover-Spray Oils.png');
}
.icon-wrapper .release-agents.not-active {
  background-image: url('../images/portfolio/release-agents.png');
}
.icon-wrapper .release-agents.active {
  background-image: url('../images/portfolio/Active-Release Agents.png');
}
.icon-wrapper .release-agents.hover {
  background-image: url('../images/portfolio/Applications-Hover-Release Agents.png');
}
.icon-wrapper .packaged-foods.not-active {
  background-image: url('../images/portfolio/packaged-foods.png');
}
.icon-wrapper .packaged-foods.active {
  background-image: url('../images/portfolio/Active-Packaged Foods.png');
}
.icon-wrapper .packaged-foods.hover {
  background-image: url('../images/portfolio/Applications-Hover-Packaged Foods.png');
}
.icon-wrapper .cookies.not-active {
  background-image: url('../images/portfolio/cookies.png');
}
.icon-wrapper .cookies.active {
  background-image: url('../images/portfolio/Active-Cookies.png');
}
.icon-wrapper .cookies.hover {
  background-image: url('../images/portfolio/Applications-Hover-Cookies.png');
}
.icon-wrapper .cakes.not-active {
  background-image: url('../images/portfolio/cakes.png');
}
.icon-wrapper .cakes.active {
  background-image: url('../images/portfolio/Active-Cakes.png');
}
.icon-wrapper .cakes.hover {
  background-image: url('../images/portfolio/Applications-Hover-Cakes.png');
}
.icon-wrapper .pies.not-active {
  background-image: url('../images/portfolio/pies.png');
}
.icon-wrapper .pies.active {
  background-image: url('../images/portfolio/Active-Pies.png');
}
.icon-wrapper .pies.hover {
  background-image: url('../images/portfolio/Applications-Hover.png');
}
.icon-wrapper .pastries.not-active {
  background-image: url('../images/portfolio/pastries.png');
}
.icon-wrapper .pastries.active {
  background-image: url('../images/portfolio/Active-Puff Pastries.png');
}
.icon-wrapper .pastries.hover {
  background-image: url('../images/portfolio/Applications-Hover-Puff Pastries.png');
}
.icon-wrapper .icings.not-active {
  background-image: url('../images/portfolio/icings.png');
}
.icon-wrapper .icings.active {
  background-image: url('../images/portfolio/Active-Icings.png');
}
.icon-wrapper .icings.hover {
  background-image: url('../images/portfolio/Applications-Hover-Icings.png');
}
.icon-wrapper .donut-frying.not-active {
  background-image: url('../images/portfolio/donut-frying.png');
}
.icon-wrapper .donut-frying.active {
  background-image: url('../images/portfolio/Active-Donut Frying.png');
}
.icon-wrapper .donut-frying.hover {
  background-image: url('../images/portfolio/Applications-Hover-Donut Frying.png');
}
.icon-wrapper .deep-frying.not-active {
  background-image: url('../images/portfolio/deep-frying.png');
}
.icon-wrapper .deep-frying.active {
  background-image: url('../images/portfolio/Active-Deep Frying.png');
}
.icon-wrapper .deep-frying.hover {
  background-image: url('../images/portfolio/Applications-Hover-Deep Frying.png');
}
.icon-wrapper .fried-snacks.not-active {
  background-image: url('../images/portfolio/fried-snacks.png');
}
.icon-wrapper .fried-snacks.active {
  background-image: url('../images/portfolio/Active-Fried Snacks.png');
}
.icon-wrapper .fried-snacks.hover {
  background-image: url('../images/portfolio/Applications-Hover-Fried Snacks.png');
}
.icon-wrapper .baked-snacks.not-active {
  background-image: url('../images/portfolio/baked-snacks.png');
}
.icon-wrapper .baked-snacks.active {
  background-image: url('../images/portfolio/Active-Baked Snacks.png');
}
.icon-wrapper .baked-snacks.hover {
  background-image: url('../images/portfolio/Applications-Hover-Baked Snacks.png');
}
.icon-wrapper .related-row {
  display: none;
  max-width: 456px;
  padding-bottom: 30px;
}
.icon-wrapper .related-row .related-icons {
  height: 110px !important;
  width: 110px !important;
  background-size: contain;
  cursor: pointer;
  margin-bottom: 4px;
  background-repeat: no-repeat;
}
.icon-wrapper .related-row .so.not-related {
  background-image: url('../images/portfolio/Application-Soybean Oil-Deactive.png');
}
.icon-wrapper .related-row .so.active {
  background-image: url('../images/portfolio/Application-Soybean Oil-Color.png');
}
.icon-wrapper .related-row .so.mobile-not-related {
  background-image: url('../images/Application-Soybean Oil-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .so.mobile-active {
  background-image: url('../images/Application-Soybean Oil-Color-Mobile.svg');
}
.icon-wrapper .related-row .hos.not-related {
  background-image: url('../images/portfolio/Application-HOSoy-Deactive.png');
}
.icon-wrapper .related-row .hos.active {
  background-image: url('../images/portfolio/Application-HOSoy-Color.png');
}
.icon-wrapper .related-row .hos.mobile-not-related {
  background-image: url('../images/Application-HOSoy-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .hos.mobile-active {
  background-image: url('../images/Application-HOSoy-Color-Mobile.svg');
}
.icon-wrapper .related-row .csbm.not-related {
  background-image: url('../images/portfolio/Application-CSBM-Deactive.png');
}
.icon-wrapper .related-row .csbm.active {
  background-image: url('../images/portfolio/Application-CSBM-Color.png');
}
.icon-wrapper .related-row .csbm.mobile-not-related {
  background-image: url('../images/Application-CSBM-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .csbm.mobile-active {
  background-image: url('../images/Application-CSBM-Color-Mobile.svg');
}
.icon-wrapper .related-row .csds.not-related {
  background-image: url('../images/portfolio/Application-CSDS-Deactive.png');
}
.icon-wrapper .related-row .csds.active {
  background-image: url('../images/portfolio/Application-CSDS-Color.png');
}
.icon-wrapper .related-row .csds.mobile-not-related {
  background-image: url('../images/Application-CSDS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .csds.mobile-active {
  background-image: url('../images/Application-CSDS-Color-Mobile.svg');
}
.icon-wrapper .related-row .csis.not-related {
  background-image: url('../images/portfolio/Application-CSIS-Deactive.png');
}
.icon-wrapper .related-row .csis.active {
  background-image: url('../images/portfolio/Application-CSIS-Color.png');
}
.icon-wrapper .related-row .csis.mobile-not-related {
  background-image: url('../images/Application-CSIS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .csis.mobile-active {
  background-image: url('../images/Application-CSIS-Color-Mobile.svg');
}
.icon-wrapper .related-row .csas.not-related {
  background-image: url('../images/portfolio/Application-CSAS-Deactive.png');
}
.icon-wrapper .related-row .csas.active {
  background-image: url('../images/portfolio/Application-CSAS-Color.png');
}
.icon-wrapper .related-row .csas.mobile-not-related {
  background-image: url('../images/Application-CSAS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .csas.mobile-active {
  background-image: url('../images/Application-CSAS-Color-Mobile.svg');
}
.icon-wrapper .related-row .hsbm.not-related {
  background-image: url('../images/portfolio/Application-HOSBM-Deactive.png');
}
.icon-wrapper .related-row .hsbm.active {
  background-image: url('../images/portfolio/Application-HOSBM-Color.png');
}
.icon-wrapper .related-row .hsbm.mobile-not-related {
  background-image: url('../images/Application-SSS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .hsbm.mobile-active {
  background-image: url('../images/Application-SSS-Color-Mobile.svg');
}
.icon-wrapper .related-row .hsds.not-related {
  background-image: url('../images/portfolio/Application-HOSDS-Deactive.png');
}
.icon-wrapper .related-row .hsds.active {
  background-image: url('../images/portfolio/Application-HOSDS-Color.png');
}
.icon-wrapper .related-row .hsds.mobile-not-related {
  background-image: url('../images/Application-HOSDS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .hsds.mobile-active {
  background-image: url('../images/Application-HOSDS-Color-Mobile.svg');
}
.icon-wrapper .related-row .hsas.not-related {
  background-image: url('../images/portfolio/Application-HOSAS-Deactive.png');
}
.icon-wrapper .related-row .hsas.active {
  background-image: url('../images/portfolio/Application-HOSAS-Color.png');
}
.icon-wrapper .related-row .hsas.mobile-not-related {
  background-image: url('../images/Application-HOSAS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .hsas.mobile-active {
  background-image: url('../images/Application-HOSAS-Color-Mobile.svg');
}
.icon-wrapper .related-row .hsis.not-related {
  background-image: url('../images/Portfolio/Application-HOSIS-Deactive.png');
}
.icon-wrapper .related-row .hsis.active {
  background-image: url('../images/Portfolio/Application-HOSIS-Color.png');
}
.icon-wrapper .related-row .hsis.mobile-not-related {
  background-image: url('../images/Application-HOSIS-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .hsis.mobile-active {
  background-image: url('../images/Application-HOSIS-Color-Mobile.svg');
}
.icon-wrapper .related-row .chsb.not-related {
  background-image: url('../images/portfolio/Application-Blends Oil-Deactive.png');
}
.icon-wrapper .related-row .chsb.active {
  background-image: url('../images/portfolio/Application-Blends Oil-Color.png');
}
.icon-wrapper .related-row .chsb.mobile-not-related {
  background-image: url('../images/Application-Blends Oil-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .chsb.mobile-active {
  background-image: url('../images/Application-Blends Oil-Color-Mobile.svg');
}
.icon-wrapper .related-row .hhsb.not-related {
  background-image: url('../images/portfolio/Application-HO Hydro Blends-Deactive.png');
}
.icon-wrapper .related-row .hhsb.active {
  background-image: url('../images/portfolio/Application-HO Hydro Blends-Color.png');
}
.icon-wrapper .related-row .hhsb.mobile-not-related {
  background-image: url('../images/Application-Blends Oil-Deactive-Mobile.svg');
}
.icon-wrapper .related-row .hhsb.mobile-active {
  background-image: url('../images/Application-Blends Oil-Color-Mobile.svg');
}
.icon-wrapper.soy-wrapper {
  display: none;
}
.icon-wrapper.soy-wrapper .soy-icons {
  max-width: 170px;
  margin-right: 14px;
  margin-bottom: 14px;
}
.icon-wrapper.soy-wrapper .so.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-Soybean Oil-Deactive.png');
}
.icon-wrapper.soy-wrapper .so.active {
  background-image: url('../images/portfolio/Soy Portfolio-Soybean Oil-Color.png');
}
.icon-wrapper.soy-wrapper .so.hover {
  background-image: url('../images/portfolio/Soy Portfolio-Soybean Oil-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .hos.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSoy-Deactive.png');
}
.icon-wrapper.soy-wrapper .hos.active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSoy-Color.png');
}
.icon-wrapper.soy-wrapper .hos.hover {
  background-image: url('../images/portfolio/Soy Portfolio-HOSoy-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .csbm.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-CSBM-Deactive.png');
}
.icon-wrapper.soy-wrapper .csbm.active {
  background-image: url('../images/portfolio/Soy Portfolio-CSBM-Color.png');
}
.icon-wrapper.soy-wrapper .csbm.hover {
  background-image: url('../images/portfolio/Soy Portfolio-CSBM-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .csds.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-CSDS-Deactive.png');
}
.icon-wrapper.soy-wrapper .csds.active {
  background-image: url('../images/portfolio/Soy Portfolio-CSDS-Color.png');
}
.icon-wrapper.soy-wrapper .csds.hover {
  background-image: url('../images/portfolio/Soy Portfolio-CSDS-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .csas.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-CSAS-Deactive.png');
}
.icon-wrapper.soy-wrapper .csas.active {
  background-image: url('../images/portfolio/Soy Portfolio-CSAS-Color.png');
}
.icon-wrapper.soy-wrapper .csas.hover {
  background-image: url('../images/portfolio/Soy Portfolio-CSAS-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .csis.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-CSIS-Deactive.png');
}
.icon-wrapper.soy-wrapper .csis.active {
  background-image: url('../images/portfolio/Soy Portfolio-CSIS-Color.png');
}
.icon-wrapper.soy-wrapper .csis.hover {
  background-image: url('../images/portfolio/Soy Portfolio-CSIS-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .hsbm.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSBM-Deactive.png');
}
.icon-wrapper.soy-wrapper .hsbm.active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSBM-Color.png');
}
.icon-wrapper.soy-wrapper .hsbm.hover {
  background-image: url('../images/portfolio/Soy Portfolio-HOSBM-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .hsds.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSDS-Deactive.png');
}
.icon-wrapper.soy-wrapper .hsds.active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSDS-Color.png');
}
.icon-wrapper.soy-wrapper .hsds.hover {
  background-image: url('../images/portfolio/Soy Portfolio-HOSDS-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .hsas.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSAS-Deactive.png');
}
.icon-wrapper.soy-wrapper .hsas.active {
  background-image: url('../images/portfolio/Soy Portfolio-HOSAS-Color.png');
}
.icon-wrapper.soy-wrapper .hsas.hover {
  background-image: url('../images/portfolio/Soy Portfolio-HOSAS-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .hsis.not-active {
  background-image: url('../images/Portfolio/Soy Portfolio-HOSIS-Deactive.png');
}
.icon-wrapper.soy-wrapper .hsis.active {
  background-image: url('../images/Portfolio/Soy Portfolio-HOSIS-Color.png');
}
.icon-wrapper.soy-wrapper .hsis.hover {
  background-image: url('../images/Portfolio/Soy Portfolio-HOSIS-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .chsb.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-Blends Oil-Deactive.png');
}
.icon-wrapper.soy-wrapper .chsb.active {
  background-image: url('../images/portfolio/Soy Portfolio-Blends Oil-Color.png');
}
.icon-wrapper.soy-wrapper .chsb.hover {
  background-image: url('../images/portfolio/Soy Portfolio-Blends Oil-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .hhsb.not-active {
  background-image: url('../images/portfolio/Soy Portfolio-HO Hydro Blends-Deactive.png');
}
.icon-wrapper.soy-wrapper .hhsb.active {
  background-image: url('../images/portfolio/Soy Portfolio-HO Hydro Blends-Color.png');
}
.icon-wrapper.soy-wrapper .hhsb.hover {
  background-image: url('../images/portfolio/Soy Portfolio-HO Hydro Blends-Color-Hover.png');
}
.icon-wrapper.soy-wrapper .details-content-pane {
  max-height: none;
}
.icon-wrapper.soy-wrapper .last {
  margin-bottom: 30px;
}
.icon-wrapper.soy-wrapper .related-row {
  max-width: 530px;
}
.icon-wrapper.soy-wrapper .related-row .related-icons {
  background-repeat: no-repeat;
  height: 135px;
  width: 150px;
}
.icon-wrapper.soy-wrapper .related-row .dressings.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Dressings.png');
}
.icon-wrapper.soy-wrapper .related-row .dressings.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Dressing.png');
}
.icon-wrapper.soy-wrapper .related-row .dressings.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Dressings.png');
}
.icon-wrapper.soy-wrapper .related-row .dressings.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Dressings.png');
}
.icon-wrapper.soy-wrapper .related-row .dressings.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Dressings.png');
}
.icon-wrapper.soy-wrapper .related-row .sautes.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Sautes.png');
}
.icon-wrapper.soy-wrapper .related-row .sautes.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Sautes.png');
}
.icon-wrapper.soy-wrapper .related-row .sautes.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Sautes.png');
}
.icon-wrapper.soy-wrapper .related-row .sautes.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Sautes.png');
}
.icon-wrapper.soy-wrapper .related-row .sautes.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Sautes.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-breads.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Baked-Breads.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-breads.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Baked Breads.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-breads.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Baked Breads.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-breads.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Baked Breads.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-breads.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Baked Breads.png');
}
.icon-wrapper.soy-wrapper .related-row .spray-oils.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Spray Oils.png');
}
.icon-wrapper.soy-wrapper .related-row .spray-oils.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Spray Oils.png');
}
.icon-wrapper.soy-wrapper .related-row .spray-oils.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Spray Oils.png');
}
.icon-wrapper.soy-wrapper .related-row .spray-oils.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Spray Oils.png');
}
.icon-wrapper.soy-wrapper .related-row .spray-oils.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Spray Oils.png');
}
.icon-wrapper.soy-wrapper .related-row .release-agents.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Release Agents.png');
}
.icon-wrapper.soy-wrapper .related-row .release-agents.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Release Agents.png');
}
.icon-wrapper.soy-wrapper .related-row .release-agents.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Release Agents.png');
}
.icon-wrapper.soy-wrapper .related-row .release-agents.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Release Agents.png');
}
.icon-wrapper.soy-wrapper .related-row .release-agents.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Release Agents.png');
}
.icon-wrapper.soy-wrapper .related-row .packaged-foods.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Packaged Foods.png');
}
.icon-wrapper.soy-wrapper .related-row .packaged-foods.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Packaged Foods.png');
}
.icon-wrapper.soy-wrapper .related-row .packaged-foods.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Packaged Foods.png');
}
.icon-wrapper.soy-wrapper .related-row .packaged-foods.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Packaged Goods.png');
}
.icon-wrapper.soy-wrapper .related-row .packaged-foods.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Packaged Foods.png');
}
.icon-wrapper.soy-wrapper .related-row .cookies.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Cookies.png');
}
.icon-wrapper.soy-wrapper .related-row .cookies.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Cookies.png');
}
.icon-wrapper.soy-wrapper .related-row .cookies.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Cookies.png');
}
.icon-wrapper.soy-wrapper .related-row .cookies.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Cookies.png');
}
.icon-wrapper.soy-wrapper .related-row .cookies.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Cookies.png');
}
.icon-wrapper.soy-wrapper .related-row .cakes.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Cakes.png');
}
.icon-wrapper.soy-wrapper .related-row .cakes.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Cakes.png');
}
.icon-wrapper.soy-wrapper .related-row .cakes.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Cakes.png');
}
.icon-wrapper.soy-wrapper .related-row .cakes.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Cakes.png');
}
.icon-wrapper.soy-wrapper .related-row .cakes.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Cakes.png');
}
.icon-wrapper.soy-wrapper .related-row .pies.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Pies.png');
}
.icon-wrapper.soy-wrapper .related-row .pies.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Pies.png');
}
.icon-wrapper.soy-wrapper .related-row .pies.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Pies.png');
}
.icon-wrapper.soy-wrapper .related-row .pies.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Pies.png');
}
.icon-wrapper.soy-wrapper .related-row .pies.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Pies.png');
}
.icon-wrapper.soy-wrapper .related-row .pastries.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Puff Pastries.png');
}
.icon-wrapper.soy-wrapper .related-row .pastries.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Puff Pastries.png');
}
.icon-wrapper.soy-wrapper .related-row .pastries.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Puff Pastries.png');
}
.icon-wrapper.soy-wrapper .related-row .pastries.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Puff Pastries.png');
}
.icon-wrapper.soy-wrapper .related-row .pastries.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Puff Pastries.png');
}
.icon-wrapper.soy-wrapper .related-row .pastries.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Puff Pastries.png');
}
.icon-wrapper.soy-wrapper .related-row .icings.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Icings.png');
}
.icon-wrapper.soy-wrapper .related-row .icings.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Icings.png');
}
.icon-wrapper.soy-wrapper .related-row .icings.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Icings.png');
}
.icon-wrapper.soy-wrapper .related-row .icings.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Icings.png');
}
.icon-wrapper.soy-wrapper .related-row .icings.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Icings.png');
}
.icon-wrapper.soy-wrapper .related-row .donut-frying.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Donut Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .donut-frying.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Donut Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .donut-frying.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Donut Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .donut-frying.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Donut Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .donut-frying.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Donut Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .deep-frying.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Deep Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .deep-frying.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Deep Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .deep-frying.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Deep Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .deep-frying.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Deep Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .deep-frying.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Deep Frying.png');
}
.icon-wrapper.soy-wrapper .related-row .fried-snacks.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Fried Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .fried-snacks.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Fried Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .fried-snacks.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Fried Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .fried-snacks.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Fried Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .fried-snacks.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Fried Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-snacks.not-related {
  background-image: url('../images/portfolio/Soy Portfolio-Unselected-Baked Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-snacks.yellow-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Oil-Baked Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-snacks.dark-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Conventional-Baked Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-snacks.blue-icon {
  background-image: url('../images/portfolio/Soy Portfolio-HoShortening-Baked Snacks.png');
}
.icon-wrapper.soy-wrapper .related-row .baked-snacks.light-icon {
  background-image: url('../images/portfolio/Soy Portfolio-Blends-Baked Snacks.png');
}