@charset "UTF-8";
@font-face {
  font-family: 'Core Mellow';
  src: url("fonts/coreMellow/CoreMellow67CnBold.eot");
  src: url("fonts/coreMellow/CoreMellow67CnBold.eot?#iefix") format("embedded-opentype"), url("fonts/coreMellow/CoreMellow67CnBold.woff") format("woff"); }

@font-face {
  font-family: 'Brandon Printed';
  src: url("fonts/brandonPrinted/BrandonPrinted-Two.eot");
  src: url("fonts/brandonPrinted/BrandonPrinted-Two.eot?#iefix") format("embedded-opentype"), url("fonts/brandonPrinted/BrandonPrinted-Two.woff") format("woff"); }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
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:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

* {
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */ }
  html.no-scroll {
    overflow: hidden;
    height: 100%; }
    html.no-scroll body {
      height: 100%;
      overflow: hidden; }
    html.no-scroll div.siteWrapper {
      height: 100%;
      overflow: hidden; }

body {
  font-family: 'Ovo', sans-serif;
  font-size: 16px;
  background: #fffbf5;
  color: #565859;
  line-height: 1.3; }

img {
  -ms-interpolation-mode: bicubic; }

em {
  font-style: italic; }

div.siteWrapper {
  min-height: 100vh; }

div.pageContent {
  position: relative;
  z-index: 400;
  overflow: hidden; }

div.site__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(226, 244, 252, 0.9);
  top: 0;
  left: 0;
  transition: opacity 0.5s;
  pointer-events: none;
  opacity: 0;
  z-index: 1000; }
  div.site__overlay.is-active {
    pointer-events: auto;
    opacity: 1; }

div.a11y__skipMenu {
  position: absolute;
  top: -199px;
  background: #004380;
  color: white;
  border: solid 1px white;
  padding: 10px;
  z-index: 100000;
  font-family: 'Montserrat', serif; }

div.a11y__skipMenu > a {
  color: white;
  padding: 0 6px; }

/* general layout classes here */
.cntr {
  position: relative; }

.cntr.cntr--max1080 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }

.cntr.cntr-respond {
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 769px) {
    .cntr.cntr-respond {
      max-width: 840px; } }
  @media only screen and (min-width: 1025px) {
    .cntr.cntr-respond {
      max-width: 960px; } }
  @media only screen and (min-width: 1700px) {
    .cntr.cntr-respond {
      max-width: 960px; } }

body {
  line-height: 1.3; }

h1, .h1 {
  font-size: 35px;
  font-weight: 400;
  /*@include breakpoint(xlarge) {
		@include font-size(xjumbo);
	}*/ }
  @media only screen and (min-width: 769px) {
    h1, .h1 {
      font-size: 50px; } }

h2, .h2 {
  font-size: 28px;
  line-height: 1.3; }
  @media only screen and (min-width: 769px) {
    h2, .h2 {
      font-size: 35px; } }

h3, .h3 {
  font-size: 18px;
  /*@include breakpoint(xlarge) {
		@include font-size(xxlarge);
	}*/ }
  @media only screen and (min-width: 769px) {
    h3, .h3 {
      font-size: 20px; } }

h4, .h4 {
  font-size: 18px; }

p {
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Montserrat', serif;
  /*@include breakpoint(xlarge) {
		@include font-size(large);
	}*/ }

strong {
  font-weight: 600; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller; }

.gap-tb-smaller {
  margin-top: 6px;
  margin-bottom: 6px; }

.gap-t-smaller {
  margin-top: 6px; }

.gap-b-smaller {
  margin-bottom: 6px; }

.gap-r-smaller {
  margin-right: 6px; }

.gap-tb-small {
  margin-top: 10px;
  margin-bottom: 10px; }

.gap-t-small {
  margin-top: 10px; }

.gap-b-small {
  margin-bottom: 10px; }

.gap-r-small {
  margin-right: 10px; }

.gap-tb-medium {
  margin-top: 14px;
  margin-bottom: 14px; }

.gap-t-medium {
  margin-top: 14px; }

.gap-b-medium {
  margin-bottom: 14px; }

.gap-r-medium {
  margin-right: 14px; }

.gap-tb-large {
  margin-top: 20px;
  margin-bottom: 20px; }

.gap-t-large {
  margin-top: 20px; }

.gap-b-large {
  margin-bottom: 20px; }

.gap-r-large {
  margin-right: 20px; }

.gap-tb-xlarge {
  margin-top: 30px;
  margin-bottom: 30px; }

.gap-t-xlarge {
  margin-top: 30px; }

.gap-b-xlarge {
  margin-bottom: 30px; }

.gap-r-xlarge {
  margin-right: 30px; }

.font-base-N3 {
  font-family: 'Ovo', sans-serif;
  font-weight: 300;
  font-style: normal; }

.font-base-I3 {
  font-family: 'Ovo', sans-serif;
  font-weight: 300;
  font-style: italic; }

.font-base-N4 {
  font-family: 'Ovo', sans-serif;
  font-weight: 400;
  font-style: normal; }

.font-base-I4 {
  font-family: 'Ovo', sans-serif;
  font-weight: 400;
  font-style: italic; }

.font-base-N7 {
  font-family: 'Ovo', sans-serif;
  font-weight: 600;
  font-style: normal; }

.font-base-I7 {
  font-family: 'Ovo', sans-serif;
  font-weight: 600;
  font-style: italic; }

.logo {
  background: url("img/burnbrae_logo.svg") no-repeat center center; }

.logo--massive {
  background-size: 244.8px 104px; }
  @media only screen and (min-width: 769px) {
    .logo--massive {
      background-size: 306px 130px; } }

.logo--medium {
  background-size: 96px 41px; }
  @media only screen and (min-width: 769px) {
    .logo--medium {
      background-size: 140px 59px; } }

.logo--small {
  background-size: 85px 37px; }

.btn {
  display: inline-block;
  padding: 7px 14px;
  background: transparent;
  color: white;
  border: solid 2px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Montserrat', serif;
  transition: opacity 0.3s;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  cursor: pointer; }
  @media only screen and (min-width: 737px) {
    .btn {
      font-size: 14px;
      padding: 7px 24px; } }
  .btn:hover {
    opacity: 0.6; }

.btn__big {
  font-size: 18px;
  padding: 9px !important; }

.btn__icon {
  border: none;
  padding: 0; }

.btn__txt {
  border: none;
  padding: 20px 0 0;
  color: #004380; }

.btn__cta {
  border-radius: 3px;
  background: #f4ac35;
  color: #004380;
  transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
  transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  padding: 0 14px;
  min-height: 32px;
  line-height: 32px;
  text-align: center;
  min-width: 140px;
  border: solid 1px #f4ac35; }
  @media only screen and (min-width: 737px) {
    .btn__cta {
      min-width: 180px; } }
  .btn__cta:hover {
    opacity: 1;
    background: white;
    color: #004380;
    border: solid 1px #f4ac35; }
  .btn__cta:after {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    content: '';
    transition: background-color 0.3s; }

.btn__cta.btn__cta--alt {
  background-color: #004380;
  color: white;
  border: solid 1px #004380; }
  .btn__cta.btn__cta--alt:hover {
    opacity: 1;
    background: white;
    color: #004380;
    border: solid 1px #004380; }

.btn__cta.btn__cta--white {
  background-color: white;
  color: #004380;
  border: solid 1px white; }
  .btn__cta.btn__cta--white:hover {
    opacity: 1;
    background: #004380;
    color: white;
    border: solid 1px #004380; }

.btn.is-play {
  min-width: 140px;
  text-align: center; }
  @media only screen and (min-width: 737px) {
    .btn.is-play {
      min-width: 180px; } }

.btn.is-play > span {
  vertical-align: top;
  display: inline-block;
  padding-right: 6px; }

.btn.is-play > i {
  vertical-align: top;
  display: inline-block;
  margin-top: 7px;
  width: 18px;
  height: 18px;
  background-image: url("img/play_icon_btn.svg");
  background-position: center;
  background-repeat: no-repeat; }

.btn.is-play:hover > i {
  background-image: url("img/play_icon_btn-o.svg"); }

.btn.is-brochure > i {
  vertical-align: top;
  display: inline-block;
  margin-top: 6px;
  width: 18px;
  height: 18px;
  background-image: url("img/icon-brochure-w.svg");
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px; }

.btn.is-brochure:hover > i {
  background-image: url("img/icon-brochure-b.svg"); }

.btn.is-disabled {
  cursor: pointer;
  opacity: 0.2;
  background-color: #5c5c5c; }

.btn.btn--dark {
  color: black; }

.btn.btn--fill {
  background: transparent;
  border: solid 2px white; }

.btn.btn__from {
  border: none; }

.btn.btn__social {
  font-size: 16px;
  border-radius: 50%;
  background: #004380;
  width: 36px;
  height: 36px;
  color: white;
  overflow: hidden;
  padding: 0;
  border: none;
  cursor: pointer; }
  .btn.btn__social:last-of-type {
    margin: 0; }

.btn.btn__social.btn__social--small {
  width: 33px;
  height: 33px;
  margin-right: 8px; }
  .btn.btn__social.btn__social--small:last-of-type {
    margin: 0; }

.btn.btn__social.btn__social--facebook {
  background: #004380 url("img/facebook-w.svg") no-repeat center center; }
  .btn.btn__social.btn__social--facebook.btn__social--small {
    background-size: 8px 13px; }

.btn.btn__social.btn__social--twitter {
  background: #004380 url("img/twitter-w.svg") no-repeat center center; }
  .btn.btn__social.btn__social--twitter.btn__social--small {
    background-size: 13px 11px; }

.btn.btn__social.btn__social--pinterest {
  background: #004380 url("img/icon-pinterest.svg") no-repeat center center; }

.btn.btn__social.btn__social--google {
  background: #004380 url("img/icon-googleplus.svg") no-repeat center center; }

.btn.btn__social.btn__social--youtube {
  background: #004380 url("img/youtube-w.svg") no-repeat center center; }

.btn.btn__social.btn__social--email {
  background: #004380 url("img/icon-email.svg") no-repeat center center; }

.btn.btn--bright {
  background: #f2f2f2;
  color: #565859; }

.btn.btn__filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  color: white;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  min-width: 80px;
  display: inline-block;
  background: #004380;
  border: solid 1px #004380;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600; }

body.lang-fr .btn.btn__filter {
  min-width: 80px; }

.btn.btn__filter:hover {
  background: white;
  opacity: 1;
  color: #004380; }

.u-centered {
  margin-left: auto;
  margin-right: auto; }

.u-cntr {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media only screen and (min-width: 769px) {
    .u-cntr {
      max-width: 840px; } }
  @media only screen and (min-width: 1025px) {
    .u-cntr {
      max-width: 960px; } }
  @media only screen and (min-width: 1700px) {
    .u-cntr {
      max-width: 960px; } }

.u-grid:after {
  content: '';
  display: block;
  clear: both; }

.u-grid421 .u-gridItem {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .u-grid421 .u-gridItem {
      width: 50%; } }
  @media only screen and (min-width: 1025px) {
    .u-grid421 .u-gridItem {
      width: 25%; } }

.u-grid321 .u-gridItem {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .u-grid321 .u-gridItem {
      width: 33.3333%; } }

.u-grid31 .u-gridItem {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .u-grid31 .u-gridItem {
      width: 33.33333%; } }

.u-grid21-5050 .u-gridItem {
  display: inline-block;
  width: 100%;
  vertical-align: top; }
  @media only screen and (min-width: 769px) {
    .u-grid21-5050 .u-gridItem {
      width: 50%; }
      .u-grid21-5050 .u-gridItem.is-full {
        width: 100%; } }

.u-grid21-7030 .u-gridItem {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .u-grid21-7030 .u-gridItem:first-of-type {
      width: 70%; }
    .u-grid21-7030 .u-gridItem:last-of-type {
      width: 30%; } }

.u-grid21-6040 .u-gridItem {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .u-grid21-6040 .u-gridItem:first-of-type {
      width: 60%; }
    .u-grid21-6040 .u-gridItem:last-of-type {
      width: 40%; } }

.u-grid21-4060 .u-gridItem {
  display: inline-block;
  width: 100%; }
  @media only screen and (min-width: 769px) {
    .u-grid21-4060 .u-gridItem:first-of-type {
      width: 40%; }
    .u-grid21-4060 .u-gridItem:last-of-type {
      width: 60%; } }

.u-bgimg {
  background-repeat: no-repeat;
  background-position: center center; }
  .u-bgimg img {
    width: 100%;
    height: auto;
    opacity: 0; }

.u-clearfix:after {
  content: '';
  display: block;
  clear: both; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

div.form-formItem {
  display: block;
  padding-right: 10px;
  padding-bottom: 8px;
  position: relative; }

div.form-formItem input[type="text"],
div.form-formItem input[type="checkbox"] {
  outline: none; }

div.form-formItem.is-focused label, div.form-formItem.has-content label {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  font-size: 14px;
  color: #000; }

div.form-formItem.is-focused input[type="text"], div.form-formItem.has-content input[type="text"] {
  border-color: #565859; }

div.form-formItem.has-error em {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  height: auto;
  color: red;
  font-family: 'Montserrat', serif;
  margin-bottom: 6px; }

div.form-formItem.has-error label {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  font-size: 10px;
  color: #000; }

div.form-formItem.has-error input[type="text"],
div.form-formItem.has-error input[type="checkbox"],
div.form-formItem.has-error select,
div.form-formItem.has-error textarea {
  border-color: red;
  color: #000; }

div.form-formCheckbox.has-error label {
  color: #000; }

div.form-formCheckbox.has-error em {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  height: auto; }

div.form-formCheckbox.has-error input[type="checkbox"] {
  border-color: #565859; }

div.form-formItem--sameLine {
  display: inline-block;
  padding-bottom: 0; }

div.form-formItem label {
  position: absolute;
  display: inline-block;
  color: #000;
  font-size: 16px;
  transition: color 0.2s, font-size 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, color 0.2s, font-size 0.2s;
  transition: transform 0.2s, color 0.2s, font-size 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(14px);
          transform: translateY(14px);
  z-index: 300;
  top: 0; }

div.form-formItem em {
  display: block;
  opacity: 0;
  color: #000;
  position: relative;
  font-style: italic;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  z-index: 300;
  margin-top: 4px;
  height: 0px;
  overflow: hidden; }

div.form-formSelect select,
div.form-formText input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-bottom: solid 1px #5c5c5c;
  color: #000;
  padding: 6px 10px 6px 0;
  background: transparent;
  font-size: 16px;
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 400;
  transition: color 0.2s, border-color 0.2s;
  border-radius: 0;
  font-family: 'Montserrat', serif;
  font-weight: 400; }

div.form-formSelect select::-ms-expand {
  display: none; }

div.form-formSelect select {
  background: url("img/navmenu_indicator.svg") no-repeat 96% center; }

div.form-formItem input[type="button"].form__arrowcta {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #004380 url("img/footer-icon.svg") no-repeat center center;
  font-size: 0;
  padding: 20px;
  display: inline-block;
  min-width: 50px; }

div.form-formItem button.form__arrowctaInv {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: white url("img/footer-icon-blue.svg") no-repeat center center;
  padding: 20px;
  display: inline-block;
  min-width: 50px;
  border: solid 1px white;
  transition: background-color 0.3s; }

div.form-formItem button.form__arrowctaInv:hover {
  opacity: 1;
  border: solid 1px white;
  background: #004380 url("img/footer-icon-whit.svg") no-repeat center center; }

div.form-formItem .form__searchcta {
  background: #004380 url("img/icon-search-w.svg") no-repeat 15px center;
  padding: 0 20px;
  display: inline-block;
  min-width: 50px;
  height: 40px;
  border: solid 1px #004380; }
  div.form-formItem .form__searchcta.is-visible {
    background-image: url("img/close_x-w.svg"); }

div.form-formItem .form__searchcta:hover {
  opacity: 1;
  background: white url("img/icon-search-b.svg") no-repeat 15px center; }
  div.form-formItem .form__searchcta:hover.is-visible {
    background-image: url("img/close_x-bb.svg");
    background-position: center;
    background-size: 65%; }

div.form-formItem input[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  color: white;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  min-width: 80px;
  display: inline-block;
  background: #004380;
  border: none;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600; }
  div.form-formItem input[type="button"]:focus, div.form-formItem input[type="button"]:active {
    color: white; }

div.form-formPostalCode input[type="text"] {
  width: 160px; }

div.form-formText select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0px;
  border: none;
  color: #5c5c5c;
  padding: 6px 10px 6px 0;
  background: white url("img/navmenu_indicator.svg") no-repeat 95% center;
  font-size: 16px;
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 400;
  transition: color 0.2s, border-color 0.2s; }

div.form-formCheckbox {
  position: relative;
  height: auto; }

div.form-formCheckbox input[type="radio"],
div.form-formCheckbox input[type="checkbox"] {
  border-radius: 0px;
  border: solid 1px #565859;
  background: transparent;
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 400;
  transition: color 0.2s, border-color 0.2s;
  display: inline-block;
  vertical-align: top; }

div.form-formCheckbox label {
  display: inline-block;
  line-height: 1.4;
  padding-left: 6px;
  max-width: 220px;
  padding-top: 6px;
  position: relative;
  vertical-align: top;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
  @media only screen and (min-width: 737px) {
    div.form-formCheckbox label {
      padding-left: 0px;
      max-width: 500px; } }

div.form-formCheckbox label {
  font-size: 14px; }

div.form-formTextArea textarea {
  width: 100%;
  height: 170px;
  font-family: 'Montserrat', serif;
  font-weight: 400;
  font-size: 16px;
  padding: 10px;
  color: #5c5c5c;
  margin-top: 14px;
  border: solid 1px #004380;
  box-shadow: none; }

div.form-formTip a {
  display: inline-block;
  vertical-align: top; }

div.form-formTip i {
  width: 31px;
  height: 31px;
  display: block;
  background: url("img/icon_questionmark.svg") no-repeat center center;
  padding-top: 5px;
  padding-bottom: 0; }

div.form-formTip label {
  -webkit-transform: none;
          transform: none;
  vertical-align: top;
  width: 120px;
  font-size: 10px;
  font-family: 'Montserrat', serif;
  left: 40px;
  color: #004380;
  top: 4px; }

div.overlayCover {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 500;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  div.overlayCover.is-active {
    pointer-events: auto;
    visibility: visible;
    opacity: 1; }

.recipe__card {
  background: white;
  position: relative;
  display: block;
  text-decoration: none;
  color: #004380;
  border-radius: 6px; }

div.sprite.cloud {
  position: absolute;
  width: 246px;
  height: 140px;
  background: url("img/cloud.svg") no-repeat center center;
  background-size: 100%;
  opacity: 0;
  transition: opacity 0.3s; }

div.modal {
  position: fixed;
  z-index: 1100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  padding: 60px;
  opacity: 0;
  transition: opacity 0.5s; }

div.modal.is-active {
  opacity: 1;
  pointer-events: auto; }

div.modal .modal__close {
  position: absolute;
  top: 0;
  right: 0;
  background: url("img/close_x-bb.svg") no-repeat center center;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 800;
  overflow: hidden;
  text-indent: -9000px;
  border: none;
  cursor: pointer; }

div.modal div.modal__content {
  position: absolute;
  z-index: 700;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media only screen and (min-width: 769px) {
    div.modal div.modal__content {
      max-width: 80%; } }

div.modal div.modal__content div.modal__video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

div.modal div.modal__content div.modal__video iframe,
div.modal div.modal__content div.modal__video object,
div.modal div.modal__content div.modal__video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

div.modal.modal--gallery div.modal__content {
  height: 100%;
  max-width: 100%;
  padding: 20px 0; }

div.modal__gallery__cntr {
  width: 100%;
  height: 100%;
  position: relative; }

div.modal__gallery__cntr div.flickity-viewport,
div.modal__gallery__cntr div.flickity-slider {
  height: 100%; }

div.modal__gallery__item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

div.modal.modal--gallery .flickity-page-dots {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 20px; }

div.modal.modal--gallery .flickity-page-dots .dot {
  height: 6px;
  width: 6px;
  margin: 0 4px;
  border-radius: 0;
  position: relative;
  background: #9d9d9d;
  border-radius: 50%;
  display: inline-block; }

div.modal.modal--gallery .flickity-page-dots .dot.is-selected {
  background: #e2f4fc; }

div.modal.modal--gallery button.flickity-prev-next-button {
  position: absolute;
  top: 45%;
  left: 0px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  z-index: 700; }
  div.modal.modal--gallery button.flickity-prev-next-button.previous {
    left: 5px; }
  div.modal.modal--gallery button.flickity-prev-next-button.next {
    right: 5px;
    left: auto; }
  div.modal.modal--gallery button.flickity-prev-next-button .arrow {
    fill: #004380; }

div.modal.modal--contactTip {
  padding: 0; }

div.modal.modal--contactTip div.modal__content {
  position: relative;
  border-radius: 6px;
  background: white;
  display: inline-block;
  padding: 20px;
  width: auto;
  color: #004380;
  text-align: center; }
  @media only screen and (min-width: 737px) {
    div.modal.modal--contactTip div.modal__content {
      padding: 40px 60px; } }

div.modal.modal--contactTipDate div.modal__content {
  width: 90%; }
  @media only screen and (min-width: 737px) {
    div.modal.modal--contactTipDate div.modal__content {
      width: 620px; } }

div.modal.modal--contactTip h3 {
  margin-bottom: 14px; }

div.modal.modal--contactTip p {
  margin: 8px 0;
  text-align: left;
  font-size: 10px; }
  @media only screen and (min-width: 737px) {
    div.modal.modal--contactTip p {
      font-size: 16px; } }

div.modal.modal--contactTipDate div.modal__content > div {
  margin-top: 24px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center; }
  @media only screen and (min-width: 737px) {
    div.modal.modal--contactTipDate div.modal__content > div {
      width: 49%; } }

div.modal.modal--contactTipDate div.modal__content img {
  width: 50%;
  height: auto; }
  @media only screen and (min-width: 737px) {
    div.modal.modal--contactTipDate div.modal__content img {
      width: auto; } }

section.cmpnt__hero {
  height: 80vh;
  position: relative;
  overflow: hidden; }

section.cmpnt__hero div.cmpnt__hero__bg {
  position: absolute;
  top: -1.5%;
  left: -1.5%;
  height: 103%;
  width: 103%;
  background-size: cover; }

section.cmpnt__hero div.cmpnt__hero__bg > div {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.cmpnt__hero div.u-cntr {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero div.u-cntr {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

section.cmpnt__hero.cmpnt__hero--full {
  height: 100vh; }

section.cmpnt__hero.cmpnt__hero--medium {
  height: 80vh;
  min-height: 500px;
  background-color: #000; }

section.cmpnt__hero.cmpnt__hero--small {
  height: 40vh;
  min-height: 350px; }

section.cmpnt__hero.cmpnt__hero--slim {
  height: 30vh;
  min-height: 300px; }

section.cmpnt__hero div.cmpnt__hero__img {
  display: none;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  padding-top: 30px;
  width: 100%;
  max-width: 90%;
  margin: 20px auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 260px; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero div.cmpnt__hero__img {
      -webkit-flex: 0 0 45%;
          -ms-flex: 0 0 45%;
              flex: 0 0 45%;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      padding-top: 0px;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      height: 70%; } }

section.cmpnt__hero div.cmpnt__hero__img img {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  display: block; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__hero div.cmpnt__hero__img img {
      max-width: 400px; } }

section.cmpnt__hero div.cmpnt__hero__copy {
  position: relative;
  text-align: center;
  line-height: 1.5;
  z-index: 400;
  color: white;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  padding: 32px 20px 32px;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  opacity: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero div.cmpnt__hero__copy {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  @media only screen and (min-width: 769px) {
    section.cmpnt__hero div.cmpnt__hero__copy {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      padding: 32px 20px 32px; } }

section.cmpnt__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.start-intro > * {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

section.cmpnt__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > * {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.0s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*section.cmpnt__hero div.cmpnt__hero__copy>span {
	@include font-family(alt);
	color: $bBlue;
	padding-bottom: 12px;
	@include font-weight(normal);
}*/
section.cmpnt__hero div.cmpnt__hero__copy h1 {
  line-height: 1;
  padding-bottom: 16px; }
  section.cmpnt__hero div.cmpnt__hero__copy h1:after {
    clear: both;
    content: '';
    display: block; }

section.cmpnt__hero div.cmpnt__hero__copy p {
  font-family: 'Montserrat', serif;
  padding-bottom: 20px; }
  section.cmpnt__hero div.cmpnt__hero__copy p:after {
    clear: both;
    content: '';
    display: block; }

section.cmpnt__hero div.cmpnt__hero__copy h1 > span,
section.cmpnt__hero div.cmpnt__hero__copy p > span {
  max-width: 640px;
  margin: 0 auto;
  display: block; }
  @media only screen and (min-width: 1700px) {
    section.cmpnt__hero div.cmpnt__hero__copy h1 > span,
    section.cmpnt__hero div.cmpnt__hero__copy p > span {
      max-width: 900px; } }

section.cmpnt__hero ul.cmpnt__hero_points {
  font-size: 0;
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  z-index: 500; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__hero ul.cmpnt__hero_points {
      bottom: 50px;
      padding-bottom: 30px; } }

section.cmpnt__hero ul.cmpnt__hero_points li.cmpnt__hero_point {
  padding: 0 20px;
  font-size: 14px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__hero ul.cmpnt__hero_points li.cmpnt__hero_point {
      display: inline-block;
      width: 23%;
      margin: 0 1%;
      vertical-align: top; } }

section.cmpnt__hero ul.cmpnt__hero_points li.cmpnt__hero_point h3 {
  text-align: center;
  margin-bottom: 6px;
  font-size: 35px; }

section.cmpnt__hero ul.cmpnt__hero_points li.cmpnt__hero_point p {
  font-family: 'Montserrat', serif; }

section.cmpnt__hero ul.cmpnt__hero_points ol.flickity-page-dots {
  padding: 20px 0 0 0;
  text-align: center;
  position: relative;
  z-index: 600; }
  section.cmpnt__hero ul.cmpnt__hero_points ol.flickity-page-dots li.dot {
    background: #f2f2f2;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    display: inline-block; }
    section.cmpnt__hero ul.cmpnt__hero_points ol.flickity-page-dots li.dot.is-selected {
      background: #565859; }

section.cmpnt__hero ul.cmpnt__hero_points li {
  display: inline-block;
  width: 100%;
  text-align: center; }

section.cmpnt__hero.cmpnt__hero--revealUp div.cmpnt__hero__copy {
  -webkit-transform: translate(0px, 10px);
          transform: translate(0px, 10px);
  opacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition-delay: 0.3s; }

section.cmpnt__hero.cmpnt__hero--revealUp.is-aniActive div.cmpnt__hero__copy {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1; }

section.cmpnt__hero.cmpnt__hero--revealRight div.cmpnt__hero__copy {
  -webkit-transform: translate(10px, 0px);
          transform: translate(10px, 0px);
  opacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition-delay: 0.3s; }

section.cmpnt__hero.cmpnt__hero--revealRight.is-aniActive div.cmpnt__hero__copy {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1; }

section.cmpnt__hero.cmpnt__hero--revealLeft div.cmpnt__hero__copy {
  -webkit-transform: translate(-10px, 0px);
          transform: translate(-10px, 0px);
  opacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  transition-delay: 0.3s; }

section.cmpnt__hero.cmpnt__hero--revealLeft.is-aniActive div.cmpnt__hero__copy {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1; }

section.cmpnt__hero.cmpnt__hero--parallaxCopy div.cmpnt__hero__copy {
  opacity: 0; }

section.cmpnt__hero.cmpnt__hero--parallaxCopy div.cmpnt__hero__copy.do-intro {
  transition: opacity 2s;
  opacity: 1; }

section.cmpnt__hero.cmpnt__hero--bright {
  background-color: #f2f2f2; }

section.cmpnt__hero.cmpnt__hero--bright div.cmpnt__hero__copy {
  color: black; }

section.cmpnt__hero.cmpnt__hero--bright div.cmpnt__hero__copy a.btn {
  color: black; }

section.cmpnt__hero.cmpnt__hero--left div.cmpnt__hero__copy {
  text-align: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.cmpnt__hero--left div.cmpnt__hero__copy {
      text-align: left;
      -webkit-flex: 1 1 45%;
          -ms-flex: 1 1 45%;
              flex: 1 1 45%; } }

section.cmpnt__hero.cmpnt__hero--left div.cmpnt__hero__copy h1,
section.cmpnt__hero.cmpnt__hero--left div.cmpnt__hero__copy p {
  margin: 0;
  max-width: none; }

section.cmpnt__hero.cmpnt__hero--left div.cmpnt__hero__copy h1 > span,
section.cmpnt__hero.cmpnt__hero--left div.cmpnt__hero__copy p > span {
  margin: 0;
  float: left;
  width: 100%; }

section.cmpnt__hero.cmpnt__hero--right > div {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy {
  text-align: center; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy {
      text-align: left;
      -webkit-flex: 0 0 55%;
          -ms-flex: 0 0 55%;
              flex: 0 0 55%; } }

section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy > h1,
section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy > p {
  margin: 0;
  max-width: none; }

section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy > h1 > span,
section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy > p > span {
  margin: 0;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy > h1 > span,
    section.cmpnt__hero.cmpnt__hero--right div.cmpnt__hero__copy > p > span {
      float: right;
      text-align: left; } }

section.cmpnt__hero.cmpnt__hero--bottom div.cmpnt__hero__copy {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding-bottom: 6vh; }

section.cmpnt__hero.cmpnt__hero--nocta div.cmpnt__hero__copy a.btn {
  display: none; }

section.cmpnt__hero div.cmpnt__hero__copy.do-intro a.btn:hover {
  opacity: 0.6;
  transition-delay: 0s;
  transition: opacity 0.3s; }

section.cmpnt__hero div.cmpnt__hero__arrow {
  display: block;
  position: absolute;
  width: 33px;
  height: 15px;
  bottom: 20px;
  left: 50%;
  margin-left: -16px;
  background: url("img/continue_arrow.svg") no-repeat;
  font-size: 0; }

section.cmpnt__hero.cmpnt__hero--noarrow div.cmpnt__hero__arrow {
  display: none; }

section.cmpnt__hero.cmpnt__hero--promos div.cmpnt__hero__copy {
  padding-bottom: 200px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__hero.cmpnt__hero--promos div.cmpnt__hero__copy {
      padding-bottom: 0px; } }

section.cmpnt__hero.cmpnt__hero--hasimg {
  height: auto; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.cmpnt__hero--hasimg.cmpnt__hero--full {
      height: 100vh; }
    section.cmpnt__hero.cmpnt__hero--hasimg.cmpnt__hero--medium {
      height: 80vh; }
    section.cmpnt__hero.cmpnt__hero--hasimg.cmpnt__hero--small {
      height: 40vh; }
    section.cmpnt__hero.cmpnt__hero--hasimg.cmpnt__hero--slim {
      height: 35vh; } }

section.cmpnt__hero.cmpnt__hero--hasimg div.cmpnt__hero__copy {
  padding: 32px 20px 32px; }

section.cmpnt__hero.cmpnt__hero--hasimg div.cmpnt__hero__img {
  display: block; }

section.cmpnt__promo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

section.cmpnt__promo a.cmpnt__promo--lrg {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 260px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  text-decoration: none; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__promo a.cmpnt__promo--lrg {
      height: 320px;
      -webkit-flex: 1 1 49.5%;
          -ms-flex: 1 1 49.5%;
              flex: 1 1 49.5%;
      border-right: solid 3px white; } }
  section.cmpnt__promo a.cmpnt__promo--lrg:last-of-type {
    border-right: none; }

section.cmpnt__promo a.cmpnt__promo--lrg:hover div.cmpnt__promo__img > div,
section.cmpnt__promo a.cmpnt__promo--lrg.is-active div.cmpnt__promo__img > div {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

section.cmpnt__promo a.cmpnt__promo--lrg:hover div.cmpnt__promo__copy h2,
section.cmpnt__promo a.cmpnt__promo--lrg.is-active div.cmpnt__promo__copy h2 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-delay: 0s; }

section.cmpnt__promo a.cmpnt__promo--lrg:hover div.cmpnt__promo__copy .btn__cta,
section.cmpnt__promo a.cmpnt__promo--lrg.is-active div.cmpnt__promo__copy .btn__cta {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  transition-delay: 0.1s; }

section.cmpnt__promo div.cmpnt__promo__copy {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding-bottom: 30px;
  z-index: 500;
  position: relative;
  color: white;
  overflow: hidden; }

section.cmpnt__promo div.cmpnt__promo__img {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 400; }

section.cmpnt__promo div.cmpnt__promo__img > span {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 500;
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.8)); }

section.cmpnt__promo div.cmpnt__promo__img > div {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 0.5s, background-color 0.5s, color 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, background-color 0.5s, color 0.5s;
  transition: opacity 0.5s, transform 0.5s, background-color 0.5s, color 0.5s, -webkit-transform 0.5s;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 400; }

section.cmpnt__promo div.cmpnt__promo__copy h2 {
  margin-bottom: 14px;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  transition-delay: 0.1s; }

section.cmpnt__promo div.cmpnt__promo__copy .btn__cta {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: opacity 0.5s, background-color 0.5s, color 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, background-color 0.5s, color 0.5s;
  transition: opacity 0.5s, transform 0.5s, background-color 0.5s, color 0.5s, -webkit-transform 0.5s;
  transition-delay: 0s; }

section.cmpnt__promo div.cmpnt__promo--full {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 150px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }

section.cmpnt__promo div.cmpnt__promo--full div.cmpnt__promo__img > div {
  background-image: url("img/recipes_promo_seeall_bg.jpg"); }

section.cmpnt__promo div.cmpnt__promo--full > a {
  z-index: 500;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin: 0 auto; }

section.cmpnt__blogPromo {
  padding: 30px 0;
  background: #e2f4fc; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__blogPromo {
      padding: 30px; } }
  @media only screen and (min-width: 769px) {
    section.cmpnt__blogPromo {
      padding: 30px 0; } }

section.cmpnt__blogPromo div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__blogPromo div.u-cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.cmpnt__blogPromo div.u-cntr div.cmpnt__blogPromo_col {
  background: url("img/blog_tile_bg_tmp.jpg") no-repeat;
  background-size: cover;
  color: white;
  padding: 0 20px;
  height: 256px;
  -webkit-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  margin: 0 auto 5%; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__blogPromo div.u-cntr div.cmpnt__blogPromo_col {
      -webkit-flex: 0 0 31.333%;
          -ms-flex: 0 0 31.333%;
              flex: 0 0 31.333%;
      margin-right: 2%;
      margin-bottom: 0%; } }
  section.cmpnt__blogPromo div.u-cntr div.cmpnt__blogPromo_col:last-of-type {
    margin: 0 auto; }

section.cmpnt__blogPromo div.u-cntr div.cmpnt__blogPromo_col > a {
  color: white;
  text-decoration: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

section.cmpnt__blogPromo div.u-cntr div.cmpnt__blogPromo_col div.cmpnt__blogPromo__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  text-align: center; }

section.cmpnt__blogPromo div.u-cntr div.cmpnt__blogPromo_col div.cmpnt__blogPromo__copy > div.btn {
  margin-top: 14px; }

section.cmpnt__blogPromoText {
  padding: 30px 0px;
  background: #fffbf5; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__blogPromoText {
      padding: 50px; } }
  @media only screen and (min-width: 769px) {
    section.cmpnt__blogPromoText {
      padding: 60px 0; } }

section.cmpnt__blogPromoText div.u-cntr {
  padding: 0 20px; }

section.cmpnt__blogPromoText h2 {
  color: #004380;
  margin-bottom: 24px; }

div.cmpnt__blogPromoText_cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    div.cmpnt__blogPromoText_cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      overflow: hidden; } }

div.cmpnt__blogPromoText_col {
  padding: 0 20px;
  -webkit-flex: 0 0 90%;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  margin: 0 auto 5%; }
  @media only screen and (min-width: 737px) {
    div.cmpnt__blogPromoText_col {
      -webkit-flex: 1 1 50%;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      margin-right: 6%;
      margin-bottom: 0%;
      padding: 0; } }
  div.cmpnt__blogPromoText_col:last-of-type {
    margin: 0 auto; }

div.cmpnt__blogPromoText_col > a {
  text-decoration: none; }

div.cmpnt__blogPromoText_col > a:hover h3 > span {
  border-bottom: solid 1px #004380; }

div.cmpnt__blogPromoText__copy > h3 {
  color: #004380;
  margin-bottom: 16px; }

div.cmpnt__blogPromoText__copy > p {
  color: #5c5c5c; }

section.cmpnt__productPromo {
  background-color: #7bcbef;
  text-align: center;
  padding: 40px 0 60px;
  position: relative; }

section.cmpnt__productPromo div.header__copy {
  max-width: 400px;
  margin: 0 auto; }

section.cmpnt__productPromo h2 {
  color: #004380;
  margin-bottom: 24px; }

section.cmpnt__productPromo p {
  font-family: 'Montserrat', serif;
  color: white;
  margin-bottom: 30px; }

section.cmpnt__productPromo div.product__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__productPromo div.product__items {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.cmpnt__productPromo div.product__item {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-bottom: 24px;
  margin-right: 0; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__productPromo div.product__item {
      -webkit-flex: 1 1 33.333%;
          -ms-flex: 1 1 33.333%;
              flex: 1 1 33.333%;
      margin-bottom: 0px; } }

section.cmpnt__productPromo div.product__itemImg {
  height: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__productPromo div.product__itemImg {
      height: 250px; } }

section.cmpnt__productPromo div.product__itemImg img {
  max-width: 185px;
  max-height: 160px;
  margin: 0 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin-bottom: 40px;
  width: auto; }
  section.cmpnt__productPromo div.product__itemImg img:last-of-type {
    margin-bottom: 0; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__productPromo div.product__itemImg img {
      max-width: 225px;
      max-height: 180px;
      margin-bottom: 40px;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; } }

section.cmpnt__productPromo div.product__item div.product__itemCopy a.btn {
  width: auto; }

.process__touts {
  background-color: #E1F4FC;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff; }

.process__touts .toutwrapper {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  overflow: hidden; }

.process__touts .tout {
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  border-left: 1px solid #fff;
  width: 50%;
  min-height: 320px;
  /*background-size: contain;*/
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  float: left; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process__touts .tout {
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      min-height: 320px;
      width: 100%;
      border-left: none; } }

.process__touts .tout:first-child {
  border-left: none;
  border-right: 1px solid #fff; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process__touts .tout:first-child {
      border-bottom: 2px solid #fff;
      border-right: none; } }

.pro_shelled_tout {
  background-image: url("img/process/pro_tout_shelled.svg"); }

.pro_cracked_tout {
  background-image: url("img/process/pro_tout_cracked.svg"); }

.pro_prepared_tout {
  background-image: url("img/process/pro_tout_prepared.svg"); }

.process__touts h2 {
  font-size: 35px;
  color: #004280;
  letter-spacing: 0;
  text-align: center;
  margin-top: 196px;
  margin-bottom: 25px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process__touts h2 {
      font-size: 28px; } }

section.recipes__filters {
  padding: 36px 20px 0;
  font-family: 'Montserrat', serif;
  color: #5c5c5c;
  font-weight: 600;
  background-color: #fffbf5; }
  @media only screen and (min-width: 769px) {
    section.recipes__filters {
      padding: 36px 0 14px; } }

section.recipes__filters p {
  padding-bottom: 20px; }

section.recipes__filters form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  section.recipes__filters form > .form-formItem {
    width: 33.33%; }
  section.recipes__filters form > .to-be-named {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 10px; }
  @media only screen and (min-width: 769px) {
    section.recipes__filters form {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      section.recipes__filters form > .form-formItem {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      section.recipes__filters form > .to-be-named {
        width: auto;
        margin-top: 0; } }
  section.recipes__filters form .formSearch {
    display: none; }
    section.recipes__filters form .formSearch.is-visible {
      display: block; }

section.recipes__filters div.form-formText input {
  white-space: nowrap;
  font-weight: 400; }

section.recipes__filters div.form-formText.is-focused label {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px); }

section.recipes__subfilters {
  padding: 0 20px 0; }
  @media only screen and (min-width: 769px) {
    section.recipes__subfilters {
      padding: 0 0 30px 0; } }
  section.recipes__subfilters .u-cntr .results-count {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    @media only screen and (min-width: 737px) {
      section.recipes__subfilters .u-cntr .results-count {
        text-align: left;
        margin-top: 0px;
        width: 29%; } }
  section.recipes__subfilters .u-cntr .sub-filter {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    @media only screen and (min-width: 737px) {
      section.recipes__subfilters .u-cntr .sub-filter {
        text-align: left;
        margin-top: 0px;
        width: 70%; } }
    section.recipes__subfilters .u-cntr .sub-filter label {
      width: 100%;
      display: inline-block; }
      @media only screen and (min-width: 737px) {
        section.recipes__subfilters .u-cntr .sub-filter label {
          width: 20%; } }
    section.recipes__subfilters .u-cntr .sub-filter a.sort {
      transition: 0.3s;
      -moz-text-align-last: center;
           text-align-last: center;
      border: 0 solid transparent;
      border-top-width: 4px;
      color: #5c5c5c;
      padding: 5px 10px 5px 20px;
      background: transparent;
      font-size: 14px;
      height: 100%;
      position: relative;
      z-index: 400;
      border-radius: 0;
      overflow: visible;
      font-family: 'Montserrat', serif;
      font-weight: normal;
      text-decoration: none; }
      @media only screen and (min-width: 737px) {
        section.recipes__subfilters .u-cntr .sub-filter a.sort {
          padding: 5px 30px 5px 30px; } }
      section.recipes__subfilters .u-cntr .sub-filter a.sort:hover {
        transition: 0.3s;
        border-top: solid 4px #004380;
        cursor: pointer; }
      section.recipes__subfilters .u-cntr .sub-filter a.sort.active {
        border-top: solid 4px #004380; }

section.cmpnt__rlistings {
  background-color: #fffbf5; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__rlistings {
      padding: 0 0 20px; } }
  @media only screen and (min-width: 769px) {
    section.cmpnt__rlistings {
      padding: 0 0 40px; } }

section.cmpnt__rlistings div.cmpnt__rlistings__cntr {
  padding: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__rlistings div.cmpnt__rlistings__cntr {
      padding: 10px 0; } }

section.cmpnt__rlistings a.cmpnt__rlistings__card {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0 0 20px 0;
  transition: background 0.3s, color 0.3s;
  position: relative;
  /*@include breakpoint(medium) {
		flex: 0 1 23.85%;

		&:nth-child(3n+3) {
			margin-right: 1.5%;
		}

		&:nth-child(4n+4) {
			margin-right: 0;
		}

	} */ }
  section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__copy h3
div.cmpnt__rlistings__copy .h3 {
    color: #004380; }
  section.cmpnt__rlistings a.cmpnt__rlistings__card:last-of-type {
    margin: 0; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__rlistings a.cmpnt__rlistings__card {
      -webkit-flex: 0 0 49.2%;
          -ms-flex: 0 0 49.2%;
              flex: 0 0 49.2%;
      margin: 0 1.5% 1.5% 0; }
      section.cmpnt__rlistings a.cmpnt__rlistings__card:nth-child(even) {
        margin-right: 0; }
      section.cmpnt__rlistings a.cmpnt__rlistings__card:last-of-type {
        margin: 0 0 1.5% 0; } }
  @media only screen and (min-width: 769px) {
    section.cmpnt__rlistings a.cmpnt__rlistings__card {
      -webkit-flex: 0 0 32.333%;
          -ms-flex: 0 0 32.333%;
              flex: 0 0 32.333%;
      margin: 0 1.5% 1.5% 0; }
      section.cmpnt__rlistings a.cmpnt__rlistings__card:nth-child(even) {
        margin-right: 1.5%; }
      section.cmpnt__rlistings a.cmpnt__rlistings__card:nth-child(3n+3) {
        margin-right: 0; }
      section.cmpnt__rlistings a.cmpnt__rlistings__card:last-of-type {
        margin: 0 0 1.5% 0; } }

section.cmpnt__rlistings a.cmpnt__rlistings__card:hover div.cmpnt__rlistings__img > div {
  -webkit-transform: scale(1.1) rotate(0.1deg);
          transform: scale(1.1) rotate(0.1deg); }

section.cmpnt__rlistings a.cmpnt__rlistings__card:hover {
  background: #e2f4fc;
  color: white; }
  section.cmpnt__rlistings a.cmpnt__rlistings__card:hover div.cmpnt__rlistings__copy {
    border-color: #e2f4fc;
    background-color: #e2f4fc; }
  section.cmpnt__rlistings a.cmpnt__rlistings__card:hover div.cmpnt__rlistings__shadow {
    bottom: 4px; }

section.cmpnt__rlistings div.cmpnt__rlistings__shadow {
  position: absolute;
  bottom: 6px;
  z-index: 300;
  width: 90%;
  left: 5%;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  height: 10px;
  transition: bottom 0.3s; }

section.cmpnt__rlistings div.cmpnt__rlistings__card__cntr {
  position: relative;
  height: 100%;
  z-index: 400;
  border-radius: 5px;
  overflow: hidden; }

section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__img {
  width: 100%;
  height: 152px;
  overflow: hidden; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__img {
      height: 122px; } }

section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__img > div {
  position: relative;
  z-index: 1;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s; }

section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__copy {
  padding: 10px 10px 14px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: solid 1px #d6d6d6;
  border-top: none;
  height: 140px;
  transition: background-color 0.3s,border-color 0.3s;
  background: white; }

section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__copy > h3,
section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__copy > .h3 {
  margin-bottom: 10px;
  max-height: 50px;
  overflow: hidden;
  font-size: 18px; }

section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__copy > em {
  color: #000;
  font-family: 'Montserrat', serif;
  font-size: 14px;
  display: block;
  transition: color 0.3s;
  font-style: normal; }

section.cmpnt__rlistings a.cmpnt__rlistings__card div.cmpnt__rlistings__copy > div.recipe__ratings {
  position: absolute;
  bottom: 10px; }

div.recipe_no_result {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #F4AC35;
  font-size: 20pt;
  font-family: 'Montserrat', serif;
  font-weight: bold; }

div.cmpnt__rlistings__pages {
  text-align: center;
  padding: 0 20px 20px 20px; }
  @media only screen and (min-width: 769px) {
    div.cmpnt__rlistings__pages {
      padding: 0 0 20px 0; } }

div.cmpnt__rlistings__pages > a {
  display: inline-block;
  min-width: 100px;
  position: absolute; }
  div.cmpnt__rlistings__pages > a.cmpnt__rlistings__next {
    right: 20px; }
    @media only screen and (min-width: 769px) {
      div.cmpnt__rlistings__pages > a.cmpnt__rlistings__next {
        right: 0px; } }
  div.cmpnt__rlistings__pages > a.cmpnt__rlistings__prev {
    left: 20px; }
    @media only screen and (min-width: 769px) {
      div.cmpnt__rlistings__pages > a.cmpnt__rlistings__prev {
        left: 0px; } }

div.cmpnt__rlistings__pages .page__links > a {
  color: #5c5c5c;
  font-size: 12pt;
  font-family: 'Montserrat', serif;
  text-decoration: none;
  padding-top: 58px;
  display: inline-block;
  margin: 0 3px;
  border-bottom: solid 1px transparent; }
  @media only screen and (min-width: 737px) {
    div.cmpnt__rlistings__pages .page__links > a {
      padding-top: 8px; } }
  div.cmpnt__rlistings__pages .page__links > a:hover {
    color: #5c5c5c;
    border-bottom: solid 1px #5c5c5c;
    opacity: 0.5; }
  div.cmpnt__rlistings__pages .page__links > a.active {
    color: #004380;
    font-weight: bold;
    text-decoration: underline; }

section.cmpnt__recipe {
  position: relative;
  padding-top: 300px;
  background-color: #fffbf5; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe {
      padding-top: 475px; } }

section.cmpnt__recipe div.recipe__bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 350px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__bg {
      top: 60px;
      height: 480px; } }

section.cmpnt__recipe > div.u-cntr {
  max-width: 92%;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px); }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe > div.u-cntr {
      max-width: 620px; } }

.related-recipes .u-cntr {
  max-width: 92%;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0; }
  @media only screen and (min-width: 769px) {
    .related-recipes .u-cntr {
      max-width: 620px; } }

.related-recipes > div.u-cntr.is-active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }

.related-recipes ol {
  line-height: 1.5;
  color: #004380;
  margin-bottom: 30px;
  list-style: decimal outside url("img/checkmark.svg");
  margin-left: 20px; }
  .related-recipes ol li {
    padding: 4px 0 10px; }

.related-recipes a {
  color: #004380;
  text-decoration: none; }

.related-recipes a:hover {
  border-bottom: solid 1px #004380; }

section.cmpnt__recipe > div.u-cntr.is-active {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }

/* flip the pane when hovered */
section.cmpnt__recipe div.recipe__card__cntr {
  -webkit-perspective: 4000px;
          perspective: 4000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

div.recipe__card__cntr.is-flipped div.recipe__card__back {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg); }

div.recipe__card__cntr.is-flipped div.recipe__card__front {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

/* set the flip speed */
section.cmpnt__recipe div.recipe__card__flip {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative; }

section.cmpnt__recipe div.recipe__card__cntr,
section.cmpnt__recipe div.recipe__card__front,
section.cmpnt__recipe div.recipe__card__back {
  width: 100%;
  height: 500px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__card__cntr,
    section.cmpnt__recipe div.recipe__card__front,
    section.cmpnt__recipe div.recipe__card__back {
      height: 450px; } }

section.cmpnt__recipe div.recipe__card__front,
section.cmpnt__recipe div.recipe__card__back {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 6px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  padding: 3px; }

section.cmpnt__recipe div.recipe__card__int__cntr {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 6px;
  padding: 0;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__card__int__cntr {
      padding: 24px 30px; } }

section.cmpnt__recipe div.recipe__card__front {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  z-index: 500; }

section.cmpnt__recipe div.recipe__card__back {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  z-index: 400; }

section.cmpnt__recipe div.recipe__card__flip div.recipe__card__shadow {
  position: absolute;
  bottom: 3px;
  z-index: 200;
  width: 90%;
  left: 5%;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  height: 10px;
  transition: bottom 0.3s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

section.cmpnt__recipe div.recipe__card__cntr {
  color: #000; }

section.cmpnt__recipe div.recipe__card__cntr h1,
section.cmpnt__recipe div.recipe__card__cntr h2,
.related-recipes h2 {
  color: #004380;
  margin-bottom: 15px; }

section.cmpnt__recipe div.recipe__card__cntr p {
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  line-height: 1.5; }

section.cmpnt__recipe div.recipe__card__front__copy ul {
  padding: 10px 0 0; }

section.cmpnt__recipe div.recipe__card__front__copy li {
  color: #5c5c5c;
  display: block;
  height: 30px;
  line-height: 26px;
  font-family: 'Montserrat', serif; }
  section.cmpnt__recipe div.recipe__card__front__copy li:nth-of-type(1) {
    background: url("img/icon-clock.svg") no-repeat left 6px;
    padding-left: 20px; }
    @media only screen and (min-width: 769px) {
      section.cmpnt__recipe div.recipe__card__front__copy li:nth-of-type(1) {
        background-position: left 6px; } }
  section.cmpnt__recipe div.recipe__card__front__copy li:nth-of-type(2) {
    background: url("img/mitt.svg") no-repeat left 6px;
    padding-left: 20px; }
    @media only screen and (min-width: 769px) {
      section.cmpnt__recipe div.recipe__card__front__copy li:nth-of-type(2) {
        background-position: left 3px; } }
  section.cmpnt__recipe div.recipe__card__front__copy li:nth-of-type(3) {
    background: url("img/icon-spoon.svg") no-repeat 3px center;
    padding-left: 20px; }
    @media only screen and (min-width: 769px) {
      section.cmpnt__recipe div.recipe__card__front__copy li:nth-of-type(3) {
        background-position: 3px 3px; } }
  section.cmpnt__recipe div.recipe__card__front__copy li.video {
    background: url("img/icon-play.svg") no-repeat left 2px;
    padding-left: 20px; }
    @media only screen and (min-width: 769px) {
      section.cmpnt__recipe div.recipe__card__front__copy li.video {
        background-position: left 2px; } }
    section.cmpnt__recipe div.recipe__card__front__copy li.video a {
      text-decoration: none;
      color: #5c5c5c; }

section.cmpnt__recipe div.recipe__card__front__copy p {
  margin-top: 20px; }

section.cmpnt__recipe div.recipe__social {
  position: static;
  padding-top: 22px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 170px;
  margin: 0 auto; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__social {
      bottom: 20px;
      left: 30px;
      position: absolute;
      padding-top: 0; } }
  section.cmpnt__recipe div.recipe__social .btn.btn__social.btn__social--small {
    margin: 0; }

section.cmpnt__recipe div.recipe__edit {
  bottom: 100px;
  text-align: left;
  width: 100%;
  left: 0; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__edit {
      bottom: 20px;
      width: 100%;
      padding: 0;
      left: auto; } }

section.cmpnt__recipe div.recipe__edit > a {
  text-decoration: underline;
  color: #004380;
  font-family: 'Montserrat', serif;
  font-weight: 600;
  display: inline-block;
  letter-spacing: -0.5px; }
  section.cmpnt__recipe div.recipe__edit > a:hover {
    color: red; }

section.cmpnt__recipe div.recipe__card__frontFlip,
section.cmpnt__recipe div.recipe__card__backFlip {
  position: absolute;
  left: 1%;
  bottom: 3px;
  padding: 16px 24px;
  width: 98%;
  background: white;
  z-index: 400;
  text-align: center;
  border-radius: 6px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__card__frontFlip,
    section.cmpnt__recipe div.recipe__card__backFlip {
      left: auto;
      right: 24px;
      bottom: 20px;
      padding: 0;
      width: auto; }
      section.cmpnt__recipe div.recipe__card__frontFlip:after,
      section.cmpnt__recipe div.recipe__card__backFlip:after {
        display: none; } }

section.cmpnt__recipe div.recipe__card__frontFlip:after,
section.cmpnt__recipe div.recipe__card__backFlip:after {
  content: '';
  position: absolute;
  top: 0px;
  width: 98%;
  left: 1%;
  height: 3px;
  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1);
  z-index: 300; }

@media only screen and (min-width: 769px) {
  section.cmpnt__recipe div.recipe__card__frontFlip:after,
  section.cmpnt__recipe div.recipe__card__backFlip:after {
    display: none; } }

section.cmpnt__recipe div.recipe__card__frontFlip > button,
section.cmpnt__recipe div.recipe__card__backFlip > button {
  text-decoration: none;
  color: #004380;
  font-family: 'Montserrat', serif;
  font-weight: 600;
  background: transparent url("img/icon-flip-right.svg") no-repeat right center;
  padding-right: 20px;
  display: inline-block;
  border: none;
  font-size: 16px;
  cursor: pointer; }

section.cmpnt__recipe div.recipe__card__backFlip > button {
  background: url("img/icon-flip-left.svg") no-repeat right center; }

section.cmpnt__recipe div.recipe__card__details {
  padding-top: 40px;
  color: #5c5c5c;
  font-family: 'Montserrat', serif; }

section.cmpnt__recipe div.recipe__card__details h2 {
  color: #004380;
  margin-bottom: 6px;
  font-family: 'Ovo', sans-serif; }

section.cmpnt__recipe div.recipe__card__details a {
  color: #004380;
  text-decoration: none; }

section.cmpnt__recipe div.recipe__card__details a:hover {
  border-bottom: solid 1px #004380; }

section.cmpnt__recipe div.recipe__card__details ol {
  line-height: 1.5;
  list-style: decimal outside none;
  color: #004380;
  margin-left: 18px;
  margin-bottom: 30px; }

section.cmpnt__recipe div.recipe__card__details ol.recipe_website_tips {
  list-style: decimal outside url("img/checkmark.svg");
  margin-left: 20px; }

section.cmpnt__recipe div.recipe__card__details ol > li {
  padding: 4px 0 10px; }

section.cmpnt__recipe div.recipe__card__details ol > li > p {
  color: #5c5c5c; }

section.cmpnt__recipe div.recipe__card__details dl {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__recipe div.recipe__card__details dl {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  section.cmpnt__recipe div.recipe__card__details dl dt {
    width: 100%;
    padding-top: .25em;
    padding-bottom: .25em; }
    @media only screen and (min-width: 737px) {
      section.cmpnt__recipe div.recipe__card__details dl dt {
        width: 30%; } }
  section.cmpnt__recipe div.recipe__card__details dl dd {
    width: 100%;
    padding-top: .25em;
    padding-bottom: .25em;
    border-bottom: 1px solid #004380; }
    @media only screen and (min-width: 737px) {
      section.cmpnt__recipe div.recipe__card__details dl dd {
        width: 60%;
        border-bottom: none; } }

section.cmpnt__recipe div.recipe__card__details table {
  margin-bottom: 30px; }

section.cmpnt__recipe div.recipe__card__details tr > td {
  line-height: 1.8;
  font-size: 12px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__card__details tr > td {
      font-size: 16px; } }

section.cmpnt__recipe div.recipe__card__details tr > td:first-of-type {
  width: 40%; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__card__details tr > td:first-of-type {
      width: 35%; } }

section.cmpnt__recipe div.recipe__card__details tr > td:last-of-type {
  width: 60%; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__card__details tr > td:last-of-type {
      width: 65%; } }

section.cmpnt__recipe div.recipe__card__promo h2 {
  color: #78B64C; }

section.cmpnt__recipe div.recipe__card__promo a {
  background-color: #78B64C;
  border-color: #78B64C;
  color: white; }
  section.cmpnt__recipe div.recipe__card__promo a:hover, section.cmpnt__recipe div.recipe__card__promo a:active {
    color: #78B64C;
    background-color: white; }

section.cmpnt__recipe div.recipe__nutrition {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding-bottom: 14px;
  padding-top: 10px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__nutrition {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.cmpnt__recipe div.recipe__nutrition ul.recipe__nutrition__col {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  section.cmpnt__recipe div.recipe__nutrition ul.recipe__nutrition__col:first-of-type {
    border-top: solid 5px rgba(151, 151, 151, 0.2); }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__nutrition ul.recipe__nutrition__col {
      -webkit-flex: 0 0 45%;
          -ms-flex: 0 0 45%;
              flex: 0 0 45%;
      border-top: solid 5px rgba(151, 151, 151, 0.2); }
      section.cmpnt__recipe div.recipe__nutrition ul.recipe__nutrition__col:first-of-type {
        margin-right: 10%; } }

section.cmpnt__recipe div.recipe__nutrition ul.recipe__nutrition__col > li {
  line-height: 1.5;
  border-bottom: solid 1px rgba(151, 151, 151, 0.2);
  padding: 0 3px;
  font-family: 'Montserrat', serif; }

section.cmpnt__recipe div.recipe__nutrition ul.recipe__nutrition__col > li > span {
  float: right;
  font-family: 'Ovo', sans-serif; }

section.cmpnt__recipe div.recipe__nutrition_cntr, section.cmpnt__recipe div.recipe__card__front__copy {
  overflow: scroll;
  padding: 16px 24px; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipe div.recipe__nutrition_cntr, section.cmpnt__recipe div.recipe__card__front__copy {
      overflow: hidden;
      height: auto;
      padding: 0; } }

section.cmpnt__recipe div.recipe__nutrition_cntr p {
  padding: 5px 0px; }
  section.cmpnt__recipe div.recipe__nutrition_cntr p:first-of-type {
    padding-top: 14px; }

section.cmpnt__recipe .recipe__card__details a {
  font-weight: bold; }

section.cmpnt__productFeature h2, section.cmpnt__productFeature span {
  color: #004380; }

section.cmpnt__recipePromo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-bottom: solid 3px #e2f4fc;
  height: 260px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  text-decoration: none; }
  section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg:nth-of-type(2) {
    border-right: 0; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg {
      height: 320px;
      -webkit-flex: 1 1 49%;
          -ms-flex: 1 1 49%;
              flex: 1 1 49%;
      border-right: solid 3px #e2f4fc;
      border-bottom: solid 3px #e2f4fc; } }
  section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg:last-of-type {
    border-right: none; }

section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg:hover div.cmpnt__recipePromo__img > div,
section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg.is-active div.cmpnt__recipePromo__img > div {
  -webkit-transform: scale(1.1) rotate(0.1deg);
          transform: scale(1.1) rotate(0.1deg); }

section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg:hover div.cmpnt__recipePromo__copy h2,
section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg.is-active div.cmpnt__recipePromo__copy h2 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-delay: 0s; }

section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg:hover div.cmpnt__recipePromo__copy .btn__cta,
section.cmpnt__recipePromo a.cmpnt__recipePromo--lrg.is-active div.cmpnt__recipePromo__copy .btn__cta {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  transition-delay: 0.1s; }

section.cmpnt__recipePromo div.cmpnt__recipePromo__copy {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding-bottom: 30px;
  z-index: 500;
  position: relative;
  color: white;
  overflow: hidden; }

section.cmpnt__recipePromo div.cmpnt__recipePromo__img {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 400; }

section.cmpnt__recipePromo div.cmpnt__recipePromo__img > span {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 500;
  background: linear-gradient(transparent 5%, black); }

section.cmpnt__recipePromo div.cmpnt__recipePromo__img > div {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 400; }

section.cmpnt__recipePromo div.cmpnt__recipePromo__copy h2 {
  margin-bottom: 14px;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  transition-delay: 0.1s; }

section.cmpnt__recipePromo div.cmpnt__recipePromo__copy .btn__cta {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  transition-delay: 0s; }

section.cmpnt__recipePromo a.cmpnt__recipePromo--full {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 150px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-decoration: none; }

section.cmpnt__recipePromo a.cmpnt__recipePromo--full:hover div.cmpnt__recipePromo__img > div {
  -webkit-transform: scale(1.1) rotate(0.1deg);
          transform: scale(1.1) rotate(0.1deg); }

section.cmpnt__recipePromo a.cmpnt__recipePromo--full div.cmpnt__recipePromo__img > div {
  background-image: url("img/recipes_promo_seeall_bg.jpg"); }

section.cmpnt__recipePromo a.cmpnt__recipePromo--full > .btn {
  z-index: 500;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin: 0 auto; }

/* Recipe Rating Bar */
div.recipe__ratings {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  background: #004380;
  border-radius: 15px;
  padding: 5px 10px 5px 10px; }

div.recipe__ratings__header {
  height: 19px;
  background: transparent;
  padding: 5px 0px 5px 0px;
  margin-bottom: 30px; }

.recipe__rating {
  width: 15px;
  height: 19px;
  background: url("img/egg_full.svg") no-repeat center center;
  background-size: 100%;
  margin-right: 5px;
  overflow: hidden;
  text-indent: -9000px;
  display: block; }
  .recipe__rating:last-of-type {
    margin-right: 0px; }

div.recipe__ratings.recipe__ratings--medium {
  border-radius: 32px;
  padding: 6px 10px; }

div.recipe__ratings.recipe__ratings--medium div.recipe__rating {
  width: 20px;
  height: 26px;
  margin-right: 8px; }
  div.recipe__ratings.recipe__ratings--medium div.recipe__rating:last-of-type {
    margin-right: 0px; }

body > div.pageContent > section.cmpnt.cmpnt__recipe.recipe > div.u-cntr > div.recipe__card__cntr > div > div.recipe__card.recipe__card__front > div.recipe__card__front__copy > a:nth-child(2)
div.recipe__ratings.recipe__ratings--large {
  border-radius: 32px;
  padding: 7px 12px; }

div.recipe__ratings.recipe__ratings--large div.recipe__rating {
  width: 25px;
  height: 33px;
  margin-right: 12px; }
  div.recipe__ratings.recipe__ratings--large div.recipe__rating:last-of-type {
    margin-right: 0px; }

div.recipe__ratings.recipe__rating--nobg {
  background-color: transparent;
  padding: 0; }

.recipe__rating.recipe__rating--full {
  background-image: url("img/rating_egg_full.svg"); }

.recipe__rating.recipe__rating--half {
  background-image: url("img/rating_egg_half.svg"); }

.recipe__rating.recipe__rating--none {
  background-image: url("img/rating_egg_none.svg"); }

div.recipe__rating__box {
  position: relative; }

a.recipe__rating__cntr {
  display: block;
  text-decoration: none; }

a.recipe__rating__cntr.has-voted {
  cursor: default;
  outline: none; }

a.recipe__rating__cntr.is-active em {
  -webkit-transform: translateX(10px);
          transform: translateX(10px); }

a.recipe__rating__cntr em {
  font-size: 12px;
  color: #004380;
  font-family: 'Montserrat', serif;
  padding: 9px 0 0px 14px;
  display: inline-block;
  vertical-align: top;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

div.recipe__ratings__popout {
  position: absolute;
  background: #004380;
  padding: 20px 20px;
  border-radius: 12px;
  width: 153px;
  height: 63px;
  top: -14px;
  left: -20px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0);
          transform: scale(0);
  pointer-events: none;
  visibility: hidden; }

div.recipe__ratings__popout.is-active {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(1);
          transform: scale(1);
  pointer-events: auto;
  visibility: visible; }

div.recipe__ratings__popout .recipe__rating {
  width: 17px;
  height: 23px;
  margin-right: 7px; }
  div.recipe__ratings__popout .recipe__rating:last-of-type {
    margin-right: 0; }

div.recipe__ratings__popout div.recipe__rating__input {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

div.recipe__ratings__popout div.recipe__rating__response {
  position: absolute;
  opacity: 0;
  top: 23px;
  width: 100%;
  text-align: center;
  left: 0;
  visibility: hidden;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  color: white;
  font-family: 'Montserrat', serif;
  font-weight: 600; }

div.recipe__ratings__popout div.recipe__rating__response.is-active {
  opacity: 1;
  visibility: visible; }

/************ MAIN NAVIGATION ****************/
nav.siteNav__main {
  position: fixed;
  top: 0;
  left: 0%;
  width: 100%;
  z-index: 700;
  pointer-events: none;
  opacity: 0;
  text-align: center;
  -webkit-transform: translate(20%, -30%) scale(0.75);
          transform: translate(20%, -30%) scale(0.75);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  transition-delay: 0s;
  display: block;
  padding: 24px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 100%;
  overflow-y: scroll; }
  nav.siteNav__main.is-active {
    transition-delay: 0.2s;
    visibility: visible;
    -webkit-transform: translate(0%, 0%) scale(1);
            transform: translate(0%, 0%) scale(1);
    opacity: 1;
    pointer-events: auto; }
  @media only screen and (min-width: 737px) {
    nav.siteNav__main {
      -webkit-transform: translate(20%, -30%) scale(1);
              transform: translate(20%, -30%) scale(1);
      left: auto;
      right: 10%;
      width: 46%;
      height: auto;
      overflow: hidden; }
      nav.siteNav__main.is-active {
        -webkit-transform: translate(0%, 0%) scale(1);
                transform: translate(0%, 0%) scale(1);
        opacity: 1;
        pointer-events: auto;
        visibility: visible; } }
  @media (min-width: 923px) {
    nav.siteNav__main:lang(en) {
      transition-delay: 2s;
      -webkit-transform: translate(0, 0%) scale(1);
              transform: translate(0, 0%) scale(1);
      width: 100%;
      right: auto;
      display: block;
      text-align: center;
      padding: 0;
      background: white;
      transition: opacity 0.8s, height 0.4s, -webkit-transform 0.6s;
      transition: transform 0.6s, opacity 0.8s, height 0.4s;
      transition: transform 0.6s, opacity 0.8s, height 0.4s, -webkit-transform 0.6s;
      height: 60px; }
      nav.siteNav__main:lang(en).is-active {
        transition-delay: 0s;
        -webkit-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1); }
      nav.siteNav__main:lang(en):after {
        position: absolute;
        width: 102%;
        left: -1%;
        bottom: -3px;
        height: 3px;
        box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3); } }
  @media (min-width: 1110px) {
    nav.siteNav__main:lang(fr) {
      transition-delay: 2s;
      -webkit-transform: translate(0, 0%) scale(1);
              transform: translate(0, 0%) scale(1);
      width: 100%;
      right: auto;
      display: block;
      text-align: center;
      padding: 0;
      background: white;
      transition: opacity 0.8s, height 0.4s, -webkit-transform 0.6s;
      transition: transform 0.6s, opacity 0.8s, height 0.4s;
      transition: transform 0.6s, opacity 0.8s, height 0.4s, -webkit-transform 0.6s;
      height: 60px; }
      nav.siteNav__main:lang(fr).is-active {
        transition-delay: 0s;
        -webkit-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1); }
      nav.siteNav__main:lang(fr):after {
        position: absolute;
        width: 102%;
        left: -1%;
        bottom: -3px;
        height: 3px;
        box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3); } }
  nav.siteNav__main:after {
    content: '';
    display: block;
    clear: both; }

@media (min-width: 923px) {
  body.home nav.siteNav__main:lang(en) {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px); }
    body.home nav.siteNav__main:lang(en).is-active {
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px); } }

@media (min-width: 1110px) {
  body.home nav.siteNav__main:lang(fr) {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px); }
    body.home nav.siteNav__main:lang(fr).is-active {
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px); } }

nav.siteNav__main.is-active {
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px); }

nav.siteNav__main.has--submenu {
  height: 90px; }

nav.siteNav__main > div {
  height: 100%;
  padding-top: 45px; }
  @media (min-width: 923px) {
    nav.siteNav__main > div:lang(en) {
      padding-top: 0;
      max-width: 1030px; }
      nav.siteNav__main > div:lang(en):lang(fr) {
        max-width: 1200px; } }
  @media (min-width: 1110px) {
    nav.siteNav__main > div:lang(fr) {
      padding-top: 0;
      max-width: 1030px; }
      nav.siteNav__main > div:lang(fr):lang(fr) {
        max-width: 1200px; } }

nav.siteNav__main a.siteNav__main__logo {
  width: 85px;
  height: 100%;
  overflow: hidden;
  text-indent: -9000px;
  float: left;
  display: none; }
  nav.siteNav__main a.siteNav__main__logo:after {
    display: none; }
  @media (min-width: 923px) {
    nav.siteNav__main a.siteNav__main__logo:lang(en) {
      display: block;
      height: 100%; } }
  @media (min-width: 1110px) {
    nav.siteNav__main a.siteNav__main__logo:lang(fr) {
      display: block;
      height: 100%; } }

nav.siteNav__main div.siteNav__main__subpages {
  text-align: center;
  padding: 0px 0 6px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  transition-delay: 0.2s;
  color: #5c5c5c;
  position: absolute;
  top: 3px;
  width: 100%; }
  @media (min-width: 923px) {
    nav.siteNav__main div.siteNav__main__subpages:lang(en) {
      position: relative;
      top: auto;
      width: auto;
      opacity: 1;
      padding: 0;
      margin-right: 0px;
      transition-delay: 0s;
      float: right; } }
  @media (min-width: 1110px) {
    nav.siteNav__main div.siteNav__main__subpages:lang(fr) {
      position: relative;
      top: auto;
      width: auto;
      opacity: 1;
      padding: 0;
      margin-right: 0px;
      transition-delay: 0s;
      float: right; } }

nav.siteNav__special > div > a,
nav.siteNav__special > div > button,
nav.siteNav__main > div > a,
nav.siteNav__main > div > button,
div.submenu > a,
div.submenu > button {
  display: block;
  color: #5c5c5c;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Montserrat', serif;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 0;
  padding: 14px 0;
  text-decoration: none;
  position: relative; }
  @media (min-width: 923px) {
    nav.siteNav__special > div > a:lang(en),
    nav.siteNav__special > div > button:lang(en),
    nav.siteNav__main > div > a:lang(en),
    nav.siteNav__main > div > button:lang(en),
    div.submenu > a:lang(en),
    div.submenu > button:lang(en) {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
      color: #5c5c5c;
      text-decoration: none;
      min-width: 140px;
      margin: 0 16px;
      padding: 10px 0;
      font-size: 16px; }
      nav.siteNav__special > div > a:lang(en):after,
      nav.siteNav__special > div > button:lang(en):after,
      nav.siteNav__main > div > a:lang(en):after,
      nav.siteNav__main > div > button:lang(en):after,
      div.submenu > a:lang(en):after,
      div.submenu > button:lang(en):after {
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0px;
        background-color: white;
        content: '';
        left: 0;
        transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        transition: height 0.3s, transform 0.3s, opacity 0.3s;
        transition: height 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }
      nav.siteNav__special > div > a:lang(en):hover,
      nav.siteNav__special > div > button:lang(en):hover,
      nav.siteNav__main > div > a:lang(en):hover,
      nav.siteNav__main > div > button:lang(en):hover,
      div.submenu > a:lang(en):hover,
      div.submenu > button:lang(en):hover {
        opacity: 0.6; }
        nav.siteNav__special > div > a:lang(en):hover:after,
        nav.siteNav__special > div > button:lang(en):hover:after,
        nav.siteNav__main > div > a:lang(en):hover:after,
        nav.siteNav__main > div > button:lang(en):hover:after,
        div.submenu > a:lang(en):hover:after,
        div.submenu > button:lang(en):hover:after {
          height: 1px;
          -webkit-transform: translateY(-5px);
                  transform: translateY(-5px); } }
  @media (min-width: 1110px) {
    nav.siteNav__special > div > a:lang(fr),
    nav.siteNav__special > div > button:lang(fr),
    nav.siteNav__main > div > a:lang(fr),
    nav.siteNav__main > div > button:lang(fr),
    div.submenu > a:lang(fr),
    div.submenu > button:lang(fr) {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
      color: #5c5c5c;
      text-decoration: none;
      min-width: 140px;
      margin: 0 16px;
      padding: 10px 0;
      font-size: 16px; }
      nav.siteNav__special > div > a:lang(fr):after,
      nav.siteNav__special > div > button:lang(fr):after,
      nav.siteNav__main > div > a:lang(fr):after,
      nav.siteNav__main > div > button:lang(fr):after,
      div.submenu > a:lang(fr):after,
      div.submenu > button:lang(fr):after {
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0px;
        background-color: white;
        content: '';
        left: 0;
        transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
        transition: height 0.3s, transform 0.3s, opacity 0.3s;
        transition: height 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }
      nav.siteNav__special > div > a:lang(fr):hover,
      nav.siteNav__special > div > button:lang(fr):hover,
      nav.siteNav__main > div > a:lang(fr):hover,
      nav.siteNav__main > div > button:lang(fr):hover,
      div.submenu > a:lang(fr):hover,
      div.submenu > button:lang(fr):hover {
        opacity: 0.6; }
        nav.siteNav__special > div > a:lang(fr):hover:after,
        nav.siteNav__special > div > button:lang(fr):hover:after,
        nav.siteNav__main > div > a:lang(fr):hover:after,
        nav.siteNav__main > div > button:lang(fr):hover:after,
        div.submenu > a:lang(fr):hover:after,
        div.submenu > button:lang(fr):hover:after {
          height: 1px;
          -webkit-transform: translateY(-5px);
                  transform: translateY(-5px); } }

nav.siteNav__main > div > button {
  background: none;
  border: none;
  width: 100%; }
  @media (min-width: 923px) {
    nav.siteNav__main > div > button:lang(en) {
      width: auto; } }
  @media (min-width: 1110px) {
    nav.siteNav__main > div > button:lang(fr) {
      width: auto; } }

nav.siteNav__main > div > a > span,
nav.siteNav__main > div > button > span {
  display: inline-block;
  vertical-algin: top; }

nav.siteNav__main > div > a > i,
nav.siteNav__main > div > button > i {
  display: block;
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  right: 8px;
  background: url("img/navmenu_indicator.svg") no-repeat center center;
  background-size: auto; }
  @media (min-width: 923px) {
    nav.siteNav__main > div > a > i:lang(en),
    nav.siteNav__main > div > button > i:lang(en) {
      position: static;
      display: inline-block;
      background-position: right center;
      width: 11px;
      height: 11px;
      right: 0;
      background: url("img/navmenu_indicator.svg") no-repeat center center;
      background-size: 11px 7px;
      margin-left: 6px; } }
  @media (min-width: 1110px) {
    nav.siteNav__main > div > a > i:lang(fr),
    nav.siteNav__main > div > button > i:lang(fr) {
      position: static;
      display: inline-block;
      background-position: right center;
      width: 11px;
      height: 11px;
      right: 0;
      background: url("img/navmenu_indicator.svg") no-repeat center center;
      background-size: 11px 7px;
      margin-left: 6px; } }

nav.siteNav__main > div > a,
nav.siteNav__main > div > button,
nav.siteNav__main div.submenu > a,
nav.siteNav__main div.submenu > button {
  border-top: solid 1px #004380; }
  @media (min-width: 923px) {
    nav.siteNav__main > div > a:lang(en),
    nav.siteNav__main > div > button:lang(en),
    nav.siteNav__main div.submenu > a:lang(en),
    nav.siteNav__main div.submenu > button:lang(en) {
      font-size: 12px;
      min-width: 90px;
      padding: 20px 0px 10px;
      transition: opacity 1s, -webkit-transform 0.3s;
      transition: opacity 1s, transform 0.3s;
      transition: opacity 1s, transform 0.3s, -webkit-transform 0.3s;
      transition-delay: 0s;
      -webkit-transform: translate(0, -10px);
              transform: translate(0, -10px);
      margin: 0 10px;
      border: none;
      font-size: 14px; }
      nav.siteNav__main > div > a:lang(en):lang(fr),
      nav.siteNav__main > div > button:lang(en):lang(fr),
      nav.siteNav__main div.submenu > a:lang(en):lang(fr),
      nav.siteNav__main div.submenu > button:lang(en):lang(fr) {
        padding: 23px 0px 10px;
        min-width: 80px;
        font-size: 12px; }
      nav.siteNav__main > div > a:lang(en):last-of-type,
      nav.siteNav__main > div > button:lang(en):last-of-type,
      nav.siteNav__main div.submenu > a:lang(en):last-of-type,
      nav.siteNav__main div.submenu > button:lang(en):last-of-type {
        border-bottom: none; } }
  @media (min-width: 1110px) {
    nav.siteNav__main > div > a:lang(fr),
    nav.siteNav__main > div > button:lang(fr),
    nav.siteNav__main div.submenu > a:lang(fr),
    nav.siteNav__main div.submenu > button:lang(fr) {
      font-size: 12px;
      min-width: 90px;
      padding: 20px 0px 10px;
      transition: opacity 1s, -webkit-transform 0.3s;
      transition: opacity 1s, transform 0.3s;
      transition: opacity 1s, transform 0.3s, -webkit-transform 0.3s;
      transition-delay: 0s;
      -webkit-transform: translate(0, -10px);
              transform: translate(0, -10px);
      margin: 0 10px;
      border: none;
      font-size: 14px; }
      nav.siteNav__main > div > a:lang(fr):lang(fr),
      nav.siteNav__main > div > button:lang(fr):lang(fr),
      nav.siteNav__main div.submenu > a:lang(fr):lang(fr),
      nav.siteNav__main div.submenu > button:lang(fr):lang(fr) {
        padding: 23px 0px 10px;
        min-width: 80px;
        font-size: 12px; }
      nav.siteNav__main > div > a:lang(fr):last-of-type,
      nav.siteNav__main > div > button:lang(fr):last-of-type,
      nav.siteNav__main div.submenu > a:lang(fr):last-of-type,
      nav.siteNav__main div.submenu > button:lang(fr):last-of-type {
        border-bottom: none; } }
  @media only screen and (min-width: 1025px) {
    nav.siteNav__main > div > a,
    nav.siteNav__main > div > button,
    nav.siteNav__main div.submenu > a,
    nav.siteNav__main div.submenu > button {
      font-size: 14px; }
      nav.siteNav__main > div > a:lang(fr),
      nav.siteNav__main > div > button:lang(fr),
      nav.siteNav__main div.submenu > a:lang(fr),
      nav.siteNav__main div.submenu > button:lang(fr) {
        min-width: 90px;
        font-size: 14px; } }

@media (min-width: 923px) {
  nav.siteNav__main > div > a:lang(en):after,
  nav.siteNav__main > div > button:lang(en):after {
    top: 3px;
    height: 0px;
    background-color: #004380; }
  nav.siteNav__main > div > a:lang(en):hover,
  nav.siteNav__main > div > button:lang(en):hover {
    opacity: 0.6;
    color: #004380; }
    nav.siteNav__main > div > a:lang(en):hover:after,
    nav.siteNav__main > div > button:lang(en):hover:after {
      top: 3px;
      height: 4px;
      -webkit-transform: translateY(-3px);
              transform: translateY(-3px); } }

@media (min-width: 1110px) {
  nav.siteNav__main > div > a:lang(fr):after,
  nav.siteNav__main > div > button:lang(fr):after {
    top: 3px;
    height: 0px;
    background-color: #004380; }
  nav.siteNav__main > div > a:lang(fr):hover,
  nav.siteNav__main > div > button:lang(fr):hover {
    opacity: 0.6;
    color: #004380; }
    nav.siteNav__main > div > a:lang(fr):hover:after,
    nav.siteNav__main > div > button:lang(fr):hover:after {
      top: 3px;
      height: 4px;
      -webkit-transform: translateY(-3px);
              transform: translateY(-3px); } }

nav.siteNav__main > div > a.is-activepage,
nav.siteNav__main > div > a.is-highlighted,
nav.siteNav__main > div > a.is-selected,
nav.siteNav__main > div > button.is-activepage,
nav.siteNav__main > div > button.is-highlighted,
nav.siteNav__main > div > button.is-selected {
  color: #004380; }
  nav.siteNav__main > div > a.is-activepage:after,
  nav.siteNav__main > div > a.is-highlighted:after,
  nav.siteNav__main > div > a.is-selected:after,
  nav.siteNav__main > div > button.is-activepage:after,
  nav.siteNav__main > div > button.is-highlighted:after,
  nav.siteNav__main > div > button.is-selected:after {
    top: 3px;
    height: 4px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  nav.siteNav__main > div > a.is-activepage i,
  nav.siteNav__main > div > a.is-highlighted i,
  nav.siteNav__main > div > a.is-selected i,
  nav.siteNav__main > div > button.is-activepage i,
  nav.siteNav__main > div > button.is-highlighted i,
  nav.siteNav__main > div > button.is-selected i {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

nav.siteNav__main > div > a.is-highlighted i,
nav.siteNav__main > div > button.is-highlighted i {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

nav.siteNav__main div.submenu > a,
nav.siteNav__main div.submenu > button {
  border: none; }
  nav.siteNav__main div.submenu > a:last-of-type,
  nav.siteNav__main div.submenu > button:last-of-type {
    border: none; }
  @media (min-width: 923px) {
    nav.siteNav__main div.submenu > a:lang(en),
    nav.siteNav__main div.submenu > button:lang(en) {
      height: auto;
      line-height: 1.3;
      font-weight: 400;
      padding-top: 0; }
      nav.siteNav__main div.submenu > a:lang(en):lang(fr),
      nav.siteNav__main div.submenu > button:lang(en):lang(fr) {
        padding-top: 0; }
      nav.siteNav__main div.submenu > a:lang(en):hover,
      nav.siteNav__main div.submenu > button:lang(en):hover {
        color: #004380; } }
  @media (min-width: 1110px) {
    nav.siteNav__main div.submenu > a:lang(fr),
    nav.siteNav__main div.submenu > button:lang(fr) {
      height: auto;
      line-height: 1.3;
      font-weight: 400;
      padding-top: 0; }
      nav.siteNav__main div.submenu > a:lang(fr):lang(fr),
      nav.siteNav__main div.submenu > button:lang(fr):lang(fr) {
        padding-top: 0; }
      nav.siteNav__main div.submenu > a:lang(fr):hover,
      nav.siteNav__main div.submenu > button:lang(fr):hover {
        color: #004380; } }
  @media only screen and (min-width: 1025px) {
    nav.siteNav__main div.submenu > a,
    nav.siteNav__main div.submenu > button {
      font-size: 16px; } }

/* END NAV STYLE 1 */
nav.siteNav__main div.siteNav__main__subpages > a,
nav.siteNav__support a {
  display: inline-block;
  padding: 10px 10px 26px;
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Montserrat', serif;
  transition: opacity 0.3s; }
  nav.siteNav__main div.siteNav__main__subpages > a:last-of-type,
  nav.siteNav__support a:last-of-type {
    padding-right: 0; }
  nav.siteNav__main div.siteNav__main__subpages > a:hover,
  nav.siteNav__support a:hover {
    opacity: 0.6; }
  @media (min-width: 923px) {
    nav.siteNav__main div.siteNav__main__subpages > a:lang(en),
    nav.siteNav__support a:lang(en) {
      font-size: 12px;
      padding: 8px 8px 0 8px; } }
  @media (min-width: 1110px) {
    nav.siteNav__main div.siteNav__main__subpages > a:lang(fr),
    nav.siteNav__support a:lang(fr) {
      font-size: 12px;
      padding: 8px 8px 0 8px; } }

nav.siteNav__main div.siteNav__main__subpages > a {
  color: #5c5c5c;
  position: relative; }
  @media (min-width: 923px) {
    nav.siteNav__main div.siteNav__main__subpages > a:lang(en) {
      height: 60px;
      line-height: 60px;
      padding: 0 8px; } }
  @media (min-width: 1110px) {
    nav.siteNav__main div.siteNav__main__subpages > a:lang(fr) {
      height: 60px;
      line-height: 60px;
      padding: 0 8px; } }
  nav.siteNav__main div.siteNav__main__subpages > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #004380;
    transition: height 0.3s; }

nav.siteNav__main div.siteNav__main__subpages > a.is-activepage {
  color: #004380; }
  nav.siteNav__main div.siteNav__main__subpages > a.is-activepage:after {
    height: 4px; }

@media (min-width: 923px) {
  nav.siteNav__main > div > a:lang(en):nth-child(n),
  nav.siteNav__main > div > button:lang(en):nth-child(n) {
    transition-delay: 0s; } }

@media (min-width: 1110px) {
  nav.siteNav__main > div > a:lang(fr):nth-child(n),
  nav.siteNav__main > div > button:lang(fr):nth-child(n) {
    transition-delay: 0s; } }

nav.siteNav__main.is-active > div > a,
nav.siteNav__main.is-active > div > button {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }
  @media (min-width: 923px) {
    nav.siteNav__main.is-active > div > a:lang(en),
    nav.siteNav__main.is-active > div > button:lang(en) {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; } }
  @media (min-width: 1110px) {
    nav.siteNav__main.is-active > div > a:lang(fr),
    nav.siteNav__main.is-active > div > button:lang(fr) {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; } }

nav.siteNav__main.do-reveal > div > a:nth-child(2),
nav.siteNav__main.do-reveal > div > button:nth-child(2) {
  transition-delay: 0.2s; }

nav.siteNav__main.do-reveal > div > a:nth-child(4),
nav.siteNav__main.do-reveal > div > button:nth-child(4) {
  transition-delay: 0.25s; }

nav.siteNav__main.do-reveal > div > a:nth-child(6),
nav.siteNav__main.do-reveal > div > button:nth-child(6) {
  transition-delay: 0.35s; }

nav.siteNav__main.do-reveal > div > a:nth-child(7),
nav.siteNav__main.do-reveal > div > button:nth-child(7) {
  transition-delay: 0.4s; }

nav.siteNav__main.do-reveal > div > a:nth-child(9),
nav.siteNav__main.do-reveal > div > button:nth-child(9) {
  transition-delay: 0.45s; }

@media (min-width: 923px) {
  nav.siteNav__main.do-reveal > div > a:lang(en):nth-child(2),
  nav.siteNav__main.do-reveal > div > button:lang(en):nth-child(2) {
    transition-delay: 0.2s; }
  nav.siteNav__main.do-reveal > div > a:lang(en):nth-child(4),
  nav.siteNav__main.do-reveal > div > button:lang(en):nth-child(4) {
    transition-delay: 0.25s; }
  nav.siteNav__main.do-reveal > div > a:lang(en):nth-child(6),
  nav.siteNav__main.do-reveal > div > button:lang(en):nth-child(6) {
    transition-delay: 0.35s; }
  nav.siteNav__main.do-reveal > div > a:lang(en):nth-child(7),
  nav.siteNav__main.do-reveal > div > button:lang(en):nth-child(7) {
    transition-delay: 0.4s; }
  nav.siteNav__main.do-reveal > div > a:lang(en):nth-child(9),
  nav.siteNav__main.do-reveal > div > button:lang(en):nth-child(9) {
    transition-delay: 0.45s; } }

@media (min-width: 1110px) {
  nav.siteNav__main.do-reveal > div > a:lang(fr):nth-child(2),
  nav.siteNav__main.do-reveal > div > button:lang(fr):nth-child(2) {
    transition-delay: 0.2s; }
  nav.siteNav__main.do-reveal > div > a:lang(fr):nth-child(4),
  nav.siteNav__main.do-reveal > div > button:lang(fr):nth-child(4) {
    transition-delay: 0.25s; }
  nav.siteNav__main.do-reveal > div > a:lang(fr):nth-child(6),
  nav.siteNav__main.do-reveal > div > button:lang(fr):nth-child(6) {
    transition-delay: 0.35s; }
  nav.siteNav__main.do-reveal > div > a:lang(fr):nth-child(7),
  nav.siteNav__main.do-reveal > div > button:lang(fr):nth-child(7) {
    transition-delay: 0.4s; }
  nav.siteNav__main.do-reveal > div > a:lang(fr):nth-child(9),
  nav.siteNav__main.do-reveal > div > button:lang(fr):nth-child(9) {
    transition-delay: 0.45s; } }

nav.siteNav__main.is-active div.siteNav__main__subpages {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s; }

nav.siteNav__main.is-active section.siteNav__footer {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.55s; }

nav.siteNav__main section.siteNav__footer {
  font-size: 0;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  padding-top: 34px;
  margin: 0 auto;
  border-top: solid 1px #004380; }
  @media (min-width: 923px) {
    nav.siteNav__main section.siteNav__footer:lang(en) {
      border-top: none;
      display: none; } }
  @media (min-width: 1110px) {
    nav.siteNav__main section.siteNav__footer:lang(fr) {
      border-top: none;
      display: none; } }

nav.siteNav__main section.siteNav__footer > div {
  max-width: 240px;
  margin: 0 auto; }

nav.siteNav__main section.siteNav__footer > div > div {
  padding-bottom: 20px; }

nav.siteNav__main section.siteNav__footer > div > div > a {
  margin-right: 16px;
  /*
	&:nth-child(1) {
		background: $bBlue url('img/twitter-w.svg') no-repeat center center;
	}

	&:nth-child(2) {
		background: $bBlue url('img/facebook-w.svg') no-repeat center center;
	}

	&:nth-child(3) {
		background: $bBlue url('img/youtube-w.svg') no-repeat center center;
	}
*/ }

nav.siteNav__main section.siteNav__footer > div > a {
  display: inline-block;
  width: 46%;
  color: black;
  font-family: 'Montserrat', serif;
  font-size: 14px;
  margin: 10px 2%;
  text-decoration: none;
  text-align: center; }
  nav.siteNav__main section.siteNav__footer > div > a:nth-child(2), nav.siteNav__main section.siteNav__footer > div > a:nth-child(3) {
    font-weight: 600; }

/* NAV Flyouts */
nav div.submenu {
  height: 0px;
  overflow: hidden;
  width: 100%;
  transition: height 0.4s;
  visibility: hidden; }
  @media (min-width: 923px) {
    nav div.submenu:lang(en) {
      position: absolute;
      top: 58px;
      left: 0;
      z-index: 500;
      text-align: left;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
      height: 80px;
      padding-top: 0px;
      width: auto; } }
  @media (min-width: 1110px) {
    nav div.submenu:lang(fr) {
      position: absolute;
      top: 58px;
      left: 0;
      z-index: 500;
      text-align: left;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
      height: 80px;
      padding-top: 0px;
      width: auto; } }

@media (min-width: 923px) {
  nav div.submenu.submenu__home:lang(en) {
    top: -180px;
    bottom: auto;
    left: 0;
    height: 180px;
    padding-top: 120px; } }

@media (min-width: 1110px) {
  nav div.submenu.submenu__home:lang(fr) {
    top: -180px;
    bottom: auto;
    left: 0;
    height: 180px;
    padding-top: 120px; } }

nav div.submenu.is-active {
  visibility: visible; }
  @media (min-width: 923px) {
    nav div.submenu.is-active:lang(en) {
      opacity: 1;
      pointer-events: auto; } }
  @media (min-width: 1110px) {
    nav div.submenu.is-active:lang(fr) {
      opacity: 1;
      pointer-events: auto; } }

nav div.submenu__products.is-active {
  height: 195px; }

nav div.submenu__about.is-active {
  height: 128px; }

nav div.submenu__csr.is-active {
  height: 128px; }

nav div.submenu__blog.is-active {
  height: 66px; }

nav div.submenu__nutrition.is-active {
  height: 66px; }

nav div.submenu > a,
nav div.submenu > button {
  font-size: 12px;
  color: #9d9d9d;
  padding: 8px 0;
  opacity: 1;
  border-top: none; }
  nav div.submenu > a:last-of-type,
  nav div.submenu > button:last-of-type {
    margin-bottom: 14px; }
  @media (min-width: 923px) {
    nav div.submenu > a:lang(en),
    nav div.submenu > button:lang(en) {
      text-align: center;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 0;
      margin: 0 10px;
      color: #5c5c5c; }
      nav div.submenu > a:lang(en):last-of-type,
      nav div.submenu > button:lang(en):last-of-type {
        margin: 0 10px; } }
  @media (min-width: 1110px) {
    nav div.submenu > a:lang(fr),
    nav div.submenu > button:lang(fr) {
      text-align: center;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;
      transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 0;
      margin: 0 10px;
      color: #5c5c5c; }
      nav div.submenu > a:lang(fr):last-of-type,
      nav div.submenu > button:lang(fr):last-of-type {
        margin: 0 10px; } }

nav div.submenu.submenu__home > a:first-of-type {
  margin-left: 0; }

@media (min-width: 923px) {
  nav div.submenu.is-active > a:lang(en),
  nav div.submenu.is-active > button:lang(en) {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
    nav div.submenu.is-active > a:lang(en):nth-child(n),
    nav div.submenu.is-active > button:lang(en):nth-child(n) {
      transition-delay: 0s; } }

@media (min-width: 1110px) {
  nav div.submenu.is-active > a:lang(fr),
  nav div.submenu.is-active > button:lang(fr) {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
    nav div.submenu.is-active > a:lang(fr):nth-child(n),
    nav div.submenu.is-active > button:lang(fr):nth-child(n) {
      transition-delay: 0s; } }

@media (min-width: 923px) {
  nav div.submenu.do-reveal > a:lang(en):nth-child(1),
  nav div.submenu.do-reveal > button:lang(en):nth-child(1) {
    transition-delay: 0.1s; }
  nav div.submenu.do-reveal > a:lang(en):nth-child(2),
  nav div.submenu.do-reveal > button:lang(en):nth-child(2) {
    transition-delay: 0.15s; }
  nav div.submenu.do-reveal > a:lang(en):nth-child(3),
  nav div.submenu.do-reveal > button:lang(en):nth-child(3) {
    transition-delay: 0.2s; } }

@media (min-width: 1110px) {
  nav div.submenu.do-reveal > a:lang(fr):nth-child(1),
  nav div.submenu.do-reveal > button:lang(fr):nth-child(1) {
    transition-delay: 0.1s; }
  nav div.submenu.do-reveal > a:lang(fr):nth-child(2),
  nav div.submenu.do-reveal > button:lang(fr):nth-child(2) {
    transition-delay: 0.15s; }
  nav div.submenu.do-reveal > a:lang(fr):nth-child(3),
  nav div.submenu.do-reveal > button:lang(fr):nth-child(3) {
    transition-delay: 0.2s; } }

/************ Support Nav (on home page) **************/
nav.siteNav__support {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 500; }
  @media (min-width: 923px) {
    nav.siteNav__support:lang(en) {
      display: none; } }
  @media (min-width: 1110px) {
    nav.siteNav__support:lang(fr) {
      display: none; } }

body.home nav.siteNav__support a.supportnav__logo {
  display: none; }

@media only screen and (min-width: 737px) {
  body.home nav.siteNav__support a.supportnav__logo.alt-image {
    display: none; } }

/*body.home nav.siteNav__support {
	display: block;
	width: 100%;
	height: 30px;
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;

	@include breakpoint(small) {
		padding: 30px;
	}

	@include breakpoint(medium) {
		padding: 20px;
		text-align: right;
	}

}*/
nav.siteNav__support a.supportnav__logo {
  width: 96px;
  height: 41px;
  overflow: hidden;
  text-indent: -9000px;
  display: block; }
  @media (min-width: 923px) {
    nav.siteNav__support a.supportnav__logo:lang(en) {
      display: inline-block;
      width: 140px;
      height: 59px;
      float: left;
      padding: 0;
      font-size: 0; } }
  @media (min-width: 1110px) {
    nav.siteNav__support a.supportnav__logo:lang(fr) {
      display: inline-block;
      width: 140px;
      height: 59px;
      float: left;
      padding: 0;
      font-size: 0; } }

nav.siteNav__support a {
  display: none; }
  nav.siteNav__support a.supportnav__logo {
    display: inline-block; }
  @media (min-width: 923px) {
    nav.siteNav__support a:lang(en) {
      font-size: 14px;
      display: inline-block; } }
  @media (min-width: 1110px) {
    nav.siteNav__support a:lang(fr) {
      font-size: 14px;
      display: inline-block; } }

/************ Special Site Nav (on home page) **************/
nav.siteNav__special {
  pointer-events: none;
  opacity: 0;
  position: fixed;
  z-index: 800;
  width: 76%;
  text-align: center;
  left: 50%;
  -webkit-transform: translate(-20%, -30%) scale3d(1, 1, 1);
          transform: translate(-20%, -30%) scale3d(1, 1, 1);
  transition: opacity 0.3s, -webkit-transform 0.6s;
  transition: opacity 0.3s, transform 0.6s;
  transition: opacity 0.3s, transform 0.6s, -webkit-transform 0.6s;
  display: none; }
  nav.siteNav__special.is-active {
    -webkit-transform: translate(-50%, 0%) scale3d(1, 1, 1);
            transform: translate(-50%, 0%) scale3d(1, 1, 1);
    opacity: 1;
    pointer-events: auto; }
  @media only screen and (min-width: 737px) {
    nav.siteNav__special {
      -webkit-transform: translate(20%, -30%) scale3d(1, 1, 1);
              transform: translate(20%, -30%) scale3d(1, 1, 1);
      left: auto;
      right: 10%;
      width: 46%; }
      nav.siteNav__special.is-active {
        -webkit-transform: translate(0%, 0%) scale3d(1, 1, 1);
                transform: translate(0%, 0%) scale3d(1, 1, 1);
        opacity: 1;
        pointer-events: auto; } }
  @media (min-width: 923px) {
    nav.siteNav__special:lang(en) {
      display: none;
      pointer-events: auto;
      position: absolute;
      bottom: 50px;
      width: 100%;
      opacity: 1;
      left: 0px;
      text-align: center;
      -webkit-transform: translate(0%, 0%) scale3d(1, 1, 1);
              transform: translate(0%, 0%) scale3d(1, 1, 1);
      transition: opacity 0.3s, -webkit-transform 0.6s;
      transition: opacity 0.3s, transform 0.6s;
      transition: opacity 0.3s, transform 0.6s, -webkit-transform 0.6s; }
      nav.siteNav__special:lang(en).is-active {
        -webkit-transform: translate(0%, 0%) scale3d(1, 1, 1);
                transform: translate(0%, 0%) scale3d(1, 1, 1); } }
  @media (min-width: 1110px) {
    nav.siteNav__special:lang(fr) {
      display: none;
      pointer-events: auto;
      position: absolute;
      bottom: 50px;
      width: 100%;
      opacity: 1;
      left: 0px;
      text-align: center;
      -webkit-transform: translate(0%, 0%) scale3d(1, 1, 1);
              transform: translate(0%, 0%) scale3d(1, 1, 1);
      transition: opacity 0.3s, -webkit-transform 0.6s;
      transition: opacity 0.3s, transform 0.6s;
      transition: opacity 0.3s, transform 0.6s, -webkit-transform 0.6s; }
      nav.siteNav__special:lang(fr).is-active {
        -webkit-transform: translate(0%, 0%) scale3d(1, 1, 1);
                transform: translate(0%, 0%) scale3d(1, 1, 1); } }

nav.siteNav__special > div > a {
  color: white;
  width: 17.4%;
  margin: 0 1%;
  min-width: 0; }
  nav.siteNav__special > div > a:first-of-type {
    margin-left: 0; }
  nav.siteNav__special > div > a:last-of-type {
    margin-right: 0; }

nav.siteNav__special div.siteNav__subpages {
  text-align: right;
  margin-right: 70px;
  padding: 32px 0;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  transition-delay: 0.2s; }
  @media (min-width: 923px) {
    nav.siteNav__special div.siteNav__subpages:lang(en) {
      display: none; } }
  @media (min-width: 1110px) {
    nav.siteNav__special div.siteNav__subpages:lang(fr) {
      display: none; } }

nav.siteNav__special div.siteNav__subpages a {
  font-size: 14px;
  display: inline-block;
  color: #5c5c5c;
  margin: 0 10px; }

nav.siteNav__special.is-active > div > a {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }
  nav.siteNav__special.is-active > div > a:nth-child(1) {
    transition-delay: 0.55s; }
  nav.siteNav__special.is-active > div > a:nth-child(2) {
    transition-delay: 0.6s; }
  nav.siteNav__special.is-active > div > a:nth-child(3) {
    transition-delay: 0.65s; }
  nav.siteNav__special.is-active > div > a:nth-child(4) {
    transition-delay: 0.7s; }
  nav.siteNav__special.is-active > div > a:nth-child(5) {
    transition-delay: 0.75s; }
  nav.siteNav__special.is-active > div > a:nth-child(6) {
    transition-delay: 0.5s; }

nav.siteNav__special.is-revealed > div > a {
  transition-delay: 0s; }
  nav.siteNav__special.is-revealed > div > a:nth-child(n) {
    transition-delay: 0s; }
  nav.siteNav__special.is-revealed > div > a:hover {
    transition-delay: 0s;
    opacity: 0.6; }

/********* EGG MENU ************/
div.eggShape {
  position: fixed;
  width: 40px;
  height: 52px;
  right: 15px;
  top: 15px;
  z-index: 600;
  -webkit-animation: eggWiggle 10s ease-in-out 3s infinite;
          animation: eggWiggle 10s ease-in-out 3s infinite;
  /* 	to make this work on iOS we had to start huge and scale downward otherwise
		we had a blurry shape */ }
  div.eggShape img {
    transition: -webkit-transform 0.5s cubic-bezier(0.46, -0.24, 0.51, 1.1);
    transition: transform 0.5s cubic-bezier(0.46, -0.24, 0.51, 1.1);
    transition: transform 0.5s cubic-bezier(0.46, -0.24, 0.51, 1.1), -webkit-transform 0.5s cubic-bezier(0.46, -0.24, 0.51, 1.1);
    -webkit-transform: scale(0.046) rotate(0deg);
            transform: scale(0.046) rotate(0deg);
    height: 1144px;
    width: 880px;
    left: -420px;
    top: -546px;
    position: absolute; }
  div.eggShape.is-active {
    -webkit-animation: none;
            animation: none; }
    div.eggShape.is-active img {
      -webkit-transform: scale(1.65) rotate(0.1deg);
              transform: scale(1.65) rotate(0.1deg);
      transition: -webkit-transform 0.5s cubic-bezier(0.58, -0.21, 0.45, 1.32);
      transition: transform 0.5s cubic-bezier(0.58, -0.21, 0.45, 1.32);
      transition: transform 0.5s cubic-bezier(0.58, -0.21, 0.45, 1.32), -webkit-transform 0.5s cubic-bezier(0.58, -0.21, 0.45, 1.32); }
  @media only screen and (min-width: 737px) {
    div.eggShape {
      right: 25px;
      top: 25px; } }
  @media (min-width: 923px) {
    div.eggShape:lang(en) {
      display: none; } }
  @media (min-width: 1110px) {
    div.eggShape:lang(fr) {
      display: none; } }

@-webkit-keyframes eggWiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  1% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  3% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  4% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes eggWiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  1% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  3% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  4% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.eggBurger {
  position: fixed;
  border: none;
  background: transparent;
  cursor: pointer;
  right: 15px;
  top: 15px;
  display: block;
  width: 40px;
  height: 52px;
  z-index: 900;
  -webkit-animation: eggWiggle 10s ease-in-out 3s infinite;
          animation: eggWiggle 10s ease-in-out 3s infinite; }
  .eggBurger div {
    width: 24px;
    height: 25px;
    margin: 22px auto;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer; }
  .eggBurger div span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #004380;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: .25s ease-in-out; }
  .eggBurger div span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  .eggBurger div span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  .eggBurger div span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  .eggBurger div.is-active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: -1px;
    left: 0px; }
  .eggBurger div.is-active span:nth-child(2) {
    width: 0%;
    opacity: 0; }
  .eggBurger div.is-active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 16px;
    left: 0px; }
  @media only screen and (min-width: 737px) {
    .eggBurger {
      right: 25px;
      top: 25px; } }
  @media (min-width: 1110px) {
    .eggBurger:lang(fr) {
      display: none; } }
  @media (min-width: 923px) {
    .eggBurger:lang(en) {
      display: none; } }

footer {
  position: relative;
  z-index: 400; }

footer.ftrContact {
  background: #004380;
  color: white;
  padding-bottom: 20px; }

footer.ftrContact div.ftrContact__copy {
  max-width: 700px;
  margin: 0 auto;
  padding: 50px 0 5px 0; }

footer.ftrContact div.ftrContact__copy p {
  color: white;
  margin: 0 1%;
  font-family: 'Montserrat', serif;
  text-align: center;
  padding: 0 20px; }

footer.ftrContact form {
  font-family: 'Montserrat', serif;
  text-align: center;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }

footer.ftrContact form.is-complete {
  opacity: 0;
  pointer-events: none; }

footer.ftrContact div.form-formItem {
  vertical-align: top;
  display: inline-block;
  width: 80%; }
  footer.ftrContact div.form-formItem:last-of-type {
    width: 50px; }
  @media only screen and (min-width: 737px) {
    footer.ftrContact div.form-formItem {
      display: inline-block;
      width: 23.55%;
      margin: 0 0.25%;
      vertical-align: top; } }

footer.ftrContact div.form-formItem input {
  width: 100%; }

footer.ftrContact div.form-formItem.form-formPostalCode {
  width: 130px; }

footer.ftrContact div.form-formItem > label,
footer.ftrContact div.form-formItem > input {
  color: white;
  border-color: white; }

footer.ftrContact div.form-formItem.has-error > label,
footer.ftrContact div.form-formItem.has-error > input {
  color: #fff;
  border-color: #fff;
  border-width: 2px; }

footer.ftrContact div.form-formItem.has-error > em {
  color: #fff;
  text-align: left;
  font-weight: bold; }

footer.ftrContact div.form-formItem label {
  font-size: 10px; }

.ftrContact__formCntr {
  position: relative;
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
  font-family: 'Montserrat', serif;
  text-align: center;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
  @media only screen and (min-width: 769px) {
    .ftrContact__formCntr {
      padding: 25px 0 50px; } }

footer.ftrContact div.ftrContact__success {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
  padding: 0 20px; }
  @media only screen and (min-width: 769px) {
    footer.ftrContact div.ftrContact__success {
      top: 30px;
      -webkit-transform: translate(0, 50px);
              transform: translate(0, 50px); } }

footer.ftrContact div.ftrContact__success.is-active {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1; }

footer.ftrMain {
  background: white;
  color: #004380;
  font-size: 0;
  padding: 40px 0;
  text-align: center; }
  @media only screen and (min-width: 769px) {
    footer.ftrMain {
      text-align: right;
      padding: 50px 0 24px; } }

footer.ftrMain div.ftr__greg {
  position: absolute;
  width: 44px;
  height: 53.2px;
  top: -54px;
  left: 1%;
  background: url("img/greg_footer.png") no-repeat;
  background-size: 100%;
  z-index: 300; }
  @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    footer.ftrMain div.ftr__greg {
      /* on retina, use image that's scaled by 2 */
      background-image: url("img/greg_footer@2x.png");
      background-size: 100% 100%; } }
  @media only screen and (min-width: 737px) {
    footer.ftrMain div.ftr__greg {
      width: 77px;
      height: 93.1px;
      top: -45px;
      left: 22%;
      right: auto; } }
  @media only screen and (min-width: 769px) {
    footer.ftrMain div.ftr__greg {
      left: 29%;
      top: -68px;
      width: 77px;
      height: 93.1px; } }
  @media only screen and (min-width: 1025px) {
    footer.ftrMain div.ftr__greg {
      width: 110px;
      height: 133px;
      top: -107px;
      left: 24%; } }

footer.ftrMain div.u-cntr {
  position: relative; }

footer.ftrMain div.ftrMain__nav {
  display: inline-block;
  width: auto;
  text-align: center; }
  @media only screen and (min-width: 769px) {
    footer.ftrMain div.ftrMain__nav {
      text-align: right; } }

footer.ftrMain div.ftrMain__nav > a {
  display: inline-block;
  font-family: 'Montserrat', serif;
  font-size: 14px;
  color: #030608;
  padding: 14px 0;
  text-decoration: none;
  width: 50%; }
  @media only screen and (min-width: 769px) {
    footer.ftrMain div.ftrMain__nav > a {
      font-size: 12px;
      position: relative;
      margin: 0 3px;
      padding: 0 10px;
      width: auto; }
      footer.ftrMain div.ftrMain__nav > a:after {
        position: absolute;
        width: 100%;
        height: 0px;
        top: -8px;
        background-color: white;
        content: '';
        left: 0;
        transition: height 0.3s; }
      footer.ftrMain div.ftrMain__nav > a:hover {
        opacity: 0.6; }
        footer.ftrMain div.ftrMain__nav > a:hover:after {
          height: 3px; } }

footer.ftrMain div.ftrMain__social {
  padding-bottom: 20px; }
  @media only screen and (min-width: 769px) {
    footer.ftrMain div.ftrMain__social {
      position: absolute;
      left: 0;
      top: -28px;
      padding-bottom: 0px; } }

footer.ftrMain div.ftrMain__social > a {
  color: #fff; }
  footer.ftrMain div.ftrMain__social > a:nth-child(3) {
    background: #004380 url("img/twitter-w.svg") no-repeat center center;
    background-size: 50% 50%; }
  footer.ftrMain div.ftrMain__social > a:nth-child(4) {
    background: #004380 url("img/facebook-w.svg") no-repeat center center;
    background-size: 60% 60%; }
  footer.ftrMain div.ftrMain__social > a:nth-child(2) {
    background: #004380 url("img/youtube-w.svg") no-repeat center center;
    background-size: 50% 50%; }
  footer.ftrMain div.ftrMain__social > a:nth-child(1) {
    background: #004380 url("img/instagram-footer.svg") no-repeat center center;
    background-size: 50% 50%; }
  footer.ftrMain div.ftrMain__social > a:nth-child(5) {
    background: #004380 url("img/pintrest-footer.svg") no-repeat center center;
    background-size: 50% 50%; }
  footer.ftrMain div.ftrMain__social > a:nth-child(6) {
    background: #004380 url("img/tiktok-footer.svg") no-repeat center center;
    background-size: 50% 50%; }

section.home__hero {
  min-height: 550px; }
  @media only screen and (min-width: 769px) {
    section.home__hero {
      min-height: 700px;
      max-height: 1000px; } }

section.home__hero h1 {
  color: #004380; }
  @media only screen and (min-width: 769px) {
    section.home__hero h1 {
      color: #004380;
      text-shadow: none; } }

section.home__hero p {
  color: white; }
  @media only screen and (min-width: 737px) {
    section.home__hero p {
      color: #5c5c5c;
      text-shadow: none; } }

section.home__hero div.cmpnt__hero__copy {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  padding: 32px 20px; }
  @media only screen and (min-width: 737px) {
    section.home__hero div.cmpnt__hero__copy {
      padding: 32px 20px 120px; } }
  @media only screen and (min-width: 769px) {
    section.home__hero div.cmpnt__hero__copy {
      padding: 32px 20px 90px; } }

section.home__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.home__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.home__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.home__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

section.home__hero div.home__hero_logo {
  width: 244.8px;
  height: 104px;
  font-size: 0;
  margin: 0% auto 40px; }
  @media only screen and (min-width: 769px) {
    section.home__hero div.home__hero_logo {
      width: 306px;
      height: 130px;
      margin: 0% auto 40px; } }

section.home__hero div.cmpnt__hero__bg {
  background: url("img/burnbrae_field-4.jpg") no-repeat left top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.home__hero div.cmpnt__hero__bg {
      background: url("img/burnbrae_field-4.jpg") no-repeat left center;
      background-size: cover; } }

section.home__hero.alt-image div.home__hero_logo {
  width: 122.4px;
  height: 52px;
  background-size: 100% 100%;
  margin: 0% auto 14px; }
  @media only screen and (min-width: 737px) {
    section.home__hero.alt-image div.home__hero_logo {
      width: 183.6px;
      height: 78px;
      display: block;
      background-size: 100% 100%; } }

section.home__hero.alt-image div.cmpnt__hero__bg {
  background: url("img/home_hero_mob_bg2.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.home__hero.alt-image div.cmpnt__hero__bg {
      background: url("img/home_hero_bg2.jpg") no-repeat left top;
      background-size: cover; } }

section.home__hero.alt-image div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.8)); }

section.home__hero.alt-image div.cmpnt__hero__copy {
  height: 100%;
  padding: 16px 20px 32px; }
  @media only screen and (min-width: 737px) {
    section.home__hero.alt-image div.cmpnt__hero__copy {
      height: auto; } }
  @media only screen and (min-width: 769px) {
    section.home__hero.alt-image div.cmpnt__hero__copy {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }

section.home__hero.alt-image div.cmpnt__hero__copy p {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
  padding: 0 20px 140px 20px; }
  @media only screen and (min-width: 737px) {
    section.home__hero.alt-image div.cmpnt__hero__copy p {
      position: static;
      margin: auto;
      padding: 0 0 20px 0; } }

section.home__hero.alt-image div.cmpnt__hero__copy .btn {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -70px; }
  @media only screen and (min-width: 737px) {
    section.home__hero.alt-image div.cmpnt__hero__copy .btn {
      position: relative;
      bottom: auto;
      left: auto;
      margin: auto; } }

section.home__hero.alt-image h1 {
  color: white;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
  max-width: 300px;
  margin: 0 auto 40px; }
  @media only screen and (min-width: 737px) {
    section.home__hero.alt-image h1 {
      max-width: none; } }

section.home__hero.alt-image p {
  color: white;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); }

.home__newslidebanners .banner {
  position: relative;
  height: 100vh;
  min-height: 700px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .home__newslidebanners .banner .texts {
    margin: auto;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 45px; }
    @media only screen and (min-width: 737px) {
      .home__newslidebanners .banner .texts {
        padding: 0; } }
  .home__newslidebanners .banner h1 {
    margin-bottom: 40px; }
  .home__newslidebanners .banner p {
    margin-bottom: 20px; }
  .home__newslidebanners .banner .home__hero_logo {
    width: 244.8px;
    height: 104px;
    font-size: 0;
    margin: 0% auto 40px; }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner .home__hero_logo {
        width: 306px;
        height: 130px;
        margin: 0% auto 40px; } }
  .home__newslidebanners .banner .home__hero_logo {
    width: 122.4px;
    height: 52px;
    background-size: 100% 100%;
    margin: 0% auto 14px; }
    @media only screen and (min-width: 737px) {
      .home__newslidebanners .banner .home__hero_logo {
        width: 183.6px;
        height: 78px;
        display: block;
        background-size: 100% 100%; } }
  .home__newslidebanners .banner.proudlycanadian {
    background: #000 url("https://burnbrae.s3.ca-central-1.amazonaws.com/bbfstatic/banner/billboard_proudly_mb.jpg") no-repeat center;
    background-size: cover; }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.proudlycanadian {
        background: #000 url("https://burnbrae.s3.ca-central-1.amazonaws.com/bbfstatic/banner/billboard_proudly.jpg") no-repeat center;
        background-size: cover; } }
  .home__newslidebanners .banner.recall {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("https://burnbrae.s3.ca-central-1.amazonaws.com/bbfstatic/banner/billboard_barn_bg.jpg") no-repeat left center;
    background-size: cover, cover; }
    .home__newslidebanners .banner.recall h2, .home__newslidebanners .banner.recall h3 {
      font-family: 'Montserrat', serif;
      margin-bottom: 30px;
      text-transform: uppercase;
      font-weight: bold;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }
  .home__newslidebanners .banner.welcome {
    background: #000 url("img/home_hero_mob_bg2.jpg") no-repeat center top;
    background-size: cover;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.welcome {
        background: #000 url("img/home_hero_bg2.jpg") no-repeat left top;
        background-size: cover; } }
  .home__newslidebanners .banner.earthdayb {
    background: #000 url("img/billboard_earthday_bg.jpg") no-repeat center bottom;
    background-size: cover;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.earthdayb {
        background: #000 url("img/billboard_earthday_bg.jpg") no-repeat center bottom;
        background-size: cover; } }
    .home__newslidebanners .banner.earthdayb h2 {
      font-family: 'Montserrat', serif;
      margin-bottom: 30px; }
    .home__newslidebanners .banner.earthdayb .btn__cta {
      font-size: 20px;
      line-height: 40px; }
  .home__newslidebanners .banner.earthdayb23 {
    background: #91D6F6; }
    .home__newslidebanners .banner.earthdayb23 .u-cntr {
      background: #fff;
      max-width: 90%;
      padding-bottom: 1em; }
    .home__newslidebanners .banner.earthdayb23 .btn__cta {
      font-size: 20px;
      line-height: 40px; }
  .home__newslidebanners .banner.alot {
    background: #ffffff; }
    .home__newslidebanners .banner.alot .u-cntr {
      background: #fff;
      max-width: 100%;
      padding-bottom: 1em;
      position: relative; }
    .home__newslidebanners .banner.alot .is-video {
      cursor: pointer;
      background: none;
      border: none;
      display: inline-block; }
    .home__newslidebanners .banner.alot .play-egg-button {
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -80%);
              transform: translate(-50%, -80%);
      width: 180px; }
    .home__newslidebanners .banner.alot .band {
      background: #004380;
      width: 100%;
      padding: 20px 15px;
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 0;
      font-weight: bold;
      color: #FE9D2B;
      font-family: 'Montserrat', serif;
      font-size: 42px; }
      @media (max-width: 931px) {
        .home__newslidebanners .banner.alot .band {
          font-size: 34px; } }
      @media (max-width: 768px) {
        .home__newslidebanners .banner.alot .band {
          font-size: 20px; } }
  .home__newslidebanners .banner.soccer {
    background: #1f4e8c; }
    .home__newslidebanners .banner.soccer .u-cntr {
      background: #1f4e8c;
      max-width: 90%;
      padding-bottom: 1em;
      position: relative; }
    .home__newslidebanners .banner.soccer .is-video {
      cursor: pointer;
      background: none;
      border: none;
      display: inline-block; }
    .home__newslidebanners .banner.soccer .play-egg-button {
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 180px; }
    .home__newslidebanners .banner.soccer img {
      max-width: 100%; }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.soccer .mb {
        display: none; } }
    @media only screen and (max-width: 768px) {
      .home__newslidebanners .banner.soccer .dt {
        display: none; } }
  .home__newslidebanners .banner.swimfish {
    background: #ffd64d url("img/billboard_swimfish.jpg") no-repeat center bottom;
    background-size: cover;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (max-width: 760px) {
      .home__newslidebanners .banner.swimfish {
        background-position: 44% bottom;
        background-size: auto 65%; } }
    @media (max-height: 800px) {
      .home__newslidebanners .banner.swimfish {
        background-position: 40% bottom; } }
    .home__newslidebanners .banner.swimfish .u-cntr {
      width: 100%;
      max-width: 1020px;
      padding-top: 100px; }
      @media (max-width: 1200px) {
        .home__newslidebanners .banner.swimfish .u-cntr {
          width: 65%; } }
      @media (max-width: 980px) {
        .home__newslidebanners .banner.swimfish .u-cntr {
          width: 85%; } }
      @media (max-width: 760px) {
        .home__newslidebanners .banner.swimfish .u-cntr {
          width: 100%; } }
    .home__newslidebanners .banner.swimfish .texts a {
      text-decoration: none;
      display: block; }
    .home__newslidebanners .banner.swimfish .texts .col-sm {
      width: 45%; }
      @media (max-width: 760px) {
        .home__newslidebanners .banner.swimfish .texts .col-sm {
          width: 100%; } }
    .home__newslidebanners .banner.swimfish .texts .col {
      width: 55%;
      position: relative; }
      @media (max-width: 760px) {
        .home__newslidebanners .banner.swimfish .texts .col {
          width: 100%; } }
    .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts .cols {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      @media (max-width: 760px) {
        .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts .cols {
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .home__newslidebanners .banner.swimfish .texts h2 {
      color: #299394;
      line-height: .9; }
      .home__newslidebanners .banner.swimfish .texts h2 .c2 {
        color: #004785; }
      .home__newslidebanners .banner.swimfish .texts h2 .db {
        display: block; }
      .home__newslidebanners .banner.swimfish .texts h2 .fs1 {
        font-size: 2em; }
      .home__newslidebanners .banner.swimfish .texts h2 .fs2 {
        font-size: 3em; }
      .home__newslidebanners .banner.swimfish .texts h2 .fs3 {
        font-size: 2.2em; }
    .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts p {
      font-family: 'Brandon Printed', sans-serif; }
      @media (max-width: 1200px) {
        .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts p {
          font-size: 22px; } }
      @media (max-width: 560px) {
        .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts p {
          font-size: 16px; } }
      @media (max-width: 300px) {
        .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts p {
          font-size: 12px; } }
      @media (min-width: 561px) and (max-height: 800px) {
        .home__newslidebanners .banner.swimfish .texts h2, .home__newslidebanners .banner.swimfish .texts p {
          font-size: 24px; } }
    .home__newslidebanners .banner.swimfish .texts p {
      font-size: 1.8em;
      color: #004785;
      margin: 0; }
      @media (max-width: 1200px) {
        .home__newslidebanners .banner.swimfish .texts p {
          font-size: 1em; } }
    .home__newslidebanners .banner.swimfish img {
      width: auto;
      max-width: 100%;
      display: inline-block; }
    .home__newslidebanners .banner.swimfish .remo {
      position: absolute;
      bottom: 0;
      left: 0; }
      @media (max-width: 760px) {
        .home__newslidebanners .banner.swimfish .remo {
          position: relative;
          max-width: 160px; } }
      @media (min-width: 800px) and (max-height: 800px) {
        .home__newslidebanners .banner.swimfish .remo {
          position: relative;
          max-width: 400px; } }
    @media (max-width: 860px) {
      .home__newslidebanners .banner.swimfish .store {
        height: 40px; } }
    .home__newslidebanners .banner.swimfish .supporter {
      position: absolute;
      bottom: 60px;
      left: 50%;
      -webkit-transform: translateX(-30%);
              transform: translateX(-30%); }
      @media (max-width: 1200px) {
        .home__newslidebanners .banner.swimfish .supporter {
          max-width: 60%; } }
      @media (max-width: 460px) {
        .home__newslidebanners .banner.swimfish .supporter {
          max-width: 70%;
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          left: auto;
          right: 10px;
          bottom: 30px; } }
      @media (min-width: 461px) and (max-height: 800px) {
        .home__newslidebanners .banner.swimfish .supporter {
          max-width: 40%; } }
  .home__newslidebanners .banner.booys {
    background: url("img/home_booys.jpg") no-repeat center top;
    background-size: cover;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); }
    .home__newslidebanners .banner.booys .texts {
      color: #000;
      font-size: 16px;
      max-width: 600px; }
      .home__newslidebanners .banner.booys .texts p {
        font-size: 20px; }
  .home__newslidebanners .banner.donations {
    background: #009da8 url("img/donations_details_bg.png") no-repeat center;
    background-size: cover; }
    .home__newslidebanners .banner.donations .texts {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 850px) {
        .home__newslidebanners .banner.donations .texts {
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .home__newslidebanners .banner.donations .icon {
      padding: 0 10px;
      width: 40%; }
      @media (max-width: 850px) {
        .home__newslidebanners .banner.donations .icon {
          width: 100%; } }
    .home__newslidebanners .banner.donations .txt {
      padding: 0 10px;
      font-family: 'Montserrat', serif;
      font-size: 45px;
      font-weight: bold;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 850px) {
        .home__newslidebanners .banner.donations .txt {
          font-size: 30px; } }
    .home__newslidebanners .banner.donations .more {
      margin-top: 15px;
      width: 100%; }
  .home__newslidebanners .banner.coupons {
    background: url("img/home_coupons.jpg") no-repeat center;
    background-size: cover;
    text-shadow: none; }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.coupons {
        background: url("img/home_coupons.jpg") no-repeat center;
        background-size: cover; } }
    .home__newslidebanners .banner.coupons .texts {
      color: #004380; }
      .home__newslidebanners .banner.coupons .texts h1 {
        font-size: 44px; }
      .home__newslidebanners .banner.coupons .texts img {
        width: 100%;
        max-width: 600px; }
  .home__newslidebanners .banner.pencil {
    background: #fff;
    background-image: none;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
    @media (max-width: 784px) {
      .home__newslidebanners .banner.pencil {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    .home__newslidebanners .banner.pencil h1 {
      font-size: 40px; }
      @media (max-width: 1300px) {
        .home__newslidebanners .banner.pencil h1 {
          font-size: 32px; } }
      @media (max-width: 890px) {
        .home__newslidebanners .banner.pencil h1 {
          font-size: 28px; } }
      @media (max-width: 783px) {
        .home__newslidebanners .banner.pencil h1 {
          font-size: 26px; } }
      @media (max-width: 560px) {
        .home__newslidebanners .banner.pencil h1 {
          font-size: 24px; } }
    .home__newslidebanners .banner.pencil .img {
      width: 49%;
      margin: 0 auto; }
      @media (max-width: 783px) {
        .home__newslidebanners .banner.pencil .img {
          width: 90%; } }
      @media (max-width: 560px) {
        .home__newslidebanners .banner.pencil .img {
          width: 100%; } }
      .home__newslidebanners .banner.pencil .img img {
        margin: 0; }
      .home__newslidebanners .banner.pencil .img .v {
        display: none; }
        @media (min-width: 784px) {
          .home__newslidebanners .banner.pencil .img .v {
            display: block; } }
      .home__newslidebanners .banner.pencil .img .h {
        display: none; }
        @media (max-width: 959px) {
          .home__newslidebanners .banner.pencil .img .h {
            display: block; } }
    .home__newslidebanners .banner.pencil .u-cntr {
      width: 49%;
      margin: 0;
      padding: 0 40px; }
      @media (max-width: 784px) {
        .home__newslidebanners .banner.pencil .u-cntr {
          width: 100%; } }
    .home__newslidebanners .banner.pencil .texts {
      color: #004380;
      width: 100%;
      padding: 0; }
      .home__newslidebanners .banner.pencil .texts img {
        width: 100%;
        max-width: 600px; }
  .home__newslidebanners .banner.promuna {
    background: #fff url(/static/img/billboard_promuna.jpg) no-repeat left center;
    background-size: 100% auto;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 784px) {
      .home__newslidebanners .banner.promuna {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        background-position: left top;
        background-size: 150% auto; } }
    @media (max-width: 560px) {
      .home__newslidebanners .banner.promuna {
        background-size: 185% auto; } }
    .home__newslidebanners .banner.promuna .logo--promuna {
      max-width: 100%;
      width: auto; }
    .home__newslidebanners .banner.promuna h1 {
      font-size: 48px;
      font-weight: bold;
      font-family: 'Montserrat', serif; }
      @media (max-width: 1300px) {
        .home__newslidebanners .banner.promuna h1 {
          font-size: 32px; } }
      @media (max-width: 890px) {
        .home__newslidebanners .banner.promuna h1 {
          font-size: 28px; } }
      @media (max-width: 783px) {
        .home__newslidebanners .banner.promuna h1 {
          font-size: 26px; } }
      @media (max-width: 560px) {
        .home__newslidebanners .banner.promuna h1 {
          font-size: 22px; } }
    .home__newslidebanners .banner.promuna h2 {
      font-size: 36px;
      font-family: 'Montserrat', serif;
      margin-bottom: 30px; }
      @media (max-width: 1300px) {
        .home__newslidebanners .banner.promuna h2 {
          font-size: 28px; } }
      @media (max-width: 890px) {
        .home__newslidebanners .banner.promuna h2 {
          font-size: 24px; } }
      @media (max-width: 783px) {
        .home__newslidebanners .banner.promuna h2 {
          font-size: 24px; } }
      @media (max-width: 560px) {
        .home__newslidebanners .banner.promuna h2 {
          font-size: 18px; } }
    .home__newslidebanners .banner.promuna .u-cntr {
      width: 49%;
      margin: 0;
      padding: 0 40px; }
      @media (max-width: 784px) {
        .home__newslidebanners .banner.promuna .u-cntr {
          width: 100%; } }
    .home__newslidebanners .banner.promuna .texts {
      color: #004380;
      width: 100%;
      padding: 0; }
      .home__newslidebanners .banner.promuna .texts img {
        width: 100%;
        max-width: 600px; }
  .home__newslidebanners .banner.takeout {
    background: url("img/home_takeout.jpg") no-repeat center;
    background-size: auto 100%; }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.takeout {
        background: url("img/home_takeout.jpg") no-repeat center;
        background-size: cover; } }
    .home__newslidebanners .banner.takeout .logo--takeout {
      background: url("img/home_takeout_logo.png") no-repeat center top;
      height: 100px;
      width: 235px;
      margin: 0 auto 20px; }
    .home__newslidebanners .banner.takeout .texts {
      color: #000;
      max-width: 640px; }
  .home__newslidebanners .banner.eggbites {
    background: #ffae00; }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.eggbites {
        background: #ffae00 url("img/billboard_eggbites_2022.png") no-repeat 80% top;
        background-size: cover; } }
    @media only screen and (min-width: 769px) {
      .home__newslidebanners .banner.eggbites .mb {
        display: none; } }
    .home__newslidebanners .banner.eggbites .lg {
      display: none; }
      @media only screen and (min-width: 769px) {
        .home__newslidebanners .banner.eggbites .lg {
          display: block; } }
    .home__newslidebanners .banner.eggbites .texts {
      color: #000;
      max-width: 640px; }
  .home__newslidebanners .banner.brandspark {
    background: #ffae00 url("img/billboard_BrandSpark_22_bg.jpg") no-repeat center;
    background-size: cover; }
    .home__newslidebanners .banner.brandspark .u-cntr {
      width: 100%;
      max-width: 1400px; }
    .home__newslidebanners .banner.brandspark img {
      margin-top: 0;
      margin-bottom: 0; }
    .home__newslidebanners .banner.brandspark .v {
      width: 75%;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
      @media only screen and (min-width: 737px) {
        .home__newslidebanners .banner.brandspark .v {
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          width: 30%; } }
      .home__newslidebanners .banner.brandspark .v img {
        width: 100%; }
    .home__newslidebanners .banner.brandspark .p {
      width: 90%;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      @media only screen and (min-width: 737px) {
        .home__newslidebanners .banner.brandspark .p {
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1;
          width: 70%; } }
      .home__newslidebanners .banner.brandspark .p img {
        width: 100%; }
    @media only screen and (min-width: 737px) {
      .home__newslidebanners .banner.brandspark .mb {
        display: none; } }
    .home__newslidebanners .banner.brandspark .lg {
      width: 80%; }
      @media only screen and (min-width: 737px) {
        .home__newslidebanners .banner.brandspark .lg {
          width: 100%; } }
    .home__newslidebanners .banner.brandspark .texts {
      color: #000;
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0; }
      @media only screen and (min-width: 737px) {
        .home__newslidebanners .banner.brandspark .texts {
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row; } }
    .home__newslidebanners .banner.brandspark a {
      display: block;
      opacity: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute; }
  .home__newslidebanners .banner .gr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent 15%, rgba(0, 0, 0, 0.9)); }

.lang-fr .home__newslidebanners .banner.promuna {
  background: #fff url(/static/img/billboard_promuna_fr.jpg) no-repeat left center;
  background-size: 100% auto; }
  @media (max-width: 784px) {
    .lang-fr .home__newslidebanners .banner.promuna {
      background-position: left top;
      background-size: 150% auto; } }
  @media (max-width: 560px) {
    .lang-fr .home__newslidebanners .banner.promuna {
      background-size: 185% auto; } }
  .lang-fr .home__newslidebanners .banner.promuna h1 {
    font-size: 40px;
    font-weight: bold;
    font-family: 'Montserrat', serif; }
    @media (max-width: 1300px) {
      .lang-fr .home__newslidebanners .banner.promuna h1 {
        font-size: 32px; } }
    @media (max-width: 890px) {
      .lang-fr .home__newslidebanners .banner.promuna h1 {
        font-size: 28px; } }
    @media (max-width: 783px) {
      .lang-fr .home__newslidebanners .banner.promuna h1 {
        font-size: 26px; } }
    @media (max-width: 560px) {
      .lang-fr .home__newslidebanners .banner.promuna h1 {
        font-size: 22px;
        margin-bottom: 20px; } }
  .lang-fr .home__newslidebanners .banner.promuna h2 {
    font-size: 28px;
    font-family: 'Montserrat', serif;
    margin-bottom: 30px; }
    @media (max-width: 1300px) {
      .lang-fr .home__newslidebanners .banner.promuna h2 {
        font-size: 26px; } }
    @media (max-width: 890px) {
      .lang-fr .home__newslidebanners .banner.promuna h2 {
        font-size: 24px; } }
    @media (max-width: 783px) {
      .lang-fr .home__newslidebanners .banner.promuna h2 {
        font-size: 24px; } }
    @media (max-width: 560px) {
      .lang-fr .home__newslidebanners .banner.promuna h2 {
        font-size: 18px; } }

.lang-fr .home__newslidebanners .banner.proudlycanadian {
  background: #000 url("https://burnbrae.s3.ca-central-1.amazonaws.com/bbfstatic/banner/billboard_proudly_fr_mb.jpg") no-repeat center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    .lang-fr .home__newslidebanners .banner.proudlycanadian {
      background: #000 url("https://burnbrae.s3.ca-central-1.amazonaws.com/bbfstatic/banner/billboard_proudly_fr.jpg") no-repeat center;
      background-size: cover; } }

.home__newslidebanners {
  position: relative; }

.home__recipesn {
  background: url(/static/img/bg_fiber.jpg) center;
  position: relative;
  padding: 30px 0; }
  @media (max-width: 768px) {
    .home__recipesn {
      background-size: 50%; } }
  .home__recipesn .u-cntr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: 100%;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 768px) {
      .home__recipesn .u-cntr {
        height: auto; } }
  .home__recipesn .text {
    width: 45%;
    text-align: center; }
    @media (max-width: 768px) {
      .home__recipesn .text {
        width: 90%;
        margin-bottom: 30px; } }
    .home__recipesn .text h2 {
      font-family: 'Montserrat', serif;
      font-size: 20px;
      font-weight: bold; }
    .home__recipesn .text p {
      font-size: 20px;
      max-width: 22em;
      margin: 30px auto; }
      @media (max-width: 768px) {
        .home__recipesn .text p {
          max-width: 100%; } }
  .home__recipesn .image {
    width: 45%;
    border-radius: 10px; }
    .home__recipesn .image img {
      width: 100%; }
    @media (max-width: 768px) {
      .home__recipesn .image {
        width: 90%;
        margin-bottom: 30px; } }

.home__sections {
  background: url(/static/img/bg_fiber.jpg) center;
  position: relative;
  padding: 30px 0; }
  @media (max-width: 768px) {
    .home__sections {
      background-size: 50%; } }
  .home__sections .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    height: 50vh;
    min-height: 600px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media (max-width: 768px) {
      .home__sections .item {
        height: auto; } }
    .home__sections .item .text {
      height: 100%;
      width: 45%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center; }
      .home__sections .item .text img {
        width: 100%;
        max-width: 416px;
        margin-bottom: 20px; }
      .home__sections .item .text h3 {
        font-family: 'Montserrat', serif;
        font-weight: bold; }
      .home__sections .item .text p {
        font-size: 20px;
        max-width: 22em;
        margin-bottom: 15px; }
        @media (max-width: 768px) {
          .home__sections .item .text p {
            max-width: 100%; } }
      @media (max-width: 768px) {
        .home__sections .item .text {
          width: 90%;
          margin-bottom: 30px;
          min-height: 400px; } }
      @media (max-width: 560px) {
        .home__sections .item .text {
          min-height: 480px; } }
    .home__sections .item .image {
      height: 100%;
      width: 45%;
      background-size: cover;
      border-radius: 10px; }
      @media (max-width: 768px) {
        .home__sections .item .image {
          width: 90%;
          height: 400px;
          margin-bottom: 30px; } }
  .home__sections .section1 .image {
    background-image: url(/static/img/section_good_for_you.jpg);
    background-position: center; }
  .home__sections.fr .section1 .image {
    background-image: url(/static/img/section_good_for_you_fr.jpg);
    background-position: center; }
  .home__sections .section2 .image {
    background-image: url(/static/img/section_good_for_our_planet.jpg);
    background-position: center; }
  .home__sections .section3 .image {
    background-image: url(/static/img/section_good_for_our_hens.jpg);
    background-position: center; }
  .home__sections.fr .section3 .image {
    background-image: url(/static/img/section_good_for_our_hens_fr.jpg);
    background-position: center; }
  .home__sections .section4 .image {
    background-image: url(/static/img/section_good_for_our_community.jpg);
    background-position: center; }
  .home__sections .section5 .image {
    background-image: url(/static/img/section_the_wonderful_egg.jpg);
    background-position: center; }
  .home__sections .section6 .image {
    background-image: url(/static/img/section_canadian_family_owned.jpg);
    background-position: center; }

.home__sections .cont {
  width: 100%;
  max-width: 1410px;
  margin: 30px auto 0;
  padding: 0 15px;
  overflow: hidden;
  position: relative; }

.home__sections__nav .carousel-cell {
  width: 100%;
  max-width: 230px;
  padding: 0 15px; }
  .home__sections__nav .carousel-cell button {
    background: #A6D9F2;
    border: none;
    border-radius: 10px; }
    .home__sections__nav .carousel-cell button img {
      width: 100%; }
    .home__sections__nav .carousel-cell button.selected {
      background: #FE9D2B; }

section.home__hero div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.2)); }

section.home__products {
  background-color: #91d6f6;
  position: relative;
  height: auto; }

section.home__products.has-animated div.home__products__title,
section.home__products.has-animated div.home__products__greg {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

section.home__products > div.u-cntr {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  -webkit-flex-flow: row;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 30px 0;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 1025px) {
    section.home__products > div.u-cntr {
      -webkit-flex-flow: row;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

section.home__products div.home__products__title {
  padding: 30px 0;
  width: 100%;
  text-align: center;
  color: white;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0; }
  section.home__products div.home__products__title h2 {
    font-family: 'Montserrat', serif;
    color: #004380;
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase; }

section.home__products div.home__products__greg {
  position: absolute;
  width: 70.2px;
  height: 107.4px;
  top: -30px;
  left: 3%;
  background: url("img/greg_hat.png") no-repeat;
  background-size: 100%;
  z-index: 300;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0; }
  @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    section.home__products div.home__products__greg {
      /* on retina, use image that's scaled by 2 */
      background-image: url("img/greg_hat@2x.png");
      background-size: 100% 100%; } }
  @media only screen and (min-width: 737px) {
    section.home__products div.home__products__greg {
      width: 117px;
      height: 179px;
      top: -30px;
      left: 15%;
      right: auto; } }
  @media only screen and (min-width: 769px) {
    section.home__products div.home__products__greg {
      left: 20%; } }
  @media only screen and (min-width: 1025px) {
    section.home__products div.home__products__greg {
      width: 128.7px;
      height: 196.9px;
      left: 30%; } }

section.home__products div.home__products__product {
  width: 30%;
  text-align: center;
  padding: 30px; }
  @media (max-width: 768px) {
    section.home__products div.home__products__product {
      width: 45%; } }
  @media (max-width: 560px) {
    section.home__products div.home__products__product {
      width: 100%; } }
  section.home__products div.home__products__product .home__products__product__img img {
    width: 100%; }
  section.home__products div.home__products__product .home__products__product__copy h3 {
    color: #004380;
    font-family: 'Montserrat', serif; }

section.home__products div.home__products__col {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  min-height: 540px; }
  @media only screen and (min-width: 1025px) {
    section.home__products div.home__products__col {
      height: auto;
      padding: 0 20px;
      width: 20%; } }
  section.home__products div.home__products__col:nth-child(2) {
    background-color: #52baea; }
  section.home__products div.home__products__col:nth-child(4) {
    background-color: #52baea; }
  section.home__products div.home__products__col:nth-child(6) {
    background-color: #52baea; }

div.home__products__col.has-animated div.home__products__img,
div.home__products__col.has-animated div.home__products__copy {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

div.home__products__col.has-animated div.home__products__copy {
  transition-delay: 0.4s; }

section.home__products div.home__products__img {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
  position: relative;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0; }

section.home__products div.home__products__img img {
  position: absolute;
  bottom: 5%;
  left: 50%;
  display: block;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

/*section.home__products div.home__products__col:nth-child(1) div.home__products__img img {
	max-width: 311px;

	@include breakpoint(medium) {
		max-width: 350px;
	}
}

section.home__products div.home__products__col:nth-child(2) div.home__products__img img {
	max-width: 165px;

	@include breakpoint(medium) {
		max-width: 235px;
	}
}

section.home__products div.home__products__col:nth-child(3) div.home__products__img img {
	max-width: 267px;

	@include breakpoint(medium) {
		max-width: 300px;
	}
}*/
section.home__products div.home__products__copy {
  position: relative;
  text-align: center;
  line-height: 1.5;
  z-index: 400;
  color: white;
  padding: 10px 20px 50px;
  margin: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  transition: opacity 0.85s, -webkit-transform 0.85s;
  transition: transform 0.85s, opacity 0.85s;
  transition: transform 0.85s, opacity 0.85s, -webkit-transform 0.85s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0; }
  @media only screen and (min-width: 769px) {
    section.home__products div.home__products__copy {
      padding: 50px 20px 50px; } }

section.home__products div.home__products__title > h1 {
  color: #004380; }

section.home__products div.home__products__copy > h2 {
  line-height: 1;
  padding-bottom: 16px;
  color: #004380;
  font-size: 28px; }

@media only screen and (min-width: 1025px) and (max-width: 1699px) {
  section.home__products div.home__products__copy > h2 {
    font-size: 20px; } }

section.home__products div.home__products__copy > p {
  font-family: 'Montserrat', serif;
  font-size: 16px;
  padding-bottom: 20px;
  color: #004380; }
  section.home__products div.home__products__copy > p:after {
    clear: both;
    content: '';
    display: block; }

section.home__products div.home__products__copy > p > span {
  max-width: 500px;
  margin: 0 auto;
  display: block; }

section.home__products div.home__products__copy .btn {
  min-width: auto; }

section.cmpnt__hero.cmpnt__hero--medium.home__nutrition {
  color: #004380;
  background-color: #e2f4fc; }
  section.cmpnt__hero.cmpnt__hero--medium.home__nutrition h1, section.cmpnt__hero.cmpnt__hero--medium.home__nutrition h2 {
    color: #004380; }
  section.cmpnt__hero.cmpnt__hero--medium.home__nutrition p {
    color: #5c5c5c; }

section.home__nutrition .cloud {
  z-index: 300; }

section.home__nutrition div.u-cntr {
  position: relative;
  z-index: 700; }

section.home__nutrition div.cmpnt__hero__copy p > span {
  max-width: 600px; }

section.home__nutrition div.cmpnt__hero__bg {
  background: url("img/nutrition/Egg_HP_Nutrition.svg") no-repeat;
  background-position: center 240%;
  background-size: 110% 110%;
  z-index: 600; }
  @media only screen and (min-width: 737px) {
    section.home__nutrition div.cmpnt__hero__bg {
      background-position: center 250%;
      background-size: 110% 110%; } }
  @media only screen and (min-width: 769px) {
    section.home__nutrition div.cmpnt__hero__bg {
      background-position: center 120%;
      background-size: 160% 160%; } }
  @media only screen and (min-width: 1025px) {
    section.home__nutrition div.cmpnt__hero__bg {
      background-position: center 120%;
      background-size: 160% 160%; } }

section.home__nutrition div.cmpnt__hero__bg > div {
  background: none; }

div.home__nutrition__clouds,
div.home__nutrition__scene {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  overflow: hidden; }

div.home__nutrition__clouds {
  z-index: 400; }

div.home__nutrition__scene > * {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }

div.home__nutrition__scene.do-transition > * {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

div.home__nutrition__scene.do-transition div.grass {
  transition-delay: 0.1s; }

div.home__nutrition__scene.do-transition div.hill1 {
  transition-delay: 0.2s; }

div.home__nutrition__scene.do-transition div.hill2 {
  transition-delay: 0.3s; }

div.home__nutrition__scene.do-transition div.barn {
  transition-delay: 0.4s; }

div.home__nutrition__scene div.grass {
  position: absolute;
  bottom: -67px;
  left: 0px;
  background: #b1d49d;
  height: 90px;
  width: 100%;
  z-index: 500; }
  @media only screen and (min-width: 737px) {
    div.home__nutrition__scene div.grass {
      height: 80px;
      bottom: -50px; } }

div.home__nutrition__scene div.hill2 {
  position: absolute;
  bottom: -27px;
  background: url(img/nutrition/Hill2.svg) no-repeat;
  background-size: 100%;
  width: 832.8px;
  height: 80.4px;
  left: 40%;
  z-index: 200; }
  @media only screen and (min-width: 737px) {
    div.home__nutrition__scene div.hill2 {
      bottom: -40px;
      width: 1388px;
      height: 134px; } }

div.home__nutrition__scene div.hill1 {
  position: absolute;
  bottom: -20px;
  background: url(img/nutrition/Hill1.svg) no-repeat;
  background-size: 100%;
  width: 541.2px;
  height: 69px;
  right: 50%;
  z-index: 300; }
  @media only screen and (min-width: 737px) {
    div.home__nutrition__scene div.hill1 {
      bottom: -20px;
      width: 902px;
      height: 115px; } }

div.home__nutrition__scene div.barn {
  position: absolute;
  bottom: 12px;
  background: url(img/nutrition/redbarn.svg) no-repeat;
  background-size: 100%;
  width: 210.6px;
  height: 58.8px;
  left: 10%;
  z-index: 600;
  -webkit-transform-origin: bottom;
          transform-origin: bottom; }
  @media only screen and (min-width: 737px) {
    div.home__nutrition__scene div.barn {
      bottom: 12px;
      left: 4%;
      width: 351px;
      height: 98px; } }

section.home__recipes {
  color: white; }
  section.home__recipes h1, section.home__recipes p {
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); }

section.home__recipes div.cmpnt__hero__bg {
  background: url("img/home_recipe_mob_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 737px) {
    section.home__recipes div.cmpnt__hero__bg {
      background: url("img/home_recipe_bg.jpg") no-repeat center center;
      background-size: cover; } }

section.home__recipes div.cmpnt__hero__bg > div {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.home__csr div.cmpnt__hero__bg {
  background: url("img/hp-ourvalues_mob_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 737px) {
    section.home__csr div.cmpnt__hero__bg {
      background: url("img/hp-ourvalues-bg.jpg") no-repeat center center;
      background-size: cover; } }

section.home__csr2 div.cmpnt__hero__bg {
  background: url("img/hp-csr_mob_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 737px) {
    section.home__csr2 div.cmpnt__hero__bg {
      background: url("img/hp-csr-bg.jpg") no-repeat center center;
      background-size: cover; } }

section.home__egg div.cmpnt__hero__bg {
  background: url("img/hp-eggcreations_mob_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 737px) {
    section.home__egg div.cmpnt__hero__bg {
      background: url("img/hp-eggcreations_bg.jpg") no-repeat center center;
      background-size: cover; } }

section.home__csr div.cmpnt__hero__bg > div {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.home__csr2 div.cmpnt__hero__bg > div {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.home__egg div.cmpnt__hero__bg > div {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.home__contest div.cmpnt__hero__bg {
  background: url("img/hp-contest-mob-eggcreations-bg.jpg") no-repeat center bottom;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.home__contest div.cmpnt__hero__bg {
      background: url("img/hp-contest-eggcreations-bg.jpg") no-repeat center center;
      background-size: cover; } }

section.home__contest div.cmpnt__hero__bg > div {
  background: linear-gradient(rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8)); }

section.home__contest h1 {
  color: white;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); }

@media only screen and (min-width: 737px) {
  section.home__contest h1 br {
    display: none; } }

section.home__contest .btn__cta {
  background-color: #DB1D23;
  border-color: #DB1D23; }

section.home__contest .btn__cta:hover {
  border-color: #DB1D23;
  color: #DB1D23; }

.banner.alotgoesintoalittle {
  background: #b6def5; }

.banner.alotgoesintoalittle .content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center; }

.banner.alotgoesintoalittle img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: inline-block; }

@media only screen and (min-width: 769px) {
  .banner.alotgoesintoalittle .mobile {
    display: none; } }

@media only screen and (max-width: 768px) {
  .banner.alotgoesintoalittle .desktop {
    display: none; } }

.banner.wechampionchoise {
  height: 600px;
  background: url(img/wechampionchoise.jpg) no-repeat center;
  background-size: auto 100%;
  position: relative; }

.lang-fr .banner.wechampionchoise {
  background: url(img/wechampionchoise_fr.jpg) no-repeat center; }

.banner.wechampionchoise a {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block; }

@media only screen and (max-width: 768px) {
  .banner.wechampionchoise {
    height: 400px; } }

@media only screen and (max-width: 420px) {
  .banner.wechampionchoise {
    height: 300px; } }

.banner.beatthesummer24 {
  background: url(img/beatthesummer24_prize_en.png) no-repeat right bottom, url(img/beatthesummer24_yard.jpg) no-repeat center bottom;
  background-size: auto 80%, 100% auto;
  text-align: center;
  padding: 3em 0; }

@media (max-width: 1700px) {
  .banner.beatthesummer24 {
    background-size: auto 80%, auto 100%; } }

@media (max-width: 1400px) {
  .banner.beatthesummer24 {
    background-size: auto 70%, auto 100%; } }

@media (max-width: 1200px) {
  .banner.beatthesummer24 {
    background-size: auto 60%, auto 100%; } }

@media (max-width: 1150px) {
  .banner.beatthesummer24 {
    background-size: auto 50%, auto 100%; } }

@media (max-width: 1000px) {
  .banner.beatthesummer24 {
    background-size: auto 40%, auto 100%; } }

@media (max-width: 900px) {
  .banner.beatthesummer24 {
    padding: 2em 0;
    background-size: auto 45%, auto 100%; } }

@media (max-width: 700px) {
  .banner.beatthesummer24 {
    background-size: auto 40%, 1400px auto; } }

@media (max-width: 560px) {
  .banner.beatthesummer24 {
    background-position: 110% bottom, center bottom; } }

@media (max-width: 460px) {
  .banner.beatthesummer24 {
    background-size: auto 35%, 1400px auto; } }

@media (max-width: 400px) {
  .banner.beatthesummer24 {
    background-size: auto 33%, 1400px auto; } }

.banner.beatthesummer24 .content .title {
  width: 100%;
  max-width: 620px; }

@media (max-width: 900px) {
  .banner.beatthesummer24 .content .title {
    width: 60%; } }

@media (max-width: 700px) {
  .banner.beatthesummer24 .content .title {
    width: 80%;
    margin: 0 auto; } }

@media (max-width: 700px) {
  .banner.beatthesummer24 .content .title img {
    max-width: 320px;
    width: 100%; } }

.banner.beatthesummer24 .content .text {
  width: 100%;
  max-width: 620px; }

@media (max-width: 900px) {
  .banner.beatthesummer24 .content .text {
    width: 60%; } }

@media (max-width: 580px) {
  .banner.beatthesummer24 .content .text {
    width: 55%; } }

.banner.beatthesummer24 p {
  color: #004785; }

.banner.beatthesummer24 .win {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: left;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 70%;
  margin-bottom: 30px; }

@media (max-width: 1100px) {
  .banner.beatthesummer24 .win {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
            flex-direction: column;
    text-align: center; } }

@media (max-width: 768px) {
  .banner.beatthesummer24 .win {
    font-size: 100%; } }

.banner.beatthesummer24 .win img {
  width: 40%; }

@media (max-width: 768px) {
  .banner.beatthesummer24 .win img {
    width: 80%; } }

.banner.beatthesummer24 .win p {
  width: 60%;
  padding: 0 15px;
  margin: 0; }

@media (max-width: 768px) {
  .banner.beatthesummer24 .win p {
    width: 100%; } }

.banner.beatthesummer24.fr {
  background: url(img/beatthesummer24_prize_fr.png) no-repeat right bottom, url(img/beatthesummer24_yard.jpg) no-repeat center bottom;
  background-size: auto 80%, 100%;
  text-align: center;
  padding: 3em 0; }

@media (max-width: 1700px) {
  .banner.beatthesummer24.fr {
    background-size: auto 80%, 100%; } }

@media (max-width: 1400px) {
  .banner.beatthesummer24.fr {
    background-size: auto 70%, 100%; } }

@media (max-width: 1200px) {
  .banner.beatthesummer24.fr {
    background-size: auto 60%, 100%; } }

@media (max-width: 1150px) {
  .banner.beatthesummer24.fr {
    background-size: auto 50%, auto 100%; } }

@media (max-width: 1000px) {
  .banner.beatthesummer24.fr {
    background-size: auto 40%, auto 100%; } }

@media (max-width: 900px) {
  .banner.beatthesummer24.fr {
    padding: 2em 0;
    background-size: auto 45%, auto 100%; } }

@media (max-width: 700px) {
  .banner.beatthesummer24.fr {
    background-size: auto 40%, 1400px auto; } }

@media (max-width: 560px) {
  .banner.beatthesummer24.fr {
    background-position: 110% bottom, center bottom; } }

@media (max-width: 460px) {
  .banner.beatthesummer24.fr {
    background-size: auto 35%, 1400px auto; } }

@media (max-width: 400px) {
  .banner.beatthesummer24.fr {
    background-size: auto 33%, 1400px auto; } }

.banner.rightthingtodo {
  height: 600px;
  background: url(img/rightthingtodo.jpg) no-repeat center;
  background-size: auto 100%;
  position: relative; }

.banner.rightthingtodo a {
  position: absolute;
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block; }

.banner.rightthingtodo a .play-egg-button {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px; }

@media only screen and (max-width: 768px) {
  .banner.rightthingtodo {
    height: 400px; } }

@media only screen and (max-width: 420px) {
  .banner.rightthingtodo {
    height: 300px; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.banner.earthdaybb {
  margin-top: 0;
  background: #000 url("img/billboard_earthday_bg.jpg") no-repeat center bottom;
  background-size: auto 150%;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  color: #fff;
  height: 500px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (min-width: 769px) {
    .banner.earthdaybb {
      background: #000 url("img/billboard_earthday_bg.jpg") no-repeat center bottom;
      background-size: cover; } }
  .banner.earthdaybb h2 {
    font-family: 'Montserrat', serif;
    margin-bottom: 30px; }
  .banner.earthdaybb .btn__cta {
    font-size: 20px;
    line-height: 40px; }

.banner.earthdaybb23 {
  background: #fff;
  margin-top: 0;
  color: #fff;
  padding: 2em 0;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .banner.earthdaybb23 .u-cntr {
    background: #fff;
    padding-bottom: 1em;
    max-width: 90%; }
  .banner.earthdaybb23 .btn__cta {
    font-size: 20px;
    line-height: 40px; }

.banner.frompresident {
  background: #e2f4fc; }
  .banner.frompresident img {
    margin: 0 auto !important; }
  .banner.frompresident .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (min-width: 737px) {
      .banner.frompresident .content {
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .banner.frompresident .col-1 {
    width: 100%; }
    @media only screen and (min-width: 737px) {
      .banner.frompresident .col-1 {
        width: 50%; } }
  .banner.frompresident .col-2 {
    width: 100%; }
    @media only screen and (min-width: 769px) {
      .banner.frompresident .col-2 {
        width: 50%; } }
    .banner.frompresident .col-2 h1 {
      height: 100%;
      text-align: center; }
      .banner.frompresident .col-2 h1 a {
        padding: 30px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%;
        width: 100%;
        color: #004380;
        text-decoration: none; }

.banner.statment {
  background: #e2f4fc;
  padding: 30px; }
  .banner.statment .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .banner.statment .col-1 {
    width: 100%; }
    .banner.statment .col-1 h1 {
      height: 100%;
      text-align: center; }
      .banner.statment .col-1 h1 a {
        padding: 30px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%;
        width: 100%;
        color: #004380;
        text-decoration: none; }

.banner img {
  display: block;
  margin: 20px auto;
  width: auto;
  max-width: 100%; }

.banner.eggsforeveryone {
  background: url(/static/img/eggsforeveryone-bg.jpg) no-repeat center;
  background-size: cover; }

.banner.royal {
  background: url(/static/img/eggsforeveryone-bg.jpg) no-repeat center;
  background-size: cover; }

.banner.cookieeggschange2019 {
  background: url(/static/img/bg-contest-home.jpg) no-repeat center;
  background-size: cover; }

.banner.cookieeggschange2021 {
  background: url(/static/img/bg-cookieeggschange21.jpg) no-repeat center;
  background-size: cover; }

.banner.summerbbq {
  background: none; }
  .banner.summerbbq img {
    display: block;
    width: 100%; }
  @media only screen and (min-width: 769px) {
    .banner.summerbbq .mb {
      display: none; } }
  .banner.summerbbq .lg {
    display: none; }
    @media only screen and (min-width: 769px) {
      .banner.summerbbq .lg {
        display: block; } }

.banner.summerbbq22 .hero22 {
  color: #004082;
  font-size: 18px;
  background: #02DDF7 url(/static/banner_contest/summer22_backyard.jpeg) no-repeat center bottom;
  background-size: cover;
  position: relative;
  min-height: 1000px;
  height: 100vh; }
  @media (max-width: 1080px) {
    .banner.summerbbq22 .hero22 {
      font-size: 16px;
      min-height: 100%;
      max-height: 100%;
      height: 100%;
      padding-top: 20px; } }
  .banner.summerbbq22 .hero22 p {
    line-height: 1.2;
    font-size: 18px; }
  .banner.summerbbq22 .hero22 a:hover {
    text-decoration: none; }
  .banner.summerbbq22 .hero22 h2 {
    font-family: 'Montserrat', serif;
    font-weight: 700;
    font-size: 40px;
    margin-top: 30px; }
    @media (max-width: 1080px) {
      .banner.summerbbq22 .hero22 h2 {
        font-size: 30px; } }
    @media (max-width: 1000px) {
      .banner.summerbbq22 .hero22 h2 {
        font-size: 28px; } }
  .banner.summerbbq22 .hero22 .text-uppercase {
    text-transform: uppercase; }
  .banner.summerbbq22 .hero22 p {
    margin-bottom: 1em; }
  .banner.summerbbq22 .hero22 img {
    margin-top: 0;
    margin-bottom: 0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }
  .banner.summerbbq22 .hero22 .prize {
    font-size: 32px;
    color: #f05a28;
    font-weight: bold; }
    @media (max-width: 1080px) {
      .banner.summerbbq22 .hero22 .prize {
        font-size: 30px; } }
    @media (max-width: 1000px) {
      .banner.summerbbq22 .hero22 .prize {
        font-size: 28px; } }
  .banner.summerbbq22 .hero22 .prize2 {
    font-size: 24px;
    color: #f05a28;
    font-weight: bold; }
    @media (max-width: 1080px) {
      .banner.summerbbq22 .hero22 .prize2 {
        font-size: 18px; } }
  .banner.summerbbq22 .hero22 .prize, .banner.summerbbq22 .hero22 .prize2 {
    display: block; }
  .banner.summerbbq22 .hero22 .arv {
    display: block;
    font-size: 12px; }
  .banner.summerbbq22 .hero22 .priceimg1 {
    width: 100%;
    max-width: 300px; }
    @media (max-width: 1400px) {
      .banner.summerbbq22 .hero22 .priceimg1 {
        width: 80%; } }
    @media (max-width: 1150px) {
      .banner.summerbbq22 .hero22 .priceimg1 {
        width: 70%; } }
    @media (max-width: 1080px) {
      .banner.summerbbq22 .hero22 .priceimg1 {
        max-width: 180px;
        margin-bottom: 20px; } }
  .banner.summerbbq22 .hero22 .priceimg2 {
    width: 100%;
    max-width: 300px; }
    @media (max-width: 1400px) {
      .banner.summerbbq22 .hero22 .priceimg2 {
        width: 80%; } }
    @media (max-width: 1150px) {
      .banner.summerbbq22 .hero22 .priceimg2 {
        width: 70%; } }
    @media (max-width: 1080px) {
      .banner.summerbbq22 .hero22 .priceimg2 {
        max-width: 180px;
        margin-bottom: 20px; } }
  @media (max-width: 1080px) {
    .banner.summerbbq22 .hero22 br {
      display: none; } }
  .banner.summerbbq22 .hero22 .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .banner.summerbbq22 .hero22 .btn:hover {
    color: #212529;
    text-decoration: none; }
  .banner.summerbbq22 .hero22 .btn:focus, .banner.summerbbq22 .hero22 .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .banner.summerbbq22 .hero22 .btn.disabled, .banner.summerbbq22 .hero22 .btn:disabled {
    opacity: 0.65; }
  .banner.summerbbq22 .hero22 a.btn.disabled,
  .banner.summerbbq22 .hero22 fieldset:disabled a.btn {
    pointer-events: none; }
  .banner.summerbbq22 .hero22 .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .banner.summerbbq22 .hero22 .btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .banner.summerbbq22 .hero22 .btn-primary:focus, .banner.summerbbq22 .hero22 .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .banner.summerbbq22 .hero22 .btn-primary.disabled, .banner.summerbbq22 .hero22 .btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .banner.summerbbq22 .hero22 .btn-primary:not(:disabled):not(.disabled):active, .banner.summerbbq22 .hero22 .btn-primary:not(:disabled):not(.disabled).active,
  .banner.summerbbq22 .hero22 .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
  .banner.summerbbq22 .hero22 .btn-primary:not(:disabled):not(.disabled):active:focus, .banner.summerbbq22 .hero22 .btn-primary:not(:disabled):not(.disabled).active:focus,
  .banner.summerbbq22 .hero22 .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .banner.summerbbq22 .hero22 .btn-primary {
    background: #f05a28;
    color: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    border: none;
    font-size: 1.25em;
    padding: .5em 1em; }
    .banner.summerbbq22 .hero22 .btn-primary:hover {
      background: #f05a28;
      color: #fff; }
  .banner.summerbbq22 .hero22 .flex-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 35%;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    max-width: 434px;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (max-width: 900px) {
      .banner.summerbbq22 .hero22 .flex-container {
        width: 94%;
        max-width: 100%;
        padding-top: 30px;
        padding-bottom: 100px; } }
    .banner.summerbbq22 .hero22 .flex-container .section22 {
      position: absolute;
      bottom: 36%;
      left: 50%;
      -webkit-transform: translateX(-160%);
              transform: translateX(-160%); }
      @media (max-width: 1400px) {
        .banner.summerbbq22 .hero22 .flex-container .section22 {
          -webkit-transform: translateX(-150%);
                  transform: translateX(-150%); } }
      @media (max-width: 1150px) {
        .banner.summerbbq22 .hero22 .flex-container .section22 {
          -webkit-transform: translateX(-135%);
                  transform: translateX(-135%); } }
      @media (max-width: 1080px) {
        .banner.summerbbq22 .hero22 .flex-container .section22 {
          -webkit-transform: translateX(-160%);
                  transform: translateX(-160%); } }
      @media (max-width: 900px) {
        .banner.summerbbq22 .hero22 .flex-container .section22 {
          -webkit-transform: translateX(-160%);
                  transform: translateX(-160%);
          position: relative;
          -webkit-transform: none;
                  transform: none;
          bottom: auto;
          left: auto; } }
    .banner.summerbbq22 .hero22 .flex-container .section3 p {
      font-size: 16px; }
    .banner.summerbbq22 .hero22 .flex-container .section2 {
      position: absolute;
      bottom: 22%;
      left: 50%;
      -webkit-transform: translateX(-180%);
              transform: translateX(-180%); }
      @media (max-width: 1150px) {
        .banner.summerbbq22 .hero22 .flex-container .section2 {
          bottom: 30%; } }
      @media (max-width: 900px) {
        .banner.summerbbq22 .hero22 .flex-container .section2 {
          position: relative;
          -webkit-transform: none;
                  transform: none;
          bottom: auto;
          left: auto; } }
    .banner.summerbbq22 .hero22 .flex-container .section2b {
      text-align: center; }
      .banner.summerbbq22 .hero22 .flex-container .section2b img {
        display: block;
        margin: 0 auto; }
    .banner.summerbbq22 .hero22 .flex-container .section4 {
      position: absolute;
      bottom: 22%;
      left: 50%;
      -webkit-transform: translateX(90%);
              transform: translateX(90%); }
      @media (max-width: 1150px) {
        .banner.summerbbq22 .hero22 .flex-container .section4 {
          bottom: 30%; } }
      @media (max-width: 900px) {
        .banner.summerbbq22 .hero22 .flex-container .section4 {
          position: relative;
          -webkit-transform: none;
                  transform: none;
          bottom: auto;
          left: auto; } }
    .banner.summerbbq22 .hero22 .flex-container .section5 {
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 100%; }

.banner.summerbbq22.fr .hero22 {
  font-size: 16px; }
  .banner.summerbbq22.fr .hero22 h2 {
    font-size: 24px; }
    @media (max-width: 1100px) {
      .banner.summerbbq22.fr .hero22 h2 {
        font-size: 22px; } }
    @media (max-width: 1000px) {
      .banner.summerbbq22.fr .hero22 h2 {
        font-size: 20px; } }
  .banner.summerbbq22.fr .hero22 .prize {
    font-size: 20px; }
    @media (max-width: 1080px) {
      .banner.summerbbq22.fr .hero22 .prize {
        font-size: 20px; } }
    @media (max-width: 1000px) {
      .banner.summerbbq22.fr .hero22 .prize {
        font-size: 18px; } }
  .banner.summerbbq22.fr .hero22 .prize2 {
    font-size: 18px; }
    @media (max-width: 1080px) {
      .banner.summerbbq22.fr .hero22 .prize2 {
        font-size: 18px; } }

.banner.summerbbq22.fr .flex-container {
  width: 40%; }
  @media (max-width: 900px) {
    .banner.summerbbq22.fr .flex-container {
      width: 94%;
      max-width: 100%;
      padding-top: 30px;
      padding-bottom: 100px; } }

.banner.keepyoursunnysideup2023 {
  background: #7963a8 url(/static/img/keepyoursunnysideup2023_bg.jpg) center;
  background-size: cover; }
  .banner.keepyoursunnysideup2023 .container-fluid {
    max-width: 1200px;
    margin: 0 auto; }
  .banner.keepyoursunnysideup2023 .content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1em;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 941px) {
      .banner.keepyoursunnysideup2023 .content {
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    .banner.keepyoursunnysideup2023 .content .logokyssu, .banner.keepyoursunnysideup2023 .content .enter {
      width: 100%; }
      .banner.keepyoursunnysideup2023 .content .logokyssu img, .banner.keepyoursunnysideup2023 .content .enter img {
        width: 100%;
        display: block;
        margin: 0 auto; }
      @media (min-width: 991px) {
        .banner.keepyoursunnysideup2023 .content .logokyssu, .banner.keepyoursunnysideup2023 .content .enter {
          width: 50%; } }
    .banner.keepyoursunnysideup2023 .content .logokyssu img {
      max-width: 400px; }
    .banner.keepyoursunnysideup2023 .content .e {
      position: absolute;
      left: 50%;
      bottom: 50px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 991px) {
        .banner.keepyoursunnysideup2023 .content .e {
          position: relative;
          left: auto;
          bottom: auto;
          -webkit-transform: none;
                  transform: none; } }

.banner.sizzlingsummer23 {
  background: url(/static/img/banner/sizzlingsummer23/bg_3.svg) no-repeat left center;
  background-size: auto 130%;
  background-color: #ffc226;
  padding: 2em 0;
  color: #fff; }
  @media (max-width: 1400px) {
    .banner.sizzlingsummer23 {
      background-size: auto 100%, auto 130%; } }
  .banner.sizzlingsummer23 .logocontest {
    max-width: 220px; }
  .banner.sizzlingsummer23 .text-prizes {
    max-width: 33em;
    margin: 0 auto; }
  .banner.sizzlingsummer23 h2 {
    color: #fff;
    font-size: 2em;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto; }
  .banner.sizzlingsummer23 h3 {
    color: #004785;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-size: 1.75em; }
  .banner.sizzlingsummer23 p {
    font-size: 1.5em;
    margin-bottom: 1em; }
  .banner.sizzlingsummer23 .legal {
    font-size: 1em;
    margin-top: 1em; }
  .banner.sizzlingsummer23 .win {
    font-family: 'Brandon Printed', sans-serif;
    color: #d66141;
    font-size: 3em;
    display: block; }
  .banner.sizzlingsummer23 .content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1em;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media (min-width: 941px) {
      .banner.sizzlingsummer23 .content {
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    .banner.sizzlingsummer23 .content .col {
      width: 96%; }
      @media (min-width: 941px) {
        .banner.sizzlingsummer23 .content .col {
          width: 50%; } }
    .banner.sizzlingsummer23 .content h2 {
      font-family: "Montserrat", sans-serif; }
    .banner.sizzlingsummer23 .content .logocontest, .banner.sizzlingsummer23 .content .enter, .banner.sizzlingsummer23 .content .prize {
      width: 100%; }
      .banner.sizzlingsummer23 .content .logocontest img, .banner.sizzlingsummer23 .content .enter img, .banner.sizzlingsummer23 .content .prize img {
        width: 100%;
        display: block;
        margin: 0 auto; }
    .banner.sizzlingsummer23 .content .e {
      position: absolute;
      left: 50%;
      bottom: 50px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 991px) {
        .banner.sizzlingsummer23 .content .e {
          position: relative;
          left: auto;
          bottom: auto;
          -webkit-transform: none;
                  transform: none; } }
  .banner.sizzlingsummer23.fr .content h2 {
    max-width: 580px; }
  @media (max-width: 577px) {
    .banner.sizzlingsummer23.fr .content .win {
      font-size: 2em; } }
  @media (max-width: 360px) {
    .banner.sizzlingsummer23.fr .content .win {
      font-size: 1.75em; } }

.banner.tvspot {
  background: #e2f4fc;
  text-align: center;
  padding: 30px 15px; }
  .banner.tvspot h1 {
    color: #004380; }
  .banner.tvspot img {
    display: block;
    margin: 20px auto;
    width: auto;
    max-width: 100%; }

.home__newslidebanners button.flickity-prev-next-button > svg {
  width: 46.4px; }

.home__newslidebanners div.carousel-cell, .home__sections__carousel div.carousel-cell {
  width: 100%; }
  @media only screen and (min-width: 737px) {
    .home__newslidebanners div.carousel-cell, .home__sections__carousel div.carousel-cell {
      margin-right: 10px;
      width: 100%; } }

.home__newslidebanners div.video-image {
  width: 100%;
  height: 200px;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  @media only screen and (min-width: 737px) {
    .home__newslidebanners div.video-image {
      height: 250px; } }

.home__newslidebanners a.related-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #004280; }
  .home__newslidebanners a.related-link .btn__text {
    border: none;
    padding: 20px 0 0;
    color: #004280; }

.home__newslidebanners a.related-link {
  text-decoration: none; }

.home__newslidebanners ol.flickity-page-dots {
  padding: 10px 0;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0; }

.home__newslidebanners ol.flickity-page-dots > .dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #5c5c5c;
  display: inline-block;
  margin: 0 3px;
  cursor: pointer; }

.home__newslidebanners ol.flickity-page-dots > .dot.is-selected {
  background: #004380; }

.home__newslidebanners .carousel-cell-title {
  color: #004280;
  font-size: 30px;
  font-family: Ovo, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .home__newslidebanners .carousel-cell-title {
      font-size: 28px;
      padding-left: 30px;
      padding-right: 30px; } }

.home__newslidebanners .carousel-cell-description {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Montserrat', serif; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .home__newslidebanners .carousel-cell-description {
      padding-left: 30px;
      padding-right: 30px; } }

.home__newslidebanners button.flickity-prev-next-button {
  position: absolute;
  padding: 0;
  top: 0px;
  left: 0px;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 50px;
  height: 100%;
  background-color: transparent;
  border: none;
  z-index: 700;
  cursor: pointer; }
  .home__newslidebanners button.flickity-prev-next-button.previous {
    left: 0px; }
  .home__newslidebanners button.flickity-prev-next-button.next {
    right: 0px;
    left: auto; }
  .home__newslidebanners button.flickity-prev-next-button .arrow {
    fill: white; }

.home__newslidebanners button.flickity-prev-next-button > svg {
  width: 46.4px; }

.home__sections__nav button.flickity-prev-next-button {
  position: absolute;
  padding: 0;
  top: 0px;
  left: 0px;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 50px;
  height: 100%;
  background-color: transparent;
  border: none;
  z-index: 700;
  cursor: pointer; }
  .home__sections__nav button.flickity-prev-next-button.previous {
    left: 0px; }
  .home__sections__nav button.flickity-prev-next-button.next {
    right: 0px;
    left: auto; }
  .home__sections__nav button.flickity-prev-next-button .arrow {
    fill: #004380; }

.home__sections__nav button.flickity-prev-next-button > svg {
  width: 20px; }

section.anniversary__hero div.cmpnt__hero__bg {
  background: url("img/barn.jpg") no-repeat center bottom;
  background-size: cover; }
  @media only screen and (min-width: 737px) {
    section.anniversary__hero div.cmpnt__hero__bg {
      background: url("img/barn.jpg") no-repeat center bottom;
      background-size: cover; } }

section.cmpnt__hero.anniversary__hero {
  height: 85vh;
  min-height: 680px; }

section.cmpnt__hero.bakesandbites__hero {
  height: 85vh;
  min-height: 680px;
  background: #52baea; }
  @media (max-width: 990px) {
    section.cmpnt__hero.bakesandbites__hero {
      height: auto; } }
  section.cmpnt__hero.bakesandbites__hero .products {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 98%;
    margin: 0 auto;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
    @media (max-width: 990px) {
      section.cmpnt__hero.bakesandbites__hero .products {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    section.cmpnt__hero.bakesandbites__hero .products .col-1, section.cmpnt__hero.bakesandbites__hero .products .col-2 {
      width: 45%; }
      @media (max-width: 990px) {
        section.cmpnt__hero.bakesandbites__hero .products .col-1, section.cmpnt__hero.bakesandbites__hero .products .col-2 {
          width: 96%;
          margin: 15px 0px; } }
    section.cmpnt__hero.bakesandbites__hero .products .frame {
      background-color: #e2f4fc;
      padding: 15px 0; }
    section.cmpnt__hero.bakesandbites__hero .products img {
      display: block;
      width: 100%; }
    section.cmpnt__hero.bakesandbites__hero .products .links {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 460px) {
        section.cmpnt__hero.bakesandbites__hero .products .links {
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      section.cmpnt__hero.bakesandbites__hero .products .links a {
        margin: 10px; }

section.cmpnt__hero.anniversary__hero.cmpnt__hero--bottom div.cmpnt__hero__copy {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  padding-top: 60px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    section.cmpnt__hero.anniversary__hero.cmpnt__hero--bottom div.cmpnt__hero__copy {
      padding-top: 40px; } }
  section.cmpnt__hero.anniversary__hero.cmpnt__hero--bottom div.cmpnt__hero__copy h2 {
    margin-top: 40px;
    font-size: 40px;
    color: #004380; }
    section.cmpnt__hero.anniversary__hero.cmpnt__hero--bottom div.cmpnt__hero__copy h2 span {
      font-size: 32px;
      display: block; }
  section.cmpnt__hero.anniversary__hero.cmpnt__hero--bottom div.cmpnt__hero__copy .btn__cta {
    font-size: 24px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px; }
    section.cmpnt__hero.anniversary__hero.cmpnt__hero--bottom div.cmpnt__hero__copy .btn__cta:hover {
      color: #004380;
      border-color: #004380; }

.dine, .tasteMontreal {
  height: 100%; }

.dine .main, .tasteMontreal .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  position: absolute; }

.dine .fs, .tasteMontreal .fs {
  width: 100%;
  height: 100vh;
  max-height: 941px; }

.dine div.photos, .tasteMontreal div.photos {
  overflow: hidden;
  width: 5000px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-46%);
          transform: translateY(-46%); }

.dine .item, .tasteMontreal .item {
  width: 560px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0 2px; }
  .dine .item img, .tasteMontreal .item img {
    margin: 0;
    width: 100%; }
  .dine .item .band, .tasteMontreal .item .band {
    width: 200%;
    height: 100%;
    background: #000;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10; }

.dine .logodine, .tasteMontreal .logodine {
  width: 100%;
  max-width: 300px; }

.dine .logomontreal, .tasteMontreal .logomontreal {
  width: 100%;
  max-width: 300px;
  margin-top: 0 !important; }
  @media (max-width: 768px) {
    .dine .logomontreal, .tasteMontreal .logomontreal {
      width: 180px; } }
  @media (max-width: 992px) {
    .dine .logomontreal, .tasteMontreal .logomontreal {
      width: 200px; } }

.dine .cols, .tasteMontreal .cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 992px) {
    .dine .cols, .tasteMontreal .cols {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .dine .cols .col1, .tasteMontreal .cols .col1 {
    width: 200px; }

.dine .tt, .tasteMontreal .tt {
  width: 100%;
  max-width: 300px; }

.dine .s, .tasteMontreal .s {
  position: relative; }

.dine .text, .tasteMontreal .text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 50;
  padding: 40px;
  width: 90%;
  max-width: 800px;
  color: #fff; }
  .dine .text span, .tasteMontreal .text span {
    display: block;
    font-size: 14px; }
  .dine .text img, .tasteMontreal .text img {
    display: block;
    margin: 20px auto; }
  .dine .text .pc, .tasteMontreal .text .pc {
    width: 100%;
    max-width: 200px;
    display: inline-block;
    margin: 0;
    vertical-align: bottom; }
  .dine .text p, .tasteMontreal .text p {
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 18px;
    text-align: center; }
  .dine .text h2, .tasteMontreal .text h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 15px; }
  .dine .text h3, .tasteMontreal .text h3 {
    margin-top: 5px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px; }

section.video {
  background: #e2f4fc;
  padding: 80px 24px; }
  @media only screen and (min-width: 737px) {
    section.video {
      padding: 120px 30px; } }
  @media only screen and (min-width: 769px) {
    section.video {
      padding: 60px 0 60px 0; } }
  section.video h1 {
    color: #004380;
    padding: 20px 0 20px;
    text-align: center; }
    @media only screen and (min-width: 769px) {
      section.video h1 {
        padding: 40px 0 40px; } }
  section.video img {
    width: 100%;
    height: auto; }

section.recipes__hero {
  margin-top: 0px; }
  @media only screen and (min-width: 769px) {
    section.recipes__hero {
      margin-top: 60px; } }

section.recipes__hero h1,
section.recipes__hero p {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); }

@media only screen and (min-width: 769px) {
  section.recipes__hero div.cmpnt__hero__copy {
    padding-left: 0; } }

section.recipes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.recipes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.recipes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.recipes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(5) {
  transition-delay: 0.3s; }

section.recipes__hero div.recipe__ratings {
  padding-bottom: 30px; }

section.recipes__hero div.cmpnt__hero__bg {
  background-size: cover;
  background-position: center center; }

section.recipes__hero div.cmpnt__hero__bg > div {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.recipe__product div.cmpnt__hero__bg,
section.recipes__product div.cmpnt__hero__bg {
  background: #91d6f6; }

section.recipe__product h1,
section.recipe__product p,
section.recipes__product h1,
section.recipes__product p {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

section.recipe__product div.cmpnt__hero__copy > p,
section.recipes__product div.cmpnt__hero__copy > p {
  color: #004380; }

section.cmpnt__hero.cmpnt__hero--small.recipes__tips {
  height: auto;
  min-height: auto; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.cmpnt__hero--small.recipes__tips {
      height: 45vh;
      min-height: 380px; } }

section.recipes__tips div.cmpnt__hero__bg {
  background: #e2f4fc;
  background-size: cover; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    section.recipes__tips div.cmpnt__hero__bg {
      background-image: none !important; } }
  @media only screen and (min-width: 737px) and (max-width: 768px) {
    section.recipes__tips div.cmpnt__hero__bg {
      background-image: none !important; } }

@media only screen and (min-width: 737px) {
  section.recipes__tips div.cmpnt__hero__bg {
    background: url("img/cooking-tips-bg.jpg") no-repeat center center;
    background-size: cover; } }

section.recipes__tips h2 {
  color: #004380; }

section.recipes__tips p {
  color: #004380;
  font-family: 'Montserrat', serif;
  padding-bottom: 0px; }

section.recipes__tips div.cmpnt__hero__copy {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }

section.recipes__tips div.cmpnt__tip__img {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 260px;
  margin: 20px auto 0;
  background: url("/static/img/cookingtip.svg") no-repeat center center;
  background-size: 70% auto; }
  @media only screen and (min-width: 737px) {
    section.recipes__tips div.cmpnt__tip__img {
      background-size: 90% auto; } }
  @media only screen and (min-width: 769px) {
    section.recipes__tips div.cmpnt__tip__img {
      background-size: 100% auto;
      -webkit-flex: 0 0 40%;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%;
      margin: 0 50px 0 0; } }

section.recipes__tips div.cmpnt__tip__img img {
  max-height: 100%;
  max-width: 100%;
  opacity: 0; }

section.recipes__tips div.cmpnt__hero__copy > p:last-of-type {
  padding-bottom: 0; }

section.recipe__product {
  margin-bottom: 3px; }

section.recipes__tips .btn__cta {
  background-color: #dba653; }

section.nutrition {
  position: relative;
  background: #e2f4fc;
  overflow: hidden; }
  section.nutrition.is-seeking div.n_bg,
  section.nutrition.is-seeking div.n_fg {
    opacity: 0; }

section.nutrition div.nutrition_cntr {
  width: 100%; }

section.nutrition div.n_clouds {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 200; }

section.nutrition div.n_cloud {
  position: absolute;
  width: 246px;
  height: 140px;
  background: url("img/cloud.svg") no-repeat center center;
  background-size: 100%;
  opacity: 0;
  transition: opacity 0.3s; }

section.nutrition div.n_bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 300;
  overflow: hidden;
  transition: opacity 0.35s; }

section.nutrition div.n_fg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  height: 100vh;
  transition: opacity 0.35s; }

section.nutrition div.n_fg div.n_tip.swipeup {
  width: 36px;
  height: 43px;
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -18px;
  background: url("img/swipe_up.svg") no-repeat;
  z-index: 900;
  opacity: 0; }

section.nutrition div.n_dotnav {
  position: absolute;
  right: 0px;
  width: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 800; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_dotnav {
      width: 40px; } }

section.nutrition .n_arrow {
  display: block;
  width: 100%;
  margin: 15px 0;
  height: 5px;
  background: transparent;
  border: none;
  cursor: pointer; }
  @media only screen and (min-width: 737px) {
    section.nutrition .n_arrow {
      height: 20px; } }
  section.nutrition .n_arrow span {
    display: block;
    width: 13px;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (min-width: 737px) {
      section.nutrition .n_arrow span {
        width: 16px; } }
  section.nutrition .n_arrow.n_arrow_top span {
    background-image: url("img/continue_arrow_bb.svg");
    -webkit-transform: scale(-1);
            transform: scale(-1); }
  section.nutrition .n_arrow.n_arrow_bottom span {
    background-image: url("img/continue_arrow_bb.svg"); }

section.nutrition .n_dot {
  display: block;
  width: 100%;
  margin: 15px 0;
  background: transparent;
  border: none;
  cursor: pointer; }
  section.nutrition .n_dot.is-active span {
    background: white; }

section.nutrition .n_dot > span {
  display: block;
  border-radius: 50%;
  background: #004380;
  width: 6px;
  height: 6px;
  margin-left: 4px; }
  @media only screen and (min-width: 737px) {
    section.nutrition .n_dot > span {
      width: 10px;
      height: 10px;
      margin-left: 3px; } }

section.nutrition div.n_egg_cntr {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

section.nutrition div.n_bg div.b_egg,
section.nutrition div.n_bg div.w_egg {
  position: absolute;
  width: 180px;
  height: 235px;
  z-index: 300;
  left: 50%;
  top: 50%;
  margin-left: -90px;
  margin-top: -117px; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_bg div.b_egg,
    section.nutrition div.n_bg div.w_egg {
      width: 261px;
      height: 341px;
      margin-left: -130px;
      margin-top: -170px; } }

section.nutrition div.n_bg div.b_egg {
  z-index: 400;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  opacity: 0; }
  section.nutrition div.n_bg div.b_egg.is-behind {
    z-index: 200; }

section.nutrition div.n_bg div.w_egg.do-intro {
  transition: opacity 5s, -webkit-transform 5s;
  transition: opacity 5s, transform 5s;
  transition: opacity 5s, transform 5s, -webkit-transform 5s; }

section.nutrition div.n_bg div.n_eggsvg_cntr {
  width: 100%;
  height: 100%;
  background-size: 100%; }

section.nutrition .n_arrowdown {
  display: block;
  opacity: 0;
  position: absolute;
  bottom: 30px;
  background: url("img/continue_arrow_bb.svg") no-repeat center center;
  background-size: 80% 80%;
  border: none;
  cursor: pointer;
  height: 30px;
  width: 40px;
  left: 50%;
  margin-left: -20px;
  z-index: 800;
  overflow: hidden;
  text-indent: -9000px; }
  @media only screen and (min-width: 737px) {
    section.nutrition .n_arrowdown {
      bottom: 14px;
      background-size: 100% 100%; } }

section.nutrition div.n_bg div.w_egg > div.n_eggsvg_cntr {
  background: url(img/nutrition/WhiteEgg.svg) no-repeat; }

section.nutrition div.n_bg div.b_egg > div.n_eggsvg_cntr {
  background: url(img/nutrition/BrownEgg.svg) no-repeat;
  padding: 4px; }

section.nutrition div.n_bg div.b_egg div.n_egg_part {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 300;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

section.nutrition div.n_bg div.b_egg div.n_egg_white {
  background: url(img/nutrition/EggWhite.svg) no-repeat;
  background-size: 100%; }

section.nutrition div.n_bg div.b_egg div.n_egg_mem {
  background: url(img/nutrition/EggFull.svg) no-repeat;
  background-size: 100%; }

section.nutrition div.n_bg div.b_egg div.n_egg_yolk {
  background: url(img/nutrition/EggFull.svg) no-repeat;
  background-size: 100%; }

section.nutrition div.n_bg div.b_egg div.n_egg_front {
  background: url(img/nutrition/BrownEgg.svg) no-repeat;
  background-size: 100%;
  opacity: 1; }

section.nutrition div.n_bg div.grass {
  position: absolute;
  bottom: -10px;
  left: 0px;
  background: #b1d49d;
  height: 90px;
  width: 100%;
  z-index: 500;
  opacity: 0; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_bg div.grass {
      height: 110px; } }

section.nutrition div.n_bg div.hill2 {
  position: absolute;
  bottom: 34px;
  background: url(img/nutrition/Hill2.svg) no-repeat;
  background-size: 100%;
  width: 832.8px;
  height: 80.4px;
  left: 40%;
  z-index: 200;
  opacity: 0; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_bg div.hill2 {
      bottom: 30px;
      width: 1388px;
      height: 134px; } }

section.nutrition div.n_bg div.hill1 {
  position: absolute;
  bottom: 46px;
  background: url(img/nutrition/Hill1.svg) no-repeat;
  background-size: 100%;
  width: 541.2px;
  height: 69px;
  right: 50%;
  z-index: 300;
  opacity: 0; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_bg div.hill1 {
      bottom: 50px;
      width: 902px;
      height: 115px; } }

section.nutrition div.n_bg div.barn {
  position: absolute;
  bottom: 69px;
  background: url(img/nutrition/redbarn.svg) no-repeat;
  background-size: 100%;
  width: 210.6px;
  height: 58.8px;
  left: 16%;
  z-index: 600;
  opacity: 0;
  -webkit-transform-origin: bottom;
          transform-origin: bottom; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_bg div.barn {
      bottom: 82px;
      left: 10%;
      width: 351px;
      height: 98px; } }

section.nutrition div.n_section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 100%;
  height: 100vh;
  top: 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  position: absolute;
  left: 0;
  opacity: 0;
  z-index: 300; }

section.nutrition div.n_section_cntr {
  text-align: left;
  margin: 0 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  padding: 30px; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section_cntr {
      max-width: 640px;
      padding: 0; } }

section.nutrition div.n_section.n_section--bottom div.n_section_cntr {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding-bottom: 40px;
  padding-bottom: 80px;
  background-color: rgba(255, 255, 255, 0.7); }
  @media only screen and (min-width: 568px) {
    section.nutrition div.n_section.n_section--bottom div.n_section_cntr {
      padding-bottom: 24px; } }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section.n_section--bottom div.n_section_cntr {
      padding-bottom: 60px;
      background-color: transparent; } }

section.nutrition div.n_section div.n_section_callout {
  display: inline-block;
  width: 100%;
  vertical-align: top; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section div.n_section_callout {
      display: block;
      position: absolute;
      left: 5%;
      width: 250px;
      text-align: left;
      opacity: 0; } }
  @media only screen and (min-width: 769px) {
    section.nutrition div.n_section div.n_section_callout {
      left: 15%; } }
  @media only screen and (min-width: 1025px) {
    section.nutrition div.n_section div.n_section_callout {
      left: 25%; } }

@media only screen and (min-width: 737px) {
  section.nutrition div.n_section div.n_section_callout.n_callout_right {
    right: 10%;
    left: auto; } }

@media only screen and (min-width: 769px) {
  section.nutrition div.n_section div.n_section_callout.n_callout_right {
    right: 15%;
    left: auto; } }

section.nutrition div.n_section div.n_section_callout.n_callout_low {
  top: 55%; }

section.nutrition div.n_section div.n_section_callout.n_callout_hi {
  top: 15%; }

section.nutrition div.n_section div.n_section_callout.n_callout_mid {
  top: 35%; }

section.nutrition div.n_section div.n_section_callout a {
  color: #004380;
  font-family: 'Montserrat', serif;
  text-decoration: none;
  margin-top: 8px;
  display: block; }

section.nutrition div.n_compare_header h2,
section.nutrition div.n_compare_header .h2,
section.nutrition div.n_section_cntr h2,
section.nutrition div.n_section_cntr .h2 {
  color: #004380;
  margin-bottom: 12px; }

section.nutrition div.n_compare_header h3,
section.nutrition div.n_section_cntr h3 {
  color: #004380;
  margin-bottom: 8px; }

section.nutrition div.n_compare_header p,
section.nutrition div.n_section_cntr p {
  color: #5c5c5c;
  font-family: 'Montserrat', serif; }

section.nutrition div.n_section_cntr > p {
  margin-bottom: 12px; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section_cntr > p {
      margin-bottom: 0px; } }

section.nutrition div.n_section_cntr div.n_section_callout {
  margin-bottom: 8px; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section_cntr div.n_section_callout {
      margin-bottom: 0px; } }

section.nutrition div.n_section_cntr div.n_section_callout h3 {
  display: inline;
  font-family: 'Montserrat', serif;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section_cntr div.n_section_callout h3 {
      font-family: 'Ovo', sans-serif;
      display: block;
      font-weight: 400;
      margin-bottom: 8px; } }
  @media only screen and (min-width: 769px) {
    section.nutrition div.n_section_cntr div.n_section_callout h3 {
      font-size: 20px; } }

section.nutrition div.n_section_cntr div.n_section_callout p {
  display: inline; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_section_cntr div.n_section_callout p {
      display: block; } }

section.nutrition div.n_compare_header p {
  display: none; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_compare_header p {
      display: block; } }

section.nutrition div.n_trigger {
  position: fixed;
  top: 50%;
  color: blue;
  border-top: solid 1px;
  font-size: 10px;
  font-family: 'Montserrat', serif;
  right: 0;
  z-index: 500; }

section.nutrition div.n_track {
  position: relative;
  z-index: 500; }

section.nutrition div.n_track > div {
  height: 100vh;
  position: relative; }
  section.nutrition div.n_track > div:first-of-type {
    height: 60vh; }

section.nutrition div.n_queues {
  height: 100vh;
  overflow: hidden; }

section.nutrition div.n_queues > div {
  height: 100vh; }
  section.nutrition div.n_queues > div:nth-child(1) {
    height: 350px; }

section.nutrition div.n_stage8 {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

section.nutrition div.n_stage8 div.n_section_cntr {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }

section.nutrition div.n_compare_cntr {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 990px;
  margin: 0 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_compare_cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      max-width: 680px; } }
  @media only screen and (min-width: 769px) {
    section.nutrition div.n_compare_cntr {
      max-width: 900px; } }
  @media only screen and (min-width: 1025px) {
    section.nutrition div.n_compare_cntr {
      max-width: 990px; } }

section.nutrition div.n_compare_header {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  padding-top: 20px; }
  @media only screen and (min-width: 568px) {
    section.nutrition div.n_compare_header {
      padding-bottom: 20px; } }

section.nutrition div.n_compare_details {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

section.nutrition div.n_compare_details_cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  max-width: 90%;
  margin: 0 auto; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_compare_details_cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      max-width: auto; } }

section.nutrition div.n_compare_middle {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

section.nutrition div.n_compare_egg {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 568px) {
    section.nutrition div.n_compare_egg {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

section.nutrition div.n_compare_other {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-top: 20px; }
  @media only screen and (min-width: 568px) {
    section.nutrition div.n_compare_other {
      padding-top: 0px;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

section.nutrition div.n_compare_breakdown {
  position: relative;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center; }

section.nutrition div.n_compare_breakdown ul {
  padding: 20px 36px 36px 36px; }

section.nutrition div.n_compare_egg div.n_compare_breakdown ul {
  padding: 20px 36px 36px 36px; }
  @media only screen and (min-width: 568px) {
    section.nutrition div.n_compare_egg div.n_compare_breakdown ul {
      border-right: solid 1px rgba(92, 92, 92, 0.1); } }

section.nutrition div.n_compare_breakdown li {
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
  border-bottom: solid 1px rgba(151, 151, 151, 0.2);
  padding: 0 3px;
  color: #5c5c5c;
  font-family: 'Montserrat', serif; }

section.nutrition div.n_compare_breakdown li > h3 {
  color: #004380;
  border-bottom: solid 5px rgba(151, 151, 151, 0.2);
  text-align: left;
  padding-left: 2px;
  font-family: 'Ovo', sans-serif; }

section.nutrition div.n_compare_breakdown em {
  float: right;
  font-family: 'Ovo', sans-serif; }

section.nutrition div.n_compare_icon {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  padding: 0px;
  width: 100%;
  height: 100%; }
  @media only screen and (min-width: 769px) {
    section.nutrition div.n_compare_icon {
      padding: 20px;
      padding-left: 0;
      position: relative;
      top: auto;
      left: auto;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }
  section.nutrition div.n_compare_icon > div {
    width: 100%;
    height: 100%;
    opacity: 0.2; }
    @media only screen and (min-width: 769px) {
      section.nutrition div.n_compare_icon > div {
        opacity: 1; } }

section.nutrition div.n_compare_icon.n_compare_fish div {
  background: url("img/fish.svg") no-repeat center center;
  background-size: contain; }

section.nutrition div.n_compare_icon.n_compare_meat div {
  background: url("img/meat.svg") no-repeat center center;
  background-size: contain; }

section.nutrition div.n_compare_icon.n_compare_avocado div {
  background: url("img/avocado.svg") no-repeat center center;
  background-size: contain; }
  @media only screen and (min-width: 769px) {
    section.nutrition div.n_compare_icon.n_compare_avocado div {
      background-size: 90% 90%; } }
  @media only screen and (min-width: 1025px) {
    section.nutrition div.n_compare_icon.n_compare_avocado div {
      background-size: contain; } }

section.nutrition div.n_compare_breakdown {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 769px) {
    section.nutrition div.n_compare_breakdown {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

section.nutrition div.n_compare_details {
  position: relative; }

section.nutrition div.n_compare_items {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%; }

section.nutrition div.n_compare_item {
  width: 100%;
  height: 200px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 737px) {
    section.nutrition div.n_compare_item {
      height: 300px; } }

section.nutrition div.n_compare_items ol.flickity-page-dots {
  padding: 20px 0;
  text-align: center;
  position: relative;
  z-index: 600; }
  section.nutrition div.n_compare_items ol.flickity-page-dots li.dot {
    background: #5c5c5c;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    margin: 0 3px;
    display: inline-block; }
    section.nutrition div.n_compare_items ol.flickity-page-dots li.dot.is-selected {
      background: #004380; }

section.nutrition button.flickity-prev-next-button {
  position: absolute;
  top: 45%;
  left: 0px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  z-index: 700; }
  section.nutrition button.flickity-prev-next-button.previous {
    left: 5px; }
  section.nutrition button.flickity-prev-next-button.next {
    right: 5px;
    left: auto; }
  section.nutrition button.flickity-prev-next-button .arrow {
    fill: #004380; }

section.nutrition__products {
  background-color: #7bcbef;
  text-align: center;
  padding: 40px 0 60px;
  position: relative; }

section.nutrition__products div.nutrition__products__greg {
  position: absolute;
  width: 112.5px;
  height: 112.5px;
  top: -50px;
  right: -10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: 300; }
  @media only screen and (min-width: 737px) {
    section.nutrition__products div.nutrition__products__greg {
      width: 200px;
      height: 200px;
      left: 0;
      right: auto;
      top: -70px; } }
  @media only screen and (min-width: 769px) {
    section.nutrition__products div.nutrition__products__greg {
      left: 4%; } }
  @media only screen and (min-width: 1025px) {
    section.nutrition__products div.nutrition__products__greg {
      width: 250px;
      height: 250px; } }

section.nutrition__products div.header__copy {
  max-width: 400px;
  margin: 0 auto; }

section.nutrition__products h2 {
  color: #004380;
  margin-bottom: 24px; }

section.nutrition__products p {
  font-family: 'Montserrat', serif;
  color: #004380;
  margin-bottom: 30px; }

section.nutrition__products div.product__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  max-width: 1200px; }
  @media only screen and (min-width: 737px) {
    section.nutrition__products div.product__items {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; } }

section.nutrition__products div.product__item {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-bottom: 34px;
  max-width: none;
  margin-right: 0; }
  @media only screen and (min-width: 737px) {
    section.nutrition__products div.product__item {
      margin-bottom: 0px;
      width: 16%;
      max-width: 180px; }
      section.nutrition__products div.product__item:last-of-type {
        margin-right: 0%; } }

section.nutrition__products div.product__itemImg {
  height: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 769px) {
    section.nutrition__products div.product__itemImg {
      height: 250px; } }

section.nutrition__products div.product__itemImg img {
  max-width: 185px;
  max-height: 160px;
  margin: 0 auto;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin-bottom: 40px;
  width: auto; }
  section.nutrition__products div.product__itemImg img:last-of-type {
    margin-bottom: 0; }
  @media only screen and (min-width: 737px) {
    section.nutrition__products div.product__itemImg img {
      max-width: 225px;
      max-height: 180px;
      margin-bottom: 40px;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; } }

section.nutrition__products div.product__item a.btn {
  width: 60%; }

div.nutrition__modal {
  width: 90%;
  -webkit-transform: translate(-50%, -30%) scale(0, 1);
          transform: translate(-50%, -30%) scale(0, 1);
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 1;
  pointer-events: none;
  z-index: 900;
  padding: 30px 24px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
  div.nutrition__modal.show {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
            transform: translate(-50%, -50%) scale(1, 1); }
  @media only screen and (min-width: 769px) {
    div.nutrition__modal {
      max-width: 540px; } }

div.nutrition__modal h2 {
  color: #004380;
  margin-bottom: 16px; }

div.nutrition__modal p {
  color: #5c5c5c; }

div.nutrition__modal a {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #004380;
  font-size: 0px;
  width: 30px;
  height: 30px;
  background: url("img/close_x-bb.svg") no-repeat center center;
  opacity: 1; }

section.nutrition__details div.cmpnt__hero__copy__cntr {
  color: white; }

section.nutrition__details div.cmpnt__hero__bg {
  background: url("img/nutrition-education-bg.jpg") no-repeat left center;
  background-size: cover; }

section.product__details.product__details--nutrition h1 {
  color: #004380;
  padding: 50px 0 20px; }
  @media only screen and (min-width: 769px) {
    section.product__details.product__details--nutrition h1 {
      padding: 40px 0 40px; } }

section.product__details.product__details--nutrition {
  padding: 0px 20px 60px; }
  @media only screen and (min-width: 737px) {
    section.product__details.product__details--nutrition {
      padding: 20px 20px 60px; } }

div.product__details__nutrition--in-body {
  padding-top: 40px; }

div.modal.nutrition__turn__device {
  background: #e2f4fc url("img/nutrition/nutrition_turn_screen.svg") no-repeat center center; }

div.modal.nutrition__turn__device p {
  color: #004380;
  text-align: center;
  padding-top: 184px; }

.btn.nutrition.is-play:hover > i {
  background-image: url("img/play_icon_btn-b.svg"); }

section.products__hero div.cmpnt__hero__bg {
  background: url("img/productlisting-shell-mob-bg.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero div.cmpnt__hero__bg {
      background: url("img/productlisting-shell-bg.jpg") no-repeat center top;
      background-size: cover; } }

section.products__hero.is-prepared div.cmpnt__hero__bg {
  background: url("img/productlisting-prepared-header-en-mob.jpg") no-repeat center top;
  background-size: cover; }
  section.products__hero.is-prepared div.cmpnt__hero__bg:lang(fr) {
    background: url("img/productlisting-prepared-header-fr-mob.jpg") no-repeat center top;
    background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-prepared div.cmpnt__hero__bg {
      background: url("img/productlisting-prepared-header-en.jpg") no-repeat center top;
      background-size: cover; }
      section.products__hero.is-prepared div.cmpnt__hero__bg:lang(fr) {
        background: url("img/productlisting-prepared-header-fr.jpg") no-repeat center top;
        background-size: cover; } }

section.products__hero.is-egg-bakes div.cmpnt__hero__bg {
  background: url("img/productlisting-eggbakes-header-en-mob.jpg") no-repeat center top;
  background-size: cover; }
  section.products__hero.is-egg-bakes div.cmpnt__hero__bg:lang(fr) {
    background: url("img/productlisting-eggbakes-header-fr-mob.jpg") no-repeat center top;
    background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-egg-bakes div.cmpnt__hero__bg {
      background: url("img/productlisting-eggbakes-header-en.jpg") no-repeat center top;
      background-size: cover; }
      section.products__hero.is-egg-bakes div.cmpnt__hero__bg:lang(fr) {
        background: url("img/productlisting-eggbakes-header-fr.jpg") no-repeat center top;
        background-size: cover; } }

section.products__hero.is-egg-bites div.cmpnt__hero__bg {
  background: url("img/productlisting-eggbites-header-en-mob.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-egg-bites div.cmpnt__hero__bg {
      background: url("img/productlisting-eggbites-header-en.jpg") no-repeat center top;
      background-size: cover; } }

section.products__hero.is-egg-bites-sous-vide div.cmpnt__hero__bg {
  background: url("img/productlisting-eggbites-sous-vide-header-en-mob.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-egg-bites-sous-vide div.cmpnt__hero__bg {
      background: url("img/productlisting-eggbites-sous-vide-header-en.jpg") no-repeat center top;
      background-size: cover; } }

section.products__hero.is-simply-egg-whites div.cmpnt__hero__bg {
  background: url("img/productlisting-simpleeggwhites-en-mob.jpg") no-repeat center top;
  background-size: cover; }
  section.products__hero.is-simply-egg-whites div.cmpnt__hero__bg:lang(fr) {
    background: url("img/productlisting-simpleeggwhites-fr-mob.jpg") no-repeat center top;
    background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-simply-egg-whites div.cmpnt__hero__bg {
      background: url("img/productlisting-simpleeggwhites-en-bg.jpg") no-repeat center top;
      background-size: cover; }
      section.products__hero.is-simply-egg-whites div.cmpnt__hero__bg:lang(fr) {
        background: url("img/productlisting-simpleeggwhites-fr-bg.jpg") no-repeat center top;
        background-size: cover; } }

section.products__hero.is-eggs2go div.cmpnt__hero__bg {
  background: url("img/productlisting-eggs2go-header-mob.jpg") no-repeat center top;
  background-size: cover; }
  section.products__hero.is-eggs2go div.cmpnt__hero__bg:lang(fr) {
    background: url("img/productlisting-eggs2go-header-mob.jpg") no-repeat center top;
    background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-eggs2go div.cmpnt__hero__bg {
      background: url("img/productlisting-eggs2go-header.jpg") no-repeat center top;
      background-size: cover; }
      section.products__hero.is-eggs2go div.cmpnt__hero__bg:lang(fr) {
        background: url("img/productlisting-eggs2go-header.jpg") no-repeat center top;
        background-size: cover; } }

section.products__hero.is-cracked div.cmpnt__hero__bg {
  background: url("img/productlisting-cracked-en-mob-bg.jpg") no-repeat center top;
  background-size: cover; }
  section.products__hero.is-cracked div.cmpnt__hero__bg:lang(fr) {
    background: url("img/productlisting-cracked-fr-mob-bg.jpg") no-repeat center top;
    background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-cracked div.cmpnt__hero__bg {
      background: url("img/productlisting-cracked-en-bg.jpg") no-repeat center top;
      background-size: cover; }
      section.products__hero.is-cracked div.cmpnt__hero__bg:lang(fr) {
        background: url("img/productlisting-cracked-fr-bg.jpg") no-repeat center top;
        background-size: cover; } }

section.products__hero.is-egg-creations div.cmpnt__hero__bg {
  background: url("img/productlisting-cracked-en-mob-bg.jpg") no-repeat center top;
  background-size: cover; }
  section.products__hero.is-egg-creations div.cmpnt__hero__bg:lang(fr) {
    background: url("img/productlisting-cracked-fr-mob-bg.jpg") no-repeat center top;
    background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.products__hero.is-egg-creations div.cmpnt__hero__bg {
      background: url("img/productlisting-cracked-en-bg.jpg") no-repeat center top;
      background-size: cover; }
      section.products__hero.is-egg-creations div.cmpnt__hero__bg:lang(fr) {
        background: url("img/productlisting-cracked-fr-bg.jpg") no-repeat center top;
        background-size: cover; } }

section.products__hero div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent 10%, rgba(0, 0, 0, 0.8)); }
  @media only screen and (min-width: 737px) {
    section.products__hero div.cmpnt__hero__bg > div {
      background-image: linear-gradient(transparent 30%, rgba(0, 0, 0, 0.8)); } }

section.products__hero h1 {
  color: white; }

section.products__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.products__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.cmpnt__hero .cta {
  transition: all 0.1s; }
  @media only screen and (min-width: 769px) {
    section.cmpnt__hero .cta {
      position: absolute;
      right: 0;
      bottom: 13px; } }
  section.cmpnt__hero .cta img {
    width: 100%;
    max-width: 145px;
    margin: 0 auto; }
    @media only screen and (min-width: 737px) {
      section.cmpnt__hero .cta img {
        max-width: auto; } }

.product__hero .cta {
  margin-bottom: -30px; }

section.cmpnt__hero.cmpnt__hero--left.products__hero div.cmpnt__hero__copy p {
  color: white;
  max-width: 500px;
  padding: 0px; }

section.cmpnt__hero.cmpnt__hero--left.products__hero div.cmpnt__hero__copy {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  padding-bottom: 32px;
  padding-right: 0;
  text-align: left; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.cmpnt__hero--left.products__hero div.cmpnt__hero__copy {
      max-width: auto;
      padding-right: 20px;
      padding-bottom: 50px; } }

section.products__listing {
  background: #e2f4fc;
  padding-top: 164px;
  position: relative;
  padding-bottom: 60px; }
  section.products__listing.eggpatties {
    padding-top: 0; }
  @media only screen and (min-width: 737px) {
    section.products__listing {
      padding-top: 224px;
      padding-bottom: 90px; }
      section.products__listing.eggpatties {
        padding-top: 0; } }

section.products__listing div.products__logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -75px;
  background: url("img/products_logo.png") no-repeat center;
  width: 286px;
  height: 115px;
  background-size: auto 100%; }
  @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    section.products__listing div.products__logo {
      /* on retina, use image that's scaled by 2 */
      background-image: url("img/products_logo_2x.png");
      background-size: 100% 100%; } }
  @media only screen and (min-width: 737px) {
    section.products__listing div.products__logo {
      top: -110px;
      width: 405px;
      height: 175px;
      background-repeat: no-repeat;
      background-position: center; } }

section.products__listing .products__listing__extra {
  text-align: center; }
  section.products__listing .products__listing__extra h2 {
    color: #004380;
    padding: 0 20px; }
    @media only screen and (min-width: 769px) {
      section.products__listing .products__listing__extra h2 {
        width: 50%;
        margin-left: auto;
        margin-right: auto; } }

div.product__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px; }
  @media only screen and (min-width: 769px) {
    div.product__items {
      padding: 0; } }

div.product__items.is-gallery {
  display: block; }

section.product__hero {
  background: #7ccbf0;
  overflow: hidden; }
  @media only screen and (min-width: 737px) {
    section.product__hero {
      height: 80vh;
      padding-top: 60px;
      max-height: 700px;
      min-height: 300px; } }
  @media only screen and (min-width: 769px) {
    section.product__hero {
      max-height: 700px;
      min-height: 600px; } }

section.product__hero > div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  height: 100%; }

section.product__hero.rebranding > div.u-cntr {
  max-width: 90%; }

section.product__hero div.product__hero__img {
  position: absolute;
  height: 200px;
  width: 80%;
  top: 80px;
  z-index: 400;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  @media only screen and (min-width: 737px) {
    section.product__hero div.product__hero__img {
      background-position: left center;
      height: 100%;
      top: 55%;
      left: 63%;
      background-size: auto;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); } }

section.product__hero div.product__hero__copy {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  width: 100%;
  background: white;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 240px;
  padding: 50px 20px 40px;
  position: relative;
  z-index: 300; }
  @media only screen and (min-width: 737px) {
    section.product__hero div.product__hero__copy {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      width: 70%;
      border-radius: 5px;
      margin-left: 7%;
      padding: 40px;
      margin-top: 0;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); } }

section.product__hero.rebranding div.product__hero__copy {
  background: transparent;
  box-shadow: none; }
  @media only screen and (min-width: 737px) {
    section.product__hero.rebranding div.product__hero__copy {
      box-shadow: none; } }

section.product__hero div.product__hero__copy h1 {
  color: #004380;
  margin-bottom: 15px;
  width: 70%; }
  @media only screen and (min-width: 737px) {
    section.product__hero div.product__hero__copy h1 {
      margin-bottom: 20px;
      max-width: 70%;
      width: auto; } }
  section.product__hero div.product__hero__copy h1 em {
    font-style: italic; }

section.product__hero.naturegg-omega-3 div.product__hero__copy h1:lang(fr) {
  width: 65%; }
  @media only screen and (min-width: 737px) {
    section.product__hero.naturegg-omega-3 div.product__hero__copy h1:lang(fr) {
      max-width: 65%; } }

section.product__hero div.product__hero__copy p {
  font-family: 'Montserrat', serif;
  color: #5c5c5c; }
  @media only screen and (min-width: 737px) {
    section.product__hero div.product__hero__copy p {
      max-width: 70%; } }

section.product__hero.rebranding div.product__hero__copy p {
  color: #004380;
  font-weight: bold;
  font-size: 20px; }

section.product__hero div.product__hero__copy a {
  text-decoration: underline;
  color: #004380;
  font-family: 'Montserrat', serif;
  font-weight: 600;
  display: inline-block;
  letter-spacing: -0.5px; }
  section.product__hero div.product__hero__copy a:hover {
    color: red; }

section.product__hero div.product__hero__greg {
  position: absolute;
  width: 125px;
  height: 125px;
  top: 1%;
  right: 1%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: 300; }
  @media only screen and (min-width: 737px) {
    section.product__hero div.product__hero__greg {
      width: 150px;
      height: 150px;
      left: 63%;
      top: -50px;
      right: auto; } }
  @media only screen and (min-width: 769px) {
    section.product__hero div.product__hero__greg {
      width: 175px;
      height: 175px;
      left: 60%;
      top: -50px; } }
  @media only screen and (min-width: 1025px) {
    section.product__hero div.product__hero__greg {
      width: 175px;
      height: 175px;
      left: 60%;
      top: -50px; } }

section.product__details {
  background: #e2f4fc;
  padding: 40px 20px;
  color: #5c5c5c; }
  @media only screen and (min-width: 737px) {
    section.product__details {
      padding: 60px 0; } }

section.product__details > div.u-cntr {
  max-width: 600px; }

section.product__details h2 {
  color: #004380;
  margin-bottom: 10px; }

section.product__details h3 {
  color: #004380;
  margin-bottom: 10px; }

section.product__details .btn__cta {
  margin-top: 14px; }

section.product__details p {
  font-family: 'Montserrat', serif; }

div.product__nutrution__header {
  width: 100%;
  font-family: 'Montserrat', serif;
  color: #5c5c5c;
  margin-top: 14px;
  margin-bottom: 4px;
  padding: 0 4px;
  font-size: 12px; }
  @media only screen and (min-width: 769px) {
    div.product__nutrution__header {
      width: 45%; } }

div.product__nutrution__header em {
  float: right; }

section.product__details div.product__details__nutrition ul {
  width: 100%;
  display: block;
  margin-bottom: 14px; }
  section.product__details div.product__details__nutrition ul:first-of-type {
    border-top: solid 5px rgba(151, 151, 151, 0.2);
    margin-bottom: 0; }
  section.product__details div.product__details__nutrition ul:last-of-type {
    margin: 0 0 14px; }
  @media only screen and (min-width: 769px) {
    section.product__details div.product__details__nutrition ul {
      width: 45%;
      display: inline-block;
      border-top: solid 5px rgba(151, 151, 151, 0.2);
      vertical-align: top;
      margin-bottom: 14px; }
      section.product__details div.product__details__nutrition ul:first-of-type {
        margin-right: 8%; } }

section.product__details div.product__details__nutrition ul > li {
  line-height: 1.5;
  border-bottom: solid 1px rgba(151, 151, 151, 0.2);
  padding: 0 3px;
  font-family: 'Montserrat', serif; }

section.product__details div.product__details__nutrition ul > li > span {
  float: right;
  font-family: 'Ovo', sans-serif; }

section.product__details div.product__details__nutrition p {
  font-size: 12px;
  padding: 6px 0; }

section.product__details div.product__details__info {
  padding: 40px 0 0 0; }

section.product__details div.product__details__info p {
  padding: 6px 0; }
  section.product__details div.product__details__info p em, section.product__details div.product__details__info p i {
    font-style: italic; }

section.product__details div.product__details__info h3 {
  margin-top: 24px; }
  section.product__details div.product__details__info h3:first-of-type {
    margin-top: 0; }

section.product__details div.product__details__info a.btn__cta {
  margin-bottom: 14px; }

section.product__details div.product__details__info a:hover {
  text-decoration: none; }

section.product__details div.product__details__info b,
section.product__details div.product__details__info strong {
  font-weight: 600; }

section.product__details div.product__details__info ul,
section.product__details div.product__details__info ol {
  font-family: 'Montserrat', serif;
  padding: 6px 0;
  list-stlye: disc; }

section.product__details div.product__details__info li {
  padding: 6px 0;
  margin-left: 24px;
  display: list-item;
  list-style: disc; }

section.product__other {
  background: #e2f4fc;
  padding: 20px 0 80px;
  overflow-x: hidden;
  position: relative; }

section.product__other.rebranding {
  background: #7ccbf0; }
  section.product__other.rebranding .u-cntr {
    max-width: 1200px; }
  section.product__other.rebranding div.product__item div.product__itemCopy h2 {
    color: #004380;
    margin-bottom: 8px;
    margin-top: 4px; }
    section.product__other.rebranding div.product__item div.product__itemCopy h2.no--desc {
      margin-bottom: 28px; }
    section.product__other.rebranding div.product__item div.product__itemCopy h2 em {
      font-style: italic; }
  section.product__other.rebranding div.product__item div.product__itemCopy h2 {
    text-transform: uppercase;
    font-family: 'Montserrat', serif;
    font-weight: bold;
    text-align: center; }
  section.product__other.rebranding div.product__items {
    max-width: 880px; }
  section.product__other.rebranding div.product__items.is-gallery div.product__item {
    width: 200px; }

section.product__other .flickity-slider {
  height: 100%; }

section.product__other .flickity-page-dots {
  width: 100%;
  text-align: center; }

section.product__other .flickity-page-dots .dot {
  height: 12px;
  width: 12px;
  margin: 0 6px;
  position: relative;
  background: rgba(24, 24, 24, 0.2);
  border-radius: 50%;
  display: inline-block; }

section.product__other .flickity-page-dots .dot.is-selected {
  background: #004380; }

section.product__other div.product__item {
  min-height: 360px;
  -webkit-flex: 0 0 43%;
      -ms-flex: 0 0 43%;
          flex: 0 0 43%;
  margin-bottom: 6%;
  margin-right: 14%; }
  section.product__other div.product__item:nth-child(even) {
    margin-right: 0; }
  @media only screen and (min-width: 737px) {
    section.product__other div.product__item {
      -webkit-flex: 0 0 20.5%;
          -ms-flex: 0 0 20.5%;
              flex: 0 0 20.5%;
      margin-right: 6%; }
      section.product__other div.product__item:nth-child(even) {
        margin-right: 6%; }
      section.product__other div.product__item:nth-child(4n+4) {
        margin-right: 0; } }

section.product__other div.product__item.shelled-eggs {
  min-height: 320px; }

section.product__other div.product__item.egg-creations {
  min-height: 320px; }

section.product__other div.product__item.simply-egg-whites {
  min-height: 320px; }

section.product__other div.product__item.egg-bakes {
  min-height: 340px; }

section.product__other div.product__item.fr.egg-creations {
  min-height: 340px; }

section.product__other div.product__item.fr.simply-egg-whites {
  min-height: 340px; }

section.product__other div.product__item.fr.egg-bakes {
  min-height: 360px; }

section.product__other button.flickity-prev-next-button {
  position: absolute;
  top: 45%;
  left: 0px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  z-index: 700;
  cursor: pointer;
  display: none; }
  @media only screen and (min-width: 769px) {
    section.product__other button.flickity-prev-next-button {
      display: block; } }
  section.product__other button.flickity-prev-next-button.previous {
    left: -10px; }
    @media only screen and (min-width: 1025px) {
      section.product__other button.flickity-prev-next-button.previous {
        left: 25px; } }
  section.product__other button.flickity-prev-next-button.next {
    left: auto;
    right: -10px; }
    @media only screen and (min-width: 1025px) {
      section.product__other button.flickity-prev-next-button.next {
        right: 25px; } }
  section.product__other button.flickity-prev-next-button .arrow {
    fill: #004380; }
  section.product__other button.flickity-prev-next-button:disabled {
    opacity: 0; }

/* product listing */
div.product__items.is-gallery {
  outline: none;
  overflow: hidden; }
  div.product__items.is-gallery div.product__item {
    display: inline-block;
    width: 180px;
    margin-right: 26px;
    margin-bottom: 20px; }

div.product__item {
  -webkit-flex: 0 0 43%;
      -ms-flex: 0 0 43%;
          flex: 0 0 43%;
  margin-bottom: 14%;
  margin-right: 14%;
  max-width: 43%;
  position: relative;
  padding-bottom: 50px; }
  div.product__item:nth-child(even) {
    margin-right: 0; }
  @media only screen and (min-width: 737px) {
    div.product__item {
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      margin-bottom: 6%;
      margin-right: 12.5%;
      max-width: 25%; }
      div.product__item:nth-child(even) {
        margin-right: 12.5%; }
      div.product__item:nth-child(3n+3) {
        margin-right: 0; } }

div.product__item div.product__itemImg {
  width: 100%;
  height: 200px;
  -ms-interpolation-mode: bicubic; }

div.product__item img {
  width: 100%;
  max-width: 119px;
  height: auto;
  max-height: 176px;
  margin: 0 auto;
  display: block;
  opacity: 0; }
  div.product__item img.newitem {
    position: absolute;
    left: 0;
    top: -25px;
    opacity: 1;
    width: auto;
    height: 40px; }
    @media only screen and (min-width: 737px) {
      div.product__item img.newitem {
        top: -10px; } }
    @media only screen and (min-width: 1025px) {
      div.product__item img.newitem {
        top: 0; } }

div.product__item div.product__itemCopy h2,
div.product__item div.product__itemCopy h4,
div.product__item div.product__itemCopy .h4 {
  color: #004380;
  margin-bottom: 8px;
  margin-top: 4px; }
  div.product__item div.product__itemCopy h2.no--desc,
  div.product__item div.product__itemCopy h4.no--desc,
  div.product__item div.product__itemCopy .h4.no--desc {
    margin-bottom: 28px; }
  div.product__item div.product__itemCopy h2 em,
  div.product__item div.product__itemCopy h4 em,
  div.product__item div.product__itemCopy .h4 em {
    font-style: italic; }

div.product__item div.product__itemCopy p {
  font-family: 'Montserrat', serif;
  font-size: 14px;
  margin-bottom: 14px;
  margin-top: 8px;
  word-wrap: break-word;
  color: #004380; }

div.product__item a.btn {
  text-align: center;
  margin-top: 8px;
  position: absolute;
  bottom: 0px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%; }

section.product__hero.rebranding .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
  height: 100%;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 921px) {
    section.product__hero.rebranding .content {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  section.product__hero.rebranding .content .texts {
    width: 40%;
    padding: 1em; }
    @media (max-width: 921px) {
      section.product__hero.rebranding .content .texts {
        width: 100%;
        padding: 3em 2em 1em; } }
    @media (max-width: 745px) {
      section.product__hero.rebranding .content .texts {
        padding-top: 5em; } }
    section.product__hero.rebranding .content .texts h1 {
      font-weight: bold;
      text-transform: uppercase;
      color: #004380;
      padding-bottom: .5em;
      font-family: 'Montserrat', serif;
      font-size: 35px; }
      @media only screen and (min-width: 769px) {
        section.product__hero.rebranding .content .texts h1 {
          font-size: 35px; } }
      @media (max-width: 560px) {
        section.product__hero.rebranding .content .texts h1 {
          font-size: 24px; } }
    section.product__hero.rebranding .content .texts p {
      color: #004380;
      font-weight: bold; }
  section.product__hero.rebranding .content .image {
    width: 50%;
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 921px) {
      section.product__hero.rebranding .content .image {
        width: 100%;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    section.product__hero.rebranding .content .image .product__img {
      position: absolute;
      width: 150%;
      height: 100%;
      left: 0;
      top: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% auto; }
      @media (max-width: 921px) {
        section.product__hero.rebranding .content .image .product__img {
          width: 100%;
          background-size: auto 100%; } }
      @media (max-width: 745px) {
        section.product__hero.rebranding .content .image .product__img {
          position: relative;
          background-size: 100% 100%; } }
    section.product__hero.rebranding .content .image img {
      width: 140%; }
      @media (max-width: 921px) {
        section.product__hero.rebranding .content .image img {
          width: 80%; } }

section.product__hero.rebranding .product__hero__img {
  position: relative; }

@media (max-width: 900px) {
  section.product__hero.rebranding .product__hero__copy {
    width: 100%;
    padding: 0;
    margin: 0; } }

section.product__hero.rebranding .product__hero__copy h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Montserrat', serif;
  font-size: 35px; }
  @media only screen and (min-width: 769px) {
    section.product__hero.rebranding .product__hero__copy h1 {
      font-size: 35px; } }
  @media (max-width: 900px) {
    section.product__hero.rebranding .product__hero__copy h1 {
      width: 100%;
      max-width: 100%; } }

@media (max-width: 900px) {
  section.product__hero.rebranding .product__hero__copy p {
    width: 100%;
    max-width: 100%; } }

.product__info {
  background: white;
  padding: 2em; }
  .product__info .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 925px) {
      .product__info .container {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .product__info .columns {
    padding: 1em 0;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-row-gap: 1em;
    grid-column-gap: 2em; }
    @media (max-width: 925px) {
      .product__info .columns {
        -ms-grid-columns: 1fr;
            grid-template-columns: 1fr; } }
    .product__info .columns .panel {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-family: 'Montserrat', serif;
      font-weight: bold;
      width: 100%;
      padding: 1em 50px 1em .5em;
      border: none;
      cursor: pointer;
      font-size: 2em;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      text-align: left;
      color: #004380;
      background: #e2f4fc url(/static/img/plus.svg) no-repeat 98% center;
      background-size: 50px; }
      .product__info .columns .panel.active {
        background-image: url(/static/img/plus-minus.svg); }
      @media (max-width: 925px) {
        .product__info .columns .panel {
          background-size: 40px; } }
      @media (max-width: 560px) {
        .product__info .columns .panel {
          background-size: 30px; } }
      @media (max-width: 991px) {
        .product__info .columns .panel {
          font-size: 1.5em; } }
      @media (max-width: 560px) {
        .product__info .columns .panel {
          font-size: 1.25em; } }
      .product__info .columns .panel .plain-bit-edit {
        font-size: 12px;
        position: absolute; }
      .product__info .columns .panel span {
        width: 75%;
        margin: 0 15px; }
    .product__info .columns .faq__content {
      display: none;
      font-family: 'Montserrat', serif; }
      .product__info .columns .faq__content p, .product__info .columns .faq__content li {
        padding: .5em;
        color: #004380;
        font-weight: bold; }
      .product__info .columns .faq__content.active {
        display: block; }
  .product__info .texts {
    width: 50%; }
    @media (max-width: 925px) {
      .product__info .texts {
        width: 100%;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
    .product__info .texts .panel {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-family: 'Montserrat', serif;
      font-weight: bold;
      width: 100%;
      background: transparent;
      padding: 1em 50px 1em 1em;
      border: none;
      cursor: pointer;
      font-size: 2em;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      text-align: left;
      color: #004380;
      background: url(/static/img/plus.svg) no-repeat right center;
      background-size: 50px; }
      .product__info .texts .panel.active {
        background-image: url(/static/img/plus-minus.svg); }
      @media (max-width: 925px) {
        .product__info .texts .panel {
          background-size: 40px; } }
      @media (max-width: 560px) {
        .product__info .texts .panel {
          background-size: 30px; } }
      @media (max-width: 991px) {
        .product__info .texts .panel {
          font-size: 1.5em; } }
      @media (max-width: 560px) {
        .product__info .texts .panel {
          font-size: 1.25em; } }
      .product__info .texts .panel .plain-bit-edit {
        font-size: 12px;
        position: absolute; }
      .product__info .texts .panel span {
        width: 75%;
        margin: 0 15px; }
      .product__info .texts .panel .icon {
        width: 80px; }
        @media (max-width: 925px) {
          .product__info .texts .panel .icon {
            width: 40px; } }
      .product__info .texts .panel .icon-plus {
        width: 50px; }
        @media (max-width: 925px) {
          .product__info .texts .panel .icon-plus {
            width: 40px; } }
        @media (max-width: 560px) {
          .product__info .texts .panel .icon-plus {
            width: 30px; } }
    .product__info .texts .content {
      display: none;
      margin-left: 130px;
      margin-right: 30px;
      color: #004380; }
      @media (max-width: 991px) {
        .product__info .texts .content {
          margin-left: 21%; } }
      @media (max-width: 925px) {
        .product__info .texts .content {
          margin-left: 13%; } }
      @media (max-width: 390px) {
        .product__info .texts .content {
          margin-left: 19%; } }
      .product__info .texts .content.active {
        display: block; }
  .product__info .media {
    width: 45%;
    position: relative;
    text-align: center; }
    @media (max-width: 925px) {
      .product__info .media {
        width: 100%;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }
    .product__info .media img {
      width: 100%; }
      @media (max-width: 925px) {
        .product__info .media img {
          max-width: 600px;
          margin: 0 auto;
          display: block; } }
    .product__info .media .is-video {
      cursor: pointer;
      display: inline-block;
      position: relative;
      background: transparent;
      border: none; }
    .product__info .media .play-egg-button {
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100px; }

section.product__details.rebranding {
  background: url(/static/img/bg_fiber.jpg) center top;
  position: relative;
  padding: 30px 1em;
  color: #000; }
  @media (max-width: 768px) {
    section.product__details.rebranding {
      background-size: 50%; } }
  section.product__details.rebranding .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    section.product__details.rebranding .container .panel {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-family: 'Montserrat', serif;
      font-weight: bold;
      width: 100%;
      max-width: 600px;
      background: transparent;
      padding: 1em 50px 1em 1em;
      border: none;
      cursor: pointer;
      font-size: 2em;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      text-align: left;
      color: #004380;
      background: url(/static/img/plus.svg) no-repeat right center;
      background-size: 50px; }
      section.product__details.rebranding .container .panel.active {
        background-image: url(/static/img/plus-minus.svg); }
      @media (max-width: 925px) {
        section.product__details.rebranding .container .panel {
          background-size: 40px; } }
      @media (max-width: 560px) {
        section.product__details.rebranding .container .panel {
          background-size: 30px; } }
      @media (max-width: 991px) {
        section.product__details.rebranding .container .panel {
          font-size: 1.5em; } }
      @media (max-width: 560px) {
        section.product__details.rebranding .container .panel {
          font-size: 1em; } }
      section.product__details.rebranding .container .panel .plain-bit-edit {
        font-size: 12px;
        position: absolute; }
      section.product__details.rebranding .container .panel span {
        width: 75%;
        margin: 0 15px; }
      section.product__details.rebranding .container .panel .icon {
        width: 80px; }
        @media (max-width: 925px) {
          section.product__details.rebranding .container .panel .icon {
            width: 40px; } }
      section.product__details.rebranding .container .panel .icon-plus {
        width: 50px; }
        @media (max-width: 925px) {
          section.product__details.rebranding .container .panel .icon-plus {
            width: 40px; } }
        @media (max-width: 560px) {
          section.product__details.rebranding .container .panel .icon-plus {
            width: 30px; } }
    section.product__details.rebranding .container .content {
      display: none; }
      section.product__details.rebranding .container .content.active {
        display: block; }
    section.product__details.rebranding .container .product__details__nutrition {
      background: #fff;
      padding: 1em; }
      section.product__details.rebranding .container .product__details__nutrition div.product__nutrution__header {
        color: #000;
        font-size: 16px;
        font-weight: bold; }
      section.product__details.rebranding .container .product__details__nutrition p {
        font-size: 16px;
        font-weight: bold;
        color: #004380; }
      section.product__details.rebranding .container .product__details__nutrition ul > li {
        padding: 7px 3px;
        font-weight: bold; }
        section.product__details.rebranding .container .product__details__nutrition ul > li span {
          font-family: 'Montserrat', serif;
          font-weight: bold; }

div.product__item div.product__itemImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }
  div.product__item div.product__itemImg.product__image—carton {
    background-size: 80%; }
    @media only screen and (min-width: 769px) {
      div.product__item div.product__itemImg.product__image—carton {
        background-size: 60%; } }
  div.product__item div.product__itemImg.product__image—12pack {
    background-size: 100%;
    background-position: left center;
    position: relative;
    /*span {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 20px;
      background-image: linear-gradient( to right, rgba(226,244,252,0) 0%, rgba(226,244,252,1.0) 60%);
      display: block;
    }*/ }
    @media only screen and (min-width: 769px) {
      div.product__item div.product__itemImg.product__image—12pack {
        background-size: 100%; } }
  div.product__item div.product__itemImg.product__image—6pack {
    background-size: 90%; }
    @media only screen and (min-width: 769px) {
      div.product__item div.product__itemImg.product__image—6pack {
        background-size: 80%; } }
  div.product__item div.product__itemImg.product__image—4pack {
    background-size: 90%; }
    @media only screen and (min-width: 769px) {
      div.product__item div.product__itemImg.product__image—4pack {
        background-size: 80%; } }

section.product__hero div.product__hero__img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    section.product__hero div.product__hero__img {
      background-position: left center; } }
  section.product__hero div.product__hero__img.product__image—12pack {
    background-size: 100%;
    background-position: center 40%; }
    @media only screen and (min-width: 737px) {
      section.product__hero div.product__hero__img.product__image—12pack {
        background-position: left center;
        background-size: 110%; } }
    @media only screen and (min-width: 1025px) {
      section.product__hero div.product__hero__img.product__image—12pack {
        background-size: contain; } }
  section.product__hero div.product__hero__img.product__image—6pack {
    background-size: 220px; }
    @media only screen and (min-width: 737px) {
      section.product__hero div.product__hero__img.product__image—6pack {
        background-size: 80%; } }
    @media only screen and (min-width: 769px) {
      section.product__hero div.product__hero__img.product__image—6pack {
        background-size: 70%; } }

section.home__products div.home__products__img.home__product__image-carton > img {
  max-height: 210px;
  max-width: 260px; }
  @media only screen and (min-width: 769px) {
    section.home__products div.home__products__img.home__product__image-carton > img {
      max-height: 200px;
      max-width: none; } }

section.home__products div.home__products__img.home__product__image-12pack > img {
  max-height: 280px;
  max-width: 300px; }
  @media only screen and (min-width: 769px) {
    section.home__products div.home__products__img.home__product__image-12pack > img {
      max-height: none;
      max-width: 300px;
      width: 100%; } }

section.home__products div.home__products__img.home__product__image-4pack > img {
  max-height: 280px;
  max-width: 260px; }
  @media only screen and (min-width: 769px) {
    section.home__products div.home__products__img.home__product__image-4pack > img {
      max-height: 200px;
      max-width: none; } }

section.home__products div.home__products__img.home__product__image-6pack > img {
  max-height: 280px;
  max-width: 260px; }
  @media only screen and (min-width: 769px) {
    section.home__products div.home__products__img.home__product__image-6pack > img {
      max-height: 280px;
      max-width: 260px; } }

section.ourfarms__hero div.cmpnt__hero__bg > div {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); }

section.ourfarms__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/family-header-2021-mob-bg.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourfarms__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/family-header-2021-bg.jpg") no-repeat center bottom;
      background-size: cover; } }

section.ourfarms__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.ourfarms__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.ourfarms__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.ourfarms__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

section.cmpnt__hero.cmpnt__hero--bottom.ourfarms__hero div.cmpnt__hero__copy {
  padding-bottom: 8vh; }

section.ourfarms__farmers div.cmpnt__hero__bg {
  background: url("img/ourstory_farmers_mob_bg.jpg") no-repeat 80% top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourfarms__farmers div.cmpnt__hero__bg {
      background: url("img/ourstory_farmers_bg.jpg") no-repeat left top;
      background-size: cover; } }

section.cmpnt__hero.ourfarms__farmers div.cmpnt__hero__copy {
  padding: 32px 20px 32px; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.ourfarms__farmers div.cmpnt__hero__copy {
      padding: 32px 20px 32px; } }

section.ourfarms__history {
  padding: 40px 0; }
  @media only screen and (min-width: 737px) {
    section.ourfarms__history {
      padding: 60px 0; } }

section.ourfarms__history div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.ourfarms__history div.u-cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.ourfarms__history div.ourfarms__history__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 737px) {
    section.ourfarms__history div.ourfarms__history__copy {
      padding: 0 0 0 40px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 0px;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }
  @media only screen and (min-width: 769px) {
    section.ourfarms__history div.ourfarms__history__copy {
      padding: 0 0 0 20px; } }

section.ourfarms__history div.ourfarms__history__copy h2 {
  color: #004380;
  margin-bottom: 10px; }

section.ourfarms__history div.ourfarms__history__copy p {
  font-family: 'Montserrat', serif; }

section.ourfarms__history div.ourfarms__history__img {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }
  @media only screen and (min-width: 737px) {
    section.ourfarms__history div.ourfarms__history__img {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }

section.ourfarms__history div.ourfarms__history__img img {
  max-width: 270px;
  max-height: 437px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

section.ourvalues__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/ourfarms_header_mob_bg.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/ourfarms_header_bg.jpg") no-repeat center 20%;
      background-size: cover; } }

section.ourvalues__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.ourvalues__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.ourvalues__welfare div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/values_aw_bg.jpg") no-repeat 20% top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__welfare div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/values_aw_bg.jpg") no-repeat left top;
      background-size: cover; } }

section.ourvalues__welfare .statement {
  margin-top: 30px;
  text-align: center; }

section.ourvalues__welfare.csr {
  margin-top: 30px; }

section.ourvalues__welfare.csr div.cmpnt__hero__bg {
  background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/animalwelfare-hero-bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__welfare.csr div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/animalwelfare-hero-bg.jpg") no-repeat center 40%;
      background-size: 100% auto; } }

section.ourvalues__grading div.cmpnt__hero__bg {
  background: url("img/ourvalues-mtg-mob-bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__grading div.cmpnt__hero__bg {
      background: url("img/ourvalues-mtg-bg.jpg") no-repeat center center;
      background-size: cover; } }

section.ourvalues__grading div.cmpnt__hero__copy {
  color: #5c5c5c; }

section.ourvalues__grading div.cmpnt__hero__bg > div {
  background: none; }

section.ourvalues__eggfacts div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/ourvalues-eggfacts-mob-bg.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__eggfacts div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/ourvalues-eggfacts-bg.jpg") no-repeat center top;
      background-size: cover; } }

section.cmpnt__hero.ourvalues__welfare div.cmpnt__hero__copy {
  padding: 32px 20px 32px; }
  @media only screen and (min-width: 737px) {
    section.cmpnt__hero.ourvalues__welfare div.cmpnt__hero__copy {
      padding: 32px 20px 32px; } }

section.ourvalues__innovation {
  background: #F8F4F4;
  height: 80vh;
  padding: 50px 30px;
  color: #5c5c5c; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__innovation {
      padding: 60px 0; } }

section.ourvalues__innovation div.ourvalues__community__header {
  text-align: center; }

section.ourvalues__innovation div.ourvalues__community__header p {
  max-width: 500px;
  margin: 0 auto; }

section.ourvalues__environment {
  background: #E9F3C8;
  padding: 40px 0;
  position: relative; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__environment {
      padding: 60px 0; } }

section.ourvalues__environment div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__environment div.u-cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.ourvalues__environment div.ourvalues__environment__img__bg {
  background: #F7FBEA;
  position: absolute;
  right: 0;
  width: 100%;
  height: 35%;
  top: 0;
  min-height: 305px; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__environment div.ourvalues__environment__img__bg {
      width: 43%;
      height: 100%; } }

section.ourvalues__environment div.ourvalues__environment__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__environment div.ourvalues__environment__copy {
      padding: 0 40px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 0px;
      -webkit-flex: 1 1 60%;
          -ms-flex: 1 1 60%;
              flex: 1 1 60%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }
  @media only screen and (min-width: 769px) {
    section.ourvalues__environment div.ourvalues__environment__copy {
      padding: 0 40px 0 20px; } }

section.ourvalues__environment div.ourvalues__environment__copy > h2 {
  color: #004380;
  margin-bottom: 12px; }

section.ourvalues__environment div.ourvalues__environment__copy > p {
  color: #5c5c5c;
  font-family: 'Montserrat', serif; }

section.ourvalues__environment div.ourvalues__environment__img {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 40px; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__environment div.ourvalues__environment__img {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-flex: 0 0 40%;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      margin-bottom: 0px; } }

section.ourvalues__environment div.ourvalues__environment__img img {
  max-width: 307px;
  max-height: 235px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

section.ourvalues__sdf {
  background: #fff;
  padding: 40px 0;
  position: relative; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__sdf {
      padding: 60px 0;
      background: url(/static/img/bbf_sdf.jpg) no-repeat right top;
      background-size: 45% auto; } }

section.ourvalues__sdf div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__sdf div.u-cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.ourvalues__sdf div.ourvalues__sdf__img__bg {
  background: #fff;
  position: absolute;
  right: 0;
  width: 100%;
  height: 35%;
  top: 0;
  min-height: 305px; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__sdf div.ourvalues__sdf__img__bg {
      width: 43%;
      height: 100%; } }

section.ourvalues__sdf div.ourvalues__sdf__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__sdf div.ourvalues__sdf__copy {
      padding: 0 40px;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin-top: 0px;
      -webkit-flex: 1 1 60%;
          -ms-flex: 1 1 60%;
              flex: 1 1 60%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }
  @media only screen and (min-width: 769px) {
    section.ourvalues__sdf div.ourvalues__sdf__copy {
      padding: 0 40px 0 20px; } }

section.ourvalues__sdf div.ourvalues__sdf__copy > h2 {
  color: #004380;
  margin-bottom: 12px; }

section.ourvalues__sdf div.ourvalues__sdf__copy > p {
  color: #5c5c5c;
  font-family: 'Montserrat', serif; }

section.ourvalues__sdf div.ourvalues__sdf__img {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 40px; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__sdf div.ourvalues__sdf__img {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-flex: 0 0 40%;
          -ms-flex: 0 0 40%;
              flex: 0 0 40%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      margin-bottom: 0px; } }

section.ourvalues__sdf div.ourvalues__sdf__img img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__sdf div.ourvalues__sdf__img img {
      display: none; } }

section.ourvalues__community {
  background: white;
  padding: 50px 0; }

section.ourvalues__community div.u-cntr {
  padding: 0 20px; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__community div.u-cntr {
      max-width: 920px; } }

section.ourvalues__community div.ourvalues__community__header {
  text-align: center;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 20px; }

section.ourvalues__community div.ourvalues__community__header h2 {
  color: #004380;
  margin-bottom: 10px; }

section.ourvalues__community div.ourvalues__community__header p {
  max-width: 500px;
  margin: 0 auto;
  font-family: 'Montserrat', serif; }

section.ourvalues__community div.ourvalues__community__orgs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row; }

section.ourvalues__community div.ourvalues__community__org {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-right: 0%;
  text-align: center;
  padding: 0 20px;
  font-family: 'Montserrat', serif; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__community div.ourvalues__community__org {
      -webkit-flex: 0 0 46%;
          -ms-flex: 0 0 46%;
              flex: 0 0 46%;
      padding: 0px;
      margin-right: 2%;
      margin-bottom: 6%; } }
  @media only screen and (min-width: 769px) {
    section.ourvalues__community div.ourvalues__community__org {
      -webkit-flex: 0 0 23.5%;
          -ms-flex: 0 0 23.5%;
              flex: 0 0 23.5%;
      margin-right: 2%;
      margin-bottom: 0%; } }
  section.ourvalues__community div.ourvalues__community__org:last-of-type {
    margin-right: 0%; }

section.ourvalues__community div.ourvalues__community__org {
  color: #5c5c5c;
  line-height: 1.5; }

section.ourvalues__community div.ourvalues__community__org img {
  width: auto;
  height: 122px;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px; }

section.ourvalues__community div.ourvalues__community__org strong {
  margin-bottom: 14px;
  display: block;
  color: #5c5c5c; }

section.ourvalues__community div.ourvalues__community__org p {
  margin-bottom: 14px;
  line-height: 1.5; }

section.ourvalues__community div.ourvalues__community__org a {
  font-weight: 600;
  text-decoration: none;
  color: #5c5c5c;
  display: block;
  margin-top: 12px;
  color: #004380; }

section.blog__post.ourvalues__barn {
  background: #fffbf5;
  padding: 60px 0; }

section.blog__post.ourvalues__barn div.blog__block__quote blockquote {
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat', serif;
  color: #004380;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 80%; }
  @media only screen and (min-width: 737px) {
    section.blog__post.ourvalues__barn div.blog__block__quote blockquote {
      font-size: 18px;
      width: 600px; } }

section.blog__post.ourvalues__barn div.blog__block__quote blockquote:before,
section.blog__post.ourvalues__barn div.blog__block__quote blockquote:after {
  content: '';
  background: none; }

section.ourvalues__grading h1 {
  color: #004380; }

.sustainability .ourvalues__welfare {
  padding-bottom: 30px; }

.sustainabilityhero {
  padding-top: 60px;
  background: #e2f4fc; }
  .sustainabilityhero .content {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1em 20px; }
  .sustainabilityhero.pillars .caption {
    font-family: 'Ovo', sans-serif;
    text-align: center;
    font-size: 32px;
    padding: 40px 15px;
    margin: 0 auto;
    max-width: 910px;
    color: #004380; }
    @media (max-width: 920px) {
      .sustainabilityhero.pillars .caption {
        font-size: 24px; } }
    @media (max-width: 760px) {
      .sustainabilityhero.pillars .caption {
        font-size: 20px; } }
  .sustainabilityhero.pillars .items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    .sustainabilityhero.pillars .items .item {
      padding: 1em;
      color: #fff;
      margin: .5em 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 48%;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 860px) {
        .sustainabilityhero.pillars .items .item {
          width: 100%; } }
      .sustainabilityhero.pillars .items .item .icon {
        width: 20%;
        min-width: 60px; }
        .sustainabilityhero.pillars .items .item .icon img {
          width: 100%; }
      .sustainabilityhero.pillars .items .item .text {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding: 0 1em;
        border-left: 1px dotted #fff; }
      .sustainabilityhero.pillars .items .item h3 {
        font-weight: bold; }
      .sustainabilityhero.pillars .items .item.item1 {
        background: #427a38; }
      .sustainabilityhero.pillars .items .item.item2 {
        background: #a2244d; }
      .sustainabilityhero.pillars .items .item.item3 {
        background: #6b3177; }
      .sustainabilityhero.pillars .items .item.item4 {
        background: #008997; }
      .sustainabilityhero.pillars .items .item.item5 {
        background: #e65303; }
  @media (max-width: 1200px) {
    .sustainabilityhero.values .content {
      width: 100%; } }
  .sustainabilityhero.values .caption {
    font-family: 'Ovo', sans-serif;
    text-align: center;
    font-size: 32px;
    padding: 40px 15px;
    margin: 0 auto;
    max-width: 910px;
    color: #004380; }
    @media (max-width: 920px) {
      .sustainabilityhero.values .caption {
        font-size: 24px; } }
    @media (max-width: 760px) {
      .sustainabilityhero.values .caption {
        font-size: 20px; } }
  .sustainabilityhero.values .items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1100px) {
      .sustainabilityhero.values .items {
        -webkit-justify-content: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly; } }
    .sustainabilityhero.values .items .item {
      padding: 1em;
      color: #000;
      margin: .5em 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 20%;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      @media (max-width: 1100px) {
        .sustainabilityhero.values .items .item {
          width: 30%; } }
      @media (max-width: 700px) {
        .sustainabilityhero.values .items .item {
          width: 100%; } }
      .sustainabilityhero.values .items .item .icon {
        background: #fff;
        width: 100px;
        height: 100px;
        border-radius: 100px;
        overflow: hidden;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: .5em; }
        .sustainabilityhero.values .items .item .icon img {
          width: 100%;
          max-width: 80px;
          display: block; }
      .sustainabilityhero.values .items .item .text {
        width: 100%;
        padding: 0 1em;
        text-align: center; }
      .sustainabilityhero.values .items .item h3 {
        font-weight: bold;
        font-family: 'Montserrat', serif;
        margin-bottom: .5em; }
      .sustainabilityhero.values .items .item.item1 h3 {
        color: #e34050; }
      .sustainabilityhero.values .items .item.item2 h3 {
        color: #60a644; }
      .sustainabilityhero.values .items .item.item3 h3 {
        color: #c35130; }
      .sustainabilityhero.values .items .item.item4 h3 {
        color: #0075ab; }
      .sustainabilityhero.values .items .item.item5 h3 {
        color: #903b7f; }

section.welfare__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/animalwelfare-hero-mob-bg.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.welfare__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/animalwelfare-hero-bg.jpg") no-repeat center center;
      background-size: cover; } }

section.welfare__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.welfare__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.15s; }

section.welfare__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.3s; }

section.welfare__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.45s; }

section.ourvalues__barn__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/barn_header_enriched.jpg") no-repeat 20% top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.ourvalues__barn__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/barn_header_enriched.jpg") no-repeat left top;
      background-size: cover; } }

section.ourvalues__barn__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.ourvalues__barn__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.ourvalues__barn__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.ourvalues__barn__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

section.welfare__vtour div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 100%), url("img/virtual_tour_bg.jpg") no-repeat 20% top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.welfare__vtour div.cmpnt__hero__bg {
      background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5)), url("img/virtual_tour_bg.jpg") no-repeat left top;
      background-size: cover; } }

@media only screen and (min-width: 769px) {
  section.ourvalues__welfare div.u-cntr {
    padding: 0 20px; } }

section.ourvalues__welfare div.ourvalues__welfare__barn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative; }

section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__copy {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__img {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

section.ourvalues__welfare div.ourvalues__welfare__barn.ourvalues__welfare__barn--right .ourvalues__welfare__copy {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

section.ourvalues__welfare div.ourvalues__welfare__barn.ourvalues__welfare__barn--right .ourvalues__welfare__img {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-child(even) a:nth-child(1) {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__welfare div.ourvalues__welfare__barn:nth-child(even) a:nth-child(1) {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-child(even) a:nth-child(2) {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__welfare div.ourvalues__welfare__barn:nth-child(even) a:nth-child(2) {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-child(odd) a:nth-child(1) {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-child(odd) a:nth-child(2) {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

section.ourvalues__welfare div.ourvalues__welfare__barn a.ourvalues__welfare__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  min-height: 320px;
  position: relative;
  text-decoration: none;
  color: #5c5c5c; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__welfare div.ourvalues__welfare__barn a.ourvalues__welfare__copy {
      min-height: 280px;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

section.ourvalues__welfare div.ourvalues__welfare__barn a.ourvalues__welfare__copy h2 {
  color: #004380;
  margin-bottom: 8px; }

section.ourvalues__welfare div.ourvalues__welfare__barn a.ourvalues__welfare__copy p {
  font-family: 'Montserrat', serif;
  margin-bottom: 14px; }

section.ourvalues__welfare div.ourvalues__welfare__barn div.ourvalues__welfare__copy__cntr {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 30px; }

section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__img {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  min-height: 260px;
  position: relative;
  overflow: hidden;
  cursor: default; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__img {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }
  section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__img div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-of-type(1) > .ourvalues__welfare__img > div {
  background: url("img/welfare_barn_conv.jpg") no-repeat center center;
  background-size: cover; }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-of-type(2) > .ourvalues__welfare__img > div {
  background: url("img/welfare_barn_enriched.jpg") no-repeat center center;
  background-size: cover; }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-of-type(3) > .ourvalues__welfare__img > div {
  background: url("img/welfare_barn_freerun.jpg") no-repeat center center;
  background-size: cover; }

section.ourvalues__welfare div.ourvalues__welfare__barn:nth-of-type(4) > .ourvalues__welfare__img > div {
  background: url("img/welfare_barn_freerange.jpg") no-repeat center center;
  background-size: cover; }

section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__img > div {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 500;
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s; }

section.ourvalues__welfare div.ourvalues__welfare__barn .ourvalues__welfare__img.is-video > i {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("img/play_icon_fill.svg") no-repeat center center;
  z-index: 600; }

.welfare__gallery, .related__gallery {
  position: relative; }

.welfare__gallery button.flickity-prev-next-button, .related__gallery button.flickity-prev-next-button {
  position: absolute;
  padding: 0;
  top: 0px;
  left: 0px;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 50px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  z-index: 700;
  cursor: pointer; }
  .welfare__gallery button.flickity-prev-next-button.previous, .related__gallery button.flickity-prev-next-button.previous {
    left: 0px; }
  .welfare__gallery button.flickity-prev-next-button.next, .related__gallery button.flickity-prev-next-button.next {
    right: 0px;
    left: auto; }
  .welfare__gallery button.flickity-prev-next-button .arrow, .related__gallery button.flickity-prev-next-button .arrow {
    fill: white; }
  @media only screen and (min-width: 737px) {
    .welfare__gallery button.flickity-prev-next-button, .related__gallery button.flickity-prev-next-button {
      width: 100px;
      height: 250px; } }

.welfare__gallery button.flickity-prev-next-button > svg, .related__gallery button.flickity-prev-next-button > svg {
  width: 46.4px; }

.welfare__gallery div.carousel-cell, .related__gallery div.carousel-cell {
  width: 100%; }
  @media only screen and (min-width: 737px) {
    .welfare__gallery div.carousel-cell, .related__gallery div.carousel-cell {
      margin-right: 10px;
      width: 80%;
      max-width: 580px; } }

.welfare__gallery div.video-image, .related__gallery div.video-image {
  width: 100%;
  height: 200px;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  @media only screen and (min-width: 737px) {
    .welfare__gallery div.video-image, .related__gallery div.video-image {
      height: 250px; } }

.welfare__gallery div.video-image a.play {
  display: block;
  background-image: url("img/video_play_btn.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  position: absolute;
  left: 50%;
  top: 50%; }
  @media only screen and (min-width: 737px) {
    .welfare__gallery div.video-image a.play {
      height: 100px; } }

.related__gallery a.related-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #004280; }
  .related__gallery a.related-link .btn__text {
    border: none;
    padding: 20px 0 0;
    color: #004280; }

.csr.related__gallery a.related-link {
  text-decoration: none; }

.welfare__gallery ol.flickity-page-dots, .related__gallery ol.flickity-page-dots {
  padding: 10px 0;
  text-align: center; }

.welfare__gallery ol.flickity-page-dots > .dot, .related__gallery ol.flickity-page-dots > .dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #5c5c5c;
  display: inline-block;
  margin: 0 3px;
  cursor: pointer; }

.welfare__gallery ol.flickity-page-dots > .dot.is-selected, .related__gallery ol.flickity-page-dots > .dot.is-selected {
  background: #004380; }

.welfare__gallery .carousel-cell-title, .related__gallery .carousel-cell-title {
  color: #004280;
  font-size: 30px;
  font-family: Ovo, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .welfare__gallery .carousel-cell-title, .related__gallery .carousel-cell-title {
      font-size: 28px;
      padding-left: 30px;
      padding-right: 30px; } }

.welfare__gallery .carousel-cell-description, .related__gallery .carousel-cell-description {
  color: #5C5C5C;
  font-size: 14px;
  font-family: 'Montserrat', serif; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .welfare__gallery .carousel-cell-description, .related__gallery .carousel-cell-description {
      padding-left: 30px;
      padding-right: 30px; } }

.welfare__gallery_block, .related__gallery_block {
  margin-top: 10px;
  margin-bottom: 20px; }

.ourvalues__welfare h2.top, .welfare__gallery_block h2, .related__gallery_block h2 {
  font-size: 35px;
  color: #004280;
  padding: 20px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .ourvalues__welfare h2.top, .welfare__gallery_block h2, .related__gallery_block h2 {
      font-size: 35px;
      padding-left: 30px;
      padding-right: 30px; } }

.ourvalues__welfare h2.top {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 40px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .ourvalues__welfare h2.top {
      padding-left: 30px;
      padding-right: 30px; } }

section.welfare__hero.csr__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/csr_header2.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.welfare__hero.csr__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/csr_header2.jpg") no-repeat center center;
      background-size: cover; } }

section.welfare__hero.csr__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.welfare__hero.csr__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.15s; }

section.welfare__hero.csr__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.3s; }

section.welfare__hero.csr__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.45s; }

section.welfare__hero.careers__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/csr_careers.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.welfare__hero.careers__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/csr_careers.jpg") no-repeat center center;
      background-size: cover; } }

section.welfare__hero.careers__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.welfare__hero.careers__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.15s; }

section.welfare__hero.careers__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.3s; }

section.welfare__hero.careers__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.45s; }

section.csr__careers {
  padding: 40px 0; }
  @media only screen and (min-width: 737px) {
    section.csr__careers {
      padding: 60px 0; } }

section.csr__careers div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.csr__careers div.u-cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.csr__careers div.csr__careers__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 737px) {
    section.csr__careers div.csr__careers__copy {
      padding: 0 0 0 40px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 0px;
      -webkit-flex: 0 0 80%;
          -ms-flex: 0 0 80%;
              flex: 0 0 80%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }
  @media only screen and (min-width: 769px) {
    section.csr__careers div.csr__careers__copy {
      padding: 0 0 0 20px; } }

section.csr__careers div.csr__careers__copy h2 {
  color: #004380;
  margin-bottom: 10px; }

section.csr__careers div.csr__careers__copy p {
  font-family: 'Montserrat', serif; }

section.csr__careers div.csr__careers__img {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }
  @media only screen and (min-width: 737px) {
    section.csr__careers div.csr__careers__img {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }

section.csr__careers div.csr__careers__img img {
  max-width: 270px;
  max-height: 437px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.careers__gallery div.video-image a.play {
  display: block;
  background-image: url("img/video_play_btn.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  position: absolute;
  left: 50%;
  top: 50%; }
  @media only screen and (min-width: 737px) {
    .careers__gallery div.video-image a.play {
      height: 100px; } }

.careers_lists {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff; }
  @media only screen and (min-width: 737px) {
    .careers_lists {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .careers_lists .item {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: bold; }
    .careers_lists .item ul {
      font-family: 'Montserrat', serif;
      margin: 0;
      list-style: disc;
      list-style-position: inside;
      padding-top: 15px;
      padding-bottom: 15px; }

section.inquiries__form div.u-cntr div.careersForm__success {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  position: absolute;
  width: 100%;
  bottom: 30px;
  left: 0;
  padding: 0 20px; }
  @media only screen and (min-width: 769px) {
    section.inquiries__form div.u-cntr div.careersForm__success {
      bottom: 30px;
      -webkit-transform: translate(0px, 50px);
              transform: translate(0px, 50px); } }

section.inquiries__form div.u-cntr div.careersForm__success.is-active {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1; }

section.inquiries__form div.u-cntr div.careersForm__success.is-active p {
  color: #004380; }

.careers_hero_join {
  background: url(/static/img/careers_hero.jpg) no-repeat center;
  background-size: auto 100%;
  min-height: 600px;
  height: 60vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 784px) {
    .careers_hero_join {
      padding-top: 60px; } }
  @media (min-width: 1180px) {
    .careers_hero_join {
      background-size: 100% auto; } }
  @media only screen and (min-width: 1025px) {
    .careers_hero_join {
      height: 72vh;
      background-position: center bottom; } }
  .careers_hero_join img {
    max-width: 100%; }

.careers_apply {
  background: #1d7bb9;
  color: #fff;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 60px 0;
  font-size: 18px;
  font-family: 'Montserrat', serif; }
  .careers_apply .btn {
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    color: #004380;
    border-radius: 10px;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
    border: none;
    line-height: 36px;
    margin-bottom: 15px; }
    .careers_apply .btn::before {
      content: "";
      display: block;
      position: absolute;
      right: -32px;
      bottom: -47px;
      background: url(/static/img/hand_cursor.png) no-repeat center;
      width: 68px;
      height: 81px; }
  .careers_apply .poweredby img {
    vertical-align: bottom;
    margin-left: 10px; }

.careers_welcome {
  background: #004380;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff; }
  .careers_welcome .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .careers_welcome .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .careers_welcome .content h2 {
      color: #fff;
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      font-weight: normal; }
      @media (min-width: 980px) and (max-width: 1279px) {
        .careers_welcome .content h2 {
          font-size: 48px; } }
      @media (min-width: 1280px) {
        .careers_welcome .content h2 {
          font-size: 60px; } }
      @media (max-width: 1180px) {
        .careers_welcome .content h2 {
          width: 100%; } }
    .careers_welcome .content h3 {
      color: #fff;
      font-weight: bold;
      margin-bottom: 30px; }
    .careers_welcome .content .col {
      width: 48%; }
    .careers_welcome .content .col-1 {
      width: 43%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 783px) {
        .careers_welcome .content .col-1 {
          width: 100%; } }
      .careers_welcome .content .col-1 p {
        margin-bottom: 20px;
        font-size: 16px;
        color: #fff; }
    .careers_welcome .content .col-2 {
      width: 53%; }
      @media (max-width: 783px) {
        .careers_welcome .content .col-2 {
          width: 100%; } }
  .careers_welcome .is-video {
    position: relative;
    display: block; }
    .careers_welcome .is-video:after {
      content: "";
      background: url("img/video_play_btn.svg") no-repeat center;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
  .careers_welcome .video {
    border: 5px solid white;
    width: 100%; }

.lang-fr .careers_welcome .content h2 {
  width: 100%; }

.careers_career {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff; }
  .careers_career .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    color: #004380;
    font-family: 'Montserrat', serif; }
    .careers_career .content h2 {
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      font-weight: normal;
      text-align: center; }
      @media (min-width: 980px) and (max-width: 1279px) {
        .careers_career .content h2 {
          font-size: 48px; } }
      @media (min-width: 1280px) {
        .careers_career .content h2 {
          font-size: 60px; } }
      @media (max-width: 1180px) {
        .careers_career .content h2 {
          width: 100%; } }
    .careers_career .content h3 {
      font-weight: bold;
      margin-bottom: 30px;
      text-align: center; }
    .careers_career .content .col-full {
      width: 100%;
      text-align: center; }
    .careers_career .content .col {
      width: 24%;
      text-align: center; }
      .careers_career .content .col img {
        max-width: 100%; }
      @media (max-width: 783px) {
        .careers_career .content .col {
          width: 48%; } }
      @media (max-width: 560px) {
        .careers_career .content .col {
          width: 100%; } }

.lang-fr .careers_career .content h2 {
  width: 100%; }

.careers_whatwedo {
  background: #b9c7d7;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #004380; }
  .careers_whatwedo .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .careers_whatwedo .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .careers_whatwedo .content h2 {
      color: #004380;
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      font-weight: normal; }
      @media (min-width: 980px) and (max-width: 1279px) {
        .careers_whatwedo .content h2 {
          font-size: 48px; } }
      @media (min-width: 1280px) {
        .careers_whatwedo .content h2 {
          font-size: 60px; } }
      @media (max-width: 1180px) {
        .careers_whatwedo .content h2 {
          width: 100%; } }
    .careers_whatwedo .content p {
      color: #004380; }
    .careers_whatwedo .content h3 {
      color: #fff;
      font-weight: bold;
      margin-bottom: 30px; }
    .careers_whatwedo .content .col {
      width: 48%; }
    .careers_whatwedo .content .col-1 {
      width: 43%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      @media (max-width: 783px) {
        .careers_whatwedo .content .col-1 {
          width: 100%;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; } }
      .careers_whatwedo .content .col-1 p {
        margin-bottom: 20px;
        font-size: 16px; }
    .careers_whatwedo .content .col-2 {
      width: 53%;
      overflow: hidden;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      text-align: center; }
      @media (max-width: 783px) {
        .careers_whatwedo .content .col-2 {
          width: 100%;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
  .careers_whatwedo .is-video {
    position: relative;
    display: block; }
    .careers_whatwedo .is-video:after {
      content: "";
      background: url("img/video_play_btn.svg") no-repeat center;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
  .careers_whatwedo .video {
    border: 5px solid white;
    width: 100%; }
  .careers_whatwedo .welfare__gallery button.flickity-prev-next-button, .careers_whatwedo .related__gallery button.flickity-prev-next-button {
    background: rgba(0, 0, 0, 0.5);
    height: 87%;
    width: 50px; }

.lang-fr .careers_whatwedo .content h2 {
  width: 100%; }

.careers_safety {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff; }
  .careers_safety .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .careers_safety .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .careers_safety .content h2 {
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      font-weight: normal; }
      @media (min-width: 980px) and (max-width: 1279px) {
        .careers_safety .content h2 {
          font-size: 48px; } }
      @media (min-width: 1280px) {
        .careers_safety .content h2 {
          font-size: 60px; } }
      @media (max-width: 1180px) {
        .careers_safety .content h2 {
          width: 100%; } }
    .careers_safety .content h3 {
      color: #fff;
      font-weight: bold;
      margin-bottom: 30px; }
    .careers_safety .content .col {
      width: 48%; }
    .careers_safety .content .col-1 {
      width: 43%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (max-width: 783px) {
        .careers_safety .content .col-1 {
          width: 100%; } }
      .careers_safety .content .col-1 p {
        margin-bottom: 20px;
        font-size: 16px; }
    .careers_safety .content .col-2 {
      width: 53%;
      text-align: center; }
      @media (max-width: 783px) {
        .careers_safety .content .col-2 {
          width: 100%; } }

.lang-fr .careers_safety .content h2 {
  width: 100%; }

.careers_mission {
  background: #004380;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center; }
  .careers_mission .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .careers_mission .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .careers_mission .content h2 {
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      font-weight: normal;
      color: #fff; }
      @media (min-width: 980px) and (max-width: 1279px) {
        .careers_mission .content h2 {
          font-size: 48px; } }
      @media (min-width: 1280px) {
        .careers_mission .content h2 {
          font-size: 60px; } }
      @media (max-width: 1180px) {
        .careers_mission .content h2 {
          width: 100%; } }
    .careers_mission .content p {
      color: #fff; }
    .careers_mission .content .col {
      width: 31%; }
      @media (max-width: 783px) {
        .careers_mission .content .col {
          width: 100%; } }

.careers_locations {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #004380;
  background-color: #fff; }
  .careers_locations .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .careers_locations .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .careers_locations .content h2 {
      color: #004380;
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      font-weight: normal; }
      @media (min-width: 980px) and (max-width: 1279px) {
        .careers_locations .content h2 {
          font-size: 48px; } }
      @media (min-width: 1280px) {
        .careers_locations .content h2 {
          font-size: 60px; } }
      @media (max-width: 1180px) {
        .careers_locations .content h2 {
          width: 100%; } }
    .careers_locations .content p {
      color: #004380; }
    .careers_locations .content .col {
      width: 48%; }
    .careers_locations .content .col-1 {
      width: 43%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      @media (max-width: 783px) {
        .careers_locations .content .col-1 {
          width: 100%;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; } }
      .careers_locations .content .col-1 p {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px; }
    .careers_locations .content .col-2 {
      width: 53%;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
      @media (max-width: 783px) {
        .careers_locations .content .col-2 {
          width: 100%;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
    .careers_locations .content #locationChooser {
      width: 100%; }
      .careers_locations .content #locationChooser .item {
        border-radius: 5px;
        padding: 5px; }
        .careers_locations .content #locationChooser .item:hover, .careers_locations .content #locationChooser .item.selected {
          background: #b9c7d7; }
    .careers_locations .content .map {
      position: relative; }
      .careers_locations .content .map .canada {
        max-width: 100%; }
        .careers_locations .content .map .canada.hide {
          visibility: hidden; }
        .careers_locations .content .map .canada.state {
          display: none;
          width: 100%;
          position: absolute;
          left: 0;
          top: 0; }
          .careers_locations .content .map .canada.state.selected {
            display: block; }
      .careers_locations .content .map .pin {
        position: absolute;
        z-index: 2;
        cursor: pointer; }
        .careers_locations .content .map .pin.active {
          -webkit-transform: translateX(-50px);
                  transform: translateX(-50px);
          z-index: 5;
          opacity: 0;
          visibility: hidden; }
          .careers_locations .content .map .pin.active.selected {
            opacity: 1;
            visibility: visible; }
        .careers_locations .content .map .pin.bc {
          left: 6%;
          bottom: 29%; }
          @media (max-width: 860px) {
            .careers_locations .content .map .pin.bc {
              left: 5.5%; } }
        .careers_locations .content .map .pin.ab {
          left: 17%;
          bottom: 27%; }
        .careers_locations .content .map .pin.mb {
          left: 36%;
          bottom: 23%; }
        .careers_locations .content .map .pin.on {
          left: 56%;
          bottom: 17%; }
        .careers_locations .content .map .pin.qc {
          left: 67%;
          bottom: 22%; }

.lang-fr .careers_locations .content h2 {
  width: 100%; }

.sustainability .earthdaybb {
  margin-top: 30px; }

.sustainability section.ourvalues__welfare.csr {
  margin-top: 0; }

section.truck div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/csr_header2.jpg") no-repeat center center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.truck div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/csr_header2.jpg") no-repeat center center;
      background-size: cover; } }

.csr_donations_top {
  background: #00bce5;
  margin-top: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff; }
  .csr_donations_top .content {
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
    padding: 0 5px;
    font-family: 'Montserrat', serif;
    position: relative; }
    .csr_donations_top .content span {
      display: inline-block; }
    .csr_donations_top .content .numbers {
      font-size: 50px;
      font-weight: bold;
      color: #004380; }
      @media (max-width: 630px) {
        .csr_donations_top .content .numbers {
          font-size: 42px; } }
      @media (max-width: 560px) {
        .csr_donations_top .content .numbers {
          display: block;
          font-size: 38px; } }
    .csr_donations_top .content .donated {
      width: 230px;
      font-size: 20px; }
      @media (max-width: 630px) {
        .csr_donations_top .content .donated {
          font-size: 18px; } }
      @media (max-width: 560px) {
        .csr_donations_top .content .donated {
          display: block;
          width: 100%;
          padding-right: 90px;
          font-size: 16px; } }
    .csr_donations_top .content .keep {
      position: absolute;
      right: 0;
      top: -5px; }

.csr_donations_date {
  text-align: center;
  font-weight: 300;
  font-family: 'Montserrat', serif;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #004380; }

.csr_donations_response {
  background: url(/static/img/donations_bg1.jpg) no-repeat center;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px; }
  .csr_donations_response h1 {
    text-align: center;
    color: #004380;
    font-size: 60px;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 630px) {
      .csr_donations_response h1 {
        font-size: 50px; } }
    @media (max-width: 560px) {
      .csr_donations_response h1 {
        font-size: 40px; } }
  .csr_donations_response .separator {
    text-align: center;
    padding-top: 36px;
    padding-bottom: 36px; }
    .csr_donations_response .separator img {
      max-width: 100%;
      width: auto; }
  .csr_donations_response .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .csr_donations_response .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .csr_donations_response .content .col {
      width: 48%; }
      @media (max-width: 783px) {
        .csr_donations_response .content .col {
          width: 100%; } }
    .csr_donations_response .content .col-1 {
      width: 53%; }
      @media (max-width: 783px) {
        .csr_donations_response .content .col-1 {
          width: 100%; } }
    .csr_donations_response .content .col-2 {
      width: 43%; }
      @media (max-width: 783px) {
        .csr_donations_response .content .col-2 {
          width: 100%; } }
      .csr_donations_response .content .col-2 .txt {
        overflow-y: auto;
        height: 400px; }
        @media (max-width: 1000px) {
          .csr_donations_response .content .col-2 .txt {
            height: 310px; } }
        @media (max-width: 783px) {
          .csr_donations_response .content .col-2 .txt {
            height: auto;
            overflow-y: hidden; } }
      .csr_donations_response .content .col-2 p {
        margin-bottom: 20px;
        font-size: 16px; }
  .csr_donations_response .is-video {
    position: relative;
    display: block; }
    .csr_donations_response .is-video:after {
      content: "";
      background: url("img/video_play_btn.svg") no-repeat center;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
  .csr_donations_response .video {
    border: 5px solid white;
    width: 100%; }
  .csr_donations_response .caption {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 15px; }

.csr_donations_foodservice {
  background: #004380;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff; }
  .csr_donations_foodservice .content {
    width: 95%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #004380;
    font-family: 'Montserrat', serif; }
    @media (max-width: 783px) {
      .csr_donations_foodservice .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .csr_donations_foodservice .content h2 {
      color: #fff;
      font-family: 'Ovo', sans-serif;
      margin-bottom: 20px;
      width: 60%; }
      @media (max-width: 1180px) {
        .csr_donations_foodservice .content h2 {
          width: 100%; } }
    .csr_donations_foodservice .content h3 {
      color: #fff;
      font-weight: bold;
      margin-bottom: 30px; }
    .csr_donations_foodservice .content .col {
      width: 48%; }
    .csr_donations_foodservice .content .col-1 {
      width: 43%; }
      @media (max-width: 783px) {
        .csr_donations_foodservice .content .col-1 {
          width: 100%; } }
      .csr_donations_foodservice .content .col-1 p {
        margin-bottom: 20px;
        font-size: 16px;
        color: #fff; }
    .csr_donations_foodservice .content .col-2 {
      width: 53%; }
      @media (max-width: 783px) {
        .csr_donations_foodservice .content .col-2 {
          width: 100%; } }
  .csr_donations_foodservice .is-video {
    position: relative;
    display: block; }
    .csr_donations_foodservice .is-video:after {
      content: "";
      background: url("img/video_play_btn.svg") no-repeat center;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
  .csr_donations_foodservice .video {
    border: 5px solid white;
    width: 100%; }
  .csr_donations_foodservice .caption {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 15px;
    color: #fff;
    margin: 0 auto;
    width: 80%; }
    @media (max-width: 783px) {
      .csr_donations_foodservice .caption {
        width: 100%; } }

.lang-fr .csr_donations_foodservice .content h2 {
  width: 100%; }

.lang-fr .csr_donations_foodservice .caption {
  width: 90%; }

.csr_donations_photos .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  @media (max-width: 560px) {
    .csr_donations_photos .row {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .csr_donations_photos .row .col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center; }
    @media (max-width: 560px) {
      .csr_donations_photos .row .col {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .csr_donations_photos .row img {
    width: 98%;
    margin: 8px 0;
    /* Some gutter */ }
    @media (max-width: 560px) {
      .csr_donations_photos .row img {
        width: 100%; } }

.csr_donations_list .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media (max-width: 783px) {
    .csr_donations_list .content {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .csr_donations_list .content .details {
    background: url(/static/img/donations_details_bg.png) no-repeat center;
    background-size: cover;
    width: 50%;
    color: #ffffff;
    font-family: 'Montserrat', serif;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    min-height: 320px;
    padding: 0 5%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1000px) {
      .csr_donations_list .content .details {
        font-size: 20px; } }
    @media (max-width: 783px) {
      .csr_donations_list .content .details {
        width: 100%; } }
    @media (max-width: 560px) {
      .csr_donations_list .content .details {
        min-height: 260px; } }
    .csr_donations_list .content .details .icon {
      padding: 0 10px; }
      @media (max-width: 850px) {
        .csr_donations_list .content .details .icon {
          width: 40%; } }
      @media (max-width: 850px) {
        .csr_donations_list .content .details .icon img {
          width: 100%;
          max-width: 100px; } }
    .csr_donations_list .content .details .txt {
      padding: 0 10px; }
    .csr_donations_list .content .details .more {
      margin-top: 15px;
      width: 100%; }
  .csr_donations_list .content .details1 {
    background-color: #009da8; }
  .csr_donations_list .content .details2 {
    background-color: #7963ab; }
  .csr_donations_list .content .details3 {
    background-color: #fc671a; }
  .csr_donations_list .content .details4 {
    background-color: #69bf4a; }
  .csr_donations_list .content .details5 {
    background-color: #fff; }

.csr_donations_rmhc {
  color: #004380; }
  .csr_donations_rmhc h2 {
    text-align: center;
    font-size: 32px;
    padding: 40px 15px;
    margin: 0 auto;
    max-width: 910px; }
    @media (max-width: 783px) {
      .csr_donations_rmhc h2 {
        font-size: 24px; } }
  .csr_donations_rmhc .details5 .icon {
    margin: 0 auto; }

.csr_donations_testimonials {
  position: relative; }

.testimonials {
  font-family: 'Montserrat', serif;
  padding: 30px 0;
  position: relative;
  max-width: 1400px;
  margin: 0 auto; }
  .testimonials .flickity-slider {
    height: 100%; }
  .testimonials .flickity-viewport {
    transition: height 0.2s; }
  .testimonials .testimonial {
    width: 100%; }
    .testimonials .testimonial .txt, .testimonials .testimonial .from {
      text-align: center;
      width: 80%;
      max-width: 1020px;
      margin: 0 auto;
      color: #004380;
      font-weight: 500; }
    .testimonials .testimonial .txt {
      font-size: 24px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .testimonials .testimonial .from {
      padding: 30px 0;
      font-size: 12px; }

.testimonials button.flickity-prev-next-button {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 50px;
  height: 100%;
  border: none;
  z-index: 700;
  cursor: pointer;
  background: none; }
  .testimonials button.flickity-prev-next-button.previous {
    left: 0; }
  .testimonials button.flickity-prev-next-button.next {
    right: 0;
    left: auto; }
  .testimonials button.flickity-prev-next-button .arrow {
    fill: #004380; }

.testimonials button.flickity-prev-next-button > svg {
  width: 46.4px; }

.csr_donations_provided {
  background: #004380;
  color: white;
  padding: 30px 0; }
  .csr_donations_provided h2 {
    text-align: center;
    font-size: 48px;
    padding: 0 15px; }
    @media (max-width: 783px) {
      .csr_donations_provided h2 {
        font-size: 40px; } }
  .csr_donations_provided h3 {
    text-align: center;
    font-size: 36px; }
  .csr_donations_provided .separator {
    text-align: center;
    padding-top: 36px;
    padding-bottom: 36px; }
    .csr_donations_provided .separator img {
      max-width: 100%;
      width: auto; }
  .csr_donations_provided .organizations {
    font-family: 'Montserrat', serif;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 783px) {
      .csr_donations_provided .organizations {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .csr_donations_provided .organizations .col {
      width: 31%;
      text-align: center; }
      @media (max-width: 783px) {
        .csr_donations_provided .organizations .col {
          width: 100%; } }
      .csr_donations_provided .organizations .col div {
        padding: 10px; }

section.podcast__hero div.cmpnt__hero__bg {
  background: url("img/podcast-hero-bg.jpg") no-repeat center 30%;
  background-size: cover; }
  section.podcast__hero div.cmpnt__hero__bg .heroshadow {
    display: none; }

section.podcast__hero .cmpnt__hero__copy__cntr {
  display: none; }

.podcast h1 {
  text-align: center;
  padding: 40px 0;
  color: #004380;
  font-size: 50px; }

.podcast .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 2em;
  grid-column-gap: 2em;
  width: 96%;
  max-width: 1020px;
  margin: 0 auto;
  padding-bottom: 80px; }
  @media (max-width: 940px) {
    .podcast .list {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr; } }
  @media (max-width: 600px) {
    .podcast .list {
      -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
      grid-column-gap: 0; } }
  .podcast .list .item {
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 160px; }
    .podcast .list .item img {
      width: 100%; }
    .podcast .list .item h2 {
      font-size: 24px;
      text-align: center;
      margin: 15px 0; }
    .podcast .list .item time {
      text-align: center;
      font-size: 12px;
      display: block;
      margin: 15px 0; }
    .podcast .list .item .plyr {
      margin: 15px 0; }
    .podcast .list .item .btn {
      justify-self: flex-end; }

section.blog__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/btmpheader.jpg") no-repeat left top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.blog__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5)), url("img/btmpheader.jpg") no-repeat left bottom;
      background-size: cover; } }

section.blog__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.blog__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.blog__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.blog__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

section.blog__categories {
  padding: 20px;
  background-color: white; }

section.blog__categories div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.blog__categories div.u-cntr {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.blog__categories a {
  display: inline-block;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-decoration: none;
  font-family: 'Montserrat', serif;
  font-weight: 600;
  padding: 6px 0;
  color: #004380;
  position: relative; }
  @media only screen and (min-width: 737px) {
    section.blog__categories a {
      -webkit-flex: 1 1 20%;
          -ms-flex: 1 1 20%;
              flex: 1 1 20%; } }

section.blog__categories a:after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 1px;
  background-color: #004380;
  left: 0;
  transition: height 0.3s; }

section.blog__categories a:hover:after,
section.blog__categories a.is-active:after {
  height: 3px; }

section.blog__articles {
  background-color: white;
  padding: 0 20px; }
  @media only screen and (min-width: 769px) {
    section.blog__articles {
      padding: 0; } }

section.blog__articles a.blog__article {
  padding: 20px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  border-bottom: solid 1px #004380;
  text-decoration: none; }
  @media only screen and (min-width: 737px) {
    section.blog__articles a.blog__article {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }
  section.blog__articles a.blog__article:last-of-type {
    border: none; }

section.blog__articles a.blog__article:hover div.blog__article__img > div {
  -webkit-transform: scale(1.1) rotate(0.1deg);
          transform: scale(1.1) rotate(0.1deg); }

section.blog__articles a.blog__article:hover div.blog__article__copy h1 > span {
  border-bottom: solid 1px; }

section.blog__articles a.blog__article div.blog__article__img {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 240px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 737px) {
    section.blog__articles a.blog__article div.blog__article__img {
      -webkit-flex: 0 0 340px;
          -ms-flex: 0 0 340px;
              flex: 0 0 340px;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 769px) {
    section.blog__articles a.blog__article div.blog__article__img {
      -webkit-flex: 0 0 380px;
          -ms-flex: 0 0 380px;
              flex: 0 0 380px;
      margin-bottom: 0px;
      height: 254px; } }

section.blog__articles a.blog__article div.blog__article__img > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s;
  z-index: 500;
  background-image: url("img/blog_tmp.jpg"); }

section.blog__articles a.blog__article div.blog__article__img.is-video > i {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("img/play_icon_fill.svg") no-repeat center center;
  z-index: 600; }

section.blog__articles a.blog__article div.blog__article__copy {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 737px) {
    section.blog__articles a.blog__article div.blog__article__copy {
      -webkit-flex: 0 1 70%;
          -ms-flex: 0 1 70%;
              flex: 0 1 70%; } }

section.blog__articles a.blog__article div.blog__article__copy__cntr {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.blog__articles a.blog__article div.blog__article__copy__cntr {
      padding: 0 0 0 30px; } }

section.blog__articles a.blog__article div.blog__article__copy em {
  display: block;
  font-family: 'Montserrat', serif;
  font-size: 16px;
  color: #5c5c5c; }

section.blog__articles a.blog__article div.blog__article__copy h1,
section.blog__articles a.blog__article div.blog__article__copy h2 {
  margin: 8px 0;
  color: #004380;
  font-family: 'Ovo', sans-serif;
  font-weight: 400; }

section.blog__articles a.blog__article div.blog__article__copy p {
  font-family: 'Montserrat', serif;
  color: #5c5c5c;
  font-weight: 400; }

section.blog__articles a.blog__article div.blog__article__copy__cntr > div {
  display: block;
  margin: 12px 0 0;
  color: #004380;
  font-family: 'Montserrat', serif;
  font-weight: 600; }
  section.blog__articles a.blog__article div.blog__article__copy__cntr > div:hover {
    text-decoration: none; }

section.blog__pagination {
  background-color: white;
  padding: 20px 20px 50px; }
  @media only screen and (min-width: 769px) {
    section.blog__pagination {
      padding: 20px 0px 50px; } }

section.blog__pagination a {
  text-align: center; }
  section.blog__pagination a.btn--prev {
    float: left;
    width: 120px; }
  section.blog__pagination a.btn--next {
    float: right;
    width: 120px; }
  section.blog__pagination a.btn__cta {
    background: #004380; }

section.blog__pagination div.blog__pagination__pages {
  text-align: center;
  font-family: 'Montserrat', serif;
  color: #5c5c5c;
  padding-top: 6px; }

section.blog__pagination div.blog__pagination__pages > a {
  color: grey;
  font-size: 12pt;
  font-family: 'Montserrat', serif;
  text-decoration: none;
  padding-top: 8px;
  display: inline-block;
  margin: 0 3px;
  border-bottom: solid 1px transparent; }
  section.blog__pagination div.blog__pagination__pages > a:hover {
    color: #5c5c5c;
    border-bottom: solid 1px #5c5c5c;
    opacity: 0.5; }
  section.blog__pagination div.blog__pagination__pages > a.active {
    color: #004380;
    font-weight: bold;
    text-decoration: underline; }

section.blog__post {
  display: block;
  background-color: white;
  overflow-x: hidden; }
  @media only screen and (min-width: 769px) {
    section.blog__post {
      padding: 30px 0; } }

section.blog__post header {
  height: 410px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-image: url("img/tmp_blog_article_header.jpg"); }

section.blog__post header.is-video {
  cursor: pointer; }

section.blog__post div.u-cntr {
  max-width: 620px;
  position: relative; }

section.blog__post div.blog__post__details__cntr {
  padding: 0 20px; }

section.blog__post div.blog__author {
  position: relative;
  margin-left: 0px;
  top: 0px;
  left: 0;
  margin-bottom: 20px; }
  @media only screen and (min-width: 769px) {
    section.blog__post div.blog__author {
      position: absolute;
      margin-left: -160px; } }

section.blog__post div.blog__author > div {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 14px;
  background-image: url("img/tmp_blog_author.jpg"); }

section.blog__post div.blog__author > em {
  display: block;
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  font-size: 10px;
  font-weight: 600; }

section.blog__post header.is-video > i {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("img/play_icon_fill.svg") no-repeat center center; }

section.blog__post div.blog__post__details {
  margin: 10px 0 30px;
  position: relative; }

section.blog__post div.blog__post__details > em {
  position: absolute;
  right: 10px;
  top: 0;
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  font-size: 16px;
  font-weight: 600; }

section.blog__post div.blog__block {
  padding-left: 20px;
  padding-right: 20px; }

section.blog__post div.blog__block__copy h1 {
  color: #004380;
  margin-bottom: 12px; }

section.blog__post div.blog__block__copy h3 {
  color: #004380;
  margin-bottom: 6px; }

section.blog__post div.blog__block__copy p {
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  margin: 0.8rem 0; }

section.blog__post div.blog__block__quote {
  padding-top: 30px;
  padding-bottom: 30px; }

section.blog__post div.blog__block__quote blockquote {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Montserrat', serif;
  color: #004380;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 80%; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.blog__block__quote blockquote {
      font-size: 28px;
      width: 450px; } }

section.blog__post div.blog__block__quote blockquote:before,
section.blog__post div.blog__block__quote blockquote:after {
  content: '';
  position: absolute;
  top: 30%;
  width: 40px;
  height: 40px; }

section.blog__post div.blog__block__quote blockquote:after {
  right: -44px;
  background: url("img/blog_quote_right.svg") no-repeat center center;
  background-size: 50%; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.blog__block__quote blockquote:after {
      right: -50px;
      background-size: auto; } }

section.blog__post div.blog__block__quote blockquote:before {
  left: -44px;
  background: url("img/blog_quote_left.svg") no-repeat center center;
  background-size: 50%; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.blog__block__quote blockquote:before {
      left: -50px;
      background-size: auto; } }

section.blog__post div.blog__block__gallery {
  padding: 30px 0;
  outline: none;
  overflow: hidden;
  position: relative; }

section.blog__post ol.flickity-page-dots {
  padding: 10px 0;
  text-align: center; }

section.blog__post ol.flickity-page-dots > .dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #5c5c5c;
  display: inline-block;
  margin: 0 3px;
  cursor: pointer; }

section.blog__post ol.flickity-page-dots > .dot.is-selected {
  background: #004380; }

section.blog__post button.flickity-prev-next-button {
  position: absolute;
  padding: 0;
  top: 30px;
  left: 0px;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 50px;
  height: 240px;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  z-index: 700;
  cursor: pointer; }
  section.blog__post button.flickity-prev-next-button.previous {
    left: 0px; }
  section.blog__post button.flickity-prev-next-button.next {
    right: 0px;
    left: auto; }
  section.blog__post button.flickity-prev-next-button .arrow {
    fill: white; }
  @media only screen and (min-width: 737px) {
    section.blog__post button.flickity-prev-next-button {
      width: 100px;
      height: 300px; } }

section.blog__post button.flickity-prev-next-button > svg {
  width: 46.4px; }

section.blog__post div.blog__gallery__item {
  width: 100%; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.blog__gallery__item {
      margin-right: 10px;
      width: 80%;
      max-width: 580px; } }

section.blog__post div.blog__gallery__item > div {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 240px; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.blog__gallery__item > div {
      height: 300px; } }

section.blog__post div.blog__gallery__item > em {
  padding: 8px 2px;
  font-size: 16px;
  font-style: italic;
  font-family: 'Montserrat', serif;
  color: #5c5c5c;
  display: block; }

section.blog__post a.blog-edit-button {
  color: #004380;
  font-family: 'Montserrat', serif;
  font-size: 10px;
  font-weight: 600; }
  section.blog__post a.blog-edit-button:hover {
    text-decoration: underline;
    color: red;
    cursor: pointer; }

section.blog__post div.pres {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.pres {
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; } }

section.blog__post div.col__president_1 {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 737px) {
    section.blog__post div.col__president_1 {
      padding: 0 0 0 40px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 0;
      -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
              flex: 0 0 75%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center; } }
  @media only screen and (min-width: 769px) {
    section.blog__post div.col__president_1 {
      padding: 0 0 0 20px; } }

section.blog__post div.col__president_2 {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 30px;
  margin-top: 30px; }
  section.blog__post div.col__president_2 img {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 737px) {
      section.blog__post div.col__president_2 img {
        max-width: 300px;
        width: 100%; } }
  @media only screen and (min-width: 737px) {
    section.blog__post div.col__president_2 {
      padding: 0 40px;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-top: 0;
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      -webkit-align-self: start;
          -ms-flex-item-align: start;
                  -ms-grid-row-align: start;
              align-self: start; } }
  @media only screen and (min-width: 769px) {
    section.blog__post div.col__president_2 {
      padding: 0 20px; } }

section.blog__post .author {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  padding: 20px 0; }
  section.blog__post .author .picture {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
  section.blog__post .author .desc {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    padding-left: 30px;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }

section.cmpnt__hero.cmpnt__hero--small.contact__hero {
  min-height: 500px;
  height: 50vh; }

section.cmpnt__hero.contact__hero div.cmpnt__hero__copy > p {
  padding: 0; }

section.contact__hero div.cmpnt__hero__copy {
  padding: 82px 20px 32px; }
  section.contact__hero div.cmpnt__hero__copy p {
    font-size: 18px; }

section.contact__hero div.cmpnt__hero__bg {
  background: linear-gradient(transparent 0%, transparent 60%), url("img/contactus-mob-bg.jpg") no-repeat top center;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.contact__hero div.cmpnt__hero__bg {
      background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.2)), url("img/contactus-bg.jpg") no-repeat top center;
      background-size: cover; } }

div.contact__hero__footer {
  position: absolute;
  width: 300px;
  left: 50%;
  bottom: 8px;
  margin-left: -150px;
  z-index: 500;
  text-align: center;
  color: white; }

div.contact__hero__footer p {
  font-size: 16px; }

div.contact__hero__footer button {
  display: inline-block;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }

div.contact__hero__footer button:hover {
  -webkit-transform: translateY(5px) scale(1.2);
          transform: translateY(5px) scale(1.2); }

div.contact__hero__footer button > i {
  display: block;
  width: 50px;
  height: 34px;
  background: url("img/arrowdown-w.svg") no-repeat center center;
  background-size: 16px 9px; }

section.contact {
  background-color: #e2f4fc;
  padding: 30px 0; }
  @media only screen and (min-width: 737px) {
    section.contact {
      padding: 60px 0; } }

section.contact > div.u-cntr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  max-width: 680px;
  padding: 0 20px; }
  @media only screen and (min-width: 737px) {
    section.contact > div.u-cntr {
      padding: 0 20px; } }

section.contact div.contact__region {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

section.contact div.contact__region--single {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.contact div.contact__region--single {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

section.contact div.contact__region p {
  font-family: 'Montserrat', serif;
  color: #5c5c5c; }

section.contact div.contact__region h2 {
  color: #004380;
  margin-bottom: 14px; }

section.contact div.contact__region > div.contact__mutli {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

section.contact div.contact__mutli > div.contact__location {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 10px; }
  @media only screen and (min-width: 737px) {
    section.contact div.contact__mutli > div.contact__location {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      margin-bottom: 40px; } }

@media only screen and (min-width: 737px) {
  section.contact div.contact__region--single div.contact__mutli > div.contact__location {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 40px; } }

section.contact div.contact__mutli > div.contact__location p {
  padding: 4px 0; }
  @media only screen and (min-width: 737px) {
    section.contact div.contact__mutli > div.contact__location p {
      padding: 8px 0; } }

section.inquiries__form {
  background-color: #004380;
  padding: 40px 20px; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form {
      padding: 60px 0 0; } }

section.inquiries__form > div.u-cntr {
  max-width: 680px; }

section.inquiries__form h2 {
  color: white;
  margin-bottom: 14px; }

section.inquiries__form p {
  color: white;
  padding: 10px 0;
  font-family: 'Montserrat', serif; }

section.inquiries__form form {
  background-color: white;
  padding: 30px;
  margin: 40px -20px 0;
  overflow: hidden; }

section.inquiries__form form p {
  color: #5c5c5c; }

section.inquiries__form form div.form__block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

section.inquiries__form form div.form__block.is-complete {
  opacity: 0;
  pointer-events: none; }

section.inquiries__form form div.form__block > h3,
section.inquiries__form form div.form__block > em,
section.inquiries__form form div.form__block > p {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

section.inquiries__form form div.form__block > em {
  font-family: 'Montserrat', serif;
  color: #004380;
  margin-bottom: 20px; }

section.inquiries__form form div.form__block > h3 {
  color: #004380;
  margin: 40px 0 20px; }

section.inquiries__form form div.form__block > div.form-formItem {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-right: 0;
  margin-top: 10px; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem {
      padding-right: 8px;
      -webkit-flex: 1 1 30%;
          -ms-flex: 1 1 30%;
              flex: 1 1 30%; } }

section.inquiries__form form div.form__block > div.form-formItem.form--hasTip {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  padding-right: 8px; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem.form--hasTip {
      -webkit-flex: 1 1 30%;
          -ms-flex: 1 1 30%;
              flex: 1 1 30%;
      padding-right: 8px; } }

section.inquiries__form form div.form__block > div.form-formItem--small {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--small {
      -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%; } }

section.inquiries__form form div.form__block > div.form-formTip {
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formTip {
      -webkit-flex: 0 0 45px;
          -ms-flex: 0 0 45px;
              flex: 0 0 45px; } }

section.inquiries__form form div.form__block > div.form-formItem--long {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--long {
      -webkit-flex: 0 0 65%;
          -ms-flex: 0 0 65%;
              flex: 0 0 65%; } }

section.inquiries__form form div.form__block > div.form-formItem--half {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--half {
      -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

section.inquiries__form form div.form__block > div.form-formItem--35percent {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--35percent {
      -webkit-flex: 0 0 35%;
          -ms-flex: 0 0 35%;
              flex: 0 0 35%; } }

section.inquiries__form form div.form__block > div.form-formItem--15percent {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--15percent {
      -webkit-flex: 0 0 15%;
          -ms-flex: 0 0 15%;
              flex: 0 0 15%; } }

section.inquiries__form form div.form__block > div.form-formItem--quarter {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--quarter {
      -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%; } }

section.inquiries__form form div.form__block > div.form-formItem--third {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__block > div.form-formItem--third {
      -webkit-flex: 0 0 33%;
          -ms-flex: 0 0 33%;
              flex: 0 0 33%; } }

section.inquiries__form form div.form__block > div.form-formItem--full {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

section.inquiries__form form label {
  font-family: 'Montserrat', serif; }

section.inquiries__form form div.form__files {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 130%;
  padding: 30px 30px 22px 30px;
  margin: 0 -30px 20px;
  background-color: #e2f4fc; }

section.inquiries__form form div.form__files > em {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-family: 'Montserrat', serif;
  font-size: 16px;
  color: #004380;
  margin-bottom: 20px; }

section.inquiries__form form div.form__files div.form-formItem {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media only screen and (min-width: 737px) {
    section.inquiries__form form div.form__files div.form-formItem {
      -webkit-flex: 1 1 50%;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }

section.inquiries__form form div.form__files #contact_files_new {
  cursor: pointer;
  display: block;
  background: none;
  border: none;
  font-family: 'Montserrat', serif;
  font-size: 16px;
  color: #004380;
  margin-bottom: 20px;
  font-style: italic;
  width: 100%;
  text-align: left; }

section.inquiries__form form div.form__buttons {
  margin-top: 20px; }

section.inquiries__form div.u-cntr div.ContactUsForm__success {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  position: absolute;
  width: 100%;
  bottom: 30px;
  left: 0;
  padding: 0 20px; }
  @media only screen and (min-width: 769px) {
    section.inquiries__form div.u-cntr div.ContactUsForm__success {
      bottom: 30px;
      -webkit-transform: translate(0px, 50px);
              transform: translate(0px, 50px); } }

section.inquiries__form div.u-cntr div.ContactUsForm__success.is-active {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1; }

section.inquiries__form div.u-cntr div.ContactUsForm__success.is-active p {
  color: #004380; }

.nb {
  display: none !important; }

.hl {
  display: inline-block;
  padding: 3px;
  background: #FBEFDB; }

.is-tip {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer; }

section.faqs {
  background: #e2f4fc;
  padding: 120px 20px 60px; }
  @media only screen and (min-width: 737px) {
    section.faqs {
      padding: 120px 0 60px; } }

section.faqs > div.u-cntr {
  max-width: 620px; }

section.faqs header {
  padding: 0px 0 40px;
  color: #004380;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

section.faqs header > div {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  max-width: 500px;
  margin: 0 auto; }

section.faqs header > div > p {
  margin-top: 14px;
  font-family: 'Montserrat', serif; }

section.faqs div.faqs__cntr h2 {
  color: #004380;
  padding-bottom: 16px; }

section.faqs div.faqs__cntr {
  margin-top: 40px; }
  section.faqs div.faqs__cntr:first-of-type {
    margin-top: 0; }

section.faqs div.faqs__accordion {
  border: solid 1px #004380; }

section.faqs div.faq {
  border-bottom: solid 1px #004380;
  position: relative;
  background: white;
  color: #004380;
  overflow: hidden;
  transition: background-color 0.3s, color 0.3s; }
  section.faqs div.faq:last-of-type {
    border-bottom: none; }

section.faqs div.faq.is-open {
  height: auto;
  background: #004380;
  color: white;
  transition: background-color 0.2s, color 0.2s; }

section.faqs div.faq.is-open > button > .close {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  section.faqs div.faq.is-open > button > .close > span {
    background-color: white; }

section.faqs div.faq > button {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  background: transparent;
  border: none;
  text-align: left;
  text-decoration: none;
  color: #004380;
  position: relative; }
  section.faqs div.faq > button > h3 {
    display: inline-block; }
  section.faqs div.faq > button:hover h3 > span {
    border-bottom: solid 1px white; }
  section.faqs div.faq > button.copy {
    color: white;
    width: auto; }
  section.faqs div.faq > button > .close {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    overflow: hidden;
    text-indent: -9000px;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    section.faqs div.faq > button > .close > span {
      display: block;
      position: absolute;
      background-color: #004380; }
      section.faqs div.faq > button > .close > span:nth-child(1) {
        width: 1px;
        height: 100%;
        top: 0;
        left: 49.5%; }
      section.faqs div.faq > button > .close > span:nth-child(2) {
        width: 100%;
        height: 1px;
        top: 49.5%;
        left: 0; }

section.faqs div.faq > button > h3 {
  padding: 8px 30px 8px 8px; }

section.faqs div.faq.is-open > button > h3 {
  color: white; }

section.faqs div.faq > div.faq__content {
  background: white;
  padding: 0 20px;
  color: #004380;
  transition: background-color 0.3s, color 0.3s;
  display: none;
  margin-bottom: 10px; }

section.faqs div.faq.is-open > div.faq__content {
  background: #004380; }

section.faqs div.faq > div.faq__content > p {
  color: #004380;
  opacity: 0;
  transition: opacity 0.3s;
  font-family: 'Montserrat', serif; }

section.faqs div.faq.is-open > div.faq__content > p {
  color: white;
  opacity: 1; }

section.faqs div.faq.is-open > div.faq__content > ul {
  color: white;
  opacity: 1;
  font-family: 'Montserrat', serif; }

section.faqs div.faq.is-open > div.faq__content > p > a {
  color: white;
  opacity: 1; }

section.faqs div.faq.is-open > div.faq__content > p > button:hover {
  color: #f4ac35; }

section.faqs div.faqs__accordion--internal {
  border: none; }

section.faqs div.faqs__accordion--internal div.faq {
  background: transparent;
  color: white;
  border-bottom: none; }

section.faqs div.faqs__accordion--internal div.faq > button > h3 {
  font-family: 'Montserrat', serif;
  font-size: 16px;
  font-weight: 600;
  color: white;
  padding: 4px 8px;
  line-height: 1.6; }

section.faqs div.faqs__accordion--internal div.faq__content {
  background: transparent;
  color: white;
  padding: 0 0px 0 30px;
  font-family: 'Montserrat', serif;
  margin-bottom: 0; }

section.faqs div.faq div.faqs__accordion--internal div.faq__content,
section.faqs div.faq.is-open div.faqs__accordion--internal div.faq__content {
  background: transparent; }

section.error header {
  height: 60vh;
  background: linear-gradient(rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.5)), url("img/404_bg.jpg") no-repeat left bottom;
  background-size: cover;
  position: relative; }

section.error header > div.u-cntr {
  position: absolute;
  width: 100%;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: white;
  text-align: center;
  max-width: none; }

section.error header > div.u-cntr p {
  font-family: 'Montserrat', serif; }

section.error div.errorPageLinks {
  background: #e2f4fc;
  padding: 0 20px 60px 20px; }
  @media only screen and (min-width: 769px) {
    section.error div.errorPageLinks {
      padding: 0 0px 60px 0px; } }

section.error div.errorPageLinks__cntr {
  max-width: 660px;
  margin: -120px auto 0px;
  padding: 20px 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (min-width: 737px) {
    section.error div.errorPageLinks__cntr {
      padding: 30px 20px; } }

section.error div.errorPageLink {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  margin-bottom: 24px; }
  @media only screen and (min-width: 737px) {
    section.error div.errorPageLink {
      -webkit-flex: 0 0 48%;
          -ms-flex: 0 0 48%;
              flex: 0 0 48%;
      margin-right: 4%; } }

section.error div.errorPageLink:nth-of-type(even) {
  margin-right: 0; }

section.error a.errorPageLink > h2 {
  color: #004380; }

section.error div.errorPageLink > p {
  font-family: 'Montserrat', serif;
  color: #5c5c5c; }

section.error div.errorPageLink > .btn__txt {
  border: none;
  display: block;
  padding: 20px 0 0;
  color: #004380; }

section.general {
  background: #e2f4fc;
  padding: 80px 24px; }
  @media only screen and (min-width: 737px) {
    section.general {
      padding: 120px 30px; } }
  @media only screen and (min-width: 769px) {
    section.general {
      padding: 140px 0 60px 0; } }

section.general h1 {
  color: #004380;
  margin-bottom: 20px; }

section.general h3 {
  color: #004380;
  margin-bottom: 12px;
  margin-top: 24px; }

section.general h3:first-of-type {
  margin-top: 0; }

section.general blockquote {
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  padding: 10px 0;
  margin-left: 40px; }

section.general p {
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  padding: 10px 0; }

section.general p > a {
  color: #004380;
  border-bottom: solid 1px;
  text-decoration: none; }

section.general p:first-of-type {
  padding-top: 0; }

section.general p:last-of-type {
  padding-bottom: 0; }

section.general ol {
  color: #5c5c5c;
  font-family: 'Montserrat', serif;
  padding: 10px 0;
  list-style-type: lower-alpha; }

section.general ol > li {
  margin-left: 40px;
  line-height: 1.5;
  margin-bottom: 6px; }

section.process_how__hero div.cmpnt__hero__bg {
  background: url("img/howweproduce_header_mob_bg.jpg") no-repeat center top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.process_how__hero div.cmpnt__hero__bg {
      background: url("img/howweproduce_header_bg.jpg") no-repeat center top;
      background-size: cover; } }

section.process_how__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.process_how__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

.process-all-item {
  background-color: #E1F4FC;
  min-height: 324px;
  border-bottom: 2px solid #fff; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process-all-item {
      min-height: 0; } }

.process-all-item {
  clear: both; }

.pro-image, .pro-copy {
  width: 50%;
  float: left;
  min-height: 324px;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .pro-image, .pro-copy {
      float: none;
      width: 100%;
      min-height: 0; } }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .pro-copy {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center; } }

.pro-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .pro-image {
      min-height: 250px; } }

.process-all-item-shelled .pro-image {
  background-image: url(img/pro_shelled/pro_shelled_cleaning.svg);
  background-size: 80% auto; }

.process-all-item-cracked .pro-image {
  background-image: url(img/pro_cracked/pro_cracked_breaking.svg);
  background-size: 80% auto;
  float: right; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process-all-item-cracked .pro-image {
      float: none; } }

.process-all-item-prepared .pro-image {
  background-image: url(img/pro_prepared/pro_prepared_boiling.svg);
  background-size: 80% auto; }

.process-all-item-eggbakes {
  min-height: 400px; }

.process-all-item-eggbakes .pro-image {
  background-image: url(img/pro_eggbakes/pro_eggbakes_mixing.svg);
  background-size: 80% auto;
  float: right;
  min-height: 400px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process-all-item-eggbakes .pro-image {
      float: none;
      background-size: auto 100%; } }

.process-all-item .valign {
  position: relative;
  min-height: 324px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process-all-item .valign {
      min-height: 0; } }

.process-all-item .valign .inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process-all-item .valign .inner {
      position: static;
      -webkit-transform: translateY(0);
              transform: translateY(0); } }

.process-all-item h2 {
  color: #004380;
  font-size: 50px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    .process-all-item h2 {
      font-size: 28px; } }

.process-all-item p {
  color: #004380;
  margin-bottom: 20px; }

section.nutrition__products div.product__item > .btn_pro_shelled_prod {
  background: #004380;
  border: solid 1px #004380; }

section.ourvalues__grading__demo {
  background: #e2f4fc;
  width: 100%;
  overflow-x: hidden; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__grading__demo {
      height: 2770px; } }

section.ourvalues__grading__demo > div {
  padding: 60px 0px;
  position: relative; }

div.pro__box {
  margin-bottom: 50px; }
  @media only screen and (min-width: 737px) {
    div.pro__box {
      position: absolute;
      width: 44%; } }

div.pro__box.has-animated div.pro__box__illus,
div.pro__box.has-animated div.pro__box__copy > * {
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px);
  opacity: 1; }

div.pro__box .btn__cta {
  margin-top: 14px;
  min-width: 140px;
  text-align: center; }

div.pro__box__copy {
  padding: 0 20px; }

div.pro__box__copy > * {
  -webkit-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, background-color 0.5s, color 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s ,background-color 0.5s, color 0.5s;
  transition: opacity 0.5s, transform 0.5s ,background-color 0.5s, color 0.5s, -webkit-transform 0.5s; }
  @media only screen and (min-width: 737px) {
    div.pro__box__copy > * {
      -webkit-transform: translate(-20px, 0px);
              transform: translate(-20px, 0px); } }
  div.pro__box__copy > *:nth-child(1) {
    transition-delay: 0.0s; }
  div.pro__box__copy > *:nth-child(2) {
    transition-delay: 0.1s; }
  div.pro__box__copy > *:nth-child(3) {
    transition-delay: 0.2s; }

div.pro__box__copy > h2 {
  color: #004380;
  margin-bottom: 14px; }

div.pro__box__copy > p {
  color: #5c5c5c; }

div.pro__box__illus {
  margin-top: 40px;
  position: relative;
  width: 100%;
  -webkit-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  transition-delay: 0.3s; }
  @media only screen and (min-width: 737px) {
    div.pro__box__illus {
      -webkit-transform: translate(-20px, 0px);
              transform: translate(-20px, 0px); } }

div.pro__box__illus > div {
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: contain; }

section.pro_shelled__hero div.cmpnt__hero__bg {
  background: url("img/pro_shelled_header_mob_bg.jpg") no-repeat left top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.pro_shelled__hero div.cmpnt__hero__bg {
      background: url("img/pro_shelled_header_bg.jpg") no-repeat left center;
      background-size: cover; } }

section.pro_shelled__hero div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.pro_shelled__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.pro_shelled__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.pro_shelled__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.pro_shelled__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

div.pro_shelled__timeline {
  display: none;
  position: absolute;
  top: 349px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("img/pro_common/pro_common_timeline.svg") no-repeat center center;
  width: 108px;
  height: 1977px; }
  @media only screen and (min-width: 737px) {
    div.pro_shelled__timeline {
      display: block; } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__eggIn {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    margin-top: 21px; }
    div.pro_shelled__eggIn div.pro__box__illus,
    div.pro_shelled__eggIn div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__separating {
    right: 0px;
    top: 452px; }
    div.pro_shelled__separating div.pro__box__illus,
    div.pro_shelled__separating div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__cleaning {
    left: 0px;
    top: 690px; } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__candling {
    -webkit-transform: translate(20px, 0px);
            transform: translate(20px, 0px);
    right: 0px;
    top: 1045px; }
    div.pro_shelled__candling div.pro__box__illus,
    div.pro_shelled__candling div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__tapping {
    left: 0px;
    top: 1303px; } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__grading {
    right: 0px;
    top: 1607px; }
    div.pro_shelled__grading div.pro__box__illus,
    div.pro_shelled__grading div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__packaging {
    left: 0px;
    top: 1894px; } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__shipping {
    left: 50%;
    top: 2283px;
    margin-left: -22%; }
    div.pro_shelled__shipping div.pro__box__illus,
    div.pro_shelled__shipping div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_shelled__shipping div.pro__box__copy {
    position: absolute;
    bottom: -230px; } }

div.pro_shelled__illus--eggsIn {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_shelled__illus--eggsIn {
      height: 152px; } }
  div.pro_shelled__illus--eggsIn div {
    background-image: url("img/pro_common/pro_common_truck.svg"); }

div.pro_shelled__illus--separating {
  height: 364px; }
  div.pro_shelled__illus--separating div {
    width: 528px;
    left: 20px;
    background-image: url("img/pro_shelled/pro_shelled_separating.svg"); }

div.pro_shelled__illus--cleaning {
  height: 267px; }
  div.pro_shelled__illus--cleaning div {
    width: 495px;
    right: 20px;
    background-image: url("img/pro_shelled/pro_shelled_cleaning.svg"); }

div.pro_shelled__illus--candling {
  height: 228px; }
  div.pro_shelled__illus--candling div {
    width: 488px;
    left: 20px;
    background-image: url("img/pro_shelled/pro_shelled_candling.svg"); }

div.pro_shelled__illus--tapping {
  height: 253px; }
  div.pro_shelled__illus--tapping div {
    width: 490px;
    right: 20px;
    background-image: url("img/pro_shelled/pro_shelled_tapping.svg"); }

div.pro_shelled__illus--grading {
  height: 194px; }
  div.pro_shelled__illus--grading div {
    width: 492px;
    left: 20px;
    background-image: url("img/pro_shelled/pro_shelled_grading.svg"); }

div.pro_shelled__illus--packaging {
  height: 180px; }
  div.pro_shelled__illus--packaging div {
    width: 491px;
    right: 20px;
    background-image: url("img/pro_shelled/pro_shelled_packaging.svg"); }

div.pro_shelled__illus--shipping {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_shelled__illus--shipping {
      height: 152px; } }
  div.pro_shelled__illus--shipping div {
    background-image: url("img/pro_common/pro_common_truck_end.svg"); }

section.pro_cracked__hero div.cmpnt__hero__bg {
  background: url("img/pro_cracked_header_mob_bg.jpg") no-repeat left top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.pro_cracked__hero div.cmpnt__hero__bg {
      background: url("img/pro_cracked_header_bg.jpg") no-repeat left center;
      background-size: cover; } }

section.pro_cracked__hero div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.pro_cracked__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.pro_cracked__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.pro_cracked__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.pro_cracked__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

div.pro_cracked__timeline {
  display: none;
  position: absolute;
  top: 349px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("img/pro_common/pro_common_timeline.svg") no-repeat center center;
  width: 108px;
  height: 1977px; }
  @media only screen and (min-width: 737px) {
    div.pro_cracked__timeline {
      display: block; } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__eggIn {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    margin-top: 21px; }
    div.pro_cracked__eggIn div.pro__box__illus,
    div.pro_cracked__eggIn div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__separating {
    right: 0px;
    top: 452px; }
    div.pro_cracked__separating div.pro__box__illus,
    div.pro_cracked__separating div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__cleaning {
    left: 0px;
    top: 690px; } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__candling {
    -webkit-transform: translate(20px, 0px);
            transform: translate(20px, 0px);
    right: 0px;
    top: 1045px; }
    div.pro_cracked__candling div.pro__box__illus,
    div.pro_cracked__candling div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__breaking {
    left: 0px;
    top: 1303px; } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__pasteur {
    right: 0px;
    top: 1607px; }
    div.pro_cracked__pasteur div.pro__box__illus,
    div.pro_cracked__pasteur div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__packaging {
    left: 0px;
    top: 1894px; } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__shipping {
    left: 50%;
    top: 2283px;
    margin-left: -22%; }
    div.pro_cracked__shipping div.pro__box__illus,
    div.pro_cracked__shipping div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_cracked__shipping div.pro__box__copy {
    position: absolute;
    bottom: -230px; } }

div.pro_cracked__illus--eggsIn {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_cracked__illus--eggsIn {
      height: 152px; } }
  div.pro_cracked__illus--eggsIn div {
    background-image: url("img/pro_common/pro_common_truck.svg"); }

div.pro_cracked__illus--separating {
  height: 364px; }
  div.pro_cracked__illus--separating div {
    width: 528px;
    left: 20px;
    background-image: url("img/pro_cracked/pro_cracked_separating.svg"); }

div.pro_cracked__illus--cleaning {
  height: 267px; }
  div.pro_cracked__illus--cleaning div {
    width: 495px;
    right: 20px;
    background-image: url("img/pro_cracked/pro_cracked_cleaning.svg"); }

div.pro_cracked__illus--candling {
  height: 228px; }
  div.pro_cracked__illus--candling div {
    width: 488px;
    left: -15px;
    background-image: url("img/pro_cracked/pro_cracked_candling.svg"); }

div.pro_cracked__illus--breaking {
  height: 253px; }
  div.pro_cracked__illus--breaking div {
    width: 490px;
    right: 0px;
    background-image: url("img/pro_cracked/pro_cracked_breaking.svg"); }
  @media only screen and (min-width: 737px) {
    div.pro_cracked__illus--breaking {
      -webkit-transform: scale(-1, 1) translate(120px, 0px);
              transform: scale(-1, 1) translate(120px, 0px); } }
  @media only screen and (min-width: 769px) {
    div.pro_cracked__illus--breaking {
      right: 20px; } }

@media only screen and (min-width: 737px) {
  div.pro__box.pro_cracked__breaking.has-animated div.pro__box__illus {
    -webkit-transform: translate(-100px, 0px) scale(-1, 1) !important;
            transform: translate(-100px, 0px) scale(-1, 1) !important; } }

div.pro_cracked__illus--pasteur {
  height: 194px; }
  div.pro_cracked__illus--pasteur div {
    width: 492px;
    left: 20px;
    background-image: url("img/pro_cracked/pro_cracked_pasteur.svg"); }

div.pro_cracked__illus--packaging {
  height: 230px; }
  div.pro_cracked__illus--packaging div {
    width: 491px;
    right: 0px;
    background-image: url("img/pro_cracked/pro_cracked_packaging.svg"); }

div.pro_cracked__illus--shipping {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_cracked__illus--shipping {
      height: 152px; } }
  div.pro_cracked__illus--shipping div {
    background-image: url("img/pro_common/pro_common_truck_end.svg"); }

body.lang-fr section.ourvalues__grading__demo.cracked {
  min-height: 2870px; }

body.lang-fr div.pro_cracked__timeline {
  top: 449px; }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__separating {
    top: 552px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__cleaning {
    top: 790px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__candling {
    top: 1145px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__breaking {
    top: 1403px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__pasteur {
    top: 1707px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__packaging {
    top: 1994px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__shipping {
    top: 2383px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_cracked__shipping div.pro__box__copy {
    bottom: -262px; } }

section.ourvalues__prepared__demo {
  background: #e2f4fc;
  width: 100%;
  overflow-x: hidden; }
  @media only screen and (min-width: 737px) {
    section.ourvalues__prepared__demo {
      height: 2500px; } }

section.ourvalues__prepared__demo > div {
  padding: 60px 0px;
  position: relative; }

section.pro_prepared__hero div.cmpnt__hero__bg {
  background: url("img/pro_prepared_header_mob_bg.jpg") no-repeat left top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.pro_prepared__hero div.cmpnt__hero__bg {
      background: url("img/pro_prepared_header_bg.jpg") no-repeat left center;
      background-size: cover; } }

section.pro_prepared__hero div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.pro_prepared__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.pro_prepared__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.pro_prepared__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.pro_prepared__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

div.pro_prepared__timeline {
  display: none;
  position: absolute;
  top: 349px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("img/pro_prepared/pro_prepared_timeline.svg") no-repeat center center;
  width: 108px;
  height: 1757px; }
  @media only screen and (min-width: 737px) {
    div.pro_prepared__timeline {
      display: block; } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__eggIn {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    margin-top: 21px; }
    div.pro_prepared__eggIn div.pro__box__illus,
    div.pro_prepared__eggIn div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__conditioning {
    right: 0px;
    top: 452px; }
    div.pro_prepared__conditioning div.pro__box__illus,
    div.pro_prepared__conditioning div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__seperating {
    left: 0px;
    top: 665px; } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__boiling {
    -webkit-transform: translate(20px, 0px);
            transform: translate(20px, 0px);
    right: 0px;
    top: 1045px; }
    div.pro_prepared__boiling div.pro__box__illus,
    div.pro_prepared__boiling div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__checking {
    left: 0px;
    top: 1303px; } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__packaging {
    right: 0px;
    top: 1607px; }
    div.pro_prepared__packaging div.pro__box__illus,
    div.pro_prepared__packaging div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__shipping {
    left: 50%;
    top: 2048px;
    margin-left: -22%; }
    div.pro_prepared__shipping div.pro__box__illus,
    div.pro_prepared__shipping div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_prepared__shipping div.pro__box__copy {
    position: absolute;
    bottom: -190px; } }

div.pro_prepared__shipping div.pro__box__copy p em {
  font-style: italic; }

div.pro_prepared__illus--eggsIn {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_prepared__illus--eggsIn {
      height: 152px; } }
  div.pro_prepared__illus--eggsIn div {
    background-image: url("img/pro_common/pro_common_truck.svg"); }

div.pro_prepared__illus--conditioning {
  height: 324px; }
  div.pro_prepared__illus--conditioning div {
    width: 528px;
    left: -20px;
    background-image: url("img/pro_prepared/pro_prepared_conditioning.svg"); }

div.pro_prepared__illus--seperating {
  height: 315px; }
  div.pro_prepared__illus--seperating div {
    width: 495px;
    right: -10px;
    background-image: url("img/pro_prepared/pro_prepared_seperating.svg"); }

div.pro_prepared__illus--boiling {
  height: 228px; }
  div.pro_prepared__illus--boiling div {
    width: 488px;
    left: 20px;
    background-image: url("img/pro_prepared/pro_prepared_boiling.svg"); }

div.pro_prepared__illus--checking {
  height: 253px; }
  div.pro_prepared__illus--checking div {
    width: 425px;
    right: 30px;
    background-image: url("img/pro_prepared/pro_prepared_checking.svg"); }

div.pro_prepared__illus--packaging {
  height: 180px; }
  div.pro_prepared__illus--packaging div {
    width: 491px;
    /*right: -45px;*/
    background-image: url("img/pro_prepared/pro_prepared_packaging.svg"); }

div.pro_prepared__illus--shipping {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_prepared__illus--shipping {
      height: 152px; } }
  div.pro_prepared__illus--shipping div {
    background-image: url("img/pro_common/pro_common_truck_end.svg"); }

@media only screen and (min-width: 737px) {
  body.lang-fr section.ourvalues__prepared__demo {
    min-height: 2600px; } }

body.lang-fr div.pro_prepared__timeline {
  top: 449px; }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__conditioning {
    top: 552px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__seperating {
    top: 765px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__boiling {
    top: 1145px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__checking {
    top: 1403px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__packaging {
    top: 1707px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__shipping {
    top: 2148px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_prepared__shipping div.pro__box__copy {
    bottom: -225px; } }

section.pro_eggbakes__hero div.cmpnt__hero__bg {
  background: url("img/pro_eggbakes_header_mob_bg.jpg") no-repeat left top;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    section.pro_eggbakes__hero div.cmpnt__hero__bg {
      background: url("img/pro_eggbakes_header_bg.jpg") no-repeat left center;
      background-size: cover; } }

section.pro_eggbakes__hero div.cmpnt__hero__bg > div {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

section.pro_eggbakes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(1) {
  transition-delay: 0.0s; }

section.pro_eggbakes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(2) {
  transition-delay: 0.1s; }

section.pro_eggbakes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(3) {
  transition-delay: 0.2s; }

section.pro_eggbakes__hero div.cmpnt__hero__copy div.cmpnt__hero__copy__cntr.do-intro > *:nth-child(4) {
  transition-delay: 0.3s; }

div.pro_eggbakes__timeline {
  display: none;
  position: absolute;
  top: 349px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("img/pro_eggbakes/pro_eggbakes_timeline.svg") no-repeat center 54px;
  width: 108px;
  height: 2577px; }
  @media only screen and (min-width: 737px) {
    div.pro_eggbakes__timeline {
      display: block; } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__eggIn {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    margin-top: 21px; }
    div.pro_eggbakes__eggIn div.pro__box__illus,
    div.pro_eggbakes__eggIn div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__separating {
    right: 0px;
    top: 500px; }
    div.pro_eggbakes__separating div.pro__box__illus,
    div.pro_eggbakes__separating div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__cleaning {
    left: 0px;
    top: 690px; } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__candling {
    -webkit-transform: translate(20px, 0px);
            transform: translate(20px, 0px);
    right: 0px;
    top: 1095px; }
    div.pro_eggbakes__candling div.pro__box__illus,
    div.pro_eggbakes__candling div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__breaking {
    left: 0px;
    top: 1344px; } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__mixing {
    right: 0px;
    top: 1653px; }
    div.pro_eggbakes__mixing div.pro__box__illus,
    div.pro_eggbakes__mixing div.pro__box__copy > * {
      -webkit-transform: translate(20px, 0px);
              transform: translate(20px, 0px); } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__baking {
    left: 0px;
    top: 1880px; } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__freezing {
    left: 50%;
    top: 2450px;
    margin-left: -22%; }
    div.pro_eggbakes__freezing div.pro__box__illus,
    div.pro_eggbakes__freezing div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__freezing div.pro__box__copy {
    position: absolute;
    bottom: -150px; } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__shipping {
    left: 50%;
    top: 2875px;
    margin-left: -22%; }
    div.pro_eggbakes__shipping div.pro__box__illus,
    div.pro_eggbakes__shipping div.pro__box__copy > * {
      -webkit-transform: translate(0px, 20px);
              transform: translate(0px, 20px); } }

@media only screen and (min-width: 737px) {
  div.pro_eggbakes__shipping div.pro__box__copy {
    position: absolute;
    bottom: -230px; } }

div.pro_eggbakes__illus--eggsIn {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_eggbakes__illus--eggsIn {
      height: 152px; } }
  div.pro_eggbakes__illus--eggsIn div {
    background-image: url("img/pro_common/pro_common_truck.svg"); }

div.pro_eggbakes__illus--separating {
  height: 364px; }
  div.pro_eggbakes__illus--separating div {
    width: 528px;
    left: 20px;
    background-image: url("img/pro_eggbakes/pro_eggbakes_separating.svg"); }

div.pro_eggbakes__illus--cleaning {
  height: 267px; }
  div.pro_eggbakes__illus--cleaning div {
    width: 495px;
    right: 20px;
    background-image: url("img/pro_eggbakes/pro_eggbakes_cleaning.svg"); }

div.pro_eggbakes__illus--candling {
  height: 228px; }
  div.pro_eggbakes__illus--candling div {
    width: 488px;
    left: -15px;
    background-image: url("img/pro_eggbakes/pro_eggbakes_candling.svg"); }

div.pro_eggbakes__illus--breaking {
  height: 253px; }
  div.pro_eggbakes__illus--breaking div {
    width: 490px;
    right: 0px;
    background-image: url("img/pro_eggbakes/pro_eggbakes_breaking.svg"); }
  @media only screen and (min-width: 737px) {
    div.pro_eggbakes__illus--breaking {
      -webkit-transform: scale(-1, 1) translate(120px, 0px);
              transform: scale(-1, 1) translate(120px, 0px); } }
  @media only screen and (min-width: 769px) {
    div.pro_eggbakes__illus--breaking {
      right: 20px; } }

@media only screen and (min-width: 737px) {
  div.pro__box.pro_eggbakes__breaking.has-animated div.pro__box__illus {
    -webkit-transform: translate(-100px, 0px) scale(-1, 1) !important;
            transform: translate(-100px, 0px) scale(-1, 1) !important; } }

div.pro_eggbakes__illus--mixing {
  height: 400px; }
  div.pro_eggbakes__illus--mixing div {
    width: 492px;
    left: 20px;
    background-image: url("img/pro_eggbakes/pro_eggbakes_mixing.svg"); }

div.pro_eggbakes__illus--baking {
  height: 400px; }
  div.pro_eggbakes__illus--baking div {
    width: 491px;
    right: 0px;
    background-image: url("img/pro_eggbakes/pro_eggbakes_baking.svg"); }

div.pro_eggbakes__illus--freezing {
  height: 104px;
  background-size: contain; }
  @media only screen and (min-width: 737px) {
    div.pro_eggbakes__illus--freezing {
      height: 152px; } }
  div.pro_eggbakes__illus--freezing div {
    background-image: url("img/pro_common/pro_common_truck_end.svg"); }

section.ourvalues__grading__demo.eggbakes {
  min-height: 2850px; }

body.lang-fr section.ourvalues__grading__demo.eggbakes {
  min-height: 3010px; }

body.lang-fr div.pro_eggbakes__timeline {
  top: 400px; }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__separating {
    top: 552px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__cleaning {
    top: 790px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__candling {
    top: 1145px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__breaking {
    top: 1403px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__mixing {
    top: 1696px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__baking {
    top: 1946px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__freezing {
    top: 2334px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__shipping {
    top: 2928px; } }

@media only screen and (min-width: 737px) {
  body.lang-fr div.pro_eggbakes__shipping div.pro__box__copy {
    bottom: -262px; } }

.welfare__gallery div.video-image a.play {
  display: block;
  margin-left: -50px;
  margin-top: -50px;
  position: absolute;
  left: 50%;
  top: 50%; }

.unleash {
  background: url(img/neweggbites/unleash_bg.jpg);
  background-size: auto 100%;
  position: relative;
  text-align: center; }
  .unleash .is-video {
    display: block;
    position: relative; }
    .unleash .is-video:before {
      content: "";
      background-image: url(img/neweggbites/play.svg);
      background-position: center 100%;
      background-repeat: no-repeat;
      background-size: auto 19%;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 1;
      position: absolute; }
      @media only screen and (max-width: 1200px) {
        .unleash .is-video:before {
          background-position: center 98%; } }
      @media only screen and (max-width: 600px) {
        .unleash .is-video:before {
          background-position: center 99%; } }
  .unleash img {
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .unleash .indicator {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 20px;
    z-index: 100;
    text-decoration: none;
    font-family: 'Montserrat';
    color: #004380;
    bottom: -40px; }
    .unleash .indicator i {
      background: url(img/navmenu_indicator.svg) no-repeat center;
      width: 15px;
      height: 15px;
      display: block;
      margin: 0 auto; }
  .unleash .desktop {
    display: none; }
    @media only screen and (min-width: 737px) {
      .unleash .desktop {
        display: block; } }
  .unleash .mobile {
    display: block; }
    @media only screen and (min-width: 737px) {
      .unleash .mobile {
        display: none; } }

.productbanner {
  background: url(img/neweggbites/product_banner.jpg) no-repeat center bottom;
  background-size: cover;
  min-height: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media only screen and (max-width: 600px) {
    .productbanner {
      background-size: auto 150%;
      padding-top: 100px;
      padding-bottom: 20px;
      min-height: 200px; } }
  .productbanner img {
    max-width: 100%;
    height: auto; }
  .productbanner .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (max-width: 600px) {
      .productbanner .content {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .productbanner .content .col-1 {
      width: 44%; }
      @media only screen and (max-width: 600px) {
        .productbanner .content .col-1 {
          width: 91%; } }
      @media only screen and (min-width: 769px) {
        .productbanner .content .col-1 {
          width: 40%; } }
      @media only screen and (min-width: 1025px) {
        .productbanner .content .col-1 {
          width: 44%; } }
    .productbanner .content .col-2 {
      width: 52%; }
      @media only screen and (max-width: 600px) {
        .productbanner .content .col-2 {
          width: 100%; } }
      @media only screen and (min-width: 769px) {
        .productbanner .content .col-2 {
          width: 48%; } }
      @media only screen and (min-width: 1025px) {
        .productbanner .content .col-2 {
          width: 44%; } }
      .productbanner .content .col-2 p {
        font-weight: 500;
        font-size: 20px;
        color: #004380;
        text-shadow: 0 0 10px #ffffff;
        margin-bottom: 30px;
        line-height: 1; }
        @media only screen and (min-width: 320px) {
          .productbanner .content .col-2 p {
            font-size: 16px;
            margin-bottom: 15px;
            font-weight: 500; } }
        @media only screen and (min-width: 737px) {
          .productbanner .content .col-2 p {
            font-size: 20px;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 769px) {
          .productbanner .content .col-2 p {
            font-size: 26px;
            margin-bottom: 30px; } }
        @media only screen and (min-width: 1025px) {
          .productbanner .content .col-2 p {
            font-size: 36px; } }
      @media only screen and (max-width: 600px) {
        .productbanner .content .col-2 img {
          max-width: 200px; } }

#coupon {
  font-family: 'Core Mellow';
  background: url(img/neweggbites/coupon_bg.jpg) no-repeat center;
  background-size: cover;
  height: 70vh;
  min-height: 640px;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 1000px) {
    #coupon {
      height: 50vh; } }
  #coupon img {
    max-width: 100%;
    height: auto; }
  #coupon .coupon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 50; }
  #coupon .fork {
    position: absolute;
    z-index: 5;
    left: 15%;
    top: 20%; }
    @media only screen and (max-width: 1000px) {
      #coupon .fork {
        display: none; } }
  #coupon .snack1 {
    position: absolute;
    z-index: 10;
    left: 2%;
    top: 60%;
    max-width: 13%; }
    @media only screen and (max-width: 1000px) {
      #coupon .snack1 {
        display: none; } }
  #coupon .snack2 {
    position: absolute;
    z-index: 10;
    left: 22%;
    top: 30%;
    max-width: 13%; }
    @media only screen and (max-width: 1000px) {
      #coupon .snack2 {
        display: none; } }
  #coupon .mantel {
    background: url(img/neweggbites/mantel.png) no-repeat left center;
    background-size: 100% auto;
    height: 100%;
    top: -40px;
    width: 50%;
    right: -10%;
    position: absolute;
    z-index: 8; }
    @media only screen and (max-width: 1000px) {
      #coupon .mantel {
        display: none; } }
    #coupon .mantel .snack4 {
      width: 20%;
      top: 49%;
      right: 54%;
      position: absolute; }
    #coupon .mantel .snack5 {
      width: 20%;
      top: 35%;
      right: 20%;
      position: absolute; }
    #coupon .mantel .snack6 {
      width: 20%;
      top: 26%;
      right: 40%;
      position: absolute; }

.videos {
  padding-top: 30px;
  padding-bottom: 30px;
  background: url(img/neweggbites/videos_bg.jpg) no-repeat center top;
  background-size: cover; }
  .videos h2 {
    font-family: 'Montserrat';
    text-align: center;
    color: #004380;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 52px; }
    @media only screen and (max-width: 900px) {
      .videos h2 {
        font-size: 40px; } }
  .videos .content {
    margin: 0 auto;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px; }
  .videos .list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .videos .list .item {
      width: 49.5%;
      margin-bottom: 1%; }
      @media only screen and (max-width: 768px) {
        .videos .list .item {
          width: 100%; } }
      .videos .list .item img {
        max-width: 100%;
        height: auto; }
      .videos .list .item a {
        display: block;
        position: relative;
        overflow: hidden; }
        .videos .list .item a:before {
          content: "";
          background-color: transparent;
          -webkit-backdrop-filter: blur(6px);
                  backdrop-filter: blur(6px);
          opacity: 1;
          display: block;
          width: 100%;
          height: 800px;
          z-index: 1;
          left: 0;
          top: 0;
          position: absolute;
          transition: opacity .5s; }
        .videos .list .item a:after {
          content: "";
          background: url(img/neweggbites/play.svg) no-repeat center;
          background-size: 20%;
          opacity: 1;
          display: block;
          width: 100%;
          height: 800px;
          z-index: 1;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          position: absolute;
          transition: opacity .5s; }
        .videos .list .item a:hover:before, .videos .list .item a:hover:after {
          opacity: 0;
          transition: opacity .5s; }

.bannernew img {
  margin-top: 0;
  margin-bottom: 0; }

#neweggbites {
  background: url(img/neweggbites/products_bg.jpg) repeat center top;
  min-height: 100vh; }
  @media only screen and (max-width: 899px) {
    #neweggbites {
      min-height: 1vh; } }
  #neweggbites .content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh; }
    @media only screen and (max-width: 899px) {
      #neweggbites .content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        min-height: 50vh; } }
    #neweggbites .content .prod {
      width: 50%;
      overflow: hidden; }
      #neweggbites .content .prod .container {
        position: relative;
        top: 50%;
        height: 100%;
        padding: 0 60px;
        transition: all .5s; }
        @media only screen and (max-width: 899px) {
          #neweggbites .content .prod .container {
            padding: 0 20px; } }
        @media only screen and (min-width: 900px) {
          #neweggbites .content .prod .container {
            padding: 0 30px; } }
        @media only screen and (min-width: 1200px) {
          #neweggbites .content .prod .container {
            padding: 0 60px; } }
        #neweggbites .content .prod .container:hover {
          top: 0;
          transition: all .5s; }
  #neweggbites .logos {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    z-index: 100; }
    #neweggbites .logos img {
      display: block;
      margin: 0 auto; }
    @media only screen and (max-width: 899px) {
      #neweggbites .logos .eggbites {
        max-width: 200px; } }
    #neweggbites .logos .pizzadeluxe, #neweggbites .logos .texmex {
      position: absolute;
      left: 50%;
      top: 200px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      opacity: 1;
      z-index: 3;
      max-width: 260px; }
      @media only screen and (max-width: 899px) {
        #neweggbites .logos .pizzadeluxe, #neweggbites .logos .texmex {
          max-width: 160px;
          top: 100px; } }
      @media only screen and (min-width: 900px) {
        #neweggbites .logos .pizzadeluxe, #neweggbites .logos .texmex {
          max-width: 320px; } }
      @media only screen and (min-width: 1400px) {
        #neweggbites .logos .pizzadeluxe, #neweggbites .logos .texmex {
          max-width: 430px; } }
      @media only screen and (min-width: 1600px) {
        #neweggbites .logos .pizzadeluxe, #neweggbites .logos .texmex {
          max-width: 538px; } }
    #neweggbites .logos .texmex {
      opacity: 0;
      z-index: 4; }
      #neweggbites .logos .texmex.active {
        opacity: 1; }
  #neweggbites h3 {
    font-family: 'Core Mellow';
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    position: relative;
    z-index: 10; }
    @media only screen and (min-width: 900px) {
      #neweggbites h3 {
        font-size: 36px; } }
    @media only screen and (min-width: 1200px) {
      #neweggbites h3 {
        font-size: 40px; } }
    @media only screen and (min-width: 1500px) {
      #neweggbites h3 {
        font-size: 60px; } }
  #neweggbites .description {
    opacity: 0;
    position: relative;
    z-index: 10;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  #neweggbites #texmex .description {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media only screen and (max-width: 899px) {
      #neweggbites #texmex .description {
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; } }
  #neweggbites .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0; }
  #neweggbites .desc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px; }
    #neweggbites .desc h4 {
      font-family: 'Montserrat';
      font-size: 34px;
      text-align: center;
      color: #E1F3FC; }
      @media only screen and (max-width: 899px) {
        #neweggbites .desc h4 {
          font-size: 18px; } }
      @media only screen and (min-width: 900px) {
        #neweggbites .desc h4 {
          font-size: 24px; } }
      @media only screen and (min-width: 1200px) {
        #neweggbites .desc h4 {
          font-size: 28px; } }
      @media only screen and (min-width: 1500px) {
        #neweggbites .desc h4 {
          font-size: 34px; } }
    #neweggbites .desc p {
      font-size: 20px;
      text-align: center;
      color: #fff; }
      @media only screen and (max-width: 899px) {
        #neweggbites .desc p {
          font-size: 16px; } }
    #neweggbites .desc .txt {
      width: 265px; }
    #neweggbites .desc .image {
      width: 180px; }
      @media only screen and (min-width: 900px) {
        #neweggbites .desc .image {
          width: 100px; } }
      @media only screen and (min-width: 1200px) {
        #neweggbites .desc .image {
          width: 100px; } }
      @media only screen and (min-width: 1500px) {
        #neweggbites .desc .image {
          width: 180px; } }
      #neweggbites .desc .image img {
        width: 100%; }
    #neweggbites .desc.desc2, #neweggbites .desc.desc5 {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      #neweggbites .desc.desc2 .image, #neweggbites .desc.desc5 .image {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        width: 265px;
        text-align: center; }
        @media only screen and (min-width: 900px) {
          #neweggbites .desc.desc2 .image img, #neweggbites .desc.desc5 .image img {
            width: 100px; } }
        @media only screen and (min-width: 1500px) {
          #neweggbites .desc.desc2 .image img, #neweggbites .desc.desc5 .image img {
            width: 180px; } }
      #neweggbites .desc.desc2 .txt, #neweggbites .desc.desc5 .txt {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
    #neweggbites .desc.desc3 {
      left: 50px;
      position: relative; }
    #neweggbites .desc.desc4 {
      position: relative;
      right: 15%; }
      #neweggbites .desc.desc4 .image {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
      #neweggbites .desc.desc4 .txt {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
      @media only screen and (min-width: 900px) {
        #neweggbites .desc.desc4 {
          right: 0; } }
      @media only screen and (min-width: 1200px) {
        #neweggbites .desc.desc4 {
          right: 0; } }
      @media only screen and (min-width: 1500px) {
        #neweggbites .desc.desc4 {
          right: 15%; } }
    #neweggbites .desc.desc5 {
      position: relative;
      right: 2%; }
      @media only screen and (min-width: 900px) {
        #neweggbites .desc.desc5 {
          right: 0; } }
    #neweggbites .desc.desc6 {
      position: relative;
      right: 15%; }
      @media only screen and (min-width: 900px) {
        #neweggbites .desc.desc6 {
          right: 0; } }
      #neweggbites .desc.desc6 .image {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
      #neweggbites .desc.desc6 .txt {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
    @media only screen and (max-width: 899px) {
      #neweggbites .desc.desc1, #neweggbites .desc.desc2, #neweggbites .desc.desc3, #neweggbites .desc.desc4, #neweggbites .desc.desc5, #neweggbites .desc.desc6 {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        left: auto;
        right: auto; }
        #neweggbites .desc.desc1 .image, #neweggbites .desc.desc2 .image, #neweggbites .desc.desc3 .image, #neweggbites .desc.desc4 .image, #neweggbites .desc.desc5 .image, #neweggbites .desc.desc6 .image {
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1;
          width: 160px;
          text-align: center; }
          #neweggbites .desc.desc1 .image img, #neweggbites .desc.desc2 .image img, #neweggbites .desc.desc3 .image img, #neweggbites .desc.desc4 .image img, #neweggbites .desc.desc5 .image img, #neweggbites .desc.desc6 .image img {
            width: 80px; }
        #neweggbites .desc.desc1 .txt, #neweggbites .desc.desc2 .txt, #neweggbites .desc.desc3 .txt, #neweggbites .desc.desc4 .txt, #neweggbites .desc.desc5 .txt, #neweggbites .desc.desc6 .txt {
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          width: 100%; }
          #neweggbites .desc.desc1 .txt h4, #neweggbites .desc.desc1 .txt p, #neweggbites .desc.desc2 .txt h4, #neweggbites .desc.desc2 .txt p, #neweggbites .desc.desc3 .txt h4, #neweggbites .desc.desc3 .txt p, #neweggbites .desc.desc4 .txt h4, #neweggbites .desc.desc4 .txt p, #neweggbites .desc.desc5 .txt h4, #neweggbites .desc.desc5 .txt p, #neweggbites .desc.desc6 .txt h4, #neweggbites .desc.desc6 .txt p {
            text-align: left; } }
  #neweggbites #pizzadeluxe h3 {
    color: #D94936; }
  #neweggbites #pizzadeluxe .bg {
    background: #A43626; }
  #neweggbites #texmex h3 {
    color: #773C1A; }
  #neweggbites #texmex .bg {
    background: #773C1A; }
  #neweggbites .content .description, #neweggbites .content .bg {
    transition: all .5s; }
  #neweggbites .content h3 {
    transition: all .5s; }
  #neweggbites .content .prod .container {
    transition: all .5s; }
    #neweggbites .content .prod .container:hover {
      top: 0;
      transition: all .5s; }
      #neweggbites .content .prod .container:hover .description, #neweggbites .content .prod .container:hover .bg {
        opacity: 1;
        transition: all .5s; }
      #neweggbites .content .prod .container:hover h3 {
        color: #fff !important;
        padding: 60px 0;
        transition: all .5s; }
        @media only screen and (max-width: 899px) {
          #neweggbites .content .prod .container:hover h3 {
            padding-top: 280px;
            padding-bottom: 30px; } }

.neweggbitespage .siteNav__main, .neweggbitespage .eggBurger, .neweggbitespage .eggShape {
  top: -1000em; }

.neweggbitespage .submenuBtn, .neweggbitespage .submenu__recipes {
  top: -1000em; }

.neweggbitespage .topheader {
  height: 64px;
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 5px 10px; }

.toplogoeggbites {
  margin: 0 !important;
  padding: 0 !important; }
  .toplogoeggbites:after {
    display: none !important; }
  .toplogoeggbites img {
    height: 54px; }

.toplogobbf img {
  height: 54px; }

section.earthday__hero div.cmpnt__hero__bg {
  background: url("img/barn.jpg") no-repeat center bottom;
  background-size: cover; }
  @media only screen and (min-width: 737px) {
    section.earthday__hero div.cmpnt__hero__bg {
      background: url("img/barn.jpg") no-repeat center bottom;
      background-size: cover; } }

section.cmpnt__hero.earthday__hero {
  min-height: 680px;
  padding-top: 50px;
  padding-bottom: 200px;
  height: auto; }

section.cmpnt__hero.earthday__hero.cmpnt__hero--bottom div.cmpnt__hero__copy {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  padding-top: 60px; }
  @media only screen and (min-width: 320px) and (max-width: 736px) {
    section.cmpnt__hero.earthday__hero.cmpnt__hero--bottom div.cmpnt__hero__copy {
      padding-top: 40px; } }
  section.cmpnt__hero.earthday__hero.cmpnt__hero--bottom div.cmpnt__hero__copy h2 {
    margin-top: 40px;
    font-size: 40px;
    color: #004380; }
    section.cmpnt__hero.earthday__hero.cmpnt__hero--bottom div.cmpnt__hero__copy h2 span {
      font-size: 32px;
      display: block; }
  section.cmpnt__hero.earthday__hero.cmpnt__hero--bottom div.cmpnt__hero__copy .btn__cta {
    font-size: 24px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px; }
    section.cmpnt__hero.earthday__hero.cmpnt__hero--bottom div.cmpnt__hero__copy .btn__cta:hover {
      color: #004380;
      border-color: #004380; }

.earthday {
  position: relative; }
  .earthday .wrapper {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 90%;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 5%;
    width: 90%; }
  .earthday .prev, .earthday .next {
    position: absolute;
    z-index: 999;
    border: 0;
    background: rgba(255, 255, 255, 0.5);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px; }
    .earthday .prev svg, .earthday .next svg {
      width: 40px;
      position: absolute;
      top: 50%;
      left: 42%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .earthday .prev.hide, .earthday .next.hide {
      visibility: hidden; }
  .earthday .prev {
    left: 0; }
  .earthday .next {
    right: 0; }
    .earthday .next svg {
      left: 56%; }
  .earthday .aspect {
    padding-bottom: 70%;
    position: relative;
    width: 100%; }
    @media (max-width: 460px) {
      .earthday .aspect {
        padding-bottom: 100%; } }
  .earthday .aspect-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .earthday .flipbook {
    height: 100%;
    transition: margin-left 0.25s ease-out;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .earthday .flipbook .page {
    height: 100%;
    width: 100%;
    position: relative; }
  .earthday .flipbook .page img {
    max-width: 100%;
    height: 100%; }
  .earthday .flipbook .dummy {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }
  .earthday .flipbook .shadow {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }
  .earthday.report {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 50vh;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .earthday.report img {
      margin-top: 30px;
      margin-bottom: 30px; }
  .earthday.hz {
    text-align: center; }
    .earthday.hz .aspect {
      padding-bottom: 50%;
      text-align: center; }
    .earthday.hz .flipbook .page {
      width: 100%;
      margin: 0 auto; }
    .earthday.hz .flipbook .page img {
      height: 100%; }
  .earthday .btn__cta {
    font-size: 24px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px; }
    .earthday .btn__cta:hover {
      color: #004380;
      border-color: #004380; }

.standalone_shelled-eggs {
  background: url(/static/img/bg_fiber.jpg) center;
  position: relative;
  padding: 30px 0; }
  .standalone_shelled-eggs .content {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px; }
    .standalone_shelled-eggs .content .frame {
      padding: 16px;
      text-align: center; }
      .standalone_shelled-eggs .content .frame img {
        width: auto;
        max-width: 100%; }
    .standalone_shelled-eggs .content .links {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .standalone_shelled-eggs .content .links .col {
        width: 45%;
        margin-bottom: 16px; }
        @media (max-width: 768px) {
          .standalone_shelled-eggs .content .links .col {
            width: 100%; } }
        .standalone_shelled-eggs .content .links .col .btn {
          width: 100%; }
          .standalone_shelled-eggs .content .links .col .btn sup {
            font-size: 50%; }

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