@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

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

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #DEDEDE;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #DEDEDE;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 41px;
}

h2, .h2 {
  font-size: 34px;
}

h3, .h3 {
  font-size: 28px;
}

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

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

p {
  margin: 0 0 11px;
}

.lead {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 24px;
  }
}

small,
.small {
  font-size: 87%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #DEDEDE;
}

.text-primary {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(42.808988764, 84.191011236, 43.5224719101);
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(35.984375, 82.25, 105.015625);
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: rgb(192.7777777778, 225.8333333333, 179.1666666667);
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: rgb(174.8695652174, 217.0434782609, 238.1304347826);
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: rgb(247.064516129, 236.4838709677, 180.935483871);
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: rgb(227.5869565217, 185.4130434783, 185.4130434783);
}

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid rgb(238.425, 238.425, 238.425);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid rgb(238.425, 238.425, 238.425);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #DEDEDE;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid rgb(238.425, 238.425, 238.425);
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.428571429;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

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

.col-xs-4 {
  width: 33.3333333333%;
}

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

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

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

.col-xs-8 {
  width: 66.6666666667%;
}

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

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1440px) {
  .container {
    width: 1410px;
  }
}

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1440px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-push-1 {
    left: 8.3333333333%;
  }
  .col-xl-push-2 {
    left: 16.6666666667%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-4 {
    left: 33.3333333333%;
  }
  .col-xl-push-5 {
    left: 41.6666666667%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-7 {
    left: 58.3333333333%;
  }
  .col-xl-push-8 {
    left: 66.6666666667%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-10 {
    left: 83.3333333333%;
  }
  .col-xl-push-11 {
    left: 91.6666666667%;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

:root {
  --cky-font-base: "Gotham A", "Gotham B", sans-serif;
  --cky-font-bold: "LunchBox W01 Regular", sans-serif;
  --cky-title-font: var(--cky-font-bold);
  --cky-title-size: 24px;
  --cky-title-size-mob: 20px;
  --cky-paragraph-size: 15px;
  --cky-paragraph-lh: 24px;
  --cky-padding-box-mob: 30px 0;
  --cky-padding-box: 30px;
  --cky-border-radius-box: 2px;
  --cky-border-radius-button: 30px;
  --cky-brand-primary: #AC162C;
  --cky-brand-background: #FFF;
  --cky-brand-heading: #000;
  --cky-brand-text: #000;
  --cky-brand-link: var(--cky-brand-primary);
  --cky-brand-success: var(--cky-brand-primary);
  --cky-brand-warning: #999999;
  --cky-revisit-bg: var(--cky-brand-primary);
  --cky-btn-weight: bold;
  --cky-btn-accept-bg: var(--cky-brand-primary);
  --cky-btn-reject-bg: #FFF;
  --cky-btn-customize-bg: #FFF;
  --cky-btn-accept-border: 2px solid var(--cky-brand-primary);
  --cky-btn-reject-border: 2px solid var(--cky-brand-primary);
  --cky-btn-customize-border: 2px solid var(--cky-brand-primary);
  --cky-btn-pref-border: 2px solid var(--cky-brand-primary);
  --cky-btn-accept-color: #FFF;
  --cky-btn-reject-color: var(--cky-brand-primary);
  --cky-btn-customize-color: var(--cky-brand-primary);
  --cky-btn-pref-color: var(--cky-brand-primary);
  --cky-checkbox-bg: #000;
  --cky-checkbox-checked-bg: var(--cky-brand-primary);
  --cky-checkbox-border: 1px solid #000;
  --cky-table-th-bg: var(--cky-brand-primary);
  --cky-table-th-padding: 10px;
  --cky-table-td-padding: 10px;
  --cky-table-th-border: none;
  --cky-table-td-border: none;
  --cky-table-th-size: 16px;
  --cky-table-td-size: 16px;
  --cky-table-th-color: #FFF;
  --cky-table-td-color: var(--cky-brand-text);
  --cky-table-bg-odd: #F3F3F3;
  --cky-table-bg-even: #FFF;
}

.cky-btn-revisit-wrapper {
  background-color: var(--cky-revisit-bg) !important;
}

.cky-consent-bar {
  padding: var(--cky-padding-box) !important;
  background-color: var(--cky-brand-background) !important;
  border-radius: var(--cky-border-radius-box) !important;
  border-color: var(--cky-brand-background) !important;
}
@media (max-width: 440px) {
  .cky-consent-bar {
    padding: var(--cky-padding-box-mob) !important;
  }
}

.cky-title {
  font-size: var(--cky-title-size) !important;
  font-family: var(--cky-title-font) !important;
  color: var(--cky-brand-heading) !important;
}
@media (max-width: 440px) {
  .cky-title {
    font-size: var(--cky-title-size-mob) !important;
  }
}

.cky-notice-des p {
  line-height: var(--cky-paragraph-lh);
  color: var(--cky-brand-text) !important;
  font-size: var(--cky-paragraph-size);
}

.cky-notice-des p a {
  color: var(--cky-brand-link) !important;
  font-weight: var(--cky-btn-weight) !important;
}

@media (max-width: 440px) {
  .cky-notice-btn-wrapper {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}

.cky-btn {
  border-radius: var(--cky-border-radius-button) !important;
  font-weight: bold !important;
}

.cky-btn-accept {
  background-color: var(--cky-btn-accept-bg) !important;
  border: var(--cky-btn-accept-border) !important;
  color: var(--cky-btn-accept-color) !important;
}

.cky-btn-reject {
  background-color: var(--cky-btn-reject-bg) !important;
  border: var(--cky-btn-reject-border) !important;
  color: var(--cky-btn-reject-color) !important;
}
@media (max-width: 440px) {
  .cky-btn-reject {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 1 calc(50% - 5px) !important;
    -ms-flex: 0 1 calc(50% - 5px) !important;
    flex: 0 1 calc(50% - 5px) !important;
    margin-left: 5px !important;
  }
}

.cky-btn-customize {
  background-color: var(--cky-btn-customize-bg) !important;
  border: var(--cky-btn-customize-border) !important;
  color: var(--cky-btn-customize-color) !important;
}
@media (max-width: 440px) {
  .cky-btn-customize {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 1 calc(50% - 5px) !important;
    -ms-flex: 0 1 calc(50% - 5px) !important;
    flex: 0 1 calc(50% - 5px) !important;
    margin-right: 5px !important;
  }
}

.cky-btn-preferences {
  border: var(--cky-btn-pref-border) !important;
  color: var(--cky-btn-pref-color) !important;
}

.cky-preference-center {
  background-color: var(--cky-brand-background) !important;
  border-color: var(--cky-brand-text) !important;
  border-radius: var(--cky-border-radius-box) !important;
}

.cky-footer-shadow {
  display: none !important;
}

.cky-preference-title {
  color: var(--cky-brand-heading) !important;
}

.cky-preference-content-wrapper {
  color: var(--cky-brand-text) !important;
}

.cky-show-desc-btn {
  color: var(--cky-brand-link) !important;
  text-decoration: underline !important;
}

.cky-always-active {
  color: var(--cky-brand-success) !important;
}

.cky-accordion-btn {
  color: var(--cky-brand-heading) !important;
}

.cky-accordion-header-des {
  color: var(--cky-brand-text) !important;
}

.cky-chevron-right {
  color: var(--cky-brand-link) !important;
}

.cky-audit-table {
  background-color: var(--cky-brand-background) !important;
}

.cky-cookie-des-table {
  color: var(--cky-brand-text);
}

.cky-switch input[type=checkbox] {
  background-color: var(--cky-checkbox-bg) !important;
  border: var(--cky-checkbox-border) !important;
}

.cky-switch input[type=checkbox] {
  border: 1px solid var(--cky-brand-text) !important;
}

.cky-switch input[type=checkbox]::before {
  -webkit-transform: translateX(-1px) translateY(1px) !important;
  transform: translateX(-1px) translateY(1px) !important;
}

.cky-switch input[type=checkbox]:checked {
  background-color: var(--cky-checkbox-checked-bg) !important;
  border-color: var(--cky-checkbox-checked-bg) !important;
}

.cky-switch input[type=checkbox]:checked::before {
  -webkit-transform: translateX(19px) translateY(1px) !important;
  transform: translateX(19px) translateY(1px) !important;
}

[data-cky-tag=detail-powered-by] {
  background-color: transparent !important;
}

.cky-cookie-audit-table th {
  padding: var(--cky-table-th-padding) !important;
  font-size: var(--cky-table-th-size) !important;
  background-color: var(--cky-table-th-bg) !important;
  color: var(--cky-table-th-color) !important;
  border: var(--cky-table-th-border) !important;
}

.cky-cookie-audit-table td {
  padding: var(--cky-table-td-padding) !important;
  font-size: var(--cky-table-td-size) !important;
  color: var(--cky-table-td-color) !important;
  border: var(--cky-table-td-border) !important;
}

.cky-cookie-audit-table tr:nth-child(2n+1) td {
  background-color: var(--cky-table-bg-odd) !important;
}

.cky-cookie-audit-table tr:nth-child(2n) td {
  background-color: var(--cky-table-bg-even) !important;
}

[class*=block-grid-] {
  display: block;
  margin: -15px;
  padding: 0;
}
[class*=block-grid-]:before, [class*=block-grid-]:after {
  display: table;
  content: " ";
}
[class*=block-grid-]:after {
  clear: both;
}

.block-grid-item {
  display: inline;
  margin: 0;
  padding: 15px;
  height: auto;
  float: left;
  list-style: none;
}

.block-grid-xs-1 > .block-grid-item {
  width: 100%;
}
.block-grid-xs-1 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-1 > .block-grid-item:nth-of-type(1n+1) {
  clear: both;
}

.block-grid-xs-2 > .block-grid-item {
  width: 50%;
}
.block-grid-xs-2 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-2 > .block-grid-item:nth-of-type(2n+1) {
  clear: both;
}

.block-grid-xs-3 > .block-grid-item {
  width: 33.3333333333%;
}
.block-grid-xs-3 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-3 > .block-grid-item:nth-of-type(3n+1) {
  clear: both;
}

.block-grid-xs-4 > .block-grid-item {
  width: 25%;
}
.block-grid-xs-4 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-4 > .block-grid-item:nth-of-type(4n+1) {
  clear: both;
}

.block-grid-xs-5 > .block-grid-item {
  width: 20%;
}
.block-grid-xs-5 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-5 > .block-grid-item:nth-of-type(5n+1) {
  clear: both;
}

.block-grid-xs-6 > .block-grid-item {
  width: 16.6666666667%;
}
.block-grid-xs-6 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-6 > .block-grid-item:nth-of-type(6n+1) {
  clear: both;
}

.block-grid-xs-7 > .block-grid-item {
  width: 14.2857142857%;
}
.block-grid-xs-7 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-7 > .block-grid-item:nth-of-type(7n+1) {
  clear: both;
}

.block-grid-xs-8 > .block-grid-item {
  width: 12.5%;
}
.block-grid-xs-8 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-8 > .block-grid-item:nth-of-type(8n+1) {
  clear: both;
}

.block-grid-xs-9 > .block-grid-item {
  width: 11.1111111111%;
}
.block-grid-xs-9 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-9 > .block-grid-item:nth-of-type(9n+1) {
  clear: both;
}

.block-grid-xs-10 > .block-grid-item {
  width: 10%;
}
.block-grid-xs-10 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-10 > .block-grid-item:nth-of-type(10n+1) {
  clear: both;
}

.block-grid-xs-11 > .block-grid-item {
  width: 9.0909090909%;
}
.block-grid-xs-11 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-11 > .block-grid-item:nth-of-type(11n+1) {
  clear: both;
}

.block-grid-xs-12 > .block-grid-item {
  width: 8.3333333333%;
}
.block-grid-xs-12 > .block-grid-item:nth-of-type(n) {
  clear: none;
}
.block-grid-xs-12 > .block-grid-item:nth-of-type(12n+1) {
  clear: both;
}

@media (min-width: 768px) {
  .block-grid-sm-1 > .block-grid-item {
    width: 100%;
  }
  .block-grid-sm-1 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-1 > .block-grid-item:nth-of-type(1n+1) {
    clear: both;
  }
  .block-grid-sm-2 > .block-grid-item {
    width: 50%;
  }
  .block-grid-sm-2 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-2 > .block-grid-item:nth-of-type(2n+1) {
    clear: both;
  }
  .block-grid-sm-3 > .block-grid-item {
    width: 33.3333333333%;
  }
  .block-grid-sm-3 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-3 > .block-grid-item:nth-of-type(3n+1) {
    clear: both;
  }
  .block-grid-sm-4 > .block-grid-item {
    width: 25%;
  }
  .block-grid-sm-4 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-4 > .block-grid-item:nth-of-type(4n+1) {
    clear: both;
  }
  .block-grid-sm-5 > .block-grid-item {
    width: 20%;
  }
  .block-grid-sm-5 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-5 > .block-grid-item:nth-of-type(5n+1) {
    clear: both;
  }
  .block-grid-sm-6 > .block-grid-item {
    width: 16.6666666667%;
  }
  .block-grid-sm-6 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-6 > .block-grid-item:nth-of-type(6n+1) {
    clear: both;
  }
  .block-grid-sm-7 > .block-grid-item {
    width: 14.2857142857%;
  }
  .block-grid-sm-7 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-7 > .block-grid-item:nth-of-type(7n+1) {
    clear: both;
  }
  .block-grid-sm-8 > .block-grid-item {
    width: 12.5%;
  }
  .block-grid-sm-8 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-8 > .block-grid-item:nth-of-type(8n+1) {
    clear: both;
  }
  .block-grid-sm-9 > .block-grid-item {
    width: 11.1111111111%;
  }
  .block-grid-sm-9 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-9 > .block-grid-item:nth-of-type(9n+1) {
    clear: both;
  }
  .block-grid-sm-10 > .block-grid-item {
    width: 10%;
  }
  .block-grid-sm-10 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-10 > .block-grid-item:nth-of-type(10n+1) {
    clear: both;
  }
  .block-grid-sm-11 > .block-grid-item {
    width: 9.0909090909%;
  }
  .block-grid-sm-11 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-11 > .block-grid-item:nth-of-type(11n+1) {
    clear: both;
  }
  .block-grid-sm-12 > .block-grid-item {
    width: 8.3333333333%;
  }
  .block-grid-sm-12 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-sm-12 > .block-grid-item:nth-of-type(12n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .block-grid-md-1 > .block-grid-item {
    width: 100%;
  }
  .block-grid-md-1 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-1 > .block-grid-item:nth-of-type(1n+1) {
    clear: both;
  }
  .block-grid-md-2 > .block-grid-item {
    width: 50%;
  }
  .block-grid-md-2 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-2 > .block-grid-item:nth-of-type(2n+1) {
    clear: both;
  }
  .block-grid-md-3 > .block-grid-item {
    width: 33.3333333333%;
  }
  .block-grid-md-3 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-3 > .block-grid-item:nth-of-type(3n+1) {
    clear: both;
  }
  .block-grid-md-4 > .block-grid-item {
    width: 25%;
  }
  .block-grid-md-4 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-4 > .block-grid-item:nth-of-type(4n+1) {
    clear: both;
  }
  .block-grid-md-5 > .block-grid-item {
    width: 20%;
  }
  .block-grid-md-5 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-5 > .block-grid-item:nth-of-type(5n+1) {
    clear: both;
  }
  .block-grid-md-6 > .block-grid-item {
    width: 16.6666666667%;
  }
  .block-grid-md-6 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-6 > .block-grid-item:nth-of-type(6n+1) {
    clear: both;
  }
  .block-grid-md-7 > .block-grid-item {
    width: 14.2857142857%;
  }
  .block-grid-md-7 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-7 > .block-grid-item:nth-of-type(7n+1) {
    clear: both;
  }
  .block-grid-md-8 > .block-grid-item {
    width: 12.5%;
  }
  .block-grid-md-8 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-8 > .block-grid-item:nth-of-type(8n+1) {
    clear: both;
  }
  .block-grid-md-9 > .block-grid-item {
    width: 11.1111111111%;
  }
  .block-grid-md-9 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-9 > .block-grid-item:nth-of-type(9n+1) {
    clear: both;
  }
  .block-grid-md-10 > .block-grid-item {
    width: 10%;
  }
  .block-grid-md-10 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-10 > .block-grid-item:nth-of-type(10n+1) {
    clear: both;
  }
  .block-grid-md-11 > .block-grid-item {
    width: 9.0909090909%;
  }
  .block-grid-md-11 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-11 > .block-grid-item:nth-of-type(11n+1) {
    clear: both;
  }
  .block-grid-md-12 > .block-grid-item {
    width: 8.3333333333%;
  }
  .block-grid-md-12 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-md-12 > .block-grid-item:nth-of-type(12n+1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .block-grid-lg-1 > .block-grid-item {
    width: 100%;
  }
  .block-grid-lg-1 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-1 > .block-grid-item:nth-of-type(1n+1) {
    clear: both;
  }
  .block-grid-lg-2 > .block-grid-item {
    width: 50%;
  }
  .block-grid-lg-2 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-2 > .block-grid-item:nth-of-type(2n+1) {
    clear: both;
  }
  .block-grid-lg-3 > .block-grid-item {
    width: 33.3333333333%;
  }
  .block-grid-lg-3 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-3 > .block-grid-item:nth-of-type(3n+1) {
    clear: both;
  }
  .block-grid-lg-4 > .block-grid-item {
    width: 25%;
  }
  .block-grid-lg-4 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-4 > .block-grid-item:nth-of-type(4n+1) {
    clear: both;
  }
  .block-grid-lg-5 > .block-grid-item {
    width: 20%;
  }
  .block-grid-lg-5 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-5 > .block-grid-item:nth-of-type(5n+1) {
    clear: both;
  }
  .block-grid-lg-6 > .block-grid-item {
    width: 16.6666666667%;
  }
  .block-grid-lg-6 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-6 > .block-grid-item:nth-of-type(6n+1) {
    clear: both;
  }
  .block-grid-lg-7 > .block-grid-item {
    width: 14.2857142857%;
  }
  .block-grid-lg-7 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-7 > .block-grid-item:nth-of-type(7n+1) {
    clear: both;
  }
  .block-grid-lg-8 > .block-grid-item {
    width: 12.5%;
  }
  .block-grid-lg-8 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-8 > .block-grid-item:nth-of-type(8n+1) {
    clear: both;
  }
  .block-grid-lg-9 > .block-grid-item {
    width: 11.1111111111%;
  }
  .block-grid-lg-9 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-9 > .block-grid-item:nth-of-type(9n+1) {
    clear: both;
  }
  .block-grid-lg-10 > .block-grid-item {
    width: 10%;
  }
  .block-grid-lg-10 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-10 > .block-grid-item:nth-of-type(10n+1) {
    clear: both;
  }
  .block-grid-lg-11 > .block-grid-item {
    width: 9.0909090909%;
  }
  .block-grid-lg-11 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-11 > .block-grid-item:nth-of-type(11n+1) {
    clear: both;
  }
  .block-grid-lg-12 > .block-grid-item {
    width: 8.3333333333%;
  }
  .block-grid-lg-12 > .block-grid-item:nth-of-type(n) {
    clear: none;
  }
  .block-grid-lg-12 > .block-grid-item:nth-of-type(12n+1) {
    clear: both;
  }
}
/* mixin for multiline */
.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 10px !important;
}

.pt-2 {
  padding-top: 20px !important;
}

.pt-3 {
  padding-top: 30px !important;
}

.pt-4 {
  padding-top: 40px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.pt-6 {
  padding-top: 60px !important;
}

.pt-7 {
  padding-top: 70px !important;
}

.pt-8 {
  padding-top: 80px !important;
}

.pt-9 {
  padding-top: 90px !important;
}

.pt-10 {
  padding-top: 100px !important;
}

.pt-11 {
  padding-top: 110px !important;
}

.pt-12 {
  padding-top: 120px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 10px !important;
}

.pr-2 {
  padding-right: 20px !important;
}

.pr-3 {
  padding-right: 30px !important;
}

.pr-4 {
  padding-right: 40px !important;
}

.pr-5 {
  padding-right: 50px !important;
}

.pr-6 {
  padding-right: 60px !important;
}

.pr-7 {
  padding-right: 70px !important;
}

.pr-8 {
  padding-right: 80px !important;
}

.pr-9 {
  padding-right: 90px !important;
}

.pr-10 {
  padding-right: 100px !important;
}

.pr-11 {
  padding-right: 110px !important;
}

.pr-12 {
  padding-right: 120px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}

.pb-2 {
  padding-bottom: 20px !important;
}

.pb-3 {
  padding-bottom: 30px !important;
}

.pb-4 {
  padding-bottom: 40px !important;
}

.pb-5 {
  padding-bottom: 50px !important;
}

.pb-6 {
  padding-bottom: 60px !important;
}

.pb-7 {
  padding-bottom: 70px !important;
}

.pb-8 {
  padding-bottom: 80px !important;
}

.pb-9 {
  padding-bottom: 90px !important;
}

.pb-10 {
  padding-bottom: 100px !important;
}

.pb-11 {
  padding-bottom: 110px !important;
}

.pb-12 {
  padding-bottom: 120px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 10px !important;
}

.pl-2 {
  padding-left: 20px !important;
}

.pl-3 {
  padding-left: 30px !important;
}

.pl-4 {
  padding-left: 40px !important;
}

.pl-5 {
  padding-left: 50px !important;
}

.pl-6 {
  padding-left: 60px !important;
}

.pl-7 {
  padding-left: 70px !important;
}

.pl-8 {
  padding-left: 80px !important;
}

.pl-9 {
  padding-left: 90px !important;
}

.pl-10 {
  padding-left: 100px !important;
}

.pl-11 {
  padding-left: 110px !important;
}

.pl-12 {
  padding-left: 120px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 10px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mt-6 {
  margin-top: 60px !important;
}

.mt-7 {
  margin-top: 70px !important;
}

.mt-8 {
  margin-top: 80px !important;
}

.mt-9 {
  margin-top: 90px !important;
}

.mt-10 {
  margin-top: 100px !important;
}

.mt-11 {
  margin-top: 110px !important;
}

.mt-12 {
  margin-top: 120px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 10px !important;
}

.mr-2 {
  margin-right: 20px !important;
}

.mr-3 {
  margin-right: 30px !important;
}

.mr-4 {
  margin-right: 40px !important;
}

.mr-5 {
  margin-right: 50px !important;
}

.mr-6 {
  margin-right: 60px !important;
}

.mr-7 {
  margin-right: 70px !important;
}

.mr-8 {
  margin-right: 80px !important;
}

.mr-9 {
  margin-right: 90px !important;
}

.mr-10 {
  margin-right: 100px !important;
}

.mr-11 {
  margin-right: 110px !important;
}

.mr-12 {
  margin-right: 120px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.mb-6 {
  margin-bottom: 60px !important;
}

.mb-7 {
  margin-bottom: 70px !important;
}

.mb-8 {
  margin-bottom: 80px !important;
}

.mb-9 {
  margin-bottom: 90px !important;
}

.mb-10 {
  margin-bottom: 100px !important;
}

.mb-11 {
  margin-bottom: 110px !important;
}

.mb-12 {
  margin-bottom: 120px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 10px !important;
}

.ml-2 {
  margin-left: 20px !important;
}

.ml-3 {
  margin-left: 30px !important;
}

.ml-4 {
  margin-left: 40px !important;
}

.ml-5 {
  margin-left: 50px !important;
}

.ml-6 {
  margin-left: 60px !important;
}

.ml-7 {
  margin-left: 70px !important;
}

.ml-8 {
  margin-left: 80px !important;
}

.ml-9 {
  margin-left: 90px !important;
}

.ml-10 {
  margin-left: 100px !important;
}

.ml-11 {
  margin-left: 110px !important;
}

.ml-12 {
  margin-left: 120px !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

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

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

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

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

@media (min-width: 767px) {
  .pt-xs-0 {
    padding-top: 0 !important;
  }
  .pt-xs-1 {
    padding-top: 10px !important;
  }
  .pt-xs-2 {
    padding-top: 20px !important;
  }
  .pt-xs-3 {
    padding-top: 30px !important;
  }
  .pt-xs-4 {
    padding-top: 40px !important;
  }
  .pt-xs-5 {
    padding-top: 50px !important;
  }
  .pt-xs-6 {
    padding-top: 60px !important;
  }
  .pt-xs-7 {
    padding-top: 70px !important;
  }
  .pt-xs-8 {
    padding-top: 80px !important;
  }
  .pt-xs-9 {
    padding-top: 90px !important;
  }
  .pt-xs-10 {
    padding-top: 100px !important;
  }
  .pt-xs-11 {
    padding-top: 110px !important;
  }
  .pt-xs-12 {
    padding-top: 120px !important;
  }
  .pr-xs-0 {
    padding-right: 0 !important;
  }
  .pr-xs-1 {
    padding-right: 10px !important;
  }
  .pr-xs-2 {
    padding-right: 20px !important;
  }
  .pr-xs-3 {
    padding-right: 30px !important;
  }
  .pr-xs-4 {
    padding-right: 40px !important;
  }
  .pr-xs-5 {
    padding-right: 50px !important;
  }
  .pr-xs-6 {
    padding-right: 60px !important;
  }
  .pr-xs-7 {
    padding-right: 70px !important;
  }
  .pr-xs-8 {
    padding-right: 80px !important;
  }
  .pr-xs-9 {
    padding-right: 90px !important;
  }
  .pr-xs-10 {
    padding-right: 100px !important;
  }
  .pr-xs-11 {
    padding-right: 110px !important;
  }
  .pr-xs-12 {
    padding-right: 120px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .pb-xs-1 {
    padding-bottom: 10px !important;
  }
  .pb-xs-2 {
    padding-bottom: 20px !important;
  }
  .pb-xs-3 {
    padding-bottom: 30px !important;
  }
  .pb-xs-4 {
    padding-bottom: 40px !important;
  }
  .pb-xs-5 {
    padding-bottom: 50px !important;
  }
  .pb-xs-6 {
    padding-bottom: 60px !important;
  }
  .pb-xs-7 {
    padding-bottom: 70px !important;
  }
  .pb-xs-8 {
    padding-bottom: 80px !important;
  }
  .pb-xs-9 {
    padding-bottom: 90px !important;
  }
  .pb-xs-10 {
    padding-bottom: 100px !important;
  }
  .pb-xs-11 {
    padding-bottom: 110px !important;
  }
  .pb-xs-12 {
    padding-bottom: 120px !important;
  }
  .pl-xs-0 {
    padding-left: 0 !important;
  }
  .pl-xs-1 {
    padding-left: 10px !important;
  }
  .pl-xs-2 {
    padding-left: 20px !important;
  }
  .pl-xs-3 {
    padding-left: 30px !important;
  }
  .pl-xs-4 {
    padding-left: 40px !important;
  }
  .pl-xs-5 {
    padding-left: 50px !important;
  }
  .pl-xs-6 {
    padding-left: 60px !important;
  }
  .pl-xs-7 {
    padding-left: 70px !important;
  }
  .pl-xs-8 {
    padding-left: 80px !important;
  }
  .pl-xs-9 {
    padding-left: 90px !important;
  }
  .pl-xs-10 {
    padding-left: 100px !important;
  }
  .pl-xs-11 {
    padding-left: 110px !important;
  }
  .pl-xs-12 {
    padding-left: 120px !important;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-1 {
    margin-top: 10px !important;
  }
  .mt-xs-2 {
    margin-top: 20px !important;
  }
  .mt-xs-3 {
    margin-top: 30px !important;
  }
  .mt-xs-4 {
    margin-top: 40px !important;
  }
  .mt-xs-5 {
    margin-top: 50px !important;
  }
  .mt-xs-6 {
    margin-top: 60px !important;
  }
  .mt-xs-7 {
    margin-top: 70px !important;
  }
  .mt-xs-8 {
    margin-top: 80px !important;
  }
  .mt-xs-9 {
    margin-top: 90px !important;
  }
  .mt-xs-10 {
    margin-top: 100px !important;
  }
  .mt-xs-11 {
    margin-top: 110px !important;
  }
  .mt-xs-12 {
    margin-top: 120px !important;
  }
  .mr-xs-0 {
    margin-right: 0 !important;
  }
  .mr-xs-1 {
    margin-right: 10px !important;
  }
  .mr-xs-2 {
    margin-right: 20px !important;
  }
  .mr-xs-3 {
    margin-right: 30px !important;
  }
  .mr-xs-4 {
    margin-right: 40px !important;
  }
  .mr-xs-5 {
    margin-right: 50px !important;
  }
  .mr-xs-6 {
    margin-right: 60px !important;
  }
  .mr-xs-7 {
    margin-right: 70px !important;
  }
  .mr-xs-8 {
    margin-right: 80px !important;
  }
  .mr-xs-9 {
    margin-right: 90px !important;
  }
  .mr-xs-10 {
    margin-right: 100px !important;
  }
  .mr-xs-11 {
    margin-right: 110px !important;
  }
  .mr-xs-12 {
    margin-right: 120px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-1 {
    margin-bottom: 10px !important;
  }
  .mb-xs-2 {
    margin-bottom: 20px !important;
  }
  .mb-xs-3 {
    margin-bottom: 30px !important;
  }
  .mb-xs-4 {
    margin-bottom: 40px !important;
  }
  .mb-xs-5 {
    margin-bottom: 50px !important;
  }
  .mb-xs-6 {
    margin-bottom: 60px !important;
  }
  .mb-xs-7 {
    margin-bottom: 70px !important;
  }
  .mb-xs-8 {
    margin-bottom: 80px !important;
  }
  .mb-xs-9 {
    margin-bottom: 90px !important;
  }
  .mb-xs-10 {
    margin-bottom: 100px !important;
  }
  .mb-xs-11 {
    margin-bottom: 110px !important;
  }
  .mb-xs-12 {
    margin-bottom: 120px !important;
  }
  .ml-xs-0 {
    margin-left: 0 !important;
  }
  .ml-xs-1 {
    margin-left: 10px !important;
  }
  .ml-xs-2 {
    margin-left: 20px !important;
  }
  .ml-xs-3 {
    margin-left: 30px !important;
  }
  .ml-xs-4 {
    margin-left: 40px !important;
  }
  .ml-xs-5 {
    margin-left: 50px !important;
  }
  .ml-xs-6 {
    margin-left: 60px !important;
  }
  .ml-xs-7 {
    margin-left: 70px !important;
  }
  .ml-xs-8 {
    margin-left: 80px !important;
  }
  .ml-xs-9 {
    margin-left: 90px !important;
  }
  .ml-xs-10 {
    margin-left: 100px !important;
  }
  .ml-xs-11 {
    margin-left: 110px !important;
  }
  .ml-xs-12 {
    margin-left: 120px !important;
  }
  .float-xs-left {
    float: left !important;
  }
  .float-xs-right {
    float: right !important;
  }
  .float-xs-none {
    float: none !important;
  }
  .text-align-xs-left {
    text-align: left !important;
  }
  .text-align-xs-right {
    text-align: right !important;
  }
  .text-align-xs-center {
    text-align: center !important;
  }
  .text-align-xs-justify {
    text-align: justify !important;
  }
}
@media (min-width: 991px) {
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 10px !important;
  }
  .pt-sm-2 {
    padding-top: 20px !important;
  }
  .pt-sm-3 {
    padding-top: 30px !important;
  }
  .pt-sm-4 {
    padding-top: 40px !important;
  }
  .pt-sm-5 {
    padding-top: 50px !important;
  }
  .pt-sm-6 {
    padding-top: 60px !important;
  }
  .pt-sm-7 {
    padding-top: 70px !important;
  }
  .pt-sm-8 {
    padding-top: 80px !important;
  }
  .pt-sm-9 {
    padding-top: 90px !important;
  }
  .pt-sm-10 {
    padding-top: 100px !important;
  }
  .pt-sm-11 {
    padding-top: 110px !important;
  }
  .pt-sm-12 {
    padding-top: 120px !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pr-sm-1 {
    padding-right: 10px !important;
  }
  .pr-sm-2 {
    padding-right: 20px !important;
  }
  .pr-sm-3 {
    padding-right: 30px !important;
  }
  .pr-sm-4 {
    padding-right: 40px !important;
  }
  .pr-sm-5 {
    padding-right: 50px !important;
  }
  .pr-sm-6 {
    padding-right: 60px !important;
  }
  .pr-sm-7 {
    padding-right: 70px !important;
  }
  .pr-sm-8 {
    padding-right: 80px !important;
  }
  .pr-sm-9 {
    padding-right: 90px !important;
  }
  .pr-sm-10 {
    padding-right: 100px !important;
  }
  .pr-sm-11 {
    padding-right: 110px !important;
  }
  .pr-sm-12 {
    padding-right: 120px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 10px !important;
  }
  .pb-sm-2 {
    padding-bottom: 20px !important;
  }
  .pb-sm-3 {
    padding-bottom: 30px !important;
  }
  .pb-sm-4 {
    padding-bottom: 40px !important;
  }
  .pb-sm-5 {
    padding-bottom: 50px !important;
  }
  .pb-sm-6 {
    padding-bottom: 60px !important;
  }
  .pb-sm-7 {
    padding-bottom: 70px !important;
  }
  .pb-sm-8 {
    padding-bottom: 80px !important;
  }
  .pb-sm-9 {
    padding-bottom: 90px !important;
  }
  .pb-sm-10 {
    padding-bottom: 100px !important;
  }
  .pb-sm-11 {
    padding-bottom: 110px !important;
  }
  .pb-sm-12 {
    padding-bottom: 120px !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .pl-sm-1 {
    padding-left: 10px !important;
  }
  .pl-sm-2 {
    padding-left: 20px !important;
  }
  .pl-sm-3 {
    padding-left: 30px !important;
  }
  .pl-sm-4 {
    padding-left: 40px !important;
  }
  .pl-sm-5 {
    padding-left: 50px !important;
  }
  .pl-sm-6 {
    padding-left: 60px !important;
  }
  .pl-sm-7 {
    padding-left: 70px !important;
  }
  .pl-sm-8 {
    padding-left: 80px !important;
  }
  .pl-sm-9 {
    padding-left: 90px !important;
  }
  .pl-sm-10 {
    padding-left: 100px !important;
  }
  .pl-sm-11 {
    padding-left: 110px !important;
  }
  .pl-sm-12 {
    padding-left: 120px !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 10px !important;
  }
  .mt-sm-2 {
    margin-top: 20px !important;
  }
  .mt-sm-3 {
    margin-top: 30px !important;
  }
  .mt-sm-4 {
    margin-top: 40px !important;
  }
  .mt-sm-5 {
    margin-top: 50px !important;
  }
  .mt-sm-6 {
    margin-top: 60px !important;
  }
  .mt-sm-7 {
    margin-top: 70px !important;
  }
  .mt-sm-8 {
    margin-top: 80px !important;
  }
  .mt-sm-9 {
    margin-top: 90px !important;
  }
  .mt-sm-10 {
    margin-top: 100px !important;
  }
  .mt-sm-11 {
    margin-top: 110px !important;
  }
  .mt-sm-12 {
    margin-top: 120px !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-1 {
    margin-right: 10px !important;
  }
  .mr-sm-2 {
    margin-right: 20px !important;
  }
  .mr-sm-3 {
    margin-right: 30px !important;
  }
  .mr-sm-4 {
    margin-right: 40px !important;
  }
  .mr-sm-5 {
    margin-right: 50px !important;
  }
  .mr-sm-6 {
    margin-right: 60px !important;
  }
  .mr-sm-7 {
    margin-right: 70px !important;
  }
  .mr-sm-8 {
    margin-right: 80px !important;
  }
  .mr-sm-9 {
    margin-right: 90px !important;
  }
  .mr-sm-10 {
    margin-right: 100px !important;
  }
  .mr-sm-11 {
    margin-right: 110px !important;
  }
  .mr-sm-12 {
    margin-right: 120px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 10px !important;
  }
  .mb-sm-2 {
    margin-bottom: 20px !important;
  }
  .mb-sm-3 {
    margin-bottom: 30px !important;
  }
  .mb-sm-4 {
    margin-bottom: 40px !important;
  }
  .mb-sm-5 {
    margin-bottom: 50px !important;
  }
  .mb-sm-6 {
    margin-bottom: 60px !important;
  }
  .mb-sm-7 {
    margin-bottom: 70px !important;
  }
  .mb-sm-8 {
    margin-bottom: 80px !important;
  }
  .mb-sm-9 {
    margin-bottom: 90px !important;
  }
  .mb-sm-10 {
    margin-bottom: 100px !important;
  }
  .mb-sm-11 {
    margin-bottom: 110px !important;
  }
  .mb-sm-12 {
    margin-bottom: 120px !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-1 {
    margin-left: 10px !important;
  }
  .ml-sm-2 {
    margin-left: 20px !important;
  }
  .ml-sm-3 {
    margin-left: 30px !important;
  }
  .ml-sm-4 {
    margin-left: 40px !important;
  }
  .ml-sm-5 {
    margin-left: 50px !important;
  }
  .ml-sm-6 {
    margin-left: 60px !important;
  }
  .ml-sm-7 {
    margin-left: 70px !important;
  }
  .ml-sm-8 {
    margin-left: 80px !important;
  }
  .ml-sm-9 {
    margin-left: 90px !important;
  }
  .ml-sm-10 {
    margin-left: 100px !important;
  }
  .ml-sm-11 {
    margin-left: 110px !important;
  }
  .ml-sm-12 {
    margin-left: 120px !important;
  }
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .text-align-sm-left {
    text-align: left !important;
  }
  .text-align-sm-right {
    text-align: right !important;
  }
  .text-align-sm-center {
    text-align: center !important;
  }
  .text-align-sm-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1199px) {
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 10px !important;
  }
  .pt-md-2 {
    padding-top: 20px !important;
  }
  .pt-md-3 {
    padding-top: 30px !important;
  }
  .pt-md-4 {
    padding-top: 40px !important;
  }
  .pt-md-5 {
    padding-top: 50px !important;
  }
  .pt-md-6 {
    padding-top: 60px !important;
  }
  .pt-md-7 {
    padding-top: 70px !important;
  }
  .pt-md-8 {
    padding-top: 80px !important;
  }
  .pt-md-9 {
    padding-top: 90px !important;
  }
  .pt-md-10 {
    padding-top: 100px !important;
  }
  .pt-md-11 {
    padding-top: 110px !important;
  }
  .pt-md-12 {
    padding-top: 120px !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pr-md-1 {
    padding-right: 10px !important;
  }
  .pr-md-2 {
    padding-right: 20px !important;
  }
  .pr-md-3 {
    padding-right: 30px !important;
  }
  .pr-md-4 {
    padding-right: 40px !important;
  }
  .pr-md-5 {
    padding-right: 50px !important;
  }
  .pr-md-6 {
    padding-right: 60px !important;
  }
  .pr-md-7 {
    padding-right: 70px !important;
  }
  .pr-md-8 {
    padding-right: 80px !important;
  }
  .pr-md-9 {
    padding-right: 90px !important;
  }
  .pr-md-10 {
    padding-right: 100px !important;
  }
  .pr-md-11 {
    padding-right: 110px !important;
  }
  .pr-md-12 {
    padding-right: 120px !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 10px !important;
  }
  .pb-md-2 {
    padding-bottom: 20px !important;
  }
  .pb-md-3 {
    padding-bottom: 30px !important;
  }
  .pb-md-4 {
    padding-bottom: 40px !important;
  }
  .pb-md-5 {
    padding-bottom: 50px !important;
  }
  .pb-md-6 {
    padding-bottom: 60px !important;
  }
  .pb-md-7 {
    padding-bottom: 70px !important;
  }
  .pb-md-8 {
    padding-bottom: 80px !important;
  }
  .pb-md-9 {
    padding-bottom: 90px !important;
  }
  .pb-md-10 {
    padding-bottom: 100px !important;
  }
  .pb-md-11 {
    padding-bottom: 110px !important;
  }
  .pb-md-12 {
    padding-bottom: 120px !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .pl-md-1 {
    padding-left: 10px !important;
  }
  .pl-md-2 {
    padding-left: 20px !important;
  }
  .pl-md-3 {
    padding-left: 30px !important;
  }
  .pl-md-4 {
    padding-left: 40px !important;
  }
  .pl-md-5 {
    padding-left: 50px !important;
  }
  .pl-md-6 {
    padding-left: 60px !important;
  }
  .pl-md-7 {
    padding-left: 70px !important;
  }
  .pl-md-8 {
    padding-left: 80px !important;
  }
  .pl-md-9 {
    padding-left: 90px !important;
  }
  .pl-md-10 {
    padding-left: 100px !important;
  }
  .pl-md-11 {
    padding-left: 110px !important;
  }
  .pl-md-12 {
    padding-left: 120px !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 10px !important;
  }
  .mt-md-2 {
    margin-top: 20px !important;
  }
  .mt-md-3 {
    margin-top: 30px !important;
  }
  .mt-md-4 {
    margin-top: 40px !important;
  }
  .mt-md-5 {
    margin-top: 50px !important;
  }
  .mt-md-6 {
    margin-top: 60px !important;
  }
  .mt-md-7 {
    margin-top: 70px !important;
  }
  .mt-md-8 {
    margin-top: 80px !important;
  }
  .mt-md-9 {
    margin-top: 90px !important;
  }
  .mt-md-10 {
    margin-top: 100px !important;
  }
  .mt-md-11 {
    margin-top: 110px !important;
  }
  .mt-md-12 {
    margin-top: 120px !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-1 {
    margin-right: 10px !important;
  }
  .mr-md-2 {
    margin-right: 20px !important;
  }
  .mr-md-3 {
    margin-right: 30px !important;
  }
  .mr-md-4 {
    margin-right: 40px !important;
  }
  .mr-md-5 {
    margin-right: 50px !important;
  }
  .mr-md-6 {
    margin-right: 60px !important;
  }
  .mr-md-7 {
    margin-right: 70px !important;
  }
  .mr-md-8 {
    margin-right: 80px !important;
  }
  .mr-md-9 {
    margin-right: 90px !important;
  }
  .mr-md-10 {
    margin-right: 100px !important;
  }
  .mr-md-11 {
    margin-right: 110px !important;
  }
  .mr-md-12 {
    margin-right: 120px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 10px !important;
  }
  .mb-md-2 {
    margin-bottom: 20px !important;
  }
  .mb-md-3 {
    margin-bottom: 30px !important;
  }
  .mb-md-4 {
    margin-bottom: 40px !important;
  }
  .mb-md-5 {
    margin-bottom: 50px !important;
  }
  .mb-md-6 {
    margin-bottom: 60px !important;
  }
  .mb-md-7 {
    margin-bottom: 70px !important;
  }
  .mb-md-8 {
    margin-bottom: 80px !important;
  }
  .mb-md-9 {
    margin-bottom: 90px !important;
  }
  .mb-md-10 {
    margin-bottom: 100px !important;
  }
  .mb-md-11 {
    margin-bottom: 110px !important;
  }
  .mb-md-12 {
    margin-bottom: 120px !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-1 {
    margin-left: 10px !important;
  }
  .ml-md-2 {
    margin-left: 20px !important;
  }
  .ml-md-3 {
    margin-left: 30px !important;
  }
  .ml-md-4 {
    margin-left: 40px !important;
  }
  .ml-md-5 {
    margin-left: 50px !important;
  }
  .ml-md-6 {
    margin-left: 60px !important;
  }
  .ml-md-7 {
    margin-left: 70px !important;
  }
  .ml-md-8 {
    margin-left: 80px !important;
  }
  .ml-md-9 {
    margin-left: 90px !important;
  }
  .ml-md-10 {
    margin-left: 100px !important;
  }
  .ml-md-11 {
    margin-left: 110px !important;
  }
  .ml-md-12 {
    margin-left: 120px !important;
  }
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .text-align-md-left {
    text-align: left !important;
  }
  .text-align-md-right {
    text-align: right !important;
  }
  .text-align-md-center {
    text-align: center !important;
  }
  .text-align-md-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 10px !important;
  }
  .pt-lg-2 {
    padding-top: 20px !important;
  }
  .pt-lg-3 {
    padding-top: 30px !important;
  }
  .pt-lg-4 {
    padding-top: 40px !important;
  }
  .pt-lg-5 {
    padding-top: 50px !important;
  }
  .pt-lg-6 {
    padding-top: 60px !important;
  }
  .pt-lg-7 {
    padding-top: 70px !important;
  }
  .pt-lg-8 {
    padding-top: 80px !important;
  }
  .pt-lg-9 {
    padding-top: 90px !important;
  }
  .pt-lg-10 {
    padding-top: 100px !important;
  }
  .pt-lg-11 {
    padding-top: 110px !important;
  }
  .pt-lg-12 {
    padding-top: 120px !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pr-lg-1 {
    padding-right: 10px !important;
  }
  .pr-lg-2 {
    padding-right: 20px !important;
  }
  .pr-lg-3 {
    padding-right: 30px !important;
  }
  .pr-lg-4 {
    padding-right: 40px !important;
  }
  .pr-lg-5 {
    padding-right: 50px !important;
  }
  .pr-lg-6 {
    padding-right: 60px !important;
  }
  .pr-lg-7 {
    padding-right: 70px !important;
  }
  .pr-lg-8 {
    padding-right: 80px !important;
  }
  .pr-lg-9 {
    padding-right: 90px !important;
  }
  .pr-lg-10 {
    padding-right: 100px !important;
  }
  .pr-lg-11 {
    padding-right: 110px !important;
  }
  .pr-lg-12 {
    padding-right: 120px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 10px !important;
  }
  .pb-lg-2 {
    padding-bottom: 20px !important;
  }
  .pb-lg-3 {
    padding-bottom: 30px !important;
  }
  .pb-lg-4 {
    padding-bottom: 40px !important;
  }
  .pb-lg-5 {
    padding-bottom: 50px !important;
  }
  .pb-lg-6 {
    padding-bottom: 60px !important;
  }
  .pb-lg-7 {
    padding-bottom: 70px !important;
  }
  .pb-lg-8 {
    padding-bottom: 80px !important;
  }
  .pb-lg-9 {
    padding-bottom: 90px !important;
  }
  .pb-lg-10 {
    padding-bottom: 100px !important;
  }
  .pb-lg-11 {
    padding-bottom: 110px !important;
  }
  .pb-lg-12 {
    padding-bottom: 120px !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .pl-lg-1 {
    padding-left: 10px !important;
  }
  .pl-lg-2 {
    padding-left: 20px !important;
  }
  .pl-lg-3 {
    padding-left: 30px !important;
  }
  .pl-lg-4 {
    padding-left: 40px !important;
  }
  .pl-lg-5 {
    padding-left: 50px !important;
  }
  .pl-lg-6 {
    padding-left: 60px !important;
  }
  .pl-lg-7 {
    padding-left: 70px !important;
  }
  .pl-lg-8 {
    padding-left: 80px !important;
  }
  .pl-lg-9 {
    padding-left: 90px !important;
  }
  .pl-lg-10 {
    padding-left: 100px !important;
  }
  .pl-lg-11 {
    padding-left: 110px !important;
  }
  .pl-lg-12 {
    padding-left: 120px !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 10px !important;
  }
  .mt-lg-2 {
    margin-top: 20px !important;
  }
  .mt-lg-3 {
    margin-top: 30px !important;
  }
  .mt-lg-4 {
    margin-top: 40px !important;
  }
  .mt-lg-5 {
    margin-top: 50px !important;
  }
  .mt-lg-6 {
    margin-top: 60px !important;
  }
  .mt-lg-7 {
    margin-top: 70px !important;
  }
  .mt-lg-8 {
    margin-top: 80px !important;
  }
  .mt-lg-9 {
    margin-top: 90px !important;
  }
  .mt-lg-10 {
    margin-top: 100px !important;
  }
  .mt-lg-11 {
    margin-top: 110px !important;
  }
  .mt-lg-12 {
    margin-top: 120px !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-1 {
    margin-right: 10px !important;
  }
  .mr-lg-2 {
    margin-right: 20px !important;
  }
  .mr-lg-3 {
    margin-right: 30px !important;
  }
  .mr-lg-4 {
    margin-right: 40px !important;
  }
  .mr-lg-5 {
    margin-right: 50px !important;
  }
  .mr-lg-6 {
    margin-right: 60px !important;
  }
  .mr-lg-7 {
    margin-right: 70px !important;
  }
  .mr-lg-8 {
    margin-right: 80px !important;
  }
  .mr-lg-9 {
    margin-right: 90px !important;
  }
  .mr-lg-10 {
    margin-right: 100px !important;
  }
  .mr-lg-11 {
    margin-right: 110px !important;
  }
  .mr-lg-12 {
    margin-right: 120px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 10px !important;
  }
  .mb-lg-2 {
    margin-bottom: 20px !important;
  }
  .mb-lg-3 {
    margin-bottom: 30px !important;
  }
  .mb-lg-4 {
    margin-bottom: 40px !important;
  }
  .mb-lg-5 {
    margin-bottom: 50px !important;
  }
  .mb-lg-6 {
    margin-bottom: 60px !important;
  }
  .mb-lg-7 {
    margin-bottom: 70px !important;
  }
  .mb-lg-8 {
    margin-bottom: 80px !important;
  }
  .mb-lg-9 {
    margin-bottom: 90px !important;
  }
  .mb-lg-10 {
    margin-bottom: 100px !important;
  }
  .mb-lg-11 {
    margin-bottom: 110px !important;
  }
  .mb-lg-12 {
    margin-bottom: 120px !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-1 {
    margin-left: 10px !important;
  }
  .ml-lg-2 {
    margin-left: 20px !important;
  }
  .ml-lg-3 {
    margin-left: 30px !important;
  }
  .ml-lg-4 {
    margin-left: 40px !important;
  }
  .ml-lg-5 {
    margin-left: 50px !important;
  }
  .ml-lg-6 {
    margin-left: 60px !important;
  }
  .ml-lg-7 {
    margin-left: 70px !important;
  }
  .ml-lg-8 {
    margin-left: 80px !important;
  }
  .ml-lg-9 {
    margin-left: 90px !important;
  }
  .ml-lg-10 {
    margin-left: 100px !important;
  }
  .ml-lg-11 {
    margin-left: 110px !important;
  }
  .ml-lg-12 {
    margin-left: 120px !important;
  }
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .text-align-lg-left {
    text-align: left !important;
  }
  .text-align-lg-right {
    text-align: right !important;
  }
  .text-align-lg-center {
    text-align: center !important;
  }
  .text-align-lg-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1440px) {
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 10px !important;
  }
  .pt-xl-2 {
    padding-top: 20px !important;
  }
  .pt-xl-3 {
    padding-top: 30px !important;
  }
  .pt-xl-4 {
    padding-top: 40px !important;
  }
  .pt-xl-5 {
    padding-top: 50px !important;
  }
  .pt-xl-6 {
    padding-top: 60px !important;
  }
  .pt-xl-7 {
    padding-top: 70px !important;
  }
  .pt-xl-8 {
    padding-top: 80px !important;
  }
  .pt-xl-9 {
    padding-top: 90px !important;
  }
  .pt-xl-10 {
    padding-top: 100px !important;
  }
  .pt-xl-11 {
    padding-top: 110px !important;
  }
  .pt-xl-12 {
    padding-top: 120px !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pr-xl-1 {
    padding-right: 10px !important;
  }
  .pr-xl-2 {
    padding-right: 20px !important;
  }
  .pr-xl-3 {
    padding-right: 30px !important;
  }
  .pr-xl-4 {
    padding-right: 40px !important;
  }
  .pr-xl-5 {
    padding-right: 50px !important;
  }
  .pr-xl-6 {
    padding-right: 60px !important;
  }
  .pr-xl-7 {
    padding-right: 70px !important;
  }
  .pr-xl-8 {
    padding-right: 80px !important;
  }
  .pr-xl-9 {
    padding-right: 90px !important;
  }
  .pr-xl-10 {
    padding-right: 100px !important;
  }
  .pr-xl-11 {
    padding-right: 110px !important;
  }
  .pr-xl-12 {
    padding-right: 120px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 10px !important;
  }
  .pb-xl-2 {
    padding-bottom: 20px !important;
  }
  .pb-xl-3 {
    padding-bottom: 30px !important;
  }
  .pb-xl-4 {
    padding-bottom: 40px !important;
  }
  .pb-xl-5 {
    padding-bottom: 50px !important;
  }
  .pb-xl-6 {
    padding-bottom: 60px !important;
  }
  .pb-xl-7 {
    padding-bottom: 70px !important;
  }
  .pb-xl-8 {
    padding-bottom: 80px !important;
  }
  .pb-xl-9 {
    padding-bottom: 90px !important;
  }
  .pb-xl-10 {
    padding-bottom: 100px !important;
  }
  .pb-xl-11 {
    padding-bottom: 110px !important;
  }
  .pb-xl-12 {
    padding-bottom: 120px !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .pl-xl-1 {
    padding-left: 10px !important;
  }
  .pl-xl-2 {
    padding-left: 20px !important;
  }
  .pl-xl-3 {
    padding-left: 30px !important;
  }
  .pl-xl-4 {
    padding-left: 40px !important;
  }
  .pl-xl-5 {
    padding-left: 50px !important;
  }
  .pl-xl-6 {
    padding-left: 60px !important;
  }
  .pl-xl-7 {
    padding-left: 70px !important;
  }
  .pl-xl-8 {
    padding-left: 80px !important;
  }
  .pl-xl-9 {
    padding-left: 90px !important;
  }
  .pl-xl-10 {
    padding-left: 100px !important;
  }
  .pl-xl-11 {
    padding-left: 110px !important;
  }
  .pl-xl-12 {
    padding-left: 120px !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 10px !important;
  }
  .mt-xl-2 {
    margin-top: 20px !important;
  }
  .mt-xl-3 {
    margin-top: 30px !important;
  }
  .mt-xl-4 {
    margin-top: 40px !important;
  }
  .mt-xl-5 {
    margin-top: 50px !important;
  }
  .mt-xl-6 {
    margin-top: 60px !important;
  }
  .mt-xl-7 {
    margin-top: 70px !important;
  }
  .mt-xl-8 {
    margin-top: 80px !important;
  }
  .mt-xl-9 {
    margin-top: 90px !important;
  }
  .mt-xl-10 {
    margin-top: 100px !important;
  }
  .mt-xl-11 {
    margin-top: 110px !important;
  }
  .mt-xl-12 {
    margin-top: 120px !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-1 {
    margin-right: 10px !important;
  }
  .mr-xl-2 {
    margin-right: 20px !important;
  }
  .mr-xl-3 {
    margin-right: 30px !important;
  }
  .mr-xl-4 {
    margin-right: 40px !important;
  }
  .mr-xl-5 {
    margin-right: 50px !important;
  }
  .mr-xl-6 {
    margin-right: 60px !important;
  }
  .mr-xl-7 {
    margin-right: 70px !important;
  }
  .mr-xl-8 {
    margin-right: 80px !important;
  }
  .mr-xl-9 {
    margin-right: 90px !important;
  }
  .mr-xl-10 {
    margin-right: 100px !important;
  }
  .mr-xl-11 {
    margin-right: 110px !important;
  }
  .mr-xl-12 {
    margin-right: 120px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 10px !important;
  }
  .mb-xl-2 {
    margin-bottom: 20px !important;
  }
  .mb-xl-3 {
    margin-bottom: 30px !important;
  }
  .mb-xl-4 {
    margin-bottom: 40px !important;
  }
  .mb-xl-5 {
    margin-bottom: 50px !important;
  }
  .mb-xl-6 {
    margin-bottom: 60px !important;
  }
  .mb-xl-7 {
    margin-bottom: 70px !important;
  }
  .mb-xl-8 {
    margin-bottom: 80px !important;
  }
  .mb-xl-9 {
    margin-bottom: 90px !important;
  }
  .mb-xl-10 {
    margin-bottom: 100px !important;
  }
  .mb-xl-11 {
    margin-bottom: 110px !important;
  }
  .mb-xl-12 {
    margin-bottom: 120px !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-1 {
    margin-left: 10px !important;
  }
  .ml-xl-2 {
    margin-left: 20px !important;
  }
  .ml-xl-3 {
    margin-left: 30px !important;
  }
  .ml-xl-4 {
    margin-left: 40px !important;
  }
  .ml-xl-5 {
    margin-left: 50px !important;
  }
  .ml-xl-6 {
    margin-left: 60px !important;
  }
  .ml-xl-7 {
    margin-left: 70px !important;
  }
  .ml-xl-8 {
    margin-left: 80px !important;
  }
  .ml-xl-9 {
    margin-left: 90px !important;
  }
  .ml-xl-10 {
    margin-left: 100px !important;
  }
  .ml-xl-11 {
    margin-left: 110px !important;
  }
  .ml-xl-12 {
    margin-left: 120px !important;
  }
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .text-align-xl-left {
    text-align: left !important;
  }
  .text-align-xl-right {
    text-align: right !important;
  }
  .text-align-xl-center {
    text-align: center !important;
  }
  .text-align-xl-justify {
    text-align: justify !important;
  }
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}
@media (max-width: 767px) {
  .container-fluid {
    padding: 0 30px;
  }
}

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

.of-hidden {
  overflow: hidden;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.inline-block {
  display: inline-block;
}

.link, .link:active {
  text-decoration: none;
}
.link:hover, .link:focus {
  text-decoration: underline;
}

.link-reverse, .link-reverse:active {
  text-decoration: underline;
}
.link-reverse:hover, .link-reverse:focus {
  text-decoration: none;
}

.link-clean, .link-clean:hover, .link-clean:focus, .link-clean:active {
  text-decoration: none;
}

.px-0 {
  padding-inline: 0;
}

.ns {
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.pointer {
  cursor: pointer;
}

.relative {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.relative > .center-v {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.relative > .center-h {
  position: absolute;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.relative > .center-v.center-h {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.min-height {
  min-height: 80px;
}
@media screen and (min-width: 992px) {
  .min-height {
    min-height: 100px;
  }
}

.img-responsive {
  width: 100%;
}

html.touch .visible-touch-block {
  display: block !important;
}
html.touch .visible-touch-inline {
  display: inline !important;
}
html.touch .visible-touch-inline-block {
  display: inline-block !important;
}

html.no-touch .visible-touch-block {
  display: none !important;
}
html.no-touch .visible-touch-inline {
  display: none !important;
}
html.no-touch .visible-touch-inline-block {
  display: none !important;
}

.border-radius-50 {
  border-radius: 50%;
}

.max-width-2000 {
  margin: 0 auto;
  max-width: 2000px;
  width: 100%;
}

.max-width-1600 {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
}

.max-width-1500 {
  margin: 0 auto;
  max-width: 1500px;
  width: 100%;
}

.max-width-1440 {
  margin: 0 auto;
  max-width: 1470px;
  width: 100%;
}

.max-width-1410 {
  margin: 0 auto;
  max-width: 1410px;
  width: 100%;
}

.max-width-1400 {
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}

.max-width-1200 {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.max-width-1000 {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

.max-width-970 {
  margin: 0 auto;
  max-width: 970px;
  width: 100%;
}

.max-width-940 {
  margin: 0 auto;
  max-width: 940px;
  width: 100%;
}

.max-width-900 {
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
}

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

.max-width-700 {
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}

.max-width-600 {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

.max-width-500 {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}

.background-no-repeat {
  background-repeat: no-repeat;
}

.background-cover {
  background-size: cover;
  background-position: center center;
}

.background-cream {
  background-color: #FDF9EE;
}

.background-white {
  background-color: #ffffff;
}

.block {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.transition-color {
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.icon.rotate-180:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon {
  font-size: 16px;
}
.icon:before {
  content: " ";
  vertical-align: middle;
  display: inline-block;
  background-image: url("/build/svg/sprite-6f64838eef.svg");
  background-repeat: no-repeat;
  background-size: 22.25em 72.3125em;
}
.no-svg .icon:before {
  background-image: url("/build/svg/sprite-a75161c4e2.png") !important;
}

.icon.sprite-chevron-up-white:before {
  background-position: -0.125em -0.125em;
  width: 1.0625em;
  height: 0.6875em;
}

.icon.sprite-circle-arrow-right:before {
  background-position: -0.125em -1.0625em;
  width: 1.5em;
  height: 1.5em;
}

.icon.sprite-dropdown-arrow:before {
  background-position: -0.125em -2.8125em;
  width: 0.75em;
  height: 0.375em;
}

.icon.sprite-eyekiller:before {
  background-position: -0.125em -3.4375em;
  width: 22em;
  height: 5.6875em;
}

.icon.sprite-logo-desktop:before {
  background-position: -0.125em -9.375em;
  width: 13.6875em;
  height: 5.0625em;
}

.icon.sprite-logo-mobile:before {
  background-position: -0.125em -14.6875em;
  width: 6.125em;
  height: 2.25em;
}

.icon.sprite-menu-hamburger:before {
  background-position: -0.125em -17.1875em;
  width: 1.25em;
  height: 0.875em;
}

.icon.sprite-pagination-continue:before {
  background-position: -0.125em -18.3125em;
  width: 1.5em;
  height: 1.5em;
}

.icon.sprite-pagination-disabled:before {
  background-position: -0.125em -20.0625em;
  width: 1.5em;
  height: 1.5em;
}

.icon.sprite-share-facebook:before {
  background-position: -0.125em -21.8125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-share-instagram:before {
  background-position: -0.125em -24.3125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-share-linkedin:before {
  background-position: -0.125em -26.8125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-share-pinterest:before {
  background-position: -0.125em -29.3125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-share-share:before {
  background-position: -0.125em -31.8125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-share-twitter:before {
  background-position: -0.125em -34.3125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-social-facebook-color:before {
  background-position: -0.125em -36.8125em;
  width: 2.875em;
  height: 2.875em;
}

.icon.sprite-social-facebook-orange:before {
  background-position: -0.125em -39.9375em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-social-facebook-white:before {
  background-position: -0.125em -42.4375em;
  width: 1.875em;
  height: 1.875em;
}

.icon.sprite-social-instagram-orange:before {
  background-position: -0.125em -44.5625em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-social-instagram-white:before {
  background-position: -0.125em -47.0625em;
  width: 1.875em;
  height: 1.875em;
}

.icon.sprite-social-pinterest-color:before {
  background-position: -0.125em -49.1875em;
  width: 2.875em;
  height: 2.875em;
}

.icon.sprite-social-pinterest-orange:before {
  background-position: -0.125em -52.3125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-social-pinterest-white:before {
  background-position: -0.125em -54.8125em;
  width: 1.875em;
  height: 1.875em;
}

.icon.sprite-social-twitter-color:before {
  background-position: -0.125em -56.9375em;
  width: 2.875em;
  height: 2.875em;
}

.icon.sprite-social-twitter-orange:before {
  background-position: -0.125em -60.0625em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-social-twitter-white:before {
  background-position: -0.125em -62.5625em;
  width: 1.875em;
  height: 1.875em;
}

.icon.sprite-social-youtube-color:before {
  background-position: -0.125em -64.6875em;
  width: 2.875em;
  height: 2.875em;
}

.icon.sprite-social-youtube-orange:before {
  background-position: -0.125em -67.8125em;
  width: 2.25em;
  height: 2.25em;
}

.icon.sprite-social-youtube-white:before {
  background-position: -0.125em -70.3125em;
  width: 1.875em;
  height: 1.875em;
}

.font-arial {
  font-family: "Arial", sans-serif;
}

.font-gotham-bold, .whereToBuy_location h3 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-gotham-medium {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-gotham-book {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.font-gotham-book p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-lunchbox-regular {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
}

h1, .h1 {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-size: 40px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 70px;
  }
}
.hero h1, .home-intro h1, .featured-products h1, .whats-new h1, .join-the-community h1, .whereToBuy_banner h1, .growers h1, .popup-modal__text h1, .hero .h1, .home-intro .h1, .featured-products .h1, .whats-new .h1, .join-the-community .h1, .whereToBuy_banner .h1, .growers .h1, .popup-modal__text .h1 {
  font-family: "Ariata-Text-Black";
}

h2, .h2 {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-size: 35px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  h2, .h2 {
    font-size: 60px;
  }
}
.hero h2, .home-intro h2, .whats-new h2, .join-the-community h2, .whereToBuy_banner h2, .growers h2, .popup-modal__text h2, .hero .h2, .home-intro .h2, .whats-new .h2, .join-the-community .h2, .whereToBuy_banner .h2, .growers .h2, .popup-modal__text .h2 {
  font-family: "Ariata-Text-Black";
}

h3, .h3 {
  margin-top: 0;
}

h4, .h4 {
  margin-top: 0;
}

h5, .h5 {
  font-size: 18px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  h5, .h5 {
    font-size: 20px;
  }
}

p, li, td, th {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 768px) {
  p, li, td, th {
    font-size: 16px;
    line-height: 30px;
  }
}

address {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  address {
    font-size: 20px;
  }
}

.text-red {
  color: #AC162C !important;
}

.text-red-darker {
  color: #66302E !important;
}

.text-orange {
  color: #F9A526 !important;
}

.text-white {
  color: #ffffff !important;
}

.text-black {
  color: #000000 !important;
}

.text-gray-darker {
  color: rgb(34.425, 34.425, 34.425) !important;
}

.text-gray-dark {
  color: #333333 !important;
}

.text-gray {
  color: rgb(85.425, 85.425, 85.425);
}

.text-gray-light {
  color: #DEDEDE;
}

.text-gray-lighter {
  color: rgb(238.425, 238.425, 238.425);
}

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

.main-header {
  background: #AC162C;
  height: 70px;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .main-header {
    height: 200px;
  }
}
.main-header-logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main-header .container-fluid {
  height: 100%;
}
.main-header-menu {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .main-header-menu {
    top: 50%;
    left: auto;
  }
}

.main-header-social {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-header-social a {
  display: block;
  width: 30px;
  height: 33px;
  font-size: 16px;
}

.main-header-mobile-menu {
  background: #780f1e;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 65px;
  left: 0;
  width: 100%;
  height: calc(100% - 65px);
  overflow-y: scroll;
}
@media (min-width: 1200px) {
  .main-header-mobile-menu {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .main-header-mobile-menu {
    top: 110px;
  }
}
.main-header-mobile-menu ul {
  padding-left: 0;
  list-style: none;
  margin: 0 20px;
  width: 100%;
}
.main-header-mobile-menu ul .menu-item {
  border-bottom: 1px solid #AC162C;
  font-size: 13px;
  padding-left: 10px;
  position: relative;
}
.main-header-mobile-menu ul .menu-item a {
  color: #ffffff;
  display: block;
  height: 44px;
  line-height: 44px;
}
.main-header-mobile-menu ul .current-menu-item:before {
  background: #F9A526;
  content: "";
  display: block;
  height: 13px;
  left: 0;
  position: absolute;
  top: 16px;
  width: 2px;
}
#checkbox-mobile-menu:checked + .main-header-mobile-menu {
  display: block;
}

#header-menu ul {
  padding-left: 0;
  list-style: none;
  color: inherit;
  margin-left: -5px;
}
#header-menu ul > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
#header-menu ul {
  margin: 0 -24px;
}
#header-menu ul li {
  font-size: 13px;
  margin: 0 10px;
}
@media screen and (min-width: 992px) {
  #header-menu ul li {
    font-size: 14px;
    margin: 0 6px;
  }
}
@media screen and (min-width: 1000px) {
  #header-menu ul li {
    font-size: 15px;
  }
}
@media screen and (min-width: 1300px) {
  #header-menu ul li {
    margin: 0 16px;
  }
}
@media screen and (min-width: 1440px) {
  #header-menu ul li {
    font-size: 16px;
    margin: 0 16px;
    padding: 0;
  }
}
#header-menu ul li a {
  color: #ffffff;
}

.newsBanner {
  background-color: #F9A526;
  color: #fff;
  text-align: center;
  padding: 10px 0;
}
.newsBanner a {
  text-decoration: none;
}
.newsBanner a p {
  margin: 0;
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: table;
  margin: 0 auto;
  border-bottom: 2px solid #F9A526;
  line-height: 14px;
}
.newsBanner a p:hover {
  border-bottom: 2px solid #fff;
}

body.menu-open {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body.menu-open {
    overflow: auto;
  }
}

#label-mobile-menu {
  position: relative;
}
#label-mobile-menu:before {
  content: "";
  display: inline-block;
  position: relative;
  background-image: url("/build/svg/sprite-6f64838eef.svg");
  background-repeat: no-repeat;
  background-size: 22.25em 72.3125em;
  font-size: 16px;
}
.no-svg #label-mobile-menu:before {
  background-image: url("/build/svg/sprite-a75161c4e2.png") !important;
}
#label-mobile-menu:before {
  background-position: -0.125em -17.1875em;
  width: 1.25em;
  height: 0.875em;
}
body.menu-open #label-mobile-menu:before {
  background-image: url("/build/svg/sprite-6f64838eef.svg");
  background-repeat: no-repeat;
  background-size: 22.25em 72.3125em;
  font-size: 16px;
}
.no-svg body.menu-open #label-mobile-menu:before {
  background-image: url("/build/svg/sprite-a75161c4e2.png") !important;
}
body.menu-open #label-mobile-menu:before {
  background-position: -0.125em -0.125em;
  width: 1.0625em;
  height: 0.6875em;
  top: -2px;
  left: -2px;
}

.main-footer {
  background-color: #AC162C;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .main-footer {
    text-align: left;
  }
}
.main-footer .list-inline {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .main-footer h5 {
    font-size: 20px;
  }
}
.main-footer .menu ul {
  padding-left: 0;
  list-style: none;
}
.main-footer .menu li {
  font-size: 16px;
  margin-bottom: 8px;
}
.main-footer .menu li a {
  color: #ffffff;
}
.main-footer .menu-small li {
  font-size: 12px;
}
@media screen and (min-width: 992px) {
  .main-footer .deco li {
    display: inline-block;
    vertical-align: top;
  }
}
.main-footer .deco li:after {
  display: none;
}
@media screen and (min-width: 992px) {
  .main-footer .deco li:after {
    content: "|";
    display: inline-block;
    width: 5px;
    height: 20px;
    margin-left: 10px;
  }
}
.main-footer .deco li.no-deco:after {
  content: "";
  display: none;
}

.hide-mobile {
  display: none !important;
}
@media screen and (min-width: 992px) {
  .hide-mobile {
    display: inline-block !important;
  }
}

.pagination-container {
  display: block;
  text-align: center;
}

.pagination {
  display: block;
  list-style: none;
  padding: 0;
}
.pagination > li {
  display: inline-block;
  text-align: center;
}

.hero {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 360px) {
  .hero {
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 90% 32%;
  }
}
@media screen and (min-width: 1200px) {
  .hero {
    min-height: 550px;
    height: auto;
  }
}
.hero-copy {
  display: block;
  width: 100%;
  max-width: 310px;
  padding: 10px 0;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .hero-copy {
    width: 50%;
    text-align: left;
    float: left;
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .hero-copy {
    width: 650px;
    text-align: left;
    float: left;
  }
}

.hero-img {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .hero-img {
    width: 50%;
    float: right;
  }
}
@media screen and (min-width: 1200px) {
  .hero-img {
    width: 60%;
  }
}
.hero-img img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  height: auto;
}

.hero-content {
  padding: 55px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .hero-content {
    padding: 55px 15px;
  }
}
@media screen and (min-width: 1200px) {
  .hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}

.hero-title {
  -letter-kern: -letter-pairs('Ta':-2px, 'as':-6px);
  font-size: 40px;
  margin: 0 auto;
  margin-bottom: 20px;
  line-height: 40px;
  color: #ffffff;
  text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 992px) {
  .hero-title {
    font-size: 86px;
    line-height: 86px;
    width: auto;
  }
}

.hero-text {
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  padding-left: 2px;
}
@media screen and (min-width: 992px) {
  .hero-text {
    font-size: 20px;
    line-height: 30px;
  }
}

.hero-cta {
  padding-left: 4px;
}

.videoHeader {
  height: auto;
  min-height: 550px;
  position: relative;
  overflow: hidden;
}
.videoHeader_text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  right: 0;
  z-index: 1;
  color: #fff;
}
.videoHeader_text > div {
  max-width: 650px;
}
.videoHeader_text > div h2 {
  margin-bottom: 20px !important;
}
.videoHeader_text > div p {
  margin-bottom: 34px;
  max-width: 500px;
}
.videoHeader_text > div img {
  display: inline;
  float: right;
}
.videoHeader--overlay {
  width: 50%;
  height: 100%;
  opacity: 0.3;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(72%, #000000));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 72%);
}

#myVideo {
  position: absolute;
  width: 150% !important;
  z-index: -1;
}

.whereToBuy_banner {
  padding: 100px 0;
  background-image: url(https://s3-eu-west-1.amazonaws.com/whitesoats/wheretobuy-banner.jpg);
  background-size: cover;
}
.whereToBuy_banner .growers-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.whereToBuy_banner p {
  color: #fff;
}
.whereToBuy_banner a {
  margin: 0 auto;
  display: table;
  margin-top: 56px;
}
.whereToBuy_banner_stores {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px -16px -7px;
}
@media screen and (min-width: 992px) {
  .whereToBuy_banner_stores {
    margin: 10px -45px -35px;
  }
}
.whereToBuy_banner_stores .store {
  width: 33.3333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 7px 16px;
}
@media screen and (min-width: 992px) {
  .whereToBuy_banner_stores .store {
    padding: 30px 45px;
  }
}
.whereToBuy_banner_stores .store img {
  max-height: 65px;
}

.growers {
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  position: relative;
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .growers {
    padding: 50px 0;
  }
}
.growers-title {
  color: #AC162C;
  font-size: 24px;
  margin: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .growers-title {
    font-size: 56px;
  }
}

.growers-text {
  font-family: "Ariata-Text-Regular";
  max-width: 952px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .growers-text {
    font-size: 30px;
    line-height: 40px;
  }
}

.growers-content {
  padding: 20px 25px;
  color: #66302E;
}
@media screen and (min-width: 768px) {
  .growers-content {
    padding: 20px 0px;
  }
}
.growers-content img {
  margin: 0 auto;
  height: auto;
  display: block;
  max-width: 100%;
}
.growers-content .btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .growers-content .btn {
    width: auto;
  }
}

.whats-new {
  background-position: center center;
  background-size: cover;
  height: 340px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .whats-new {
    height: 800px;
  }
}
.whats-new-title {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .whats-new-title {
    font-size: 56px;
  }
}

.whats-new-text {
  color: #66302E;
  font-weight: 400;
}

.whats-new .center-block,
.whats-new .list-whats-new {
  overflow: hidden;
}

.featured-products-content {
  padding: 0 20px;
}

.featured-products-title {
  position: relative;
  font-size: 24px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 400, "wdth" 67.5, "slnt" 0;
  font-weight: 400 !important;
}
@media screen and (min-width: 480px) {
  .featured-products-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .featured-products-title {
    font-size: 50px;
  }
}
.featured-products-title .text {
  position: relative;
  z-index: 20;
  background-color: #AC162C;
  padding: 0 25px;
}
.featured-products-title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: calc(50% + 5px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 10;
}

.featured-products-text {
  font-family: "Ariata-Text-Regular";
  max-width: 1191px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .featured-products-text {
    font-size: 30px;
    line-height: 40px;
  }
}

.featured-products .btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .featured-products .btn {
    width: auto;
  }
}
.featured-products ul {
  margin: 0 auto;
  padding: 0;
  margin-right: -7px;
  margin-left: -7px;
}
@media screen and (min-width: 768px) {
  .featured-products ul {
    margin-right: -12px;
    margin-left: -12px;
  }
}
.featured-products ul li {
  max-width: 50%;
  vertical-align: top;
  padding-right: 7px;
  padding-left: 7px;
}
@media screen and (min-width: 768px) {
  .featured-products ul li {
    font-size: 20px;
    max-width: 33.3333%;
    padding-right: 12px;
    padding-left: 12px;
  }
}

.whats-new {
  height: auto;
}
.whats-new .block-title {
  margin-bottom: 24px;
}
@media screen and (min-width: 480px) {
  .whats-new .block-title {
    margin-bottom: 50px;
  }
}

.list-whats-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
@media screen and (min-width: 480px) {
  .list-whats-new {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
  }
}
.list-whats-new:-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.list-whats-new:-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.list-whats-new > div {
  margin: 0 auto 30px auto;
  width: 100%;
  max-width: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
}
@media screen and (min-width: 480px) {
  .list-whats-new > div {
    width: 33.3333%;
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}
.list-whats-new-title {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .list-whats-new-title {
    padding-top: 30px;
  }
}

.list-whats-new-link {
  display: block;
  height: 100%;
  position: relative;
}

.list-whats-new-link {
  text-align: center;
}
@media screen and (min-width: 480px) {
  .list-whats-new-link {
    text-align: left;
  }
}

.list-whats-new a:hover {
  -webkit-text-decoration-color: #66302E;
  text-decoration-color: #66302E;
}
.list-whats-new p {
  line-height: 1;
  font-size: 24px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 400, "wdth" 67.5, "slnt" 0;
}
@media screen and (min-width: 768px) {
  .list-whats-new p {
    font-size: 36px;
  }
}

.featured-products {
  background-size: cover;
  background-position: center center;
}

.list-featured-products {
  padding-left: 0;
  list-style: none;
  max-width: 410px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .list-featured-products {
    padding: 30px 0;
    max-width: 1440px;
  }
}
.list-featured-products__image {
  display: block;
  aspect-ratio: 12/11;
}
.list-featured-products__image picture, .list-featured-products__image img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
  width: 100%;
}
.list-featured-products > li {
  width: 50%;
  font-size: 36px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 400, "wdth" 67.5, "slnt" 0;
}
.list-featured-products > li:last-child {
  display: none;
}
@media screen and (min-width: 768px) {
  .list-featured-products > li:last-child {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .list-featured-products > li {
    width: 33.3333%;
  }
}
.list-featured-products > li a {
  display: block;
}
.list-featured-products > li a:hover {
  color: #AC162C;
}
.list-featured-products > li img {
  max-width: 135px;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .list-featured-products > li img {
    max-width: 180px;
  }
}
@media screen and (min-width: 1200px) {
  .list-featured-products > li img {
    max-width: 220px;
  }
}
.list-featured-products-text {
  min-height: 111px;
  overflow: hidden;
  background-color: #F9A526;
  border-radius: 20px;
  padding: 45px 5px 15px;
  margin-top: -45px;
}
@media screen and (min-width: 768px) {
  .list-featured-products-text {
    min-height: 205px;
    padding: 88px 45px 25px;
    margin-top: -80px;
  }
}

.list-featured-products-title {
  color: #AC162C;
  text-wrap: balance;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .list-featured-products-title {
    font-size: 36px;
  }
}

@media (max-width: 1260px) {
  #myVideo {
    width: 160% !important;
  }
}
@media (max-width: 991px) {
  .videoHeader {
    height: 500px;
  }
  .videoHeader_text h2 {
    margin: 0;
  }
}
@media (max-width: 600px) {
  .videoHeader {
    height: 400px;
  }
  .videoHeader_text > div {
    max-width: 400px;
  }
  .whereToBuy_banner {
    padding: 20px 0;
  }
  .whereToBuy_banner a {
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .videoHeader {
    height: 300px;
  }
  .videoHeader_text > div {
    max-width: 300px;
  }
}
@media (max-width: 370px) {
  .videoHeader_text > div {
    max-width: 270px;
  }
  #myVideo {
    width: 170% !important;
  }
}
.home-intro .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.home-intro [class^=col-]:first-child,
.home-intro [class*=col-]:first-child {
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .home-intro [class^=col-]:first-child,
  .home-intro [class*=col-]:first-child {
    margin-bottom: 0;
  }
}
.home-intro h2, .home-intro h3, .home-intro p {
  color: #fff;
}
.home-intro .wysiwyg p {
  font-size: 18px;
  line-height: 28px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 400, "wdth" 67.5, "slnt" 0;
}
@media screen and (min-width: 992px) {
  .home-intro .wysiwyg p {
    font-size: 36px;
    line-height: 46px;
  }
}
.home-intro img {
  max-width: 205px;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .home-intro img {
    max-width: 100%;
    margin: 0;
  }
}

.featuredProducts--slider.splide {
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .featuredProducts--slider.splide {
    max-width: 100%;
  }
}
@media (max-width: 670px) {
  .featuredProducts--slider.splide {
    max-width: 100%;
  }
}
.featuredProducts--slider.splide .splide__slide {
  padding: 0;
}
.featuredProducts--slider.splide .splide__arrows .splide__arrow--prev {
  left: -60px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
@media (max-width: 1024px) {
  .featuredProducts--slider.splide .splide__arrows .splide__arrow--prev {
    width: 30px;
    height: 30px;
    left: -45px;
  }
}
@media (max-width: 670px) {
  .featuredProducts--slider.splide .splide__arrows .splide__arrow--prev {
    left: 0px;
  }
}
.featuredProducts--slider.splide .splide__arrows .splide__arrow--prev svg {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
}
@media (max-width: 1024px) {
  .featuredProducts--slider.splide .splide__arrows .splide__arrow--prev svg {
    width: 30px;
    height: 30px;
  }
}
.featuredProducts--slider.splide .splide__arrows .splide__arrow--next {
  right: -60px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
@media (max-width: 1024px) {
  .featuredProducts--slider.splide .splide__arrows .splide__arrow--next {
    width: 30px;
    height: 30px;
    right: -45px;
  }
}
@media (max-width: 670px) {
  .featuredProducts--slider.splide .splide__arrows .splide__arrow--next {
    right: 0px;
  }
}
.featuredProducts--slider.splide .splide__arrows .splide__arrow--next svg {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
}
@media (max-width: 1024px) {
  .featuredProducts--slider.splide .splide__arrows .splide__arrow--next svg {
    width: 30px;
    height: 30px;
  }
}

.whats-new-text {
  font-family: "Ariata-Text-Regular";
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .whats-new-text {
    font-size: 30px;
  }
}

.join-the-community {
  overflow: hidden;
}
.join-the-community-title {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .join-the-community-title {
    font-size: 56px;
  }
}
.join-the-community-text {
  font-family: "Ariata-Text-Regular";
  font-size: 18px;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .join-the-community-text {
    font-size: 30px;
    line-height: 1.2;
  }
}
.join-the-community-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  gap: 0;
}
@media screen and (min-width: 480px) {
  .join-the-community-grid {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 24px;
  }
}
.join-the-community-card {
  position: relative;
  width: 100%;
  max-width: 235px;
}
@media screen and (min-width: 480px) {
  .join-the-community-card {
    width: 50%;
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .join-the-community-card {
    width: 33.3333%;
  }
}
.join-the-community-card > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  border-radius: 20px;
  background: #FBC067;
  padding: 0px 15px 15px;
  margin-top: 30px;
}
@media screen and (min-width: 480px) {
  .join-the-community-card > a {
    font-size: 18px;
    margin-top: 60px;
    height: calc(100% - 60px);
    padding: 0px 20px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .join-the-community-card > a {
    padding: 0px 40px 20px;
  }
}
.join-the-community .image-wrapper {
  position: relative;
  width: 100%;
  margin-top: -30px;
  aspect-ratio: 344/228;
  padding: 0 60px;
  max-width: 176px;
}
@media screen and (min-width: 480px) {
  .join-the-community .image-wrapper {
    max-width: calc(100% - 40px);
    margin-top: -60px;
  }
}
.join-the-community img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.join-the-community .card-text {
  padding-top: 20px;
  margin-bottom: auto;
}
.join-the-community .card-title {
  font-family: "Ariata-Text-Black";
  font-size: 18px;
}
@media screen and (min-width: 480px) {
  .join-the-community .card-title {
    font-size: 30px;
  }
}
@media screen and (min-width: 992px) {
  .join-the-community .card-title {
    font-size: 36px;
  }
}

label {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

legend {
  border: none;
}

.btn {
  background: #AC162C;
  border: 2px solid #AC162C;
  border-radius: 24px;
  color: #ffffff;
  display: inline-block;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  height: 50px;
  line-height: 48px;
  padding: 0 24px;
  text-transform: uppercase;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .btn {
    font-size: 16px;
    height: 50px;
    line-height: 48px;
    padding: 0 24px;
  }
}
.btn:hover {
  color: #ffffff;
  text-decoration: none;
}
.btn:focus, .btn:active, .btn:focus:active {
  border-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff !important;
  outline: none !important;
}
@media screen and (min-width: 992px) {
  .btn {
    font-size: 16px;
    height: 50px;
    line-height: 48px;
    padding: 0 24px;
    min-width: 160px;
  }
}
.btn.btn-default {
  background: #AC162C;
  border-color: #AC162C;
  color: #ffffff;
}
.btn.btn-default:hover {
  background: #AC162C;
  border-color: #AC162C;
}
.btn.btn-white {
  background: #ffffff;
  border-color: #ffffff;
  color: #AC162C !important;
}
.btn.btn-white:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #AC162C;
}
.btn.btn-white:focus {
  color: #AC162C;
}
.btn.btn-white:active {
  color: #AC162C;
}
.btn.btn-orange {
  background: #F9A526;
  border-color: #F9A526;
  color: #ffffff;
}
.btn.btn-orange:hover {
  background: #F9A526;
  border-color: #F9A526;
}
.btn.btn-disabled, .btn[disabled] {
  background: #333333;
  border-color: #333333;
  color: #000000;
  opacity: 1;
}

.formbuilder2 .field {
  margin-bottom: 20px;
}
.formbuilder2 .heading label {
  color: rgb(34.425, 34.425, 34.425);
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}
.formbuilder2 input {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #A7A7A7 !important;
  line-height: 18px;
  outline: none;
}
.formbuilder2 input::-webkit-input-placeholder {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #A7A7A7;
}
.formbuilder2 input::-moz-placeholder {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #A7A7A7;
}
.formbuilder2 input:-ms-input-placeholder {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #A7A7A7;
}
.formbuilder2 input::-ms-input-placeholder {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #A7A7A7;
}
.formbuilder2 input::placeholder {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #A7A7A7;
}
.formbuilder2 .text, .formbuilder2 .number, .formbuilder2 .email, .formbuilder2 .select, .formbuilder2 .textarea {
  border: 1px solid #D3D3D3;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgb(85.425, 85.425, 85.425);
  font-size: 14px;
  height: 45px;
  line-height: 42px;
  padding: 0 12px;
  width: 100%;
  -webkit-appearance: 0;
  -moz-appearance: 0;
  appearance: 0;
}
@media screen and (min-width: 992px) {
  .formbuilder2 .text, .formbuilder2 .number, .formbuilder2 .email, .formbuilder2 .select, .formbuilder2 .textarea {
    font-size: 18px;
    height: 50px;
    line-height: 47px;
    padding: 0 12px;
  }
}
.formbuilder2 .text:focus, .formbuilder2 .number:focus, .formbuilder2 .email:focus, .formbuilder2 .select:focus, .formbuilder2 .textarea:focus {
  border-color: #9B9B9B;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.formbuilder2 .select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
}
.formbuilder2 .select-wrap {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(97%, #E8E8E8));
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #E8E8E8 97%);
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.formbuilder2 .select-wrap:after {
  content: "";
  background-image: url("/build/svg/sprite-6f64838eef.svg");
  background-repeat: no-repeat;
  background-size: 22.25em 72.3125em;
  font-size: 16px;
}
.no-svg .formbuilder2 .select-wrap:after {
  background-image: url("/build/svg/sprite-a75161c4e2.png") !important;
}
.formbuilder2 .select-wrap:after {
  background-position: -0.125em -2.8125em;
  width: 0.75em;
  height: 0.375em;
  display: block;
  width: 12px;
  height: 6px;
  position: absolute;
  top: 27px;
  right: 20px;
}
.formbuilder2 .textarea {
  min-height: 100px;
  padding: 6px 8px;
}
@media screen and (min-width: 992px) {
  .formbuilder2 .textarea {
    min-height: 180px;
    padding: 10px 8px;
  }
}
.formbuilder2.form-horizontal .field:before, .formbuilder2.form-horizontal .field:after {
  display: table;
  content: " ";
}
.formbuilder2.form-horizontal .field:after {
  clear: both;
}
@media screen and (min-width: 992px) {
  .formbuilder2.form-horizontal .heading {
    float: left;
    text-align: right;
    width: 30%;
    padding-right: 10px;
  }
}
.formbuilder2.form-horizontal .heading label {
  margin-right: 10px;
  height: 60px;
  line-height: 60px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .formbuilder2.form-horizontal .heading label {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
  }
}
@media screen and (min-width: 768px) {
  .formbuilder2.form-horizontal .input {
    float: left;
    width: 70%;
  }
}
.formbuilder2.form-horizontal .text, .formbuilder2.form-horizontal .number, .formbuilder2.form-horizontal .email, .formbuilder2.form-horizontal .select, .formbuilder2.form-horizontal .textarea {
  height: 60px;
  border-radius: 2px;
}

.mailing-list-form {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .mailing-list-form {
    text-align: left;
    margin-bottom: 0px;
  }
}
.mailing-list-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.mailing-list-form .field {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
  .mailing-list-form .field {
    max-width: 400px;
  }
}
.mailing-list-form .text, .mailing-list-form .email {
  height: 50px;
}
.mailing-list-form .btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mailing-list-form .btn {
    width: auto;
  }
}

.mce_inline_error {
  color: #ffffff;
}

.callout {
  margin-left: 30%;
  font-weight: bold;
  padding-bottom: 20px;
  color: #AC162C;
}

.banner {
  background-position: center center;
  background-repeat: no-repeat;
  height: 250px;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px) {
  .banner {
    height: 400px;
  }
}
.banner-title {
  text-shadow: rgba(0, 0, 0, 0.7) 0 2px 10px;
}
@media screen and (min-width: 768px) {
  .banner-title {
    font-size: 70px;
  }
}

.banner-text {
  text-shadow: rgba(0, 0, 0, 0.7) 0 2px 10px;
}
@media screen and (min-width: 768px) {
  .banner-text {
    font-size: 22px;
  }
}

.banner.banner-large {
  height: 600px;
}
@media screen and (min-width: 768px) {
  .banner.banner-large {
    height: 800px;
  }
}
.banner.banner-large .banner-text {
  top: 25%;
  margin: 0 auto;
}

.placard {
  background: transparent url(/img/placard.png) no-repeat center -35px;
  min-height: 165px;
  padding-top: 80px;
  max-width: 300px;
}
@media screen and (min-width: 768px) {
  .placard {
    background: transparent url(/img/placard.png) no-repeat center center;
    height: 300px;
    padding-top: 120px;
    max-width: 500px;
  }
}
.placard-title {
  font-size: 30px;
}
@media screen and (min-width: 768px) {
  .placard-title {
    font-size: 70px;
  }
}

.placard-large {
  position: relative;
}
.placard-large-title {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  margin-top: 0;
  position: relative;
  background: transparent url(/img/placard-large.png) no-repeat top center;
  padding: 150px 30px 50px 30px;
  font-size: 30px;
}
@media screen and (min-width: 992px) {
  .placard-large-title {
    background: transparent url(/img/placard-large.png) no-repeat top center;
    padding: 150px 30px 50px 30px;
    font-size: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .placard-large-title {
    font-size: 70px;
    padding: 150px 50px 50px 50px;
    position: relative;
    top: 0;
  }
}

.wysiwyg {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wysiwyg h1, .wysiwyg .h1 {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .wysiwyg h1, .wysiwyg .h1 {
    font-size: 50px;
  }
}
.wysiwyg h2, .wysiwyg .h2 {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .wysiwyg h2, .wysiwyg .h2 {
    font-size: 40px;
  }
}
.wysiwyg p {
  font-size: 16px;
  line-height: 28px;
}
@media screen and (min-width: 768px) {
  .wysiwyg p {
    font-size: 20px;
    line-height: 30px;
  }
}
.wysiwyg p a {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #AC162C;
}

.timeline {
  position: relative;
}
@media screen and (min-width: 768px) {
  .timeline:after {
    border-left: 8px solid #AC162C;
    border-bottom: 8px solid #AC162C;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    height: 32px;
    width: 32px;
  }
}
.timeline-item {
  min-height: 370px;
  position: relative;
}
.timeline-item:before {
  background: #000000;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .timeline-item:before {
    width: 66%;
  }
}
@media screen and (min-width: 768px) {
  .timeline-item.timeline-rtl:before {
    left: 0;
    right: auto;
  }
}
@media screen and (min-width: 768px) {
  .timeline-item:after {
    background: #AC162C;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 8px;
  }
}

.timeline-media {
  margin: 20px 0 30px 0;
}
@media screen and (min-width: 768px) {
  .timeline-media {
    margin: 0;
    float: left;
    width: 50%;
  }
}

.timeline-body {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .timeline-body {
    float: right;
    padding: 30px 0 0 40px;
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .timeline-body {
    min-height: 390px;
  }
}
@media screen and (min-width: 1200px) {
  .timeline-body {
    padding: 30px 0 0 130px;
  }
}

@media screen and (min-width: 768px) {
  .timeline-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
  }
}
@media screen and (min-width: 992px) {
  .timeline-image {
    width: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .timeline-image {
    width: 460px;
  }
}

.timeline-year {
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .timeline-year {
    font-size: 30px;
    position: absolute;
    top: 30px;
    left: 260px;
  }
}
@media screen and (min-width: 992px) {
  .timeline-year {
    left: 330px;
  }
}
@media screen and (min-width: 1200px) {
  .timeline-year {
    left: 490px;
  }
}

.timeline-title {
  font-size: 22px;
}
@media screen and (min-width: 1200px) {
  .timeline-title {
    font-size: 24px;
  }
}

@media screen and (min-width: 768px) {
  .timeline-rtl .timeline-media {
    float: right;
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .timeline-rtl .timeline-body {
    float: left;
    padding: 30px 40px 0 0;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .timeline-rtl .timeline-body {
    padding: 30px 130px 0 0;
  }
}
.timeline-rtl .timeline-image {
  left: auto;
  right: 0;
}
.timeline-rtl .timeline-year {
  left: auto;
}
@media screen and (min-width: 768px) {
  .timeline-rtl .timeline-year {
    right: 260px;
  }
}
@media screen and (min-width: 992px) {
  .timeline-rtl .timeline-year {
    right: 330px;
  }
}
@media screen and (min-width: 1200px) {
  .timeline-rtl .timeline-year {
    right: 490px;
  }
}

.list-entries > li {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list-entries > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
}
.list-entries > li img {
  height: auto;
  width: 100%;
}

.spinner {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 5px solid #AC162C;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.content-builder ul li {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 30px;
}
.content-builder ol li {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 30px;
}

.list-videos {
  position: relative;
}
@media screen and (min-width: 768px) {
  .list-videos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.list-videos > li {
  display: block;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .list-videos > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 33.3%;
    vertical-align: top;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.list-videos > li .video-play {
  cursor: pointer;
}
.list-videos > li .video-play:hover .video-play-icon {
  filter: none;
  -webkit-filter: none;
}
.list-videos > li img {
  height: auto;
  width: 100%;
}
.list-videos > li .video-play-icon {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  cursor: pointer;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
@media screen and (min-width: 768px) {
  .list-videos > li .video-play-icon {
    top: 30%;
  }
}
@media screen and (min-width: 992px) {
  .list-videos > li .video-play-icon {
    top: 40%;
  }
}

.modal-background-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
  opacity: 0.75;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  z-index: 19;
  display: none;
}

.video-overlay-modal {
  display: none;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 15px;
  width: 1244px;
  max-width: 80%;
  z-index: 100;
  min-height: 280px;
}
@media screen and (min-width: 768px) {
  .video-overlay-modal {
    min-height: 400px;
  }
}
@media screen and (min-width: 992px) {
  .video-overlay-modal {
    min-height: 580px;
  }
}
@media screen and (min-width: 1400px) {
  .video-overlay-modal {
    min-height: 720px;
  }
}
.video-overlay-modal iframe {
  width: 100%;
  height: 100%;
  min-height: 280px;
}
@media screen and (min-width: 768px) {
  .video-overlay-modal iframe {
    min-height: 400px;
  }
}
@media screen and (min-width: 992px) {
  .video-overlay-modal iframe {
    min-height: 580px;
  }
}
@media screen and (min-width: 1400px) {
  .video-overlay-modal iframe {
    min-height: 720px;
  }
}
.video-overlay-modal .modal-close-icon {
  position: absolute;
  top: -50px;
  right: -50px;
  cursor: pointer;
}

.wistia_channel {
  min-height: auto !important;
}

.video-post {
  position: relative;
}
.video-post-content {
  min-height: 246px;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .video-post-content {
    min-height: 346px;
  }
}
.video-post .overlay.active {
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.video-post .list-videos-title {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 32px;
  line-height: 38px;
  position: relative;
  z-index: 2;
}
.video-post .list-videos-intro {
  display: none;
  font-size: 14px;
  line-height: 1.8em;
  position: relative;
  z-index: 2;
}
.video-post .list-videos-intro.active {
  display: block;
}
.video-post .list-videos-btns {
  margin-top: 30px;
  padding: 0 20px 20px 20px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  .video-post .list-videos-btns {
    text-align: center;
  }
}
@media screen and (min-width: 1420px) {
  .video-post .list-videos-btns .btn {
    min-width: 197px;
  }
}
.video-post .list-videos-btns .btn {
  text-align: center !important;
}
.video-post .list-videos-btns .btn:last-of-type {
  margin-top: 10px;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .video-post .list-videos-btns .btn:last-of-type {
    margin-left: 20px;
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .video-post .list-videos-btns .btn:last-of-type {
    margin-left: 10px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1460px) {
  .video-post .list-videos-btns .btn:last-of-type {
    margin-left: 20px;
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .list-entries li {
    display: inline-block !important;
    vertical-align: top !important;
  }
}
.list-entries li.hidden {
  display: none !important;
}

.list-recipes > li {
  display: block;
  margin: 0 0 20px 0;
  height: 380px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list-recipes > li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
}
@media screen and (min-width: 992px) {
  .list-recipes > li {
    height: 460px;
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .list-recipes > li:nth-child(1) {
    width: 50%;
  }
}
.list-recipes-link {
  background-size: cover;
  background-position: center center;
  display: block;
  height: 100%;
  position: relative;
}

.list-recipes-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (min-width: 768px) {
  .list-entries--three-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 15px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 992px) {
  .list-entries--three-column {
    gap: 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .list-entries--three-column {
    gap: 60px 20px;
  }
}

.list-entries--three-column > li:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .list-entries--three-column > li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .list-entries--three-column > li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(33.3333% - 15px);
    -ms-flex: 0 1 calc(33.3333% - 15px);
    flex: 0 1 calc(33.3333% - 15px);
    width: unset;
  }
}
@media screen and (min-width: 992px) {
  .list-entries--three-column > li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(33.3333% - 20px);
    -ms-flex: 0 1 calc(33.3333% - 20px);
    flex: 0 1 calc(33.3333% - 20px);
  }
}

.list-entries--three-column > li.loadin {
  -webkit-animation: loadin 1350ms ease-in-out;
  animation: loadin 1350ms ease-in-out;
}

@-webkit-keyframes loadin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loadin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.list-entries--three-column > li > div {
  height: 100%;
}

.list-entries--three-column > li .link-clean {
  position: relative;
}

.list-entries--three-column .list-entries__tag {
  display: inline-block;
  position: absolute;
  left: 20px;
  padding: 0 15px;
  top: 20px;
  background-color: #AC162C;
  border-radius: 100vmax;
  color: #FFF;
  font-size: 12px;
  line-height: 30px;
}

@media screen and (min-width: 992px) {
  .list-entries--three-column .list-entries-title {
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .category-title {
    font-size: 50px;
  }
}

.products-category {
  list-style: none;
  text-align: center;
  padding-left: 0px;
  max-width: 80%;
  margin: 0 auto;
}
.products-category-product {
  display: inline-block;
  vertical-align: top;
  max-width: 50%;
  text-align: center;
}

.products-category-title {
  margin: 0 auto;
  text-align: center;
  max-width: 200px;
}

.products-category .maybe-line-break {
  height: 0;
  width: 0;
}

#products-category-15 .maybe-line-break:nth-of-type(10),
#products-category-15 .maybe-line-break:nth-of-type(18) {
  width: 100%;
}

.recipe-main {
  position: relative;
}
.recipe-main:before, .recipe-main:after {
  height: 400px;
  position: absolute;
  left: 0;
  top: 400px;
  width: 1200px;
  z-index: -1;
}
.recipe-main:before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.recipe-main:after {
  background: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  left: -10px;
  width: 1220px;
}

.recipe-header {
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}
@media screen and (min-width: 768px) {
  .recipe-header {
    height: 600px;
    margin-bottom: -300px;
  }
}
@media screen and (min-width: 992px) {
  .recipe-header {
    height: 800px;
    margin-bottom: -400px;
  }
}

@media screen and (min-width: 768px) {
  .recipe-title {
    font-size: 60px;
  }
}

.recipe-subtitle {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
@media screen and (min-width: 768px) {
  .recipe-subtitle {
    font-size: 50px;
  }
}

.recipe-related {
  background: transparent url(/img/recipe-related-product-bg.jpg) no-repeat top center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
}
@media screen and (min-width: 768px) {
  .recipe-related {
    width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media screen and (min-width: 992px) {
  .recipe-related {
    float: right;
  }
}
.recipe-related p {
  font-size: 24px;
  line-height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.recipe-ingredients {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recipe-ingredients {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}

.stockists-logo {
  border: 1px solid #DEDEDE;
  display: block;
  padding: 0px;
}
@media screen and (min-width: 768px) {
  .stockists-logo {
    padding: 10px;
  }
}

.list-bullet-red ul {
  font-size: 20px;
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
.list-bullet-red ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.list-bullet-red ul li:before {
  content: "• ";
  color: #AC162C;
  margin-right: 10px;
}

.list-ordered-red ol, .wysiwyg ol {
  counter-reset: item;
  font-size: 20px;
  margin-bottom: 30px;
}
.list-ordered-red ol li, .wysiwyg ol li {
  display: block;
  margin-bottom: 10px;
  position: relative;
  padding: 0;
  text-indent: 0;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.list-ordered-red ol li:before, .wysiwyg ol li:before {
  content: counter(item) ".";
  counter-increment: item;
  color: #AC162C;
  display: block;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: -2em;
  top: 0;
  overflow: hidden;
  position: absolute;
  width: 2em;
}

.list-checklist-red {
  padding-left: 20px;
}
.list-checklist-red ul {
  font-size: 20px;
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
.list-checklist-red ul li {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 1.5em;
  position: relative;
  line-height: 30px;
  font-size: 20px;
  line-height: 30px;
}
.list-checklist-red ul li:before {
  border-left: 2px solid #AC162C;
  border-bottom: 2px solid #AC162C;
  content: "";
  color: #AC162C;
  display: inline-block;
  height: 8px;
  margin-right: 10px;
  position: absolute;
  top: 10px;
  left: 0;
  width: 14px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.list-checklist-red--cream-background {
  padding: 20px;
  background-color: #FDF9EE;
}
@media screen and (min-width: 992px) {
  .list-checklist-red--cream-background {
    padding: 40px;
  }
}
.list-checklist-red--cream-background:not(:first-child) {
  margin-top: 3rem;
}
@media screen and (min-width: 992px) {
  .list-checklist-red--cream-background:not(:first-child) {
    margin-top: 6rem;
  }
}
.list-checklist-red--cream-background:not(:last-child) {
  margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
  .list-checklist-red--cream-background:not(:last-child) {
    margin-bottom: 6rem;
  }
}
.list-checklist-red--cream-background ul {
  margin: 0;
}
.list-checklist-red--cream-background ul li {
  padding-left: 2.4em;
  color: #333333;
  font-size: 16px;
}
.list-checklist-red--cream-background ul li:not(:last-child) {
  margin-bottom: 20px;
}
.list-checklist-red--cream-background ul li:before {
  border: none;
  left: 0;
  top: 2px;
  -webkit-transform: unset;
  transform: unset;
  height: 24px;
  width: 24px;
  background-image: url("/img/content-builder/checklist/checklist-red-check-red.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabs li {
  float: left;
  width: auto;
  margin-right: 5px;
}
.tabs a {
  display: block;
  text-align: center;
  text-decoration: none;
  background: #AC162C;
  border: 1px solid #AC162C;
  border-bottom: none;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 20px;
}
@media screen and (min-width: 768px) {
  .tabs a {
    padding: 20px 40px;
  }
}
.tabs a {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tabs a:hover, .tabs a.active {
  color: #AC162C;
  border-bottom-color: #ffffff;
  background: #ffffff;
}

.tabgroup {
  border-top: 1px solid #AC162C;
  margin-top: -1px;
  margin-bottom: 51px;
}
.tabgroup div {
  padding: 40px 0;
  font-size: 20px;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.table {
  width: 100%;
}
.table thead {
  background: #F1F1F1;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 20px;
}
.table tr {
  border-bottom: 1px solid #f1f1f1;
}
.table th {
  font-size: 16px;
  padding: 20px 0 20px 24px;
  text-align: left;
}
.table td {
  font-size: 20px;
  padding: 20px 0 20px 24px;
  text-align: left;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-nutrition th, .table-nutrition tr {
  width: 33.3333333333%;
}

.where-to-buy-bg {
  background-image: url(/img/stockest-bg@2x.jpg);
  padding: 20px 20px 30px 20px;
}
@media screen and (min-width: 768px) {
  .where-to-buy-bg {
    background-image: url(/img/stockest-bg-dt@2x.jpg);
  }
}

.where-to-buy {
  height: 400px;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .where-to-buy {
    text-align: left;
    height: 400px;
  }
}
.where-to-buy-copy {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .where-to-buy-copy {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    padding-right: 15%;
  }
}

@media screen and (min-width: 768px) {
  .where-to-buy-image {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    max-width: 758px;
  }
}

.recipe-ideas {
  background-size: cover;
  background-repeat: no-repeat;
  height: 350px;
  max-width: 490px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recipe-ideas {
    height: 490px;
  }
}

.get-directions {
  position: relative;
  padding-right: 35px;
}
.get-directions:after {
  content: "";
  background-image: url("/build/svg/sprite-6f64838eef.svg");
  background-repeat: no-repeat;
  background-size: 22.25em 72.3125em;
  font-size: 16px;
}
.no-svg .get-directions:after {
  background-image: url("/build/svg/sprite-a75161c4e2.png") !important;
}
.get-directions:after {
  background-position: -0.125em -1.0625em;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 0;
}

.shadow {
  width: 100%;
  max-width: 572px;
}
.shadow h1, .shadow .h1, .shadow h2, .shadow h3 {
  background-color: #F8F8F8;
  padding: 25px 50px;
  -webkit-box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 3px 3px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .shadow h1, .shadow .h1, .shadow h2, .shadow h3 {
    padding: 40px 50px;
  }
}
.shadow:before {
  content: "";
  background-image: url(/img/placard-2.png);
  background-repeat: no-repeat;
  background-position: center -100px;
  display: block;
  height: 100px;
}

@media (max-width: 1199px) {
  .hidden-md-nav {
    display: none;
  }
  .visible-md-nav {
    display: block;
  }
}
@media (min-width: 1200px) {
  .visible-md-nav {
    display: none;
  }
}
.product-img {
  position: relative;
}
@media screen and (min-width: 992px) {
  .product-img {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}

.product-info {
  position: relative;
}
@media screen and (min-width: 992px) {
  .product-info {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}

.product-copy {
  max-width: 710px;
  width: 100%;
  padding: 20px 0;
}
@media screen and (min-width: 992px) {
  .product-copy {
    padding: 50px 0;
  }
}

/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.flex-control-nav,
.flex-control-thumbs {
  display: block;
}
.flex-control-nav img,
.flex-control-thumbs img {
  display: none !important;
}

.slide-title {
  /* PREPARING THE FIELD: */
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  color: #70150B;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 10px;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0 auto !important;
  padding: 0;
  width: 100%;
  max-width: 952px;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 45px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-size: 40px;
  display: inline-block;
}

.flex-direction-nav a.flex-next:before {
  content: "";
}

.flex-direction-nav .flex-prev {
  left: 10px;
  opacity: 1;
  width: 30px;
  height: 45px;
  background-image: url(/img/flex-prev.png);
  background-repeat: no-repeat;
  text-indent: -999999px;
}

.flex-direction-nav .flex-next {
  right: 10px;
  text-align: right;
  opacity: 0.7;
}

.flex-direction-nav .flex-next:before {
  background-image: url(/img/flex-next.png);
  background-repeat: no-repeat;
  text-indent: -99999999px;
  width: 30px;
  height: 45px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-size: 20px;
  display: inline-block;
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
#carousel .flex-active-slide img {
  opacity: 1;
  cursor: default;
  display: none;
}

#carousel img {
  display: none;
  opacity: 0.5;
  cursor: pointer;
}

.flex-caption {
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .flex-caption {
    background-color: #70150B;
    height: 370px;
  }
}
@media screen and (min-width: 768px) {
  .flex-caption {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    height: auto;
  }
}
.flex-caption h3 {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px;
  line-height: 50px;
}
.flex-caption p {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 28px;
}

#slider {
  margin-bottom: 15px !important;
}

#carousel {
  text-align: center;
}
#carousel li {
  text-align: center;
}
#carousel li:before {
  content: "";
  color: #ED6F04;
  display: block;
  max-width: 56px !important;
  height: 56px;
  border-radius: 50%;
  border: solid 2px #ED6F04;
  font-size: 34px;
  line-height: 28px;
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#carousel li:nth-child(1):before {
  content: "1";
}
#carousel li:nth-child(2):before {
  content: "2";
}
#carousel li:nth-child(3):before {
  content: "3";
}
#carousel li:nth-child(4):before {
  content: "4";
}
#carousel li:nth-child(5):before {
  content: "5";
}
#carousel li:nth-child(6):before {
  content: "6";
}
#carousel li:nth-child(7):before {
  content: "7";
}
#carousel li:nth-child(8):before {
  content: "8";
}
#carousel li:nth-child(8):after {
  display: none;
}
#carousel li:nth-child(8) .slide-title::first-letter {
  color: #70150B;
}
#carousel .flex-direction-nav {
  display: none;
}

#carousel {
  position: relative;
  cursor: pointer;
}
#carousel li.flex-active-slide:before {
  color: #FFFFFF;
  background: #ED6F04;
}
#carousel li {
  position: relative;
}
#carousel li:after {
  content: "";
  display: block;
  width: 54%;
  height: 2px;
  background: #ED6F04;
  position: absolute;
  top: 26px;
  right: -33px;
}

@font-face {
  font-family: "Ionicons";
  src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");
  src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.voucher {
  background-color: rgba(0, 0, 0, 0.55);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  overflow-y: scroll;
}
@media screen and (min-width: 768px) {
  .voucher {
    top: 0;
    left: 0;
    right: 0;
  }
}
.voucher--close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}
.voucher--oats {
  display: none;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .voucher--oats {
    display: block;
    position: absolute;
    left: 10%;
    top: 40%;
  }
}
.voucher--oats img {
  max-width: 150px;
}
@media screen and (min-width: 992px) {
  .voucher--oats img {
    max-width: 260px;
  }
}
.voucher--form {
  background-color: #AC162C;
  background-image: url(/img/voucher/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  max-width: 1440px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .voucher--form {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    max-width: 1440px;
    padding: 0px 30px 0px 30px;
  }
}
.voucher--wheat-stalks {
  background-image: url(/img/voucher/wheat-stalks.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 520px;
  top: 0;
}

.voucher-landing-page {
  background-color: #FFF;
}

.voucher-hero {
  position: relative;
  background-image: url(/img/voucher/voucher-landing-page.jpg);
  background-size: cover;
}
@media screen and (min-width: 991px) {
  .voucher-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100vh;
  }
}
.voucher-hero .voucher-form {
  position: relative;
}
@media screen and (min-width: 991px) {
  .voucher-hero .voucher-form {
    width: 55%;
  }
}
@media screen and (min-width: 1440px) {
  .voucher-hero .voucher-form {
    width: 45%;
  }
}
@media screen and (min-width: 991px) {
  .voucher-hero .voucher-copy {
    width: 45%;
  }
}
@media screen and (min-width: 1440px) {
  .voucher-hero .voucher-copy {
    width: 55%;
  }
}

form.voucher-form {
  background: url(/img/voucher/background.png);
  background-size: cover;
  width: 100%;
  margin: 0 auto;
}
form.voucher-form.padding {
  padding: 50px 20px;
}
@media screen and (min-width: 991px) {
  form.voucher-form.padding {
    padding: 150px 20px 50px 20px;
  }
}
@media screen and (min-width: 1440px) {
  form.voucher-form.padding {
    padding: 190px 0px 50px 0px;
  }
}
@media screen and (min-width: 768px) {
  form.voucher-form {
    padding: 50px 20px;
  }
}
form.voucher-form.no-bg {
  background-image: none;
}
form.voucher-form p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  max-width: 529px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  form.voucher-form p {
    font-size: 18px;
    line-height: 28px;
  }
}
form.voucher-form span.error {
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0;
  color: #FFF;
}
form.voucher-form .btn {
  color: #FFF;
}
form.voucher-form .form-row {
  width: 100%;
}
form.voucher-form legend {
  text-align: center;
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 40px;
  line-height: 44px;
  color: #FFF;
  z-index: 99;
  position: relative;
  max-width: 515px;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  form.voucher-form legend {
    font-size: 45px;
    line-height: 50px;
  }
}
form.voucher-form label {
  color: #FFF;
  margin-bottom: 10px;
  display: block;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
form.voucher-form input {
  width: 100%;
  padding: 20px;
  border: 1px solid #C5C5C5;
  outline: none;
  color: #333333 !important;
}
@media screen and (min-width: 768px) {
  form.voucher-form input {
    padding: 25px 20px;
  }
}
form.voucher-form button {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #F9A526;
  border: none;
  border-radius: 36px;
  display: block;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
  padding: 20px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  form.voucher-form button {
    font-size: 18px;
    padding: 25px;
  }
}
form.voucher-form .form-row {
  display: block;
  margin-bottom: 30px;
  max-width: 490px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
form.voucher-form .form-row.align-center {
  text-align: center;
}

.voucher-copy {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media screen and (min-width: 1440px) {
  .voucher-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 130px;
  }
}
.voucher-copy .copy {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 20px;
}
@media screen and (min-width: 1440px) {
  .voucher-copy .copy {
    padding-left: 44px;
    padding-right: 0px;
    width: 48%;
    font-size: 18px;
    line-height: 30px;
    color: #666666;
  }
}
@media screen and (min-width: 1441px) {
  .voucher-copy .copy {
    padding-left: 80px;
  }
}
.voucher-copy .copy h1 {
  margin-bottom: 30px;
  text-align: center;
}
.voucher-copy .copy h1 img {
  width: 100%;
  max-width: 290px;
}
@media screen and (min-width: 768px) {
  .voucher-copy .copy h1 {
    margin-bottom: 60px;
    font-size: 58px;
    line-height: 68px;
  }
}
@media screen and (min-width: 1440px) {
  .voucher-copy .copy h1 {
    text-align: left;
  }
}
.voucher-copy .copy h2 {
  color: #000000;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .voucher-copy .copy h2 {
    font-size: 30px;
    line-height: 50px;
  }
}
.voucher-copy .copy p {
  margin-bottom: 30px;
}

.voucher-img {
  text-align: center;
  position: relative;
}
.voucher-img img {
  width: auto;
}
@media screen and (min-width: 1440px) {
  .voucher-img {
    margin-top: 100px;
    width: 52%;
  }
}

.voucher-logo {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.voucher-thank-you {
  background-image: url(/img/voucher/thank-you-bg2.jpg);
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .voucher-thank-you {
    height: 100vh;
    background-position: center;
  }
}
@media screen and (min-width: 768px) {
  .voucher-thank-you--inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .voucher-thank-you--inner > div {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-top: 100px;
  }
}
.voucher-thank-you .hero-text {
  font-size: 18px;
}
.voucher-thank-you .copy {
  width: 100%;
  padding: 0 20px;
  font-size: 18px;
  line-height: 30px;
  color: #666666;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px) {
  .voucher-thank-you .copy {
    width: 50%;
    padding: 0 40px;
  }
}
.voucher-thank-you .copy h1 {
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .voucher-thank-you .copy h1 {
    margin-bottom: 40px;
  }
}
.voucher-thank-you .copy p {
  margin-bottom: 30px;
}
.voucher-thank-you .copy p a {
  color: #666666;
  text-decoration: underline;
}
.voucher-thank-you .copy img {
  width: 70%;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .voucher-thank-you .copy img {
    display: none;
  }
}
.voucher-thank-you .btn {
  background-color: #75A62B;
  border-color: #75A62B;
  width: 95%;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border-radius: 36px;
  font-size: 16px;
}

.voucher-featured-products {
  width: 100%;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .voucher-featured-products {
    padding: 0 40px;
    width: 50%;
  }
}
.voucher-featured-products img {
  width: 100%;
  margin: 0 auto;
}
.voucher-featured-products img.whiteslogo {
  display: none;
}
@media screen and (min-width: 768px) {
  .voucher-featured-products img.whiteslogo {
    display: block;
  }
}

.form-wheat-deco {
  background-image: url(/img/voucher/oat-wheat-stalks.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 200px;
  width: 100%;
  max-width: 605px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (min-width: 991px) {
  .form-wheat-deco {
    display: block;
  }
}
@media screen and (min-width: 1160px) {
  .form-wheat-deco {
    max-width: 766px;
    height: 245px;
    background-size: contain;
  }
}
@media screen and (min-width: 1440px) {
  .form-wheat-deco {
    height: 267px;
    max-width: 695px;
    background-size: contain;
  }
}
@media screen and (min-width: 1441px) {
  .form-wheat-deco {
    max-width: 780px;
  }
}

.oat-baloon {
  display: none;
}
@media screen and (min-width: 1441px) {
  .oat-baloon {
    position: absolute;
    z-index: 99;
    bottom: -80px;
    left: 40px;
    display: block;
  }
}

.oats-package {
  display: none;
  margin: 0 auto;
}
@media screen and (min-width: 1440px) {
  .oats-package {
    display: block;
  }
}

.form-link {
  text-decoration: underline;
  color: #FFF;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.js-Close {
  color: #FFF;
}
.js-Close:hover {
  color: #F9A526;
  text-decoration: none;
}

.checkbox {
  position: relative;
}
.checkbox label,
.checkbox input[type=checkbox],
.checkbox span.text {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}
.checkbox span.text {
  display: inline-block;
  vertical-align: top;
  max-width: 95%;
}
.checkbox input[type=checkbox] {
  margin-top: 2px;
  width: 5%;
  height: 20px;
  padding: 0 !important;
}
.checkbox a {
  color: #FFF;
  text-decoration: underline;
}
.checkbox a:hover {
  text-decoration: none;
  color: #FFF;
}

label.checkers {
  position: relative;
  padding: 0 0 0 25px;
  font-size: 1rem;
  cursor: pointer;
}
label.checkers input[type=checkbox] {
  display: none;
}
label.checkers input[type=checkbox]:checked + span {
  opacity: 1;
}
label.checkers::before {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  border: 2px solid #FFF;
}
label.checkers span {
  position: absolute;
  top: 3px;
  left: 2px;
  width: 12px;
  height: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
label.checkers span::before {
  position: absolute;
  content: "";
  left: 11px;
  width: 3px;
  height: 11px;
  background-color: #FFF;
}
label.checkers span::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 7px;
  width: 4px;
  height: 3px;
  background-color: #FFF;
}

.voucher-form.no-bg {
  position: relative;
  z-index: 99999;
}

body {
  max-width: 1920px;
  margin: 0 auto;
}

.landing-hero .landing-header {
  text-align: center;
  padding-top: 20px;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-header {
    padding-top: 40px;
  }
}
.landing-hero .landing-header img {
  max-width: 137px;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-header img {
    max-width: 100%;
  }
}
.landing-hero .landing-hero-content {
  max-width: 1170px;
  margin: 0 auto;
  padding: 40px 0;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content {
    padding: 90px 0 40px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.landing-hero .landing-hero-content .landing-hero-img {
  text-align: center;
  padding-bottom: 45px;
}
.landing-hero .landing-hero-content .landing-hero-img img {
  max-width: 252px;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-img img {
    max-width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-img {
    width: 50%;
    float: left;
    padding-bottom: 0;
  }
}
.landing-hero .landing-hero-content .landing-hero-copy {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-copy {
    width: 50%;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: left;
    max-width: 532px;
  }
}
.landing-hero .landing-hero-content .landing-hero-copy .landing-hero-title {
  font-size: 18px;
  line-height: 33px;
  color: #AC162C;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-copy .landing-hero-title {
    font-size: 28px;
    line-height: 33px;
  }
}
.landing-hero .landing-hero-content .landing-hero-copy .landing-hero-text {
  max-width: 586px;
  margin: 0 auto;
}
.landing-hero .landing-hero-content .landing-hero-copy .landing-hero-text p {
  font-size: 14px;
  line-height: 26px;
  color: #494949;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-copy .landing-hero-text p {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-copy .landing-hero-text {
    margin: 0;
  }
}
.landing-hero .landing-hero-content .landing-hero-copy .balloon-image {
  position: absolute;
  max-width: 60px;
  bottom: 249px;
  right: 17px;
}
@media screen and (min-width: 992px) {
  .landing-hero .landing-hero-content .landing-hero-copy .balloon-image {
    right: 25px;
    bottom: -50px;
    max-width: 100%;
  }
}

.our-farmers {
  background: #5c2c27;
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .our-farmers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy {
    width: 50%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
}
.our-farmers .our-farmers-copy .our-farmers-content {
  padding: 25px 20px 45px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy .our-farmers-content {
    padding: 0;
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner {
    max-width: 618px;
    text-align: right;
    float: right;
    margin-right: 95px;
    padding: 6px 0 30px;
  }
}
.our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .our-farmers-title {
  font-size: 30px;
  line-height: 75px;
  color: #ffffff;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .our-farmers-title {
    font-size: 50px;
  }
}
.our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .our-farmers-text {
  color: #494949;
  color: #ffffff;
  padding-bottom: 20px;
}
.our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .our-farmers-text p {
  font-size: 14px;
  line-height: 26px;
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .our-farmers-text p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .our-farmers-text {
    padding-bottom: 30px;
  }
}
.our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .btn {
  width: 100%;
  font-size: 16px;
  line-height: 56px;
  height: 56px;
  border-radius: 36px;
  letter-spacing: 3px;
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-copy .our-farmers-content .our-farmers-content-inner .btn {
    width: auto;
    min-width: 309px;
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .our-farmers .our-farmers-img {
    width: 50%;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.our-farmers .our-farmers-img img {
  width: 100%;
}

.oatfacts {
  padding: 30px 20px 10px;
}
@media screen and (min-width: 992px) {
  .oatfacts {
    padding: 100px 0 0px;
  }
  .oatfacts .oatfacts-copy {
    margin-bottom: 40px;
  }
}
.oatfacts .oatfacts-title p {
  font-size: 30px;
  line-height: 50px;
  color: #5c2c27;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .oatfacts .oatfacts-title p {
    margin-top: 20px;
    font-size: 50px;
    text-align: left;
  }
}
.oatfacts .oatfacts-title p span {
  color: #AC162C;
}
.oatfacts .oatfacts-video .video-content {
  padding-top: 20px;
}
@media screen and (min-width: 992px) {
  .oatfacts .oatfacts-video .video-content {
    padding-top: 25px;
  }
}
.oatfacts .oatfacts-content {
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (min-width: 992px) {
  .oatfacts .oatfacts-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.oatfacts .oatfacts-content .oatfact {
  width: 100%;
  text-align: center;
  padding: 0 15px;
}
@media screen and (min-width: 992px) {
  .oatfacts .oatfacts-content .oatfact {
    width: 33%;
    text-align: left;
  }
}
.oatfacts .oatfacts-content .oatfact .oatfacts-inner-title p {
  font-size: 24px;
  line-height: 35px;
  color: #5c2c27;
}
@media screen and (min-width: 992px) {
  .oatfacts .oatfacts-content .oatfact .oatfacts-inner-title p {
    font-size: 30px;
    line-height: 35px;
  }
}
.oatfacts .oatfacts-content .oatfact .oatfacts-inner-title p strong {
  color: #aa1d37;
  font-weight: normal;
}
.oatfacts .oatfacts-content .oatfact .oatfacts-inner-text {
  font-size: 14px;
  line-height: 26px;
  color: #494949;
  padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .oatfacts .oatfacts-content .oatfact .oatfacts-inner-text {
    font-size: 16px;
    line-height: 30px;
  }
}

.taste {
  padding-top: 25px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .taste {
    padding-top: 70px;
  }
}
.taste .taste-copy .taste-title {
  font-size: 30px;
  line-height: 75px;
  color: #5c2c27;
}
@media screen and (min-width: 992px) {
  .taste .taste-copy .taste-title {
    font-size: 50px;
  }
}
.taste .taste-copy .taste-text {
  max-width: 810px;
  margin: 0 auto;
  padding-bottom: 50px;
  color: #494949;
  font-size: 14px;
  line-height: 26px;
}
@media screen and (min-width: 992px) {
  .taste .taste-copy .taste-text {
    font-size: 18px;
    line-height: 30px;
  }
}
.taste .btn {
  width: 100%;
  font-size: 16px;
  line-height: 56px;
  height: 56px;
  border-radius: 36px;
  letter-spacing: 3px;
  margin-top: 10px;
}
@media screen and (min-width: 992px) {
  .taste .btn {
    width: auto;
    min-width: 284px;
    text-align: center;
    margin-top: 0;
  }
}
.taste .taste-img {
  position: relative;
  cursor: pointer;
  outline: 0;
  margin: 0 auto 35px auto;
}
@media screen and (min-width: 992px) {
  .taste .taste-img {
    margin: 0 auto 90px auto;
  }
}
.taste .taste-img img {
  max-width: 100%;
}
.taste .taste-img .play-button {
  position: absolute;
  height: 100%;
  width: 100%;
}
.taste .taste-img .play-button img {
  cursor: pointer;
  margin: auto;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  z-index: 0;
  max-width: 30%;
}
@media screen and (min-width: 992px) {
  .taste .taste-img .play-button img {
    max-width: 100%;
  }
}

.taste-subheading {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 50px;
  font-size: 16px;
  color: #5c2c27;
}
@media (min-width: 768px) {
  .taste-subheading {
    font-size: 20px;
  }
}

.fade {
  position: relative;
}
@media screen and (min-width: 992px) {
  .fade:after {
    display: none;
  }
}
.fade:after {
  content: "";
  background-image: url(/img/landing/fade.png);
  width: 41px;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.choose-us {
  padding-bottom: 0;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .choose-us {
    padding-bottom: 75px;
  }
}
.choose-us .choose-us-title {
  font-size: 21px;
  line-height: 30px;
  color: #5c2c27;
}
.choose-us .choose-us-title a {
  color: #A30A33;
  text-decoration: underline;
}
@media screen and (min-width: 992px) {
  .choose-us .choose-us-title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 80px;
  }
}
.choose-us .choose-us-text {
  max-width: 810px;
  margin: 0 auto;
  padding-bottom: 10px;
  color: #494949;
}
@media screen and (min-width: 992px) {
  .choose-us .choose-us-text {
    padding-bottom: 50px;
  }
}
.choose-us .choose-us-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  display: block;
  position: relative;
  margin-bottom: 70px;
}
@media screen and (min-width: 992px) {
  .choose-us .choose-us-img {
    overflow: auto;
  }
}

.find-us {
  background: url("/img/footer-bg-mob.png");
  min-height: 580px;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  .find-us {
    padding-top: 30px;
    padding-top: 170px;
    min-height: 1135px;
    background: url("/img/footer-bg.png");
    background-position: center;
  }
}
.find-us .find-us-copy {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .find-us .find-us-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 60px;
  }
}
.find-us .find-us-copy .find-us-title {
  font-size: 30px;
  line-height: 75px;
  color: #A30A33;
  margin-bottom: 0;
  width: 100%;
  text-decoration: underline;
}
@media screen and (min-width: 992px) {
  .find-us .find-us-copy .find-us-title {
    font-size: 50px;
  }
}
.find-us .find-us-copy .find-us-title a {
  color: #A30A33;
}
.find-us .find-us-copy .find-us-btn {
  width: 100%;
  margin-bottom: 35px;
}
.find-us .find-us-copy .find-us-btn .btn {
  width: 100%;
  font-size: 16px;
  line-height: 56px;
  height: 56px;
  border-radius: 36px;
  letter-spacing: 3px;
}
@media screen and (min-width: 992px) {
  .find-us .find-us-copy .find-us-btn .btn {
    width: auto;
    text-align: center;
  }
}
.find-us .find-us-copy .find-us-btn {
  text-align: center;
}
.find-us .find-us-logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 980px;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.find-us .find-us-logos .find-us-img {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .find-us .find-us-logos .find-us-img {
    width: auto;
    display: block;
  }
}
.find-us .find-us-logos .find-us-img img {
  max-width: calc(100% - 25px);
  margin: 0 12.5px 30px 12.5px;
}
@media screen and (min-width: 992px) {
  .find-us .find-us-logos .find-us-img img {
    margin: 0 35px 60px 35px;
    max-width: 200px;
  }
}

.landing-footer {
  background: #5c2c27;
  padding-top: 30px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .landing-footer {
    padding-bottom: 35px;
    padding-top: 70px;
  }
}
.landing-footer hr {
  margin: 0;
  border-top: 1px solid rgba(223, 223, 222, 0.2);
}
.landing-footer img {
  padding-top: 30px;
  max-width: 127px;
  padding-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .landing-footer img {
    padding-top: 40px;
    max-width: 100%;
  }
}

.sub-footer {
  text-align: center;
  padding-top: 0;
  background: #5c2c27;
}
@media screen and (min-width: 992px) {
  .sub-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    padding-top: 0;
    background-color: #fff;
    margin-top: 10px;
  }
}
.sub-footer .footer-copyright {
  font-size: 14px;
  line-height: 30px;
  color: #aaaaaa;
  padding-bottom: 20px;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .sub-footer .footer-copyright {
    width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.sub-footer .awards-logos {
  padding: 0 0 10px 0;
  display: none;
}
@media screen and (min-width: 992px) {
  .sub-footer .awards-logos {
    text-align: right;
    width: 50%;
    padding: 10px 0;
    display: block;
  }
}
.sub-footer .awards-logos img:first-of-type {
  max-width: 60px;
  margin-left: 10px;
}
.sub-footer .awards-logos img:last-of-type {
  max-width: 40px;
  margin-left: 10px;
}

body {
  overflow-x: hidden;
}

.slick-slider {
  margin: 0 auto;
  overflow: visible;
  outline: 0;
}

.slick-initialized .slick-slide {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
}

.slick-slide {
  float: none !important;
  margin: 0 15px 0 15px;
  padding: 0;
  max-width: 400px;
}

.video-buttons {
  outline: 0 !important;
}

.video-slider {
  overflow: visible;
  height: 500px;
}
.video-slider .slick-list {
  position: absolute;
  overflow: visible;
  width: 100%;
}
.video-slider iframe {
  -webkit-box-shadow: 0 0 2px 0 hsla(0, 0%, 60%, 0.3);
  box-shadow: 0 0 2px 0 hsla(0, 0%, 60%, 0.3);
}
.video-slider .video-image {
  position: relative;
  cursor: pointer;
  outline: 0;
}
.video-slider .video-image .play-button {
  height: 100%;
  width: 100%;
  position: absolute;
}
.video-slider .video-image .play-button img {
  cursor: pointer;
  margin: auto;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  z-index: 0;
  max-width: 30%;
}
@media screen and (min-width: 992px) {
  .video-slider .video-image .play-button img {
    max-width: 100%;
  }
}
.video-slider .video-image .video-thumbnail {
  width: 100%;
}

.slick-disabled {
  background: rgba(249, 165, 38, 0.5) !important;
}

.slick-arrow {
  background: #f9a526;
  border: none !important;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  bottom: 0;
  z-index: 1000;
  outline: 0;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .slick-arrow {
    top: -21.5%;
  }
}
.slick-arrow .fa {
  font-size: 50px;
  color: #091c2a;
}

.slick-track {
  margin-left: -15px !important;
}

.slick-next {
  right: 36%;
  -webkit-transform: translateX(28%);
  transform: translateX(28%);
}
@media screen and (min-width: 992px) {
  .slick-next {
    right: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slick-prev {
  left: 36%;
  -webkit-transform: translateX(-28%);
  transform: translateX(-28%);
}
@media screen and (min-width: 992px) {
  .slick-prev {
    right: 100px;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slick-list {
  min-height: 100%;
  padding-bottom: 10px !important;
}

.backgroundOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000000;
  opacity: 0.75;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  z-index: 99999;
  display: none;
}

.video-popup-modal {
  display: none;
  position: fixed;
  top: 15%;
  left: 12.5%;
  right: 12.5%;
  z-index: 999999;
  text-align: center;
}
.video-popup-modal iframe {
  max-width: 80%;
}
.video-popup-modal .loading-icon {
  position: absolute;
  left: 46.5%;
  top: 40%;
}

.modal-close {
  background: none;
  border: none;
  position: absolute;
  top: -40px;
  outline: 0;
  right: 14.5%;
}

.displayNone {
  display: none !important;
}

@media screen and (max-width: 480px) {
  .video-popup-modal {
    width: 90%;
    left: 3.5%;
    right: 3.5%;
  }
  .video-popup-modal iframe {
    height: 300px;
    max-width: 100%;
  }
  .modal-close {
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .video-popup-modal {
    width: 80%;
    left: 7.5%;
    right: 7.5%;
  }
  .video-popup-modal iframe {
    height: 400px;
    max-width: 100%;
  }
  .modal-close {
    right: -40px;
  }
}
@media screen and (max-width: 1200px) {
  .video-popup-modal {
    width: 80%;
    left: 7.5%;
    right: 7.5%;
  }
  .video-popup-modal iframe {
    max-width: 100%;
  }
  .modal-close {
    right: -40px;
  }
}
@media screen and (max-width: 1440px) {
  .video-popup-modal {
    width: 80%;
    left: 7.5%;
    right: 7.5%;
  }
  .video-popup-modal iframe {
    max-width: 100%;
  }
  .modal-close {
    right: 0px;
  }
}
@media screen and (max-width: 1800px) {
  .modal-close {
    right: 5%;
  }
  .slick-list {
    max-width: 90%;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 1440px) {
  .video-slider {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .video-slider {
    padding-left: 0;
    margin-bottom: 80px;
    height: auto;
  }
  .video-slider .slick-list {
    position: relative;
    overflow: hidden;
  }
  .video-slider .slick-track {
    margin-left: 0 !important;
  }
  .find-us-copy {
    margin-bottom: 10px;
  }
  .find-us-copy--item {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 100% !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
    max-width: unset;
    max-width: unset !important;
    width: 100%;
  }
  .find-us-copy--item.empty {
    display: none;
  }
}
.min-height-1448 {
  min-height: 685px;
  background-size: contain !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
}
@media screen and (min-width: 768px) {
  .min-height-1448 {
    min-height: 900px;
  }
}
@media screen and (min-width: 992px) {
  .min-height-1448 {
    min-height: 1250px;
  }
}
@media screen and (min-width: 1200px) {
  .min-height-1448 {
    min-height: 1448px;
  }
}

@media screen and (max-width: 580px) {
  .min-height-1448 {
    min-height: 580px;
  }
}
.join-mailing-list {
  background: #66322F;
  padding: 30px 15px;
}
@media screen and (min-width: 1200px) {
  .join-mailing-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 164px;
    padding: 0;
  }
}
.join-mailing-list h2 {
  color: #FFFFFF;
  font-size: 20px !important;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .join-mailing-list h2 {
    text-align: left;
    font-size: 34px !important;
  }
}
.join-mailing-list form {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 992px) {
  .join-mailing-list form {
    margin-left: 40px;
  }
}
@media screen and (min-width: 992px) {
  .join-mailing-list form fieldset {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.join-mailing-list form fieldset input {
  border-radius: 36px !important;
  padding-left: 25px !important;
}
@media screen and (min-width: 992px) {
  .join-mailing-list form fieldset input {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 280px;
    padding-left: 35px !important;
  }
}
.join-mailing-list form .field {
  margin-bottom: 10px !important;
}
@media screen and (min-width: 992px) {
  .join-mailing-list form .field {
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 0 !important;
  }
}
.join-mailing-list form .field input {
  height: 56px !important;
}
.join-mailing-list form button {
  width: 100%;
  font-size: 16px !important;
  height: 56px;
  border-radius: 36px !important;
}
@media screen and (min-width: 992px) {
  .join-mailing-list form button {
    width: auto;
    margin-left: 5px;
  }
}

footer {
  padding-top: 35px;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  footer {
    text-align: left;
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
footer .footer-content {
  width: 100%;
  padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
  footer .footer-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 100px;
  }
}
footer .footer-content h4 {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.88px;
  color: #494949;
  margin-bottom: 0px;
}
footer .footer-content .footer-nav {
  padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
  footer .footer-content .footer-nav {
    width: 50%;
    padding-bottom: 0;
  }
}
footer .footer-content .footer-nav ul {
  list-style: none;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: 0;
}
footer .footer-content .footer-nav ul li {
  font-size: 15px;
  line-height: 18px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  footer .footer-content .footer-nav ul li {
    font-size: 18px;
    margin-right: 140px;
    line-height: 47px;
    padding-bottom: 0;
  }
}
footer .footer-content .footer-nav ul li a {
  text-decoration: none;
  color: #AC162C;
}
footer .footer-content .footer-contact {
  padding-bottom: 40px;
}
@media screen and (min-width: 992px) {
  footer .footer-content .footer-contact {
    width: 25%;
    padding-bottom: 0px;
  }
}
footer .footer-content .footer-contact .paddt15 {
  padding-top: 15px;
}
footer .footer-content .footer-contact p {
  font-size: 18px;
  line-height: 47px;
  margin-bottom: 0;
}
footer .footer-content .footer-contact p a {
  text-decoration: none;
  color: #AC162C;
}
footer .footer-content .footer-contact ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}
footer .footer-content .footer-contact ul li {
  display: inline;
  margin-right: 20px;
}
footer .footer-content .footer-address p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  margin-top: 15px;
}
footer .footer-content .footer-address p a {
  text-decoration: none;
  color: #AC162C;
}
footer .copyright {
  font-size: 14px;
  line-height: 30px;
  color: #939393;
  margin-bottom: 0;
}

.response {
  color: #FFFFFF;
}

body.landing-page .max-width-1000 {
  max-width: 710px;
}

.cta-centered {
  text-align: center;
}

.competition-cta-panel {
  color: #FFFFFF;
  text-align: center;
  background-color: #AC162C;
}
.competition-cta-panel h3 {
  font-size: 30px;
}
.competition-cta-panel p {
  max-width: 372px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-size: 14px;
}
.competition-cta-panel .btn {
  margin-bottom: 32px;
}

@media screen and (min-width: 992px) {
  .competition-cta-panel h3 {
    font-size: 60px;
  }
  .competition-cta-panel p {
    font-size: 18px;
  }
  .competition-cta-panel .btn {
    margin-bottom: 70px;
  }
  .competition-cta-panel img {
    max-width: 358px;
  }
  .competition-panel__img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
}
.landing-page-containers > .container-fluid {
  padding-top: 45px;
  padding-bottom: 45px;
}
.landing-page-containers > .container-fluid:nth-child(2) {
  background: url(/img/container-bg-yellow.jpg) no-repeat center center;
  background-size: cover;
}
.landing-page-containers > .container-fluid:nth-child(4) {
  background-color: #5C2C27;
}
.landing-page-containers > .container-fluid:nth-child(4) h2 {
  color: #FFFFFF !important;
}
.landing-page-containers > .container-fluid h2 {
  margin-bottom: 20px;
  font-size: 28px;
}

@media screen and (min-width: 992px) {
  .landing-page-containers > .container-fluid {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .landing-page-containers > .container-fluid h2 {
    font-size: 50px;
  }
}
.background-cream {
  height: 100%;
  background-color: #F9F2E5;
}

.panelist-post a {
  height: 100%;
  margin-left: 10px;
  display: block;
  margin-right: 10px;
  color: #FFFFFF;
}
.panelist-post a:focus, .panelist-post a:hover {
  text-decoration: none;
}
.panelist-post .video-post-content {
  height: 100%;
}

.panelist-post__content {
  color: #FFFFFF;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
  padding: 20px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); /* IE6-9 */
}

.panelist-post__title {
  display: block;
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
}

@media screen and (min-width: 992px) {
  .panelist-post a {
    margin-left: 0;
    margin-right: 0;
  }
  .panelist-post__title {
    font-size: 36px;
  }
}
.competition-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 70px;
  padding: 0 15px;
}

.competition-cta-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 40px;
  width: 100%;
}
.competition-cta-panel img {
  max-width: 244px;
  height: auto;
}

.competition-panel__img {
  display: none;
}

.competition-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
}
.competition-images img {
  width: 50%;
  height: auto;
}

#competition {
  position: relative;
  top: -30px;
}

@media screen and (min-width: 992px) {
  .competition-images {
    display: none;
  }
  .competition-panel {
    margin-bottom: 170px;
    padding: 0 10px;
  }
  .competition-panel > div {
    width: 33.3333333%;
  }
  .competition-panel__img {
    display: block;
  }
  .competition-cta-panel {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .competition-cta-panel img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: auto;
  }
}
@font-face {
  font-family: "Ariata-Stencil-Black";
  src: url("/fonts/ariata-stencil-black.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ariata-Text-Regular";
  src: url("/fonts/ariata-text-regular.otf");
  font-weight: normal;
  font-style: normal;
}
/* 2024 fonts */
@font-face {
  font-family: "acumin";
  src: url("/fonts/acuminVariableConcept.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ariata-Text-Black";
  src: url("/fonts/ariataText-Black.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 194.2857;
}
body.makinggoodmornings-lp h1, body.makinggoodmornings-lp h2, body.makinggoodmornings-lp h3 {
  font-family: "Ariata-Stencil-Black", serif;
  text-transform: unset;
  line-height: 1.5;
  margin-bottom: 30px;
  font-weight: 400;
}
body.makinggoodmornings-lp p {
  font-family: "Ariata-Text-Regular", serif;
  font-weight: 600;
}
body.makinggoodmornings-lp .taste .taste-copy {
  max-width: 700px;
  margin: 0 auto;
}
body.makinggoodmornings-lp .taste .taste-copy h3 {
  font-family: "Ariata-Text-Regular", serif;
}

.fwimg {
  width: 100%;
}

.p-0 {
  padding: 0;
}

.recipes--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recipes--overlay {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 90%;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
}
.recipes_single {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.recipes_single--link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.recipes_single img {
  width: 100%;
  max-width: 342px;
}
.recipes_single h2 {
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 50px;
}
.recipes_single ul {
  padding: 0;
  margin: 0;
}
.recipes_single ul li {
  display: inline-block;
  position: relative;
  padding-left: 31px;
  margin-right: 40px;
  font-weight: 700;
}
.recipes_single ul li:first-of-type:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(/img/stopwatch.svg);
  width: 22px;
  height: 28px;
}
.recipes_single ul li:last-of-type:before {
  content: "";
  background: url(/img/makes.svg);
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 24px;
}
.recipes_single .btn {
  padding: 0 54px;
}
.recipes_single > div:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recipes_single > div:nth-child(1) {
  width: 25%;
}
.recipes_single > div:nth-child(2) {
  padding: 0 50px 0;
  width: 55%;
}
.recipes_single > div:nth-child(3) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.recipes_tabs {
  padding: 0;
  margin: 0;
}
.recipes_tabs li {
  display: inline-block;
}
.recipes_tabs li a {
  list-style: none;
  display: inline-block;
  background-color: #ac162c;
  color: #fff;
  font-family: "Ariata-Text-Regular";
  font-size: 44px;
  line-height: 44px;
  padding: 26px 60px;
}
.recipes_tabs li a:first-of-type {
  margin-right: 20px;
}
.recipes_tabs li a[aria-selected=true] {
  background-color: #fff;
  color: #000;
}
.recipes_tabs_content {
  padding: 61px;
  margin-bottom: 61px;
  -webkit-box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.25);
}
.recipes_tabs_content--text {
  width: 50%;
  display: inline-block;
}
.recipes_tabs_content ul {
  padding: 0;
  margin: 0;
}
.recipes_tabs_content ul li {
  font-size: 20px;
  line-height: 36px;
  list-style: none;
}
.recipes_tabs_content ul li:before {
  content: "• ";
  color: #ac162c;
  margin-right: 10px;
}
.recipes_tabs_content img {
  display: inline-block;
  float: right;
  max-width: 100%;
}
.recipes .social-share {
  margin: 92px auto !important;
  text-transform: uppercase;
}

.recipeHeader {
  width: 100%;
  max-width: 572px;
  background-color: #f8f8f8;
  padding: 25px 50px;
  -webkit-box-shadow: 0 14px 30px -14px rgba(0, 0, 0, 0.16);
  box-shadow: 0 14px 30px -14px rgba(0, 0, 0, 0.16);
  border-radius: 0 0 3px 3px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 70px;
}
@media screen and (min-width: 992px) {
  .recipeHeader {
    padding: 40px 50px;
  }
}
.recipeHeader h1,
.recipeHeader .h1,
.recipeHeader h2,
.recipeHeader h3 {
  font-size: 60px;
  line-height: 60px;
}
.recipeHeader:before {
  content: "";
  background-image: url(/img/placard-2.png);
  background-repeat: no-repeat;
  background-position: center -100px;
  display: block;
  height: 100px;
  position: absolute;
  width: 572px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
}
.recipeHeader ul {
  padding: 0;
  margin: 0 auto;
}
.recipeHeader ul li {
  display: inline-block;
  position: relative;
  padding-left: 31px;
  margin: 35px 15px 15px;
  font-weight: 700;
}
.recipeHeader ul li.cooking-time:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(/img/stopwatch.svg);
  width: 22px;
  height: 28px;
}
.recipeHeader ul li.makes:before {
  content: "";
  background: url(/img/makes.svg);
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 24px;
}
.recipeHeader--back a {
  color: #333333;
  text-decoration: none;
}
.recipeHeader--back {
  margin-top: 10px;
  margin-bottom: 32px;
}

@media (max-width: 1150px) {
  .recipes_single h2 {
    margin: 10px 0 50px;
  }
  .recipes_single > div:nth-child(2) {
    padding: 0 30px 0;
    width: 48%;
  }
}
@media (max-width: 991px) {
  .recipes_single {
    width: 50%;
    display: block;
    margin-bottom: 0;
  }
  .recipes_single h2 {
    margin: 0 0 10px;
  }
  .recipes_single > div:nth-child(1), .recipes_single > div:nth-child(2), .recipes_single > div:nth-child(3) {
    width: 100%;
    padding: 15px;
  }
  .recipes_single > div:nth-child(1) img {
    width: 100%;
    max-width: unset;
  }
  .recipes_single > div:nth-child(2) {
    padding: 0 15px 15px;
  }
  .recipes_single > div:nth-child(3) {
    display: block;
  }
  .recipes_tabs_content {
    padding: 25px;
  }
  .recipes_tabs_content--text {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .recipes_single h2 {
    font-size: 45px;
    line-height: 45px;
  }
  .recipes_tabs li a {
    padding: 15px 30px;
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .recipeHeader:before {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .recipeHeader {
    margin-bottom: 0;
    padding: 15px;
  }
  .recipeHeader h1 {
    font-size: 45px;
    line-height: 45px;
  }
  .recipeHeader ul li {
    margin: 15px 15px 15px;
  }
  .recipes_single {
    width: 100%;
  }
  .recipes_tabs li a {
    padding: 12px 20px;
    font-size: 20px;
    line-height: 20px;
  }
  .recipes_tabs li a:first-of-type {
    margin-right: 10px;
  }
  .recipes_tabs_content--text {
    width: 100%;
  }
  .recipes_tabs_content--text li {
    font-size: 16px;
    line-height: 25px;
  }
  .recipes_tabs_content img {
    margin-top: 20px;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .recipes .social-share {
    margin: 50px auto !important;
  }
  .recipes .social-share li:first-child {
    width: 100%;
  }
}
.heroImage {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 130px 0;
}
.heroImage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  z-index: 2;
}
.heroImage__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}
.heroImage__content {
  text-align: center;
  color: white;
  max-width: 730px;
  position: relative;
  z-index: 3;
  padding: 0 30px;
}
.heroImage__content h1 {
  text-transform: uppercase;
}

.recipesLanding {
  background: #FDF9EE;
  padding: 100px 0 0;
}
@media (max-width: 768px) {
  .recipesLanding {
    padding: 60px 0;
  }
}
@media (max-width: 670px) {
  .recipesLanding .container-fluid {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .recipesLanding .heading {
    padding: 0 30px;
  }
}
.recipesLanding__body {
  max-width: 980px;
  margin: 0 auto;
  padding-bottom: 60px;
  text-align: center;
}
@media (min-width: 769px) {
  .recipesLanding__body {
    padding-bottom: 100px;
  }
}
.recipesLanding__body h2 {
  color: #AC162C;
  text-transform: uppercase;
}
.recipesLanding__body--left {
  text-align: left;
}
.recipesLanding__body--right {
  text-align: right;
}
.recipesLanding .splide {
  max-width: 90%;
  margin: 0 auto;
  margin-top: 40px;
}
@media (max-width: 670px) {
  .recipesLanding .splide {
    max-width: 100%;
    padding: 0 30px;
  }
}
.recipesLanding .splide__arrows .splide__arrow--prev {
  left: -60px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
@media (max-width: 1024px) {
  .recipesLanding .splide__arrows .splide__arrow--prev {
    width: 30px;
    height: 30px;
    left: -45px;
  }
}
@media (max-width: 670px) {
  .recipesLanding .splide__arrows .splide__arrow--prev {
    left: 15px;
  }
}
.recipesLanding .splide__arrows .splide__arrow--prev svg {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
}
@media (max-width: 1024px) {
  .recipesLanding .splide__arrows .splide__arrow--prev svg {
    width: 30px;
    height: 30px;
  }
}
.recipesLanding .splide__arrows .splide__arrow--next {
  right: -60px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
@media (max-width: 1024px) {
  .recipesLanding .splide__arrows .splide__arrow--next {
    width: 30px;
    height: 30px;
    right: -45px;
  }
}
@media (max-width: 670px) {
  .recipesLanding .splide__arrows .splide__arrow--next {
    right: 15px;
  }
}
.recipesLanding .splide__arrows .splide__arrow--next svg {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
}
@media (max-width: 1024px) {
  .recipesLanding .splide__arrows .splide__arrow--next svg {
    width: 30px;
    height: 30px;
  }
}
.recipesLanding__mostPopular {
  text-align: center;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .recipesLanding__mostPopular {
    padding-bottom: 60px;
  }
}
.recipesLanding__mostPopular h2 {
  color: #AC162C;
}
.recipesLanding__mostPopular .recipeCard {
  width: 100%;
  height: 100%;
  background: white;
}
.recipesLanding__mostPopular .recipeCard a {
  text-decoration: none;
}
.recipesLanding__mostPopular .recipeCard__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.recipesLanding__mostPopular .recipeCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recipesLanding__mostPopular .recipeCard__info {
  background: white;
  padding: 28px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  height: auto;
}
.recipesLanding__mostPopular .recipeCard__info p {
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.recipesLanding__mostPopular .recipeCard__info--category {
  font-weight: normal !important;
  font-size: 15px !important;
}
.recipesLanding__mostPopular .recipeCard__info--times {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  padding-top: 15px;
  margin-top: auto;
}
.recipesLanding__mostPopular .recipeCard__info--times div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.recipesLanding__mostPopular .recipeCard__info--times div svg {
  width: 20px;
}
.recipesLanding__mostPopular .recipeCard__info--times div span {
  font-size: 15px;
  color: #333;
}
.recipesLanding__byCategory {
  text-align: center;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .recipesLanding__byCategory {
    padding-bottom: 60px;
  }
}
.recipesLanding__byCategory h2 {
  color: #AC162C;
}
.recipesLanding__byCategory .categoryCard {
  width: 100%;
  height: 100%;
  background: white;
}
.recipesLanding__byCategory .categoryCard a {
  text-decoration: none;
}
.recipesLanding__byCategory .categoryCard__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.recipesLanding__byCategory .categoryCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recipesLanding__byCategory .categoryCard__title {
  background: white;
  padding: 24px;
}
.recipesLanding__byCategory .categoryCard__title p {
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.recipesList {
  background: #FDF9EE;
  padding: 100px 0;
}
@media (max-width: 768px) {
  .recipesList {
    padding: 60px 0;
  }
}
.recipesList__heading, .recipesList__body {
  max-width: 980px;
  margin: 0 auto;
  padding-bottom: 60px;
  text-align: center;
}
@media (min-width: 769px) {
  .recipesList__heading, .recipesList__body {
    padding-bottom: 100px;
  }
}
.recipesList__heading h2, .recipesList__body h2 {
  color: #AC162C;
  text-transform: uppercase;
}
.recipesList__body {
  padding-top: 60px;
}
@media (min-width: 769px) {
  .recipesList__body {
    padding-top: 100px;
  }
}
.recipesList__heading--left, .recipesList__body--left {
  text-align: left;
}
.recipesList__heading--right, .recipesList__body--right {
  text-align: right;
}
.recipesList__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 60px 48px;
}
@media (max-width: 768px) {
  .recipesList__grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media (max-width: 430px) {
  .recipesList__grid {
    grid-template-columns: 1fr;
  }
}
.recipesList__grid .recipeCard {
  width: 100%;
  height: 100%;
  background: white;
}
.recipesList__grid .recipeCard a {
  text-decoration: none;
}
.recipesList__grid .recipeCard__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.recipesList__grid .recipeCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recipesList__grid .recipeCard__info {
  background: white;
  padding: 28px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  height: auto;
  text-align: center;
}
.recipesList__grid .recipeCard__info p {
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.recipesList__grid .recipeCard__info--category {
  font-weight: normal !important;
  font-size: 15px !important;
}
.recipesList__grid .recipeCard__info--times {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  padding-top: 15px;
  margin-top: auto;
}
.recipesList__grid .recipeCard__info--times div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.recipesList__grid .recipeCard__info--times div svg {
  width: 20px;
}
.recipesList__grid .recipeCard__info--times div span {
  font-size: 15px;
  color: #333;
}

.recipeEntry__breadcrumb {
  padding: 36px 0 46px;
}
@media (max-width: 768px) {
  .recipeEntry__breadcrumb {
    padding: 30px 0 50px;
  }
}
.recipeEntry__breadcrumb a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #333;
  text-decoration: none;
}
.recipeEntry__breadcrumb a:hover {
  color: #AC162C;
}
.recipeEntry__title {
  text-align: center;
}
.recipeEntry__title h1 {
  color: #AC162C;
  text-transform: uppercase;
}
.recipeEntry__title--details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}
.recipeEntry__title--details div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.recipeEntry__title--details div svg {
  width: 20px;
}
.recipeEntry__title--details div span {
  font-size: 15px;
  color: #333;
}
.recipeEntry__content {
  padding: 60px 0;
  max-width: 984px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .recipeEntry__content {
    padding: 30px 0 60px;
  }
}
.recipeEntry__content--featured {
  width: 100%;
}
.recipeEntry__content--featured img {
  width: 100%;
}
.recipeEntry__content--intro {
  padding: 60px;
  color: #666;
}
@media (max-width: 768px) {
  .recipeEntry__content--intro {
    padding: 30px;
  }
}
.recipeEntry__ingredients {
  background: #FDF9EE;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 !important;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .recipeEntry__ingredients {
    display: block;
  }
}
.recipeEntry__ingredients--content {
  padding: 60px;
  width: 60%;
}
@media (max-width: 768px) {
  .recipeEntry__ingredients--content {
    width: 100%;
    padding: 30px;
  }
}
.recipeEntry__ingredients--content h2 {
  color: #AC162C;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .recipeEntry__ingredients--content h2 {
    font-size: 50px;
  }
}
.recipeEntry__ingredients--content ul {
  padding: 10px;
}
.recipeEntry__ingredients--content ul li {
  padding: 10px 0;
  border-top: 1px solid #EBEBEB;
  color: #666;
  list-style: none;
  position: relative;
  padding-left: 20px;
}
.recipeEntry__ingredients--content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 100%;
  background: #AC162C;
}
.recipeEntry__ingredients--content ul li:last-child {
  border-bottom: 1px solid #EBEBEB;
}
.recipeEntry__ingredients .product {
  width: 40%;
  height: 100%;
  background-color: #568326;
}
@media (max-width: 768px) {
  .recipeEntry__ingredients .product {
    width: 100%;
  }
}
.recipeEntry__ingredients .recipe-related {
  float: none;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  max-width: 100%;
}
.recipeEntry__method {
  padding: 60px;
}
@media (max-width: 768px) {
  .recipeEntry__method {
    padding: 30px;
  }
}
.recipeEntry__method h2 {
  color: #AC162C;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .recipeEntry__method h2 {
    font-size: 50px;
  }
}
.recipeEntry__method ol {
  padding: 15px;
  color: #666;
}
.recipeEntry__method ol li {
  padding-bottom: 20px;
}
.recipeEntry__method ol li:last-child {
  padding: 0;
}
.recipeEntry__video {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .recipeEntry__video {
    margin-bottom: 60px;
  }
}
.recipeEntry__video--image {
  width: 100%;
  height: auto;
  aspect-ratio: 1.5/1;
  position: relative;
  margin: 0 !important;
  padding: 0;
}
.recipeEntry__video--image a {
  width: 100%;
}
.recipeEntry__video--image picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recipeEntry__video--image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
}
@media (max-width: 768px) {
  .recipeEntry__video--image svg {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
  }
}
.recipeEntry__video--title {
  background: #FAFAFA;
  padding: 25px;
  font-weight: bold;
}

.noRecipes {
  width: 100%;
  padding: 30px;
  text-align: center;
}
.noRecipes h1 {
  color: #AC162C;
}

.relatedRecipes {
  text-align: center;
  background: #FDF9EE;
  padding: 100px 0;
}
@media (max-width: 768px) {
  .relatedRecipes {
    padding: 60px 0;
  }
}
@media (max-width: 670px) {
  .relatedRecipes .container-fluid {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .relatedRecipes .heading {
    padding: 0 30px;
  }
}
.relatedRecipes .splide {
  max-width: 90%;
  margin: 0 auto;
  margin-top: 40px;
}
@media (max-width: 670px) {
  .relatedRecipes .splide {
    max-width: 100%;
    padding-left: 30px;
  }
}
.relatedRecipes .splide__arrows .splide__arrow--prev {
  left: -60px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
.relatedRecipes .splide__arrows .splide__arrow--prev svg {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
}
.relatedRecipes .splide__arrows .splide__arrow--next {
  right: -60px;
  width: 40px;
  height: 40px;
  opacity: 1;
}
.relatedRecipes .splide__arrows .splide__arrow--next svg {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  height: 40px;
}
.relatedRecipes h2 {
  color: #AC162C;
}
.relatedRecipes .recipeCard {
  width: 100%;
  height: 100%;
  background: white;
}
.relatedRecipes .recipeCard a {
  text-decoration: none;
}
.relatedRecipes .recipeCard__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.relatedRecipes .recipeCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.relatedRecipes .recipeCard__info {
  background: white;
  padding: 28px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  height: auto;
}
.relatedRecipes .recipeCard__info p {
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.relatedRecipes .recipeCard__info--category {
  font-weight: normal !important;
  font-size: 15px !important;
}
.relatedRecipes .recipeCard__info--times {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  padding-top: 15px;
  margin-top: auto;
}
.relatedRecipes .recipeCard__info--times div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.relatedRecipes .recipeCard__info--times div svg {
  width: 20px;
}
.relatedRecipes .recipeCard__info--times div span {
  font-size: 15px;
  color: #333;
}

.filterBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 42px 30px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .filterBar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    gap: 25px;
  }
}
.filterBar h2 {
  color: #AC162C;
  font-size: 40px;
  padding: 0;
  margin: 0;
}
.filterBar form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .filterBar form {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .filterBar form {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
  }
}
@media (max-width: 670px) {
  .filterBar form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.filterBar select {
  -moz-appearance: none;
  appearance: none;
  padding: 0 25px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #D1D1D1;
  background-color: #FFF;
  background-image: url("/img/dropdown-arrow.svg");
  background-size: 26px;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  width: 350px;
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 60px;
}
.filterBar select:focus, .filterBar select:focus-visible {
  border-color: #AC162C;
}
@media (max-width: 768px) {
  .filterBar select {
    width: 300px;
  }
}
@media (max-width: 670px) {
  .filterBar select {
    width: 100%;
    height: 50px;
    font-size: 14px;
  }
}
.filterBar button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 17px 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  border: none;
  background: #AC162C;
  outline: none;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .filterBar--blog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.filterBar--blog form {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .filterBar--blog form {
    width: auto;
  }
}

.whereToBuy--wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.whereToBuy_location h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 40px;
  padding: 30px;
}
.whereToBuy_location {
  width: 33.33333333%;
}
.whereToBuy_location--title {
  margin-left: 15px;
  margin-bottom: 28px;
}
.whereToBuy_location--icon {
  margin-left: 50px;
}
.whereToBuy_location--title, .whereToBuy_location--icon {
  display: inline-block;
}
.whereToBuy_location h2 {
  font-size: 40px;
  line-height: 40px;
}
.whereToBuy_location--color {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 24px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 24px -10px rgba(0, 0, 0, 0.3);
  margin: 0 15px;
}
.whereToBuy_location--logo {
  width: 50%;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px;
}
.whereToBuy_location--logo img {
  margin: 0 auto;
  display: block;
  max-width: 122px;
}
.whereToBuy_location_online {
  background-color: #fafafa;
  padding: 30px;
  -webkit-box-shadow: 0 2px 14px -15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 14px -15px rgba(0, 0, 0, 0.3);
}
.whereToBuy_location_online h4 {
  font-size: 24px;
  line-height: 30px;
}
.whereToBuy_location_online ul {
  padding: 0;
  margin: 0;
}
.whereToBuy_location_online ul li {
  list-style: none;
  font-size: 20px;
  line-height: 30px;
}
.whereToBuy_contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: wrap;
  -webkit-flex: wrap;
  -ms-flex: wrap;
  flex: wrap;
  margin-top: 148px;
  margin-bottom: 100px;
}
.whereToBuy_contact h2 {
  font-size: 50px;
  line-height: 50px;
}
.whereToBuy_contact h2,
.whereToBuy_contact p {
  max-width: 404px;
  margin: 0 auto;
}
.whereToBuy_contact > div {
  width: 50%;
}

#stockistForm > div:nth-child(2) .input {
  position: relative;
}
#stockistForm > div:nth-child(2) .input:after {
  content: "";
  background-image: url(/img/dropdown-arrow.png);
  position: absolute;
  right: 28px;
  top: 45%;
  width: 12px;
  height: 6px;
}

@media (max-width: 1024px) {
  .whereToBuy_location--title {
    width: 180px;
  }
}
@media (max-width: 991px) {
  .whereToBuy_location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .whereToBuy_location--title {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .whereToBuy_location--icon {
    margin: 0 auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    height: 56px;
  }
  .whereToBuy_location--color {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .whereToBuy_location--logo {
    width: 100%;
  }
  .whereToBuy_location_online {
    text-align: center;
  }
  .whereToBuy_location h3 {
    text-align: center;
    margin-bottom: 10px;
  }
  .whereToBuy_contact {
    display: block;
    margin: 50px 0;
  }
  .whereToBuy_contact > div {
    width: 100%;
  }
  .whereToBuy_contact .formbuilder2.form-horizontal .input {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .whereToBuy_location {
    width: 100%;
  }
  .whereToBuy_location--logo {
    width: 33.33333333%;
  }
}
@media (max-width: 550px) {
  .whereToBuy_location {
    margin-bottom: 30px;
  }
  .whereToBuy_location--logo {
    width: 50%;
  }
}
@media (max-width: 550px) {
  .whereToBuy_location--logo {
    width: 100%;
  }
}
.blog--entry {
  border-top: 5px solid #F9A526;
}
@media screen and (min-width: 1200px) {
  .blog h1 {
    font-size: 90px;
  }
}
.blog h2 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  font-size: 20px;
  line-height: 1.2;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .blog h2 {
    line-height: 1.4;
  }
}
@media screen and (min-width: 992px) {
  .blog h2 {
    margin-bottom: 20px;
    font-size: 26px;
  }
}
.blog h3 {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #AC162C;
  font-size: 32px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .blog h3 {
    font-size: 50px;
  }
}
.blog p {
  color: #666666;
  font-size: 16px;
}
.blog h3:not(:first-child) {
  margin-top: 3rem;
}
.blog__spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.blog__back {
  padding-top: 34px;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  .blog__back {
    padding-left: 20px;
  }
}
.blog__back a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #000;
}
.blog__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.blog__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog__tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 15px;
  background-color: #AC162C;
  border-radius: 100vmax;
  border: 1px solid #AC162C;
  color: #FFF;
  font-size: 12px;
  line-height: 30px;
}
@media screen and (min-width: 992px) {
  .blog__tag {
    margin-bottom: 40px;
  }
}
.blog__tag:hover {
  background-color: #FFF;
  color: #AC162C;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .blog__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .blog__footer .social-share {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .blog__footer .btn {
    font-size: 16px;
  }
}

.blog .entry-date {
  font-size: 15px;
}

.blog-hero {
  position: relative;
  min-height: max(400px, 20vw);
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  border-top: 5px solid #F9A526;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .blog-hero {
    min-height: 400px;
  }
}
.blog-hero__container {
  height: 100%;
  padding: 130px 0;
  margin-inline: auto;
  max-width: min(100% - 20px, 730px);
  width: 100%;
}
.blog-hero__header h1, .blog-hero__main {
  color: #FFF;
  text-align: center;
}
.blog-hero__header h1 {
  text-transform: uppercase;
}
.blog-hero__main {
  margin-inline: auto;
  max-width: 730px;
  padding: 0 30px;
}
@media screen and (min-width: 992px) {
  .blog-hero__main p {
    font-size: 22px;
  }
}
.blog-hero__bg {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: -1;
}
.blog-hero__bg picture, .blog-hero__bg img {
  height: 100%;
  width: 100%;
}
.blog-hero__bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-red {
  background-color: #ac172c;
}

.bg-yellow {
  background-color: #F9A526;
}

.bg-beige {
  background-color: #F7F2E6;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

@media screen and (min-width: 480px) {
  .offset-xs-11 {
    margin-left: 91.66666667%;
  }
  .offset-xs-10 {
    margin-left: 83.33333333%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-8 {
    margin-left: 66.66666667%;
  }
  .offset-xs-7 {
    margin-left: 58.33333333%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-5 {
    margin-left: 41.66666667%;
  }
  .offset-xs-4 {
    margin-left: 33.33333333%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-2 {
    margin-left: 16.66666667%;
  }
  .offset-xs-1 {
    margin-left: 8.33333333%;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
}
.sustainability-hero {
  height: 375px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.sustainability-hero h1 {
  color: #fff;
  text-transform: uppercase;
  max-width: 930px;
  font-size: 36px;
  line-height: 42px;
}
@media screen and (min-width: 480px) {
  .sustainability-hero h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-hero h1 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-hero h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-hero h1 {
    font-size: 72px;
    line-height: 82px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-hero h1 {
    font-size: 84px;
    line-height: 94px;
  }
}
@media screen and (min-width: 480px) {
  .sustainability-hero {
    height: 375px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-hero {
    height: 420px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-hero {
    height: 480px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-hero {
    height: 540px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-hero {
    height: 600px;
  }
}
.sustainability-hero-inner {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  z-index: 1;
}
.sustainability-hero video {
  position: absolute;
  left: 50%;
  top: 50%;
  /* The following will size the video to fit the full container. Not necessary, just nice.*/
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}

.sustainability-cta {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 480px) {
  .sustainability-cta {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-cta {
    padding-top: 70px;
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-cta {
    padding-top: 85px;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-cta {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-cta {
    padding-top: 110px;
    padding-bottom: 150px;
  }
}
.sustainability-cta-inner {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.sustainability-cta-inner h2 {
  color: #AC162C;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 35px;
  line-height: 40px;
}
@media screen and (min-width: 480px) {
  .sustainability-cta-inner h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-cta-inner h2 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-cta-inner h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-cta-inner h2 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-cta-inner h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
.sustainability-cta-inner p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .sustainability-cta-inner p {
    font-size: 20px;
    line-height: 30px;
  }
}
.sustainability-cta-inner p:last-of-type {
  margin-bottom: 0;
}
.sustainability-cta-inner p a {
  color: #A30A33;
  text-decoration: underline;
}
.sustainability-cta-inner p a:hover {
  text-decoration: none;
}
.sustainability-cta-inner p img {
  width: 100%;
  max-width: 320px;
}
@media (min-width: 550px) {
  .sustainability-cta-inner p img {
    width: auto;
    max-width: 100%;
  }
}
.sustainability-cta-inner p img.eco-impact-logo {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 768px) {
  .sustainability-cta-inner p img.eco-impact-logo {
    width: 100%;
    max-width: 200px;
  }
}
.sustainability-cta-inner p img.foundation-earth-logo {
  width: 100%;
  max-width: 174px;
}
@media (max-width: 768px) {
  .sustainability-cta-inner p img.foundation-earth-logo {
    width: 100%;
    max-width: 124px;
  }
}
.sustainability-cta-inner .btn {
  letter-spacing: 0;
  font-size: 12px;
  line-height: 36px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .sustainability-cta-inner .btn {
    font-size: 14px;
    line-height: 46px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-cta-inner .btn {
    font-size: 16px;
    line-height: 48px;
  }
}

.sustainability-related-entries {
  background-color: #F9F2E5;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 480px) {
  .sustainability-related-entries {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-related-entries {
    padding-top: 70px;
    padding-bottom: 75px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries {
    padding-top: 85px;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-related-entries {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-related-entries {
    padding-top: 110px;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.sustainability-related-entries-inner h2 {
  color: #AC162C;
  text-transform: uppercase;
  font-size: 35px;
  line-height: 40px;
}
@media screen and (min-width: 480px) {
  .sustainability-related-entries-inner h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-related-entries-inner h2 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries-inner h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-related-entries-inner h2 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-related-entries-inner h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
.sustainability-related-entries-grid {
  margin-top: 20px;
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries-grid {
    margin-top: 30px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries-grid {
    margin-top: 45px;
  }
}
.sustainability-related-entries-grid .row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sustainability-related-entries-grid .row > [class*=col-] {
  margin-bottom: 15px;
  margin-top: 15px;
}
.sustainability-related-entries-grid-item {
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sustainability-related-entries-grid-item img {
  width: 100%;
}
.sustainability-related-entries-grid-item h3 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 30px;
}
.sustainability-related-entries-grid-item p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries-grid-item p {
    font-size: 18px;
    line-height: 28px;
  }
}
.sustainability-related-entries-grid-item .btn {
  letter-spacing: 0;
  font-size: 12px;
  line-height: 36px;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .sustainability-related-entries-grid-item .btn {
    font-size: 14px;
    line-height: 46px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-related-entries-grid-item .btn {
    font-size: 16px;
    line-height: 48px;
  }
}
.sustainability-related-entries-grid-item-inner {
  padding: 35px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sustainability-entry-slider h3 {
  font-size: 35px;
  line-height: 44px;
  padding-top: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media screen and (min-width: 768px) {
  .sustainability-entry-slider h3 {
    font-size: 35px;
    line-height: 45px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-entry-slider h3 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-entry-slider h3 {
    font-size: 60px;
    line-height: 70px;
  }
}

.sustainability-partner-logos-inner .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sustainability-partner-logos-item {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .sustainability-partner-logos-item {
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-partner-logos-item {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-partner-logos-item {
    width: auto;
  }
}
.sustainability-partner-logos-item img {
  height: 100%;
}
@media (max-width: 450px) {
  .sustainability-partner-logos-item img {
    width: 100%;
  }
  .sustainability-partner-logos-item:nth-of-type(1) img {
    max-width: 71px;
  }
  .sustainability-partner-logos-item:nth-of-type(2) img {
    max-width: 129px;
  }
  .sustainability-partner-logos-item:nth-of-type(3) img {
    max-width: 157px;
  }
  .sustainability-partner-logos-item:nth-of-type(4) img {
    max-width: 124px;
  }
  .sustainability-partner-logos-item:nth-of-type(5) img {
    max-width: 97px;
  }
  .sustainability-partner-logos-item:nth-of-type(6) img {
    max-width: 106px;
  }
}

.sustainability-text-block-inner {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.sustainability-text-block h2 {
  color: #A30A33;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 35px;
  line-height: 40px;
}
@media screen and (min-width: 480px) {
  .sustainability-text-block h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media screen and (min-width: 768px) {
  .sustainability-text-block h2 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-text-block h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .sustainability-text-block h2 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media screen and (min-width: 1440px) {
  .sustainability-text-block h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
.sustainability-text-block h2:not(:first-of-type) {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .sustainability-text-block h2 {
    margin-bottom: 30px;
  }
  .sustainability-text-block h2:not(:first-of-type) {
    margin-top: 50px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-text-block h2 {
    margin-bottom: 40px;
  }
  .sustainability-text-block h2:not(:first-of-type) {
    margin-top: 60px;
  }
}
.sustainability-text-block p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sustainability-text-block p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-text-block p {
    font-size: 20px;
    line-height: 30px;
  }
}
.sustainability-text-block img {
  width: 100%;
}
.sustainability-text-block ul {
  list-style: none;
  padding-left: 18px;
}
.sustainability-text-block ul li {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .sustainability-text-block ul li {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .sustainability-text-block ul li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
.sustainability-text-block ul li:before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #A30A33; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/*page specific styles*/
.sustainability-index .sustainability-builder #block-index-2 {
  background-color: #5C2C27;
}
.sustainability-index .sustainability-builder #block-index-2 h2, .sustainability-index .sustainability-builder #block-index-2 p, .sustainability-index .sustainability-builder #block-index-2 a {
  color: #fff;
}
.sustainability-index .sustainability-builder #block-index-2 a {
  font-weight: 700;
}

.big-image-cta {
  min-height: calc(50vh + 80px);
  padding-top: 80px;
  text-align: center;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 150% auto;
}
@media (min-width: 480px) {
  .big-image-cta {
    min-height: calc(50vh + 180px);
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .big-image-cta {
    min-height: calc(50vh + 280px);
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  .big-image-cta {
    min-height: calc(50vh + 400px);
    padding-top: 60px;
  }
}
@media (min-width: 1440px) {
  .big-image-cta {
    min-height: calc(100vh + 60px);
    padding-top: 60px;
  }
}
@media (min-width: 1920px) {
  .big-image-cta {
    min-height: 1000px;
  }
}
.big-image-cta__content {
  margin-bottom: 70px;
}
.big-image-cta__content h2 {
  text-transform: uppercase;
}
.big-image-cta__content p {
  max-width: 75%;
  margin: 0 auto 40px;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}
@media (min-width: 992px) {
  .big-image-cta__content p {
    font-size: 22px;
  }
}
.big-image-cta .btn {
  padding: 0 40px;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  letter-spacing: 0.4px;
}

.features {
  padding: 70px 0;
  text-align: center;
}
.features h2 {
  font-size: 28px;
  margin-bottom: 6rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .features h2 {
    font-size: 60px;
  }
}
.features__items {
  display: grid;
  margin: 0 2rem;
}
@media (min-width: 560px) {
  .features__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.features__item figure {
  width: 100%;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}
@media (min-width: 560px) {
  .features__item figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.features__item figure picture,
.features__item figure img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.features__item figure picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #fff;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (min-width: 480px) {
  .features__item figure picture {
    width: 120px;
    height: 120px;
  }
}
@media (min-width: 992px) {
  .features__item figure picture {
    width: 180px;
    height: 180px;
  }
}
.features__item figure picture img {
  padding: 20%;
}
.features__item figure figcaption {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-top: 0;
  margin-left: 2rem;
  font-size: 16px;
  text-align: left;
}
@media (min-width: 560px) {
  .features__item figure figcaption {
    margin-top: 20px;
    margin-left: 0;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .features__item figure figcaption {
    font-size: 20px;
  }
}

.full-banner {
  position: relative;
  padding: 140px 0 60px;
}
.full-banner img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
@media (min-width: 1200px) {
  .full-banner {
    padding: 80px 0 60px;
  }
}
.full-banner__himage, .full-banner__timage, .full-banner__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.full-banner__badge {
  position: absolute;
  width: 80px;
  top: 40px;
  right: 12%;
}
@media (min-width: 1200px) {
  .full-banner__badge {
    width: unset;
    top: 80px;
  }
}
.full-banner__badge img {
  max-width: 100%;
}
.full-banner__text {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 40px 2rem 60px;
  text-align: center;
  font-size: 18px;
  color: #FFF;
  line-height: 28px;
}
@media (min-width: 768px) {
  .full-banner__text {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .full-banner__text {
    width: 50%;
    margin: 40px auto 60px;
    line-height: 34px;
  }
}
.full-banner__himage {
  margin-bottom: 60px;
  padding: 0 4rem;
}
.full-banner__himage img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .full-banner__himage {
    padding: 0;
  }
}
.full-banner__timage {
  padding: 0 4rem;
}
.full-banner__timage img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .full-banner__timage {
    padding: 0;
  }
}
.full-banner__image {
  padding: 0 4rem;
}
.full-banner__image figure {
  z-index: 2;
}
.full-banner__image img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .full-banner__image {
    padding: 0;
  }
}
.full-banner__bgimage {
  display: none;
}
@media (min-width: 1440px) {
  .full-banner__bgimage {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.full-banner__bgimage figure {
  z-index: 1;
}
.full-banner__bgimage img {
  width: 20vw;
  max-width: 400px;
}

.block-video__video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.block-video__video iframe {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.alert-bar {
  position: relative;
  display: none;
  border-top: 4px solid #E99F38;
  background-color: #FFF;
}
.alert-bar.visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.alert-bar__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 28px;
  width: 100%;
  max-inline-size: 1440px;
  margin-inline: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0 10px;
}
@media (min-width: 992px) {
  .alert-bar__container {
    padding: 28px 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.alert-bar__container > *:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .alert-bar__container > *:not(:first-child, button) {
    margin-left: 0.5rem;
  }
  .alert-bar__container > *:not(:last-child, button) {
    margin-bottom: unset;
    margin-right: 0.5rem;
  }
  .alert-bar__container > *:first-child {
    margin-left: auto;
  }
}
.alert-bar h2,
.alert-bar p {
  margin-bottom: 0;
  line-height: initial;
  letter-spacing: initial;
}
.alert-bar h2 {
  width: 100%;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-size: 20px;
  color: #92252A;
}
@media (min-width: 992px) {
  .alert-bar h2 {
    width: unset;
  }
}
.alert-bar p {
  display: inline-block;
  font-size: 15px;
  color: #333;
}
@media (min-width: 768px) {
  .alert-bar p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .alert-bar p {
    display: block;
  }
}
.alert-bar p a {
  color: #92252A;
  text-decoration: underline;
  font-weight: bold;
}
.alert-bar button {
  position: absolute;
  padding: 1rem;
  top: 1rem;
  right: 1rem;
  background-color: transparent;
  border: none;
}
.alert-bar button::before, .alert-bar button::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: #45474A;
}
.alert-bar button::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.alert-bar button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 992px) {
  .alert-bar button {
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}

body.popup-open {
  overflow: hidden;
  height: 100vh;
}

.popup-modal {
  --popup-time: 500ms;
  position: fixed;
  left: 0;
  min-height: 100vh;
  height: 100%;
  width: 100lvw;
  top: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: 50;
  padding: 50px;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-height: 800px) {
  .popup-modal {
    display: block;
  }
}
@media (max-width: 768px) {
  .popup-modal {
    padding: 50px 30px;
  }
}
.popup-modal.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.popup-modal.active:before {
  opacity: 1;
}
.popup-modal.active .popup-modal__overlay {
  opacity: 1;
}
.popup-modal__container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}
.popup-modal__close {
  position: absolute;
  height: 40px;
  right: 20px;
  top: 20px;
  width: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5754 10.0245L19.9754 1.88274L18.4246 0.282742L10.0246 8.42454L1.88281 0.0245929L0.282812 1.57542L8.42461 9.97537L0.0245696 18.1173L1.5754 19.7173L9.97544 11.5754L18.1173 19.9754L19.7173 18.4246L11.5754 10.0245Z' fill='%23AC162C'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media (max-width: 1280px) {
  .popup-modal__close {
    right: 0;
  }
}
@media (max-width: 768px) {
  .popup-modal__close {
    right: 0px;
    top: 0px;
    background-color: white;
  }
}
.popup-modal__close:hover {
  opacity: 0.5;
}
.popup-modal__modal {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1196px;
  min-height: 570px;
  opacity: 0;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media (max-width: 768px) {
  .popup-modal__modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 415px;
    min-height: 1px;
  }
}
@media (max-width: 415px) {
  .popup-modal__modal {
    max-width: 100%;
  }
}
.popup-modal.active .popup-modal__modal {
  opacity: 1;
}
.popup-modal__figure {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  max-width: 50%;
  width: 50%;
  aspect-ratio: 650/850;
}
@media (max-width: 768px) {
  .popup-modal__figure {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 2/1;
  }
}
.popup-modal__figure picture, .popup-modal__figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup-modal__content {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 50%;
  padding: 50px 62px 87px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F7F0E3;
}
@media (max-width: 1024px) {
  .popup-modal__content {
    padding: 30px 20px 60px;
  }
}
@media (max-width: 768px) {
  .popup-modal__content {
    max-width: 100%;
    width: 100%;
    padding: 30px 30px 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}
.popup-modal__text {
  margin-inline: -6px;
  text-align: center;
}
@media (min-width: 1024px) {
  .popup-modal__text {
    margin-inline: unset;
  }
}
@media (max-width: 768px) {
  .popup-modal__text {
    text-align: center;
  }
}
.popup-modal__text h2 {
  display: block;
  color: #AC162C;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.06;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .popup-modal__text h2 {
    font-size: 45px;
  }
}
@media (max-width: 768px) {
  .popup-modal__text h2 {
    font-size: 32px;
  }
}
.popup-modal__text h2:last-child {
  margin-bottom: 0;
}
.popup-modal__text p {
  display: block;
  color: #AC162C;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 40px;
}
.popup-modal__text p:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1024px) {
  .popup-modal__text p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.popup-modal form {
  margin-bottom: 26px;
}
.popup-modal form .email {
  border-radius: 10px;
  border: 2px solid #AC162C;
  color: #AC162C !important;
  background-color: transparent;
  font-size: 20px;
  height: 70px;
  line-height: 66px;
  padding: 0 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .popup-modal form .email {
    font-size: 18px;
    height: 50px;
    line-height: 56px;
    margin-bottom: 10px;
  }
}
.popup-modal form .email::-webkit-input-placeholder {
  color: #AC162C;
}
.popup-modal form .email::-moz-placeholder {
  color: #AC162C;
}
.popup-modal form .email:-ms-input-placeholder {
  color: #AC162C;
}
.popup-modal form .email::-ms-input-placeholder {
  color: #AC162C;
}
.popup-modal form .email::placeholder {
  color: #AC162C;
}
.popup-modal form .btn {
  width: 100%;
  color: #AC162C !important;
  height: 70px;
  text-transform: none;
  border-radius: 10px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 700, "wdth" 100, "slnt" 0;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .popup-modal form .btn {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .popup-modal form .btn {
    font-size: 18px;
    height: 50px;
    line-height: normal;
  }
}
.popup-modal form .mce_inline_error {
  color: #AC162C;
  margin-bottom: 20px;
  margin-top: -10px;
}
.popup-modal .form-message {
  text-align: center;
  margin-top: 0px;
}
.popup-modal .form-message p {
  color: #AC162C;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .popup-modal .form-message p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.popup-modal .form-message p a {
  color: #AC162C;
  font-weight: 600;
  text-decoration: underline;
}
.popup-modal .form-message p a:hover {
  text-decoration: none;
}
.popup-modal__text a {
  color: #000;
}
.popup-modal__text strong {
  font-weight: 600;
}
.popup-modal__ctas {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
  width: 100%;
}
.popup-modal__ctas .btn {
  padding: 0;
  background-color: transparent;
  border: 0;
  color: #AC162C;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  text-transform: none;
  cursor: pointer;
  margin-top: 20px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 400, "wdth" 100, "slnt" 0;
  font-size: 18px;
  line-height: 1.2;
  height: auto;
  text-align: center;
}
.popup-modal__ctas .btn:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .popup-modal__ctas .btn {
    font-size: 16px;
  }
}
.popup-modal__ctas .btn:first-child {
  margin-top: 0;
}

.blog-intro {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}
.blog-intro h2 {
  color: #AC162C;
  text-transform: uppercase;
}
.blog-intro--left {
  text-align: left;
}
.blog-intro--right {
  text-align: right;
}

.blog-body h1,
.blog-body h2 {
  color: #AC162C;
}

.our-brochure {
  padding-top: 1rem;
  padding-bottom: 4rem;
  background-color: #d4d4d4;
  overflow: hidden;
}
.our-brochure__wrapper {
  position: relative;
  width: calc(100vw - 4rem);
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .our-brochure__wrapper {
    width: unset;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    -webkit-transform: unset;
    transform: unset;
  }
}
.our-brochure__embed {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.background-image {
  position: absolute;
  width: 100%;
  max-width: 1920px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.background-image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  z-index: 1;
}
.background-image picture,
.background-image picture img {
  width: 100%;
  height: 100%;
}
.background-image picture img {
  -o-object-fit: cover;
  object-fit: cover;
}

.landing-page-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-page-header figure picture img {
  width: 125px;
}
@media (min-width: 992px) {
  .landing-page-header figure picture img {
    width: unset;
  }
}

.quick-oaty .big-image-cta__content h2 {
  color: #A30A33;
}
.quick-oaty .big-image-cta__content p {
  color: #66322F;
}
.quick-oaty .features {
  background-color: #F9F2E5;
}
.quick-oaty .features h2 {
  color: #A30A33;
}
.quick-oaty .features__item figure figcaption {
  color: #66322F;
}
.quick-oaty .full-banner {
  background-color: #AC162C;
}
.quick-oaty .taste {
  padding-top: 0;
  padding-bottom: 35px;
  background-color: #F9F2E5;
}
.quick-oaty .taste-img img {
  height: auto;
}
.quick-oaty .taste .oatfacts-video {
  padding: 0 2rem;
}

.image-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.image-banner__image {
  position: relative;
}
.image-banner__image picture img {
  -o-object-position: center;
  object-position: center;
}
.image-banner__image figcaption {
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  width: 100%;
  max-width: 1410px;
  top: 10%;
  left: 50%;
  padding: 0 4rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
  text-decoration: underline;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  color: #66322F;
}
@media (min-width: 992px) {
  .image-banner__image figcaption {
    padding: 0;
    font-size: 30px;
  }
}
.image-banner__image figcaption a {
  color: #A30A33;
}
.image-banner--full .image-banner__image, .image-banner--full .image-banner__image picture, .image-banner--full .image-banner__image picture img {
  width: 100%;
  height: 100%;
}
.image-banner--full .image-banner__image picture img {
  -o-object-fit: cover;
  object-fit: cover;
}
.image-banner:not(.image-banner--full) {
  margin: 2rem 0;
}
@media (min-width: 992px) {
  .image-banner:not(.image-banner--full) {
    margin: 4rem 0;
  }
}
@media (min-width: 1200px) {
  .image-banner:not(.image-banner--full) {
    margin: 6rem 0;
  }
}
@media (min-width: 1440px) {
  .image-banner:not(.image-banner--full) {
    margin: 8rem 0;
  }
}

.multilingual-block__controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 4rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .multilingual-block__controls {
    display: none;
  }
}
.multilingual-block__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.multilingual-block__button {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 1rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
  cursor: pointer;
  border: 6px solid transparent;
}
.multilingual-block__button:not(:first-child) {
  margin-left: 1rem;
}
.multilingual-block__button:not(:last-child) {
  margin-right: 1rem;
}
.multilingual-block__button.active {
  border-color: #F9A526;
}
.multilingual-block__button picture, .multilingual-block__button picture img {
  pointer-events: none;
}
.multilingual-block__button picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.multilingual-block__button picture img {
  width: 30px;
  height: auto;
}
.multilingual-block__flag {
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .multilingual-block__flag {
    margin-bottom: 3rem;
  }
}
.multilingual-block__items {
  display: none;
  padding: 0 4rem;
}
@media (min-width: 992px) {
  .multilingual-block__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .multilingual-block__items {
    grid-gap: 4rem;
  }
}
@media (min-width: 1440px) {
  .multilingual-block__items {
    grid-gap: 8rem;
  }
}
.multilingual-block__items--responsive {
  display: grid;
  padding: 0 4rem;
}
@media (min-width: 992px) {
  .multilingual-block__items--responsive {
    display: none;
  }
}
.multilingual-block__items--responsive .multilingual-block__item {
  display: none;
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
.multilingual-block__items--responsive .multilingual-block__item.active {
  display: block;
}
.multilingual-block__main p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1200px) {
  .multilingual-block__main p {
    font-size: 24px;
    line-height: 36px;
  }
}

.video-block {
  padding: 2rem 0;
  background-color: #5C2C27;
}
@media (min-width: 992px) {
  .video-block {
    padding: 4rem 0;
  }
}
@media (min-width: 1200px) {
  .video-block {
    padding: 6rem 0;
  }
}
@media (min-width: 1440px) {
  .video-block {
    padding: 8rem 0;
  }
}
.video-block__header {
  text-align: center;
}
.video-block__header h2 {
  margin-bottom: 2rem;
  color: #FFFFFF;
  text-transform: uppercase;
}
.video-block__video {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .video-block__video {
    margin-top: 5rem;
  }
}
.video-block__video picture, .video-block__video picture img {
  width: 100%;
  height: 100%;
}
.video-block__video .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-block__overlay {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 10;
}
.video-block__modal {
  display: none;
  position: fixed;
  width: calc(100% - 8rem);
  max-width: 1440px;
  top: 50%;
  left: 50%;
  z-index: 11;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-block__loading {
  position: absolute;
  left: 46.5%;
  top: 40%;
}
.video-block__wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.video-block__iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-block__close {
  background: none;
  border: none;
  position: absolute;
  top: -4rem;
  right: 0;
  outline: 0;
}
.video-block__ctas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .video-block__ctas {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .video-block__ctas {
    margin-top: 5rem;
  }
}
.video-block__cta {
  font-size: 14px;
}
@media (min-width: 992px) {
  .video-block__cta {
    margin: 2rem;
    font-size: 16px;
  }
}

.text-with-button {
  padding: 60px 0 60px;
}
@media (min-width: 992px) {
  .text-with-button {
    padding: 80px 0 100px;
  }
}
@media (min-width: 1440px) {
  .text-with-button {
    padding: 100px 0 150px;
  }
}
.text-with-button-inner {
  margin: 0 auto;
  max-width: 560px;
  text-align: center;
}
@media (min-width: 768px) {
  .text-with-button-inner {
    max-width: 730px;
  }
}
.text-with-button-inner h2 {
  color: #AC162C;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 40px;
}
@media (min-width: 992px) {
  .text-with-button-inner h2 {
    font-size: 60px;
  }
}
.text-with-button-inner p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  line-height: 1.55;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .text-with-button-inner p {
    font-size: 18px;
  }
}
.text-with-button-inner .btn {
  letter-spacing: 0;
  line-height: 1;
  min-width: 200px;
  padding: 12px;
}
@media (min-width: 768px) {
  .text-with-button-inner .btn {
    padding: 15px 12px 12px;
  }
}

.job-benefits {
  padding: 60px 0 30px;
  background-color: #512824;
}
@media (min-width: 992px) {
  .job-benefits {
    padding: 100px 0 50px;
  }
}
@media (min-width: 1440px) {
  .job-benefits {
    padding: 150px 0 80px;
  }
}
.job-benefits-title {
  margin: 0 auto;
  max-width: 560px;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .job-benefits-title {
    max-width: 730px;
  }
}
@media (min-width: 992px) {
  .job-benefits-title {
    margin-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .job-benefits-title {
    margin-bottom: 100px;
  }
}
.job-benefits-title h2 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 40px;
}
@media (min-width: 992px) {
  .job-benefits-title h2 {
    font-size: 60px;
  }
}
.job-benefits-title p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .job-benefits-title p {
    font-size: 20px;
  }
}
.job-benefits-grid.row {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.job-benefits-grid-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .job-benefits-grid-item {
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .job-benefits-grid-item {
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.job-benefits-grid-item-title img {
  margin-bottom: 20px;
  max-width: 60px;
}
@media (min-width: 992px) {
  .job-benefits-grid-item-title img {
    max-width: unset;
  }
}
.job-benefits-grid-item-title h3 {
  color: #fff;
  line-height: 1.45;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .job-benefits-grid-item-title h3 {
    font-size: 20px;
    max-width: 300px;
  }
}
.job-benefits-grid-item p {
  color: #F3CAC6;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.55;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .job-benefits-grid-item p {
    font-size: 18px;
  }
}

.jobsListingBlock {
  background-image: url(/img/careers-background-block-bg.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 50px;
}
@media (min-width: 992px) {
  .jobsListingBlock {
    padding-top: 70px;
  }
}
@media (min-width: 1440px) {
  .jobsListingBlock {
    padding-top: 100px;
  }
}
.jobsListingBlock-title {
  margin: 0 auto;
  max-width: 560px;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .jobsListingBlock-title {
    max-width: 984px;
    margin-bottom: 60px;
  }
}
.jobsListingBlock-title h1 {
  color: #AC162C;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 50px;
}
@media (min-width: 992px) {
  .jobsListingBlock-title h1 {
    font-size: 84px;
  }
}
.jobsListingBlock-title p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  line-height: 1.88;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .jobsListingBlock-title p {
    font-size: 18px;
  }
}
.jobsListingBlock-imggrid {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: repeat(3, 160px);
  margin-top: 100px;
  margin-bottom: 60px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .jobsListingBlock-imggrid {
    margin-bottom: 100px;
    margin-top: 140px;
    grid-gap: 10px;
  }
}
@media (min-width: 1440px) {
  .jobsListingBlock-imggrid {
    margin-bottom: 150px;
    grid-gap: 20px;
  }
}
.jobsListingBlock-imggrid figure img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.jobsListingBlock-imggrid-item-1 {
  grid-row: 1/1;
  aspect-ratio: 284/160;
  position: relative;
}
.jobsListingBlock-imggrid-item-2 {
  grid-row: 1/3;
  aspect-ratio: 284/325;
  top: -40px;
  position: relative;
}
.jobsListingBlock-imggrid-item-3 {
  grid-row: 1/1;
  aspect-ratio: 284/160;
  position: relative;
}
.jobsListingBlock-imggrid-item-4 {
  grid-row: 1/3;
  aspect-ratio: 284/325;
  position: relative;
  top: -40px;
}
.jobsListingBlock-imggrid-item-5 {
  grid-row: 1/1;
  aspect-ratio: 284/160;
  position: relative;
}
.jobsListingBlock-imggrid-item-6 {
  grid-row: 2/4;
  aspect-ratio: 284/325;
  position: relative;
}
.jobsListingBlock-imggrid-item-7 {
  grid-row: 3/3;
  aspect-ratio: 284/160;
  position: relative;
  top: -40px;
}
.jobsListingBlock-imggrid-item-8 {
  grid-row: 2/4;
  aspect-ratio: 284/325;
  position: relative;
}
.jobsListingBlock-imggrid-item-9 {
  grid-row: 3/3;
  aspect-ratio: 284/160;
  position: relative;
  top: -40px;
}
.jobsListingBlock-imggrid-item-10 {
  grid-row: 2/4;
  aspect-ratio: 284/325;
  position: relative;
}
.jobsListingBlock-subtitle {
  margin: 0 auto;
  max-width: 560px;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .jobsListingBlock-subtitle {
    max-width: 730px;
    margin-bottom: 60px;
  }
}
.jobsListingBlock-subtitle h2 {
  color: #AC162C;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 40px;
}
@media (min-width: 992px) {
  .jobsListingBlock-subtitle h2 {
    font-size: 60px;
  }
}
.jobsListingBlock-subtitle p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  line-height: 1.55;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .jobsListingBlock-subtitle p {
    font-size: 18px;
  }
}
.jobsListingBlock-inner {
  max-width: 1236px;
  margin: 0 auto;
}
.jobsListingBlock-inner .no-vacancies {
  text-align: center;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .jobsListingBlock-inner .no-vacancies {
    font-size: 20px;
  }
}
.jobsListingBlock-item {
  border-top: 1px solid #CCC;
  padding: 40px 0;
}
@media (min-width: 992px) {
  .jobsListingBlock-item {
    padding: 50px 0 60px 40px;
  }
}
.jobsListingBlock-item--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 992px) {
  .jobsListingBlock-item--inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .jobsListingBlock-item .btn-area {
    text-align: right;
  }
}
.jobsListingBlock-item h3 {
  margin-bottom: 20px;
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .jobsListingBlock-item h3 {
    font-size: 36px;
  }
}
.jobsListingBlock-item p.job-desc {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  line-height: 1.55;
  margin-bottom: 20px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .jobsListingBlock-item p.job-desc {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .jobsListingBlock-item p.job-desc {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.jobsListingBlock-item ul {
  padding-left: 0;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .jobsListingBlock-item ul {
    margin-bottom: 0;
  }
}
.jobsListingBlock-item ul li {
  list-style-type: none;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  line-height: 1.55;
  font-size: 16px;
}
@media (min-width: 992px) {
  .jobsListingBlock-item ul li {
    display: inline-block;
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .jobsListingBlock-item ul li {
    font-size: 18px;
  }
}
.jobsListingBlock-item .btn {
  letter-spacing: 0;
  line-height: 1;
  min-width: 200px;
  padding: 12px;
  text-align: center;
}
@media (min-width: 768px) {
  .jobsListingBlock-item .btn {
    padding: 15px 12px 12px;
  }
}

.videoBackground {
  width: 100%;
  height: 832px;
  position: relative;
  overflow: hidden;
  height: 500px;
}
@media (min-width: 768px) {
  .videoBackground {
    height: 600px;
  }
}
@media (min-width: 992px) {
  .videoBackground {
    height: 832px;
  }
}
.videoBackground #videoBackground-video {
  aspect-ratio: 1920/832;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}

.jobs-landing .content-builder {
  border-top: 5px solid #F9A526;
}

.breadcrumbs {
  border-top: 5px solid #F9A526;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .breadcrumbs {
    padding: 30px 0;
  }
}
.breadcrumbs ul {
  display: block;
  margin-bottom: 0;
  padding-left: 10px;
}
@media (min-width: 992px) {
  .breadcrumbs ul {
    padding-left: 30px;
  }
}
.breadcrumbs ul li {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  padding-left: 10px;
}
.breadcrumbs ul li:after {
  content: ">";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.breadcrumbs ul li:first-of-type {
  padding-left: 0;
}
.breadcrumbs ul li:last-of-type {
  padding-right: 0;
}
.breadcrumbs ul li:last-of-type:after {
  content: none;
}
.breadcrumbs ul li a {
  color: #505050;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.55;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (min-width: 768px) {
  .breadcrumbs ul li a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .breadcrumbs ul li a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .breadcrumbs ul li a {
    font-size: 18px;
  }
}
.breadcrumbs ul li a:hover {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}
.breadcrumbs ul li a.current-link {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
}

.career-content {
  padding-top: 60px;
}
.career-content--inner {
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.career-content--inner h1 {
  color: #AC162C;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 50px;
}
@media (min-width: 992px) {
  .career-content--inner h1 {
    font-size: 84px;
    margin-bottom: 40px;
  }
}
.career-content--inner .job-video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.career-content--inner .job-video .embed-container iframe, .career-content--inner .job-video .embed-container object, .career-content--inner .job-video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.career-content--inner .job-details {
  background-color: #F8F0E2;
  border-radius: 4px;
  padding: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .career-content--inner .job-details {
    padding: 60px;
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.career-content--inner .job-details ul {
  padding-left: 0;
  margin-bottom: 30px;
}
.career-content--inner .job-details ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 15px;
  color: #505050;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.55;
  font-size: 12px;
}
@media (min-width: 768px) {
  .career-content--inner .job-details ul li {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .career-content--inner .job-details ul li {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .career-content--inner .job-details ul li {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .career-content--inner .job-details ul li {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.career-content--inner .job-details ul li:last-of-type {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .career-content--inner .job-details ul li .title {
    -webkit-flex-basis: 150px;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
  }
}
.career-content--inner .job-details ul li .detail {
  font-weight: 700;
  color: #5A5A5A;
}
.career-content--inner .job-details .btn {
  letter-spacing: 0;
  line-height: 1;
  min-width: 178px;
  padding: 12px;
  text-align: center;
}
@media (min-width: 768px) {
  .career-content--inner .job-details .btn {
    padding: 15px 12px 12px;
  }
}
.career-content--inner .job-description {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .career-content--inner .job-description {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.career-content--inner .job-description p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
  line-height: 1.55;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .career-content--inner .job-description p {
    font-size: 18px;
  }
}
.career-content--inner .job-description p:first-of-type {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 992px) {
  .career-content--inner .job-description p:first-of-type {
    font-size: 22px;
  }
}
.career-content--inner .job-accordion {
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #dddddd;
}
@media (min-width: 992px) {
  .career-content--inner .job-accordion {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.career-content--inner .job-accordion .at-title {
  cursor: pointer;
  position: relative;
  padding: 30px 30px 30px 0;
}
@media (min-width: 992px) {
  .career-content--inner .job-accordion .at-title {
    padding: 60px 40px 60px 0;
  }
}
.career-content--inner .job-accordion .at-title:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  right: 0;
  width: 30px;
  height: 30px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform-origin: center;
  transform-origin: center;
  background-image: url(/img/red-circle-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.career-content--inner .job-accordion .at-title.active:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
.career-content--inner .job-accordion .at-item h2 {
  margin-bottom: 0;
  color: #AC162C;
  text-transform: uppercase;
  font-size: 40px;
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .career-content--inner .job-accordion .at-item h2 {
    font-size: 60px;
  }
}
.career-content--inner .job-accordion .at-tab {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  border-bottom: 1px solid #dddddd;
  background-color: #fff;
}
.career-content--inner .job-accordion .at-tab li, .career-content--inner .job-accordion .at-tab p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #333;
  line-height: 1.55;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .career-content--inner .job-accordion .at-tab li, .career-content--inner .job-accordion .at-tab p {
    font-size: 20px;
  }
}
.career-content--inner .job-accordion .at-tab ul {
  padding-left: 34px;
  list-style: none;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .career-content--inner .job-accordion .at-tab ul {
    margin-bottom: 60px;
  }
}
.career-content--inner .job-accordion .at-tab ul li {
  position: relative;
}
.career-content--inner .job-accordion .at-tab ul li::before {
  content: "•";
  color: #AC162C;
  display: inline-block;
  position: absolute;
  top: 0;
  left: -34px;
  height: 10px;
  width: 10px;
  line-height: 1;
  font-size: 40px;
}
.career-content--inner .job-accordion .at-tab ul li:last-of-type {
  margin-bottom: 0;
}
.career-content--inner .job-accordion .at-tab p {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .career-content--inner .job-accordion .at-tab p {
    margin-bottom: 60px;
  }
}
.career-content--inner .job-how-to-apply {
  background-color: #F8F0E2;
  border-radius: 10px;
  padding: 35px 30px 40px;
  margin-top: 40px;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .career-content--inner .job-how-to-apply {
    padding: 55px 40px 60px;
    margin-top: 60px;
    margin-bottom: 100px;
  }
}
.career-content--inner .job-how-to-apply h3 {
  color: #AC162C;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 40px;
  font-family: "LunchBox W01 Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .career-content--inner .job-how-to-apply h3 {
    font-size: 50px;
  }
}
.career-content--inner .job-how-to-apply p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
  line-height: 1.77;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .career-content--inner .job-how-to-apply p {
    font-size: 18px;
  }
}
.career-content--inner .job-how-to-apply .btn {
  letter-spacing: 0;
  line-height: 1;
  min-width: 178px;
  padding: 12px;
  text-align: center;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  .career-content--inner .job-how-to-apply .btn {
    padding: 15px 12px 12px;
  }
}

.job-social-share {
  height: 100%;
  margin-top: 30px;
}
@media (min-width: 1440px) {
  .job-social-share {
    position: absolute;
    margin-top: 0;
    top: 0;
    left: -200px;
  }
}
.job-social-share .share {
  display: block;
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .job-social-share .share {
    margin-bottom: 100px;
  }
}
@media (min-width: 1440px) {
  .job-social-share .share {
    left: 0;
    top: 100px;
    position: -webkit-sticky;
    position: sticky;
  }
}
.job-social-share .share ul {
  padding-left: 0;
}
@media (max-width: 1440px) {
  .job-social-share .share ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
}
.job-social-share .share li:first-child .share__item {
  background-color: #AC162C;
  border-color: #AC162C;
}
.job-social-share .share li {
  list-style-type: none;
}
@media (min-width: 1440px) {
  .job-social-share .share li {
    margin-bottom: 10px;
  }
}
.job-social-share .share__item {
  display: grid;
  place-content: center;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid rgba(102, 102, 102, 0.6);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 1440px) {
  .job-social-share .share__item {
    width: 60px;
    height: 60px;
  }
}
/*# sourceMappingURL=app.css.map */