@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i&display=swap');
/* LESS Document */
/* LESS Document */
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
/**** convert px values to rem values, declare both simultaneously ******/
/* Remove excess padding and border in Firefox 4+ */
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* defaults */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
  display: block;
}
/* End hide from IE Mac */
/* Setup */
html,
body {
  font-size: 62.5%;
  height: 100%;
  font-family: 'Source Sans', sans-serif;
  color: #7b7979;
}
body {
  background: white;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: 300;
  min-height: 100%;
  background-image: url("../../images/bg_image.jpg");
  background-size: 100% auto;
  background-repeat: repeat-y;
  opacity: 0;
  transition: opacity 0.25s;
}
body.loaded {
  opacity: 1;
}
html,
body {
  margin: 0;
  padding: 0;
}
.button {
  display: inline-block;
  border: 2px solid #1b9cd0;
  border-radius: 5px;
  font-weight: 800;
  color: #1b9cd0;
  font-size: 26px;
  font-size: 2.6rem;
  padding: 12px 0px 10px 0px;
  padding: 1.2rem 0rem 1rem 0rem;
  margin: 15px 0px 0px 0px;
  margin: 1.5rem 0rem 0rem 0rem;
  transition: background 0.25s, border-color 0.25s, color 0.25s;
  margin-top: auto;
  font-family: 'PilcrowSoft', sans-serif;
  text-align: center;
  width: 50%;
  text-decoration: none;
  cursor: pointer;
}
.button:disabled {
  opacity: 0.5;
}
@media screen and (max-width: 641px) {
  .button {
    font-size: 6vw;
    width: 100%;
  }
}
.button:hover:not(.disabled) {
  background: #1b9cd0;
  color: white;
}
.button.blue {
  color: white;
  background: #1b9cd0;
}
.button.blue:hover:not(.disabled) {
  background: #188bb9;
  border-color: #188bb9;
}
.button.yellow {
  color: #7b7979;
  background: #ffc400;
  border-color: #ffc400;
}
.button.yellow:hover:not(.disabled) {
  background: #e6b000;
  border-color: #e6b000;
}
.button.grey {
  color: #5c5c5c;
  border-color: #5c5c5c;
}
.button.grey:hover:not(.disabled) {
  background: #424242;
  border-color: #424242;
  color: white;
}
.button.white {
  color: white;
  border-color: white;
}
.button.white:hover:not(.disabled) {
  background: white;
  color: #7b7979;
}
.button.width100 {
  width: 100%;
}
h1,
h2,
h3 {
  font-family: "PilcrowSoft", sans-serif;
  margin: 0;
}
h1,
.h1 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 39px;
  line-height: 3.9rem;
  color: #1b9cd0;
  margin: 0px 0px 37px 0px;
  margin: 0rem 0rem 3.7rem 0rem;
}
h2,
.h2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 33px;
  line-height: 3.3rem;
  color: #484848;
  margin: 0px 0px 25px 0px;
  margin: 0rem 0rem 2.5rem 0rem;
}
h3,
.h3 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 28px;
  line-height: 2.8rem;
  color: #484848;
  margin: 0px 0px 15px 0px;
  margin: 0rem 0rem 1.5rem 0rem;
}
p,
ul,
ol {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 27px;
  line-height: 2.7rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}
p strong,
ul strong,
ol strong {
  font-weight: 600;
}
p a,
ul a,
ol a {
  color: #1b9cd0;
}
ul li,
ol li {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
ul li ul,
ol li ul,
ul li ol,
ol li ol {
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
}
blockquote {
  background: #1b9cd0;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  padding: 30px 30px 30px 30px;
  padding: 3rem 3rem 3rem 3rem;
  color: white;
  border-radius: 5px;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote p,
blockquote a {
  color: white;
}
blockquote h1 a,
blockquote h2 a,
blockquote h3 a,
blockquote p a,
blockquote a a {
  color: white;
}
blockquote h1:last-child,
blockquote h2:last-child,
blockquote h3:last-child,
blockquote p:last-child,
blockquote a:last-child {
  margin: 0;
}
.error {
  color: #b92430;
}
hr {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #C1C1C1;
  margin: 40px 0px 39px 0px;
  margin: 4rem 0rem 3.9rem 0rem;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.img_left {
  display: inline-block;
  float: left;
  margin: 10px 20px 10px 0px;
  margin: 1rem 2rem 1rem 0rem;
}
.img_right {
  display: inline-block;
  float: right;
  margin: 10px 0px 10px 20px;
  margin: 1rem 0rem 1rem 2rem;
}
.img_full {
  display: block;
  margin: 40px auto;
  margin: 4rem auto;
}
.error {
  color: #b92430;
  padding: 10px 0px 0px 0px;
  padding: 1rem 0rem 0rem 0rem;
  display: inline-block;
}
.input-set .error {
  position: absolute;
  right: 20px;
  top: 45%;
  pointer-events: none;
}
@media screen and (max-width: 641px) {
  .input-set .error {
    position: relative;
    right: auto;
    top: auto;
  }
}
.input-set {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.input-set.col-2,
.input-set.col_2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.input-set.col-2 .button,
.input-set.col_2 .button {
  flex-basis: 49%;
}
.input-set.col-2 label.button_question,
.input-set.col_2 label.button_question {
  flex-basis: 100%;
  padding-left: 0;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
@media screen and (max-width: 641px) {
  .input-set.col-2,
  .input-set.col_2 {
    flex-direction: column-reverse;
  }
}
fieldset {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
}
input,
textarea,
select {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  outline: none;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
select,
textarea {
  position: relative;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  background: white;
  padding: 15px 15px 15px 15px;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  color: #7b7979;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.25s, border-color 0.25s;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-color: #818181;
}
select::-ms-expand {
  display: none;
}
select {
  background-image: url(../../images/caret-down.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 15px;
  padding-right: 40px;
}
label.text-input,
label.text-select,
.text-input label,
.text-label,
.select-label {
  font-weight: bold;
  padding-left: 0;
}
label.text-input input[type=text],
label.text-select input[type=text],
.text-input label input[type=text],
.text-label input[type=text],
.select-label input[type=text],
label.text-input input[type=password],
label.text-select input[type=password],
.text-input label input[type=password],
.text-label input[type=password],
.select-label input[type=password],
label.text-input input[type=email],
label.text-select input[type=email],
.text-input label input[type=email],
.text-label input[type=email],
.select-label input[type=email],
label.text-input select,
label.text-select select,
.text-input label select,
.text-label select,
.select-label select,
label.text-input textarea,
label.text-select textarea,
.text-input label textarea,
.text-label textarea,
.select-label textarea {
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
}
input[type=checkbox].visible {
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
label {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.5rem 0rem;
  padding: 0px 0px 0px 10px;
  padding: 0rem 0rem 0rem 1rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.forgot-pwd a {
  display: block;
}
@media screen and (max-width: 641px) {
  .forgot-pwd {
    margin: 30px 0px 0px 0px;
    margin: 3rem 0rem 0rem 0rem;
  }
}
@media screen and (max-width: 641px) {
  .login {
    width: 100%;
  }
}
label.active {
  background: #1b9cd0;
  color: white;
}
.button.submit {
  margin-left: auto;
}
input[type=checkbox].visible {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.site_header,
.site_footer {
  flex-shrink: 0;
}
.site_body {
  flex-grow: 1;
}
.container {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0px 30px 0px 30px;
  padding: 0rem 3rem 0rem 3rem;
}
.container.main {
  margin: 102px 0px 0px 0px;
  margin: 10.2rem 0rem 0rem 0rem;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 641px) {
  .container.main {
    margin: 50px 0px 0px 0px;
    margin: 5rem 0rem 0rem 0rem;
  }
}
.container.blog {
  padding: 0;
}
.content {
  width: 100%;
  max-width: 1200px;
  max-width: 120rem;
}
.content.narrow {
  max-width: 850px;
  max-width: 85rem;
}
.content.login {
  width: 680px;
  width: 68rem;
}
@media screen and (max-width: 1025px) {
  .content {
    max-width: 100%;
  }
}
.overlay {
  position: fixed;
  z-index: 1000;
  left: -10000px;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  background: #1b9cd0;
  opacity: 0;
  transition: opacity 0.25s;
}
.overlay.visible {
  left: 0;
  opacity: 0.75;
}
.overlay.animate-out {
  opacity: 0;
}
body.noscroll {
  overflow: hidden;
}
.modal {
  position: fixed;
  left: -100000px;
  top: 50%;
  transform: translate3D(-50%, -40%, 0);
  width: 100%;
  max-width: 50%;
  max-height: 80%;
  z-index: 1001;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 30px 30px 30px 30px;
  padding: 3rem 3rem 3rem 3rem;
  visibility: none;
  opacity: 0;
  transition-delay: 0.25s;
  transition: transform 0.25s, opacity 0.25s;
  overflow-y: auto;
}
.modal * {
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 769px) {
  .modal {
    max-width: 90%;
  }
}
.modal h1 {
  margin: 0px 0px 15px 0px;
  margin: 0rem 0rem 1.5rem 0rem;
}
.modal .close_modal {
  position: absolute;
  right: -22px;
  right: -2.2rem;
  top: -22px;
  top: -2.2rem;
  transition: color 0.25s;
  cursor: pointer;
}
.modal .close_modal .fa-stack {
  font-size: 25px;
  font-size: 2.5rem;
}
.modal .close_modal:hover {
  color: #ffc400;
}
.modal.visible {
  position: fixed;
  left: 50%;
  transform: translate3D(-50%, -50%, 0);
  visibility: visible;
  opacity: 1;
}
.modal.ingredient-desc,
.modal.distributor-lookup {
  overflow: visible;
}
html[dir="rtl"] .modal {
  left: auto;
  right: 10000px;
  transform: translate3D(50%, -40%, 0);
}
html[dir="rtl"] .modal.visible {
  left: auto;
  right: 50%;
  transform: translate3D(50%, -50%, 0);
}
.modal.animate-out {
  transform: translate3D(-50%, -40%, 0);
  opacity: 0;
}
.distributor-lookup form {
  display: flex;
  flex-wrap: wrap;
}
.distributor-lookup form label {
  width: 100%;
  flex: 0 0 auto;
}
.distributor-lookup form input,
.distributor-lookup form .button {
  width: auto;
  flex: 1 1 auto;
}
.distributor-lookup form .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #1b9cd0;
  color: white;
  flex: 0 0 auto;
  padding-left: 20px;
  padding-left: 2.0rem;
  padding-right: 20px;
  padding-right: 2.0rem;
}
.distributor-lookup form input[type=text] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wet-or-dry {
  text-align: center;
}
.wet-or-dry .button {
  width: 48%;
  margin-left: 1%;
}
@media screen and (max-width: 641px) {
  .wet-or-dry .button {
    width: 100%;
    margin: 0;
  }
}
.wet-or-dry .button:first-of-type {
  margin-left: 0;
  margin-right: 1%;
}
@media screen and (max-width: 641px) {
  .wet-or-dry .button:first-of-type {
    margin: 0;
    margin-bottom: 10px;
  }
}
.resource_details_modal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.resource_details_modal h3 {
  flex-basis: 100%;
}
.resource_details_modal img {
  flex-basis: 30%;
}
.resource_details_modal p {
  flex-basis: 68%;
}
.resource_details_modal .button {
  flex-basis: 100%;
  margin: 30px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
}
html[dir="rtl"] .overlay {
  left: auto;
  right: 10000px;
}
html[dir="rtl"] .overlay.visible {
  left: auto;
  right: 0;
}
html[dir="rtl"] .distributor-lookup form .button {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
html[dir="rtl"] .distributor-lookup form input[type=text] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.subscribe_modal {
  background: transparent;
  background-color: #F9D749;
  border-radius: 50% 50%;
  box-shadow: none;
  padding: 10rem 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
  overflow: visible;
  aspect-ratio: 1;
  max-height: 80rem;
  max-width: 80rem;
  min-width: 80rem;
  min-height: 80rem;
  /*    width: 80vh;
    height: 80vh;*/
  /*    &:before {
        content: '';
        width: 120%;
        height: 120%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #F9D749;
        border-radius: 50% 50%;
    }*/
}
.subscribe_modal .subscribe_modal__content {
  overflow: auto;
  max-height: 80vh;
  max-width: 57.5rem;
  width: 80vw;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.subscribe_modal > * {
  z-index: 1;
}
.subscribe_modal h1 {
  color: #484848;
  font-size: 6.7rem;
  line-height: 0.8;
  text-align: center;
  margin-bottom: 0.6rem;
}
.subscribe_modal h2 {
  font-weight: 400;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 5.2rem;
  position: relative;
}
.subscribe_modal h2:after {
  content: '';
  width: 3.8rem;
  height: 0.4rem;
  background: repeating-linear-gradient(to right, #ffffff, #ffffff 4px, transparent 4px, transparent 8px);
  position: absolute;
  top: calc(100% + 2rem);
  left: 50%;
  transform: translateX(-50%);
}
.subscribe_modal p {
  color: #484848;
  font-size: 2rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 0;
}
.subscribe_modal form {
  width: 100%;
  text-align: center;
}
.subscribe_modal form .error {
  font-weight: 700;
}
.subscribe_modal input[type=text] {
  text-align: center;
  border: none;
  border-radius: 1rem;
  margin-bottom: 3rem;
  padding: 2rem;
}
.subscribe_modal .subscribe_modal__btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 5rem;
  row-gap: 2rem;
  justify-content: center;
  align-items: center;
}
.subscribe_modal input[type=submit] {
  margin: 0;
  border: none;
  color: white;
  background-color: #484848;
  width: auto;
  border-radius: 1rem;
  padding: 1.2rem 4.5rem 1rem 4.5rem;
}
.subscribe_modal .subscribe_modal__cancel {
  color: #484848;
  font-weight: 600;
}
@media screen and (max-width: 641px) {
  .subscribe_modal h1 {
    font-size: 5rem;
  }
  .subscribe_modal h2 {
    font-size: 2.2rem;
  }
  .subscribe_modal p {
    font-size: 1.8rem;
  }
}
.thirty_modal {
  background: transparent;
  background-color: #ffc400;
  border-radius: 50% 50%;
  box-shadow: none;
  padding: 10rem 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
  overflow: visible;
  aspect-ratio: 1;
  max-height: 85rem;
  max-width: 85rem;
  min-width: 85rem;
  min-height: 85rem;
  /*    width: 80vh;
    height: 80vh;*/
}
.thirty_modal .thirty_modal__content {
  position: relative;
  overflow: auto;
  max-height: 90vh;
  max-width: 57.5rem;
  width: 85vw;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
}
.thirty_modal > * {
  z-index: 1;
}
.thirty_modal .thirty_modal__header {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1.8rem;
  margin-bottom: 2.4rem;
}
.thirty_modal .thirty_modal__header img {
  min-width: 0;
  width: 37%;
}
.thirty_modal .thirty_modal__header h2 {
  width: 54%;
  margin: 0;
  flex-shrink: 0;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2.4rem;
  font-size: clamp(2.4rem, calc( 1rem +  2.3103909vw ), 4.2rem);
  font-weight: 700;
  color: white;
  line-height: 0.85;
}
@media screen and (min-width: 641px) {
  .thirty_modal .thirty_modal__header h2 {
    font-size: calc(2.4rem  +  1.8  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2.4rem, calc( 1rem +  2.3103909vw ), 4.2rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty_modal .thirty_modal__header h2 {
    font-size: 4.2rem;
    font-size: clamp(2.4rem, calc( 1rem +  2.3103909vw ), 4.2rem);
  }
}
.thirty_modal .thirty_modal__header h2 span {
  color: #47484A;
}
@media screen and (max-width: 441px) {
  .thirty_modal .thirty_modal__header h2 br {
    display: none;
  }
}
.thirty_modal .thirty_modal__main {
  margin-bottom: 3.6rem;
}
.thirty_modal .thirty_modal__main p:not(.sm-text) {
  font-family: 'PilcrowSoft', sans-serif;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.5103909vw ), 3.2rem);
  font-weight: 700;
  color: #47484A;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 641px) {
  .thirty_modal .thirty_modal__main p:not(.sm-text) {
    font-size: calc(1.8rem  +  1.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.5103909vw ), 3.2rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty_modal .thirty_modal__main p:not(.sm-text) {
    font-size: 3.2rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.5103909vw ), 3.2rem);
  }
}
.thirty_modal .thirty_modal__main p:not(.sm-text) span {
  color: white;
}
.thirty_modal .thirty_modal__main .sm-text {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #47484A;
  font-weight: 400;
}
.thirty_modal .thirty_modal__btns-cont {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.8rem;
  row-gap: 1.2rem;
  justify-content: center;
  margin-bottom: 3rem;
}
.thirty_modal .thirty_modal__btn {
  background: #1b9cd0;
  padding: 1.8rem 4rem;
  border-radius: 100px;
  font-family: 'PilcrowSoft', sans-serif;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  0.9603909vw ), 2.1rem);
  font-weight: 700;
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 641px) {
  .thirty_modal .thirty_modal__btn {
    font-size: calc(1.8rem  +  0.3  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  0.9603909vw ), 2.1rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty_modal .thirty_modal__btn {
    font-size: 2.1rem;
    font-size: clamp(1.8rem, calc( 1rem +  0.9603909vw ), 2.1rem);
  }
}
.thirty_modal .thirty_modal__btn--dark {
  background: #47484A;
}
.thirty_modal .thirty_modal__btn-sm {
  margin-top: auto;
  color: #47484A;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.5rem;
  font-size: clamp(1.5rem, calc( 1rem +  0.6103909vw ), 1.7rem);
  font-weight: 700;
}
@media screen and (min-width: 641px) {
  .thirty_modal .thirty_modal__btn-sm {
    font-size: calc(1.5rem  +  0.2  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.5rem, calc( 1rem +  0.6103909vw ), 1.7rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty_modal .thirty_modal__btn-sm {
    font-size: 1.7rem;
    font-size: clamp(1.5rem, calc( 1rem +  0.6103909vw ), 1.7rem);
  }
}
@media screen and (max-width: 641px) {
  .thirty_modal h1 {
    font-size: 5rem;
  }
  .thirty_modal h2 {
    font-size: 2.2rem;
  }
  .thirty_modal p {
    font-size: 1.8rem;
  }
}
.site_header {
  position: relative;
  z-index: 5;
  background: #1b9cd0;
}
.nav {
  display: flex;
  align-content: center;
  justify-content: space-between;
  height: 163px;
  height: 16.3rem;
  max-width: 1200px;
  max-width: 120rem;
  width: 100%;
  padding: 0px 0px 34px 0px;
  padding: 0rem 0rem 3.4rem 0rem;
}
@media screen and (max-width: 1025px) {
  .nav {
    height: 105px;
    height: 10.5rem;
    padding: 0;
  }
}
.nav .mobile_nav_trigger {
  position: absolute;
  z-index: 10001;
  display: none;
  right: 5000px;
  top: 36px;
  color: white;
}
.nav .mobile_nav_trigger.fa-times {
  padding: 0px 2.5px 0px 0px;
  padding: 0rem 0.25rem 0rem 0rem;
}
@media screen and (max-width: 1025px) {
  .nav .mobile_nav_trigger {
    left: auto;
    right: 30px;
    align-self: center;
    display: block;
  }
}
.nav nav {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 80%;
  flex-direction: column;
}
@media screen and (max-width: 1025px) {
  .nav nav {
    position: fixed;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    left: -1000px;
    top: 0;
    background: #1b9cd0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s;
  }
  .nav nav.visible {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
}
.header_logo {
  width: 20%;
  display: flex;
  align-items: center;
}
.header_logo img,
.header_logo a {
  width: 195px;
  width: 19.5rem;
  align-self: flex-end;
}
@media screen and (max-width: 1025px) {
  .header_logo img,
  .header_logo a {
    align-self: center;
  }
}
@media screen and (max-width: 641px) {
  .header_logo img,
  .header_logo a {
    width: 120px;
    width: 12rem;
  }
}
.language_selector {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Source Sans', sans-serif;
}
.language_selector li {
  margin: 0px 0px 3px 0px;
  margin: 0rem 0rem 0.3rem 0rem;
  position: relative;
  font-family: 'Source Sans', sans-serif;
}
.language_selector li img {
  display: inline-block;
  width: 20px;
  width: 2rem;
  vertical-align: text-bottom;
  margin: 0px 15px 0px 0px;
  margin: 0rem 1.5rem 0rem 0rem;
}
.language_selector li a {
  display: block;
  text-decoration: none;
  color: #7b7979;
  width: 100%;
  padding: 5px 15px 5px 15px;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  border-radius: 5px;
  transition: background 0.25s, color 0.25s;
  font-family: 'Source Sans', sans-serif;
}
.language_selector li a:hover {
  background: #E8E8E8;
  color: #7b7979;
}
.language_selector li a.selected:after {
  content: '\f00c';
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  right: 15px;
  right: 1.5rem;
  color: #1b9cd0;
}
.main_nav,
.sub_nav {
  font-family: "PilcrowSoft", sans-serif;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  list-style-type: none;
}
@media screen and (max-width: 1025px) {
  .main_nav,
  .sub_nav {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0;
  }
}
.main_nav:last-child,
.sub_nav:last-child {
  margin: 0px 0px -22px 0px;
  margin: 0rem 0rem -2.2rem 0rem;
}
.main_nav > li,
.sub_nav > li {
  display: inline-block;
  position: relative;
}
.main_nav li > a,
.sub_nav li > a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 7px 10px 4px 10px;
  padding: 0.7rem 1rem 0.4rem 1rem;
  transition: background 0.25s;
  border-radius: 12px;
}
.main_nav li > a:hover,
.sub_nav li > a:hover {
  background: #157aa3;
}
.main_nav a.where_to_buy,
.sub_nav a.where_to_buy {
  border: 2px solid white;
  margin-left: 2px;
  margin-left: 0.2rem;
  transition: background 0.25s, border-color 0.25s;
}
@media screen and (max-width: 1025px) {
  .main_nav a.where_to_buy,
  .sub_nav a.where_to_buy {
    border: none;
    margin-left: 0;
  }
}
.main_nav a.where_to_buy:hover,
.sub_nav a.where_to_buy:hover {
  background: #157aa3;
  border-color: #157aa3;
}
.sub_nav {
  margin: 0px 0px 5px 0px;
  margin: 0rem 0rem 0.5rem 0rem;
}
@media screen and (max-width: 1025px) {
  .sub_nav {
    margin: 40px 0px 0px 0px;
    margin: 4rem 0rem 0rem 0rem;
    padding: 20px 0px 0px 0px;
    padding: 2rem 0rem 0rem 0rem;
    border-top: 2px solid white;
  }
}
.sub_nav li > a,
.sub_nav li {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1025px) {
  .sub_nav li > a,
  .sub_nav li {
    margin: 0;
  }
}
.sub_nav .flag {
  display: inline-block;
  height: 20px;
  height: 2rem;
  margin: 0;
  vertical-align: text-bottom;
  margin-right: 5px;
}
@media screen and (max-width: 1025px) {
  html[dir="rtl"] .mobile_nav_trigger {
    right: auto;
    left: 30px;
    align-self: center;
    display: block;
  }
}
.dropdown {
  position: absolute;
  top: 80px;
  top: 8rem;
  background: white;
  border-radius: 5px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.29);
  color: black;
  left: -10000px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, top 0.25s;
  transition-timing-function: ease-in-out;
  pointer-events: none;
}
.dropdown:not(.superduper) {
  padding: 10px 10px 10px 20px;
  padding: 1rem 1rem 1rem 2rem;
}
@media screen and (max-width: 1025px) {
  .dropdown {
    position: relative;
    left: auto;
    top: auto;
    background: none;
    box-shadow: none;
    opacity: 1;
    pointer-events: all;
    display: none;
    visibility: visible;
  }
}
.dropdown.fordogs {
  transform: translate(-288px, 0);
}
@media screen and (max-width: 1025px) {
  .dropdown.fordogs {
    transform: none;
  }
}
.dropdown.forcats {
  transform: translate(-373px, 0);
}
@media screen and (max-width: 1025px) {
  .dropdown.forcats {
    transform: none;
  }
}
.dropdown.visible {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  top: 45px;
  top: 4.5rem;
  left: 0;
}
@media screen and (max-width: 1025px) {
  .dropdown.visible {
    top: auto;
    display: block !important;
  }
}
.dropdown.animate-out {
  top: 80px;
  top: 8rem;
  opacity: 0;
}
.dropdown.superduper {
  display: flex;
  justify-content: space-between;
  width: 951px;
  width: 95.1rem;
}
@media screen and (max-width: 1025px) {
  .dropdown.superduper {
    display: none;
    flex-direction: column;
    width: auto;
  }
}
.dropdown.superduper .left {
  background: #F8F8F8;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 30px 30px 30px 30px;
  padding: 3rem 3rem 3rem 3rem;
}
@media screen and (max-width: 1025px) {
  .dropdown.superduper .left {
    background: none;
    padding: 0;
  }
}
.dropdown.superduper .center {
  padding: 0px 20px 0px 20px;
  padding: 0rem 2rem 0rem 2rem;
  background: white;
  flex: 1;
}
@media screen and (max-width: 1025px) {
  .dropdown.superduper .center {
    display: none;
    background: none;
  }
}
.dropdown.superduper .right {
  display: flex;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  background: white;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 1025px) {
  .dropdown.superduper .right {
    display: none;
    background: none;
  }
}
.dropdown.superduper .dropdown_nav li a {
  padding: 2px 10px 1px 10px;
  padding: 0.2rem 1rem 0.1rem 1rem;
}
@media screen and (max-width: 1025px) {
  .dropdown.superduper .dropdown_nav li a {
    padding: 6px 5px 6px 5px;
    padding: 0.6rem 0.5rem 0.6rem 0.5rem;
    width: auto;
  }
}
.dropdown_nav {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1025px) {
  .dropdown_nav {
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem;
  }
}
.dropdown_nav li {
  display: block;
  color: #1b9cd0;
  margin: 0;
  padding: 0;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 1025px) {
  .dropdown_nav li {
    color: white;
  }
}
.dropdown_nav li.dropdown_spacer {
  padding: 5px;
}
.dropdown_nav li a {
  color: #464646;
  margin: 0;
  padding: 6px 10px 4px 10px;
  padding: 0.6rem 1rem 0.4rem 1rem;
  font-weight: normal;
  margin-left: -10px;
  margin-left: -1rem;
}
@media screen and (max-width: 1025px) {
  .dropdown_nav li a {
    color: white;
    padding: 6px 5px 6px 5px;
    padding: 0.6rem 0.5rem 0.6rem 0.5rem;
    margin-left: 0;
  }
}
.dropdown_nav li a:hover {
  background: #E8E8E8;
}
@media screen and (max-width: 1025px) {
  .dropdown_nav li a:hover {
    background: #157aa3;
    border-color: #157aa3;
  }
}
.dropdown_lineup_select {
  display: flex;
  justify-content: space-around;
}
.dropdown_lineup_select a {
  display: block;
  width: 156px;
  width: 15.6rem;
  align-self: center;
  text-align: center;
  margin: 0;
  text-decoration: none;
  color: #555555;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 20px;
  line-height: 2rem;
  transition: background 0.25s;
  border-radius: 5px;
  padding: 20px 10px 20px 10px;
  padding: 2rem 1rem 2rem 1rem;
}
.dropdown_lineup_select a:hover {
  background: #E8E8E8;
}
.dropdown_lineup_select a strong {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.dropdown_lineup_select a img {
  width: 100%;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
.dropdown_nn_calc {
  background: #ffc400;
  border-radius: 5px;
  text-align: center;
  width: 220px;
  width: 22rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding: 30px 20px 30px 20px;
  padding: 3rem 2rem 3rem 2rem;
}
.dropdown_nn_calc h1 {
  color: white;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 37px;
  line-height: 3.7rem;
  letter-spacing: -0.99px;
  text-align: center;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}
.dropdown_nn_calc h1 em {
  font-style: normal;
  text-decoration: underline;
}
.dropdown_nn_calc h2 {
  color: #464749;
  font-size: 20px;
  font-size: 2rem;
  line-height: 23px;
  line-height: 2.3rem;
  text-align: center;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
.dropdown_nn_calc a {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  padding: 7px 0px 5px 0px;
  padding: 0.7rem 0rem 0.5rem 0rem;
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
  border: 2px solid white;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
  transition: background 0.25s, border-color 0.25s;
}
.dropdown_nn_calc a:hover {
  background: #dd9e11;
  border-color: #dd9e11;
}
html[dir="rtl"] .dropdown {
  left: auto;
  right: 0;
}
html[dir="rtl"] .dropdown.visible {
  left: auto;
  right: 0;
}
@media screen and (max-width: 1025px) {
  html[dir="rtl"] .dropdown.visible {
    top: auto;
    display: block !important;
  }
}
html[dir="rtl"] .dropdown.fordogs {
  transform: translate(288px, 0);
}
@media screen and (max-width: 1025px) {
  html[dir="rtl"] .dropdown.fordogs {
    transform: none;
  }
}
html[dir="rtl"] .dropdown.forcats {
  transform: translate(373px, 0);
}
@media screen and (max-width: 1025px) {
  html[dir="rtl"] .dropdown.forcats {
    transform: none;
  }
}
.site_footer {
  background-image: url("../../images/wood_footer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px;
  height: 20rem;
  flex-direction: column;
  align-items: center;
  margin: 160px 0px 0px 0px;
  margin: 16rem 0rem 0rem 0rem;
}
.site_footer .content {
  background: #ffc400;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin: -133px 0px 0px 0px;
  margin: -13.3rem 0rem 0rem 0rem;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.53);
}
@media screen and (max-width: 641px) {
  .site_footer .content {
    flex-direction: column;
    align-items: center;
  }
}
.site_footer p.copyright {
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem;
  color: white;
  font-size: 16px;
  font-size: 1.6rem;
  text-shadow: 0 0 5px #000;
}
@media screen and (max-width: 641px) {
  .site_footer p.copyright {
    text-align: center;
  }
}
.site_footer .company_info {
  width: 198px;
  width: 19.8rem;
}
@media screen and (max-width: 641px) {
  .site_footer .company_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
.site_footer .company_info img {
  width: 100%;
}
@media screen and (max-width: 641px) {
  .site_footer .company_info img {
    width: 57%;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem;
  }
}
.site_footer .company_info a,
.site_footer .company_info p {
  color: black;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  text-decoration: none;
}
.site_footer .footer_logo {
  width: 198px;
  width: 19.8rem;
}
.site_footer ul {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media screen and (max-width: 641px) {
  .site_footer ul {
    flex-direction: row;
    padding: 0;
  }
}
.site_footer ul li {
  margin: 0;
  color: black;
  line-height: 20px;
  line-height: 2rem;
}
@media screen and (max-width: 641px) {
  .site_footer ul li {
    padding: 20px 0px 0px 7px;
    padding: 2rem 0rem 0rem 0.7rem;
  }
}
.site_footer ul li.list_title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  margin: 0px 0px 3px 0px;
  margin: 0rem 0rem 0.3rem 0rem;
  font-weight: bold;
}
.site_footer ul li a {
  color: black;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  line-height: 1.6rem;
}
.site_footer ul li a:hover {
  text-decoration: underline;
}
.site_footer .footer_canada {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 5px;
  padding: 0px 25px 0px 25px;
  padding: 0rem 2.5rem 0rem 2.5rem;
  margin: 0px 0px 0px 15px;
  margin: 0rem 0rem 0rem 1.5rem;
}
.site_footer .footer_canada img {
  width: 100%;
  max-width: 200px;
  max-width: 20.0rem;
}
.banner {
  height: 400px;
  height: 40rem;
  z-index: 1;
  overflow: hidden;
  padding: 0px 30px 0px 30px;
  padding: 0rem 3rem 0rem 3rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.banner.sort {
  height: auto;
}
@media screen and (max-width: 769px) {
  .banner {
    height: 250px;
    height: 25rem;
  }
}
.banner .content {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.banner.narrow .content {
  width: 850px;
  width: 85rem;
}
.banner p,
.banner h1 {
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 46px;
  font-size: 4.6rem;
  line-height: 41px;
  line-height: 4.1rem;
  width: 100%;
  font-weight: normal;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .banner p,
  .banner h1 {
    font-size: 5.5vw;
    line-height: 5vw;
  }
}
@media screen and (max-width: 641px) {
  .banner p,
  .banner h1 {
    text-align: center;
    font-size: 6vw;
    line-height: 6vw;
  }
}
.banner p em,
.banner h1 em {
  display: block;
  color: white;
  font-weight: bold;
  font-style: normal;
  font-size: 121px;
  font-size: 12.1rem;
  line-height: 110px;
  line-height: 11rem;
  margin-left: -10px;
}
@media screen and (max-width: 769px) {
  .banner p em,
  .banner h1 em {
    font-size: 15vw;
    line-height: 15vw;
  }
}
@media screen and (max-width: 641px) {
  .banner p em,
  .banner h1 em {
    font-size: 19vw;
    line-height: 19vw;
  }
}
.banner .text,
.banner .image {
  position: relative;
  display: flex;
  align-items: center;
}
.banner .text {
  flex-grow: 2;
}
.banner .image {
  padding: 0px 0px 0px 30px;
  padding: 0rem 0rem 0rem 3rem;
}
.banner.yellow {
  background-color: #ffc400;
}
.banner.yellow.gradient {
  background-color: radial-gradient(circle, #ffc400 90%, #dda233 100%);
}
.banner.yellow p,
.banner.yellow h1 {
  color: #7b7979;
  text-shadow: 2px 4px 6px #CC6E00;
}
.banner.blue {
  background-color: #1b9cd0;
}
.banner.blue.gradient {
  background-color: radial-gradient(circle, #1b9cd0 65%, #1373b9 100%);
}
.banner.blue p,
.banner.blue h1 {
  color: white;
  text-shadow: 2px 4px 6px #1373B9;
}
.banner.banner--camh {
  width: 100%;
  padding: 0;
  height: auto;
}
.banner.makeadifference {
  height: auto;
  padding: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 769px) {
  .banner.makeadifference {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.banner.makeadifference picture {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 769px) {
  .banner.makeadifference picture {
    position: absolute;
    object-position: center center;
    height: 100%;
  }
  .banner.makeadifference picture img {
    object-fit: cover;
  }
}
.banner.makeadifference .banner__content {
  position: absolute;
  max-width: 66%;
  display: flex;
  flex-direction: column;
  bottom: 11%;
  align-items: flex-end;
}
.banner.makeadifference .banner__content h1 {
  width: auto;
  color: white;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 4rem;
  font-size: clamp(4rem, calc( 1rem +  8.0103909vw ), 14rem);
  font-weight: 700;
  text-shadow: 10px 5px 10px rgba(0, 0, 0, 0.8);
  text-align: right;
  letter-spacing: -2px;
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content h1 {
    font-size: calc(4rem  +  10  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(4rem, calc( 1rem +  8.0103909vw ), 14rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content h1 {
    font-size: 14rem;
    font-size: clamp(4rem, calc( 1rem +  8.0103909vw ), 14rem);
  }
}
.banner.makeadifference .banner__content h2 {
  color: #FFD600;
  text-shadow: 10px 3px 8px rgba(0, 0, 0, 0.8);
  text-align: right;
  line-height: 1;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.6103909vw ), 3.4rem);
  position: relative;
  top: -10px;
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content h2 {
    font-size: calc(1.8rem  +  1.6  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.6103909vw ), 3.4rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content h2 {
    font-size: 3.4rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.6103909vw ), 3.4rem);
  }
}
.banner.makeadifference .banner__content a {
  font-family: "PilcrowSoft", sans-serif;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2rem;
  font-size: clamp(2rem, calc( 1rem +  2.0103909vw ), 4rem);
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  padding-top: 0.5rem;
  padding-top: clamp(0.5rem, calc( 1rem +  0.5103909vw ), 2.5rem);
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  padding-bottom: 0.5rem;
  padding-bottom: clamp(0.5rem, calc( 1rem +  0.5103909vw ), 2.5rem);
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  padding-left: 0.8rem;
  padding-left: clamp(0.8rem, calc( 1rem +  0.4103909vw ), 2rem);
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  padding-right: 0.8rem;
  padding-right: clamp(0.8rem, calc( 1rem +  0.4103909vw ), 2rem);
  /*padding: 2.5rem 2rem;*/
  background-color: #FFD600;
  color: #484848;
  font-weight: 700;
  text-decoration: none;
  border-radius: 15px;
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content a {
    font-size: calc(2rem  +  2  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2rem, calc( 1rem +  2.0103909vw ), 4rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content a {
    font-size: 4rem;
    font-size: clamp(2rem, calc( 1rem +  2.0103909vw ), 4rem);
  }
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content a {
    padding-top: calc(0.5rem  +  2  * ((100vw -  44.1rem ) / 93.9 ));
    padding-top: clamp(0.5rem, calc( 1rem +  0.5103909vw ), 2.5rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content a {
    padding-top: 2.5rem;
    padding-top: clamp(0.5rem, calc( 1rem +  0.5103909vw ), 2.5rem);
  }
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content a {
    padding-bottom: calc(0.5rem  +  2  * ((100vw -  44.1rem ) / 93.9 ));
    padding-bottom: clamp(0.5rem, calc( 1rem +  0.5103909vw ), 2.5rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content a {
    padding-bottom: 2.5rem;
    padding-bottom: clamp(0.5rem, calc( 1rem +  0.5103909vw ), 2.5rem);
  }
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content a {
    padding-left: calc(0.8rem  +  1.2  * ((100vw -  44.1rem ) / 93.9 ));
    padding-left: clamp(0.8rem, calc( 1rem +  0.4103909vw ), 2rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content a {
    padding-left: 2rem;
    padding-left: clamp(0.8rem, calc( 1rem +  0.4103909vw ), 2rem);
  }
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content a {
    padding-right: calc(0.8rem  +  1.2  * ((100vw -  44.1rem ) / 93.9 ));
    padding-right: clamp(0.8rem, calc( 1rem +  0.4103909vw ), 2rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content a {
    padding-right: 2rem;
    padding-right: clamp(0.8rem, calc( 1rem +  0.4103909vw ), 2rem);
  }
}
@media screen and (max-width: 769px) {
  .banner.makeadifference .banner__content {
    align-items: center;
    /*            bottom: 50%;
            transform: translateY(50%);*/
    position: relative;
    padding-top: 10rem;
    padding-bottom: 2rem;
    padding: 10rem 3rem 2rem;
    width: 100%;
    max-width: none;
  }
  .banner.makeadifference .banner__content h1 {
    text-align: center;
  }
  .banner.makeadifference .banner__content h2 {
    text-align: center;
    top: 0;
  }
  .banner.makeadifference .banner__content a {
    padding: 0.8rem 2rem;
    border-radius: 10px;
  }
}
.banner.makeadifference .banner__content--fr h1 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.5rem;
  font-size: clamp(3.5rem, calc( 1rem +  6.2603909vw ), 11rem);
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content--fr h1 {
    font-size: calc(3.5rem  +  7.5  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.5rem, calc( 1rem +  6.2603909vw ), 11rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content--fr h1 {
    font-size: 11rem;
    font-size: clamp(3.5rem, calc( 1rem +  6.2603909vw ), 11rem);
  }
}
.banner.makeadifference .banner__content--fr h2 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.5103909vw ), 3.2rem);
}
@media screen and (min-width: 641px) {
  .banner.makeadifference .banner__content--fr h2 {
    font-size: calc(1.8rem  +  1.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.5103909vw ), 3.2rem);
  }
}
@media screen and (min-width: 1380px) {
  .banner.makeadifference .banner__content--fr h2 {
    font-size: 3.2rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.5103909vw ), 3.2rem);
  }
}
.banner.makeadifference .banner__tag {
  position: absolute;
  width: 14%;
  min-width: 12rem;
  right: 0;
  bottom: 10%;
}
.banner.makeadifference .banner__tag img {
  width: 100%;
}
@media screen and (max-width: 769px) {
  .banner.makeadifference .banner__tag {
    position: relative;
    align-self: flex-end;
    padding-bottom: 2rem;
    min-width: 11rem;
  }
}
.absorb_banner img {
  display: block;
  height: 110%;
  margin-left: 0;
}
.nn_banner .text p strong,
.transition_banner .text p strong {
  font-weight: 900;
}
.nn_banner img,
.transition_banner img {
  display: block;
  height: 110%;
  margin-left: -100px;
}
@media screen and (max-width: 769px) {
  .nn_banner img,
  .transition_banner img {
    margin-left: -50px;
  }
}
.transition_banner {
  background-image: url(../../images/threecircles.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.transition_banner .image {
  width: 50%;
  padding: 20px 0px 20px 0px;
  padding: 2rem 0rem 2rem 0rem;
  justify-content: flex-end;
}
@media screen and (max-width: 1025px) {
  .transition_banner .image {
    width: auto;
    justify-content: center;
    padding: 20px 0px 20px 30px;
    padding: 2rem 0rem 2rem 3rem;
  }
}
.transition_banner .image img {
  height: 100%;
  margin: 0;
}
.transition_banner .text {
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.transition_banner .text .button {
  width: 100%;
  margin: 30px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
}
@media screen and (max-width: 1025px) {
  .transition_banner .text .button {
    margin: 10px 0px 0px 0px;
    margin: 1rem 0rem 0rem 0rem;
  }
}
.transition_banner .text h1 em {
  font-size: 100px;
  font-size: 10rem;
  line-height: 80px;
  line-height: 8rem;
  margin: 0;
}
@media screen and (max-width: 1025px) {
  .transition_banner .text h1 em {
    font-size: 7vw;
    line-height: 7vw;
  }
}
@media screen and (max-width: 641px) {
  .transition_banner .text h1 em {
    font-size: 13vw;
    line-height: 13vw;
  }
}
.login_banner,
.blog_banner {
  background-image: url("../../images/hugging-bernese.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
@media screen and (max-width: 1025px) {
  .login_banner,
  .blog_banner {
    background-position: left center;
  }
}
.blog_banner .content {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 641px) {
  .blog_banner .content {
    justify-content: center;
  }
}
.blog_banner h1 {
  color: #ffc400;
  font-weight: 800;
  font-size: 103px;
  font-size: 10.3rem;
  line-height: 93px;
  line-height: 9.3rem;
}
@media screen and (max-width: 1025px) {
  .blog_banner h1 {
    font-size: 10vw;
    line-height: 9vw;
  }
}
@media screen and (max-width: 641px) {
  .blog_banner h1 {
    font-size: 13vw;
    line-height: 12vw;
  }
}
.blog_banner h2 {
  color: white;
  font-size: 44px;
  font-size: 4.4rem;
  line-height: 45px;
  line-height: 4.5rem;
  font-weight: normal;
  margin: 0;
}
@media screen and (max-width: 1025px) {
  .blog_banner h2 {
    font-size: 4.4vw;
    line-height: 4.5vw;
  }
}
@media screen and (max-width: 641px) {
  .blog_banner h2 {
    font-size: 7.4vw;
    line-height: 7.5vw;
    text-align: center;
  }
}
.blog_banner h1,
.blog_banner h2 {
  text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.58);
}
.blog_banner h2 em {
  font-style: normal;
  font-weight: bold;
}
.ideal_banner {
  background-image: url("../../images/ideal-bg.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
@media screen and (max-width: 1025px) {
  .ideal_banner {
    background-position: left center;
  }
}
.ideal_banner .content {
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.sound_banner {
  background-image: url("../../images/sound-bg.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
@media screen and (max-width: 1025px) {
  .sound_banner {
    background-position: left center;
  }
}
.sound_banner .content {
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.win_banner {
  background-image: url("../../images/winbanner.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
@media screen and (max-width: 1025px) {
  .win_banner {
    background-position: left center;
  }
}
.win_banner .content {
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.total_banner {
  background-image: url("../../images/total-background.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}
@media screen and (max-width: 1025px) {
  .total_banner {
    background-position: left center;
  }
}
.total_banner .content {
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.banner_lineup_logo {
  width: 500px;
  width: 50rem;
}
.community_banner {
  background-image: url("../../images/banner-community.jpg");
  background-repeat: no-repeat;
  background-position: left 27%;
  background-size: cover;
}
.community_banner .content {
  justify-content: flex-end;
  padding-left: 27%;
}
@media screen and (max-width: 1025px) {
  .community_banner .content {
    padding-left: 38%;
  }
}
.community_banner h1,
.community_banner h1 em {
  font-size: 80px;
  font-size: 8rem;
  line-height: 70px;
  line-height: 7rem;
  color: white;
  font-weight: bold;
}
@media screen and (max-width: 1025px) {
  .community_banner h1,
  .community_banner h1 em {
    font-size: 7vw;
    line-height: 6vw;
  }
}
@media screen and (max-width: 641px) {
  .community_banner h1,
  .community_banner h1 em {
    font-size: 9vw;
    line-height: 8vw;
  }
}
.community_banner h1 {
  align-self: center;
  color: #ffc400;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
.community_banner h1 em {
  padding-left: 20%;
}
.oc_banner {
  background: url(../../images/oc-banner.png) no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 600px;
  height: 60rem;
}
.oc_banner .content {
  justify-content: center;
}
.oc_banner .content .text {
  background: #ffc400;
  align-self: center;
  flex-direction: column;
  text-align: center;
  border-radius: 5px;
  padding: 60px 60px 60px 60px;
  padding: 6rem 6rem 6rem 6rem;
  max-width: 600px;
  max-width: 60rem;
  box-shadow: 0 9px 10px rgba(0, 0, 0, 0.47);
}
.oc_banner .content .text .button {
  width: 100%;
  margin: 30px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
}
.oc_banner .content .text img {
  width: 80%;
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 3rem 0rem;
}
@media screen and (max-width: 641px) {
  .oc_banner .content .text img {
    width: 95%;
  }
}
.oc_banner .content .text p {
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 35px;
  line-height: 3.5rem;
  font-weight: bold;
}
.canadian_banner {
  background: url(../../images/madeincanadabg2x.jpg) no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.canadian_banner .content {
  justify-content: center;
}
.canadian_banner img {
  width: 100%;
  webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.7));
}
.subscribe_banner {
  background: url(../../images/oc-banner-1.jpg) no-repeat;
  background-position: center top;
  background-size: cover;
}
.subscribe_banner .content {
  align-items: center;
}
.subscribe_banner h1 {
  color: white;
  text-align: center;
  font-family: 'posterizer', 'PilcrowSoft', sans-serif;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  font-size: 86px;
  font-size: 8.6rem;
  line-height: 70px;
  line-height: 7rem;
  margin: 0;
}
@media screen and (max-width: 1025px) {
  .subscribe_banner h1 {
    font-size: 64.5px;
    font-size: 6.45rem;
    line-height: 52.5px;
    line-height: 5.25rem;
  }
}
.subscribe_banner h1 small {
  display: block;
  font-size: 35px;
  font-size: 3.5rem;
}
@media screen and (max-width: 1025px) {
  .subscribe_banner h1 small {
    font-size: 26.25px;
    font-size: 2.625rem;
    line-height: 26.25px;
    line-height: 2.625rem;
    margin-top: 15px;
  }
}
.customimage {
  width: 100%;
  height: auto;
  padding: 0;
}
.customimage__link {
  display: block;
  width: 100%;
  height: auto;
}
.banner--30days {
  background: #ffc400;
}
html[dir="rtl"] .absorb_banner .content {
  flex-direction: row-reverse;
  width: 100%;
}
html[dir="rtl"] .absorb_banner .content .image {
  width: 50%;
  justify-content: flex-end;
}
.c-social {
  margin-right: 25px;
  margin-right: 2.5rem;
}
@media screen and (max-width: 641px) {
  .c-social {
    margin-right: 0;
  }
}
.c-social__link {
  display: inline-block !important;
  width: 30px;
  width: 3rem;
  font-size: 18px !important;
  text-align: center;
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* LESS Document */
.banner.homepage {
  height: 580px;
  height: 58rem;
  overflow: visible;
}
@media screen and (max-width: 1025px) {
  .banner.homepage {
    height: 100vh;
  }
}
@media screen and (max-width: 1025px) {
  .banner.homepage {
    height: 90vh;
  }
}
.banner.homepage.madeincanada {
  background: url("../../images/madeincanadabg.jpg") no-repeat;
  background-size: cover;
  background-position: bottom;
}
.banner.homepage .content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 769px) {
  .banner.homepage .content {
    flex-direction: column;
  }
}
.banner.homepage .content .images,
.banner.homepage .content .text {
  position: relative;
}
.banner.homepage .content .images {
  width: 55%;
}
@media screen and (max-width: 769px) {
  .banner.homepage .content .images {
    width: 100%;
    height: 55%;
  }
}
@media screen and (max-width: 641px) {
  .banner.homepage .content .images {
    width: 100%;
  }
}
.banner.homepage .content .text {
  width: 45%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 0px 70px 0px;
  padding: 0rem 0rem 7rem 0rem;
  z-index: 10;
}
@media screen and (max-width: 1025px) {
  .banner.homepage .content .text {
    width: 50%;
    justify-content: center;
  }
  .banner.homepage .content .text h1 {
    font-size: 7vw;
    line-height: 7vw;
  }
  .banner.homepage .content .text h1 small {
    font-size: 4vw;
  }
}
@media screen and (max-width: 769px) {
  .banner.homepage .content .text {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
  }
  .banner.homepage .content .text h1 {
    font-size: 10vw;
    line-height: 10vw;
  }
  .banner.homepage .content .text h1 small {
    font-size: 5.5vw;
  }
}
@media screen and (max-width: 641px) {
  .banner.homepage .content .text h1 {
    font-size: 11vw;
    line-height: 10vw;
  }
  .banner.homepage .content .text h1 small {
    font-size: 7vw;
    line-height: 8vw;
    margin: 0;
  }
}
.banner.homepage .content .text .button {
  align-self: flex-start;
  margin: 0;
  display: block;
  width: auto;
  color: white;
  border-color: white;
  font-size: 40px;
  font-size: 4rem;
  padding: 20px 70px 15px 70px;
  padding: 2rem 7rem 1.5rem 7rem;
}
@media screen and (max-width: 769px) {
  .banner.homepage .content .text .button {
    align-self: center;
  }
}
@media screen and (max-width: 641px) {
  .banner.homepage .content .text .button {
    font-size: 6vw;
    padding: 10px 70px 5px 70px;
    padding: 1rem 7rem 0.5rem 7rem;
  }
}
.banner.homepage .content .images img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -43%;
  opacity: 0;
  transform: translate(0, -100px);
  transition: transform 0.5s, opacity 0.5s;
}
.banner.homepage .content .images img.animated {
  transform: translate(0, 0px);
  opacity: 1;
}
@media screen and (max-width: 769px) {
  .banner.homepage .content .images img.animated {
    transform: translate(-50%, 0px);
    opacity: 1;
  }
}
@media screen and (max-width: 641px) {
  .banner.homepage .content .images img.animated {
    transform: translate(0%, 0px);
    opacity: 1;
  }
}
@media screen and (max-width: 1025px) {
  .banner.homepage .content .images img {
    margin-top: -55%;
  }
}
@media screen and (max-width: 769px) {
  .banner.homepage .content .images img {
    margin-top: 10%;
    width: auto;
    height: 100%;
    left: 50%;
    top: auto;
    margin-top: auto;
    transform: translate(-50%, -100px);
  }
}
@media screen and (max-width: 641px) {
  .banner.homepage .content .images img {
    margin-top: 10%;
    width: 100%;
    height: auto;
    left: 0;
    transform: translate(0%, -100px);
  }
}
.banner.homepage .content .images img.kibble-lg {
  z-index: 10;
  transition-delay: 0.8s;
}
.banner.homepage .content .images img.kibble-md {
  z-index: 9;
  transition-delay: 0.85s;
}
.banner.homepage .content .images img.kibble-sm {
  z-index: 8;
  transition-delay: 0.9s;
}
.banner.homepage .content .images img.lg-can {
  z-index: 7;
  transition-delay: 0.9s;
}
.banner.homepage .content .images img.sm-can {
  z-index: 6000;
  transition-delay: 1s;
}
.banner.homepage .content .images img.cat-bag {
  z-index: 5;
  transition-delay: 0.7s;
}
.banner.homepage .content .images img.dog-bag {
  z-index: 4;
  transition-delay: 0.75s;
}
.banner.homepage h1 {
  font-size: 83px;
  font-size: 8.3rem;
  line-height: 75px;
  line-height: 7.5rem;
  margin: 0px 0px 15px 0px;
  margin: 0rem 0rem 1.5rem 0rem;
  color: white;
  font-weight: bold;
  text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.58);
}
.banner.homepage h1 span,
.banner.homepage h1 em {
  font-size: inherit !important;
  line-height: inherit !important;
  display: inline-block;
  color: #ffc400;
}
.banner.homepage h1 small {
  color: #ffc400;
  display: block;
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 55px;
  line-height: 5.5rem;
}
.returnofthedarkening {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.website-description p {
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 44px;
  line-height: 4.4rem;
  font-family: 'PilcrowSoft', sans-serif;
  text-align: center;
  color: #1b9cd0;
  margin: 0;
  padding: 100px 0px 100px 0px;
  padding: 10rem 0rem 10rem 0rem;
}
@media screen and (max-width: 641px) {
  .website-description p {
    font-size: 8vw;
    line-height: 10vw;
    padding: 50px 0px 50px 0px;
    padding: 5rem 0rem 5rem 0rem;
  }
}
.section-enter {
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 100px 0px;
  margin: 0rem 0rem 10rem 0rem;
}
@media screen and (max-width: 641px) {
  .section-enter {
    flex-direction: column;
    margin: 0px 0px 50px 0px;
    margin: 0rem 0rem 5rem 0rem;
  }
}
.section-enter article {
  width: 48%;
  text-align: center;
}
@media screen and (max-width: 641px) {
  .section-enter article {
    width: 100%;
    margin-bottom: 10vw;
  }
}
.section-enter article img {
  display: block;
  border-radius: 5px;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
  width: 100%;
}
.section-enter article h1 {
  margin: 0;
}
@media screen and (max-width: 641px) {
  .section-enter article h1 {
    font-size: 8vw;
  }
}
.section-enter article p {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
.section-enter article .button {
  display: inline-block;
  width: 80%;
}
@media screen and (max-width: 641px) {
  .section-enter article .button {
    font-size: 6vw;
    width: 100%;
  }
}
.homepage-oc {
  position: relative;
  background: url("../../images/background-oc-tile.jpg") repeat-y;
  display: flex;
  align-items: center;
  background-size: cover;
  padding: 50px 30px 50px 0px;
  padding: 5rem 3rem 5rem 0rem;
}
@media screen and (max-width: 641px) {
  .homepage-oc {
    padding: 30px 30px 200px 30px;
    padding: 3rem 3rem 20rem 3rem;
    overflow: hidden;
  }
}
.homepage-oc .content {
  position: relative;
}
.homepage-oc .homepage-oc__text {
  position: relative;
  background: #ffc400;
  border-radius: 10px;
  width: 45%;
  box-shadow: 0 9px 10px rgba(0, 0, 0, 0.47);
  padding: 50px 50px 50px 50px;
  padding: 5rem 5rem 5rem 5rem;
  z-index: 2;
  text-align: center;
  margin-left: auto;
}
@media screen and (max-width: 769px) {
  .homepage-oc .homepage-oc__text {
    padding: 30px 30px 30px 30px;
    padding: 3rem 3rem 3rem 3rem;
  }
}
@media screen and (max-width: 641px) {
  .homepage-oc .homepage-oc__text {
    width: 100%;
    margin-left: 0;
  }
}
.homepage-oc .homepage-oc__text p {
  color: #7b7979;
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 33px;
  line-height: 3.3rem;
}
@media screen and (max-width: 769px) {
  .homepage-oc .homepage-oc__text p {
    font-size: 3.5vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 641px) {
  .homepage-oc .homepage-oc__text p {
    font-size: 6vw;
    line-height: 7vw;
  }
}
.homepage-oc .homepage-oc__text p strong,
.homepage-oc .homepage-oc__text p em {
  color: white;
  font-weight: 800;
  font-style: normal;
}
.homepage-oc .homepage-oc__text img {
  display: block;
  margin: 0;
  width: 100%;
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 3rem 0rem;
}
.homepage-oc .homepage-oc__text .button {
  width: 100%;
  font-size: 39px;
  font-size: 3.9rem;
  padding: 20px 0px 15px 0px;
  padding: 2rem 0rem 1.5rem 0rem;
}
@media screen and (max-width: 641px) {
  .homepage-oc .homepage-oc__text .button {
    font-size: 6vw;
    padding: 15px 0px 10px 0px;
    padding: 1.5rem 0rem 1rem 0rem;
  }
}
.homepage-oc__image {
  position: absolute;
  left: -20%;
  bottom: -50px;
  bottom: -5rem;
  width: 92%;
}
@media screen and (max-width: 769px) {
  .homepage-oc__image {
    width: 138%;
    left: -49%;
  }
}
@media screen and (max-width: 641px) {
  .homepage-oc__image {
    bottom: -250px;
    bottom: -25rem;
    width: 200%;
  }
}
html[dir="rtl"] .homepage-oc__image {
  left: auto;
}
.container.lineup article {
  margin: 100px 0px 100px 0px;
  margin: 10rem 0rem 10rem 0rem;
}
.container.lineup article .flex-lineup {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 641px) {
  .container.lineup article .flex-lineup {
    flex-direction: column;
    padding: 0px 50px 0px 50px;
    padding: 0rem 5rem 0rem 5rem;
  }
}
@media screen and (max-width: 441px) {
  .container.lineup article .flex-lineup {
    padding: 0;
  }
}
@media screen and (max-width: 641px) {
  .container.lineup article {
    margin: 50px 0px 50px 0px;
    margin: 5rem 0rem 5rem 0rem;
  }
}
.container.lineup article h1,
.container.lineup article h2 {
  width: 100%;
  flex: 0 0 100%;
  text-align: center;
}
.container.lineup article h1 {
  font-size: 53px;
  font-size: 5.3rem;
  line-height: 44px;
  line-height: 4.4rem;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .container.lineup article h1 {
    font-size: 5vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 641px) {
  .container.lineup article h1 {
    font-size: 10vw;
    line-height: 8vw;
  }
}
.container.lineup article h2 {
  font-size: 37px;
  font-size: 3.7rem;
  line-height: 44px;
  line-height: 4.4rem;
}
@media screen and (max-width: 769px) {
  .container.lineup article h2 {
    font-size: 3.5vw;
    line-height: 3.8vw;
  }
}
@media screen and (max-width: 641px) {
  .container.lineup article h2 {
    font-size: 7vw;
    line-height: 7.6vw;
  }
}
.container.lineup article .lineup-sound,
.container.lineup article .lineup-ideal,
.container.lineup article .lineup-total {
  flex-basis: 32%;
  padding: 0px 20px 0px 20px;
  padding: 0rem 2rem 0rem 2rem;
  text-align: center;
}
@media screen and (max-width: 641px) {
  .container.lineup article .lineup-sound,
  .container.lineup article .lineup-ideal,
  .container.lineup article .lineup-total {
    flex: 0 0 100%;
  }
}
.container.lineup article .lineup-sound img,
.container.lineup article .lineup-ideal img,
.container.lineup article .lineup-total img {
  display: block;
  margin: 0px 0px 40px 0px;
  margin: 0rem 0rem 4rem 0rem;
  width: 100%;
}
.container.lineup article .lineup-sound .button,
.container.lineup article .lineup-ideal .button,
.container.lineup article .lineup-total .button {
  display: block;
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem;
  width: 100%;
  font-weight: bold;
}
@media screen and (max-width: 641px) {
  .container.lineup article .lineup-sound .button,
  .container.lineup article .lineup-ideal .button,
  .container.lineup article .lineup-total .button {
    font-size: 6vw;
  }
}
.nn-calculator {
  background: #1b9cd0;
  overflow: hidden;
  padding: 0px 30px 30px 30px;
  padding: 0rem 3rem 3rem 3rem;
  margin: 0px 0px -160px 0px;
  margin: 0rem 0rem -16rem 0rem;
}
@media screen and (max-width: 769px) {
  .nn-calculator {
    padding: 20px 30px 70px 30px;
    padding: 2rem 3rem 7rem 3rem;
  }
}
.nn-calculator .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px 0px 20px;
  padding: 0rem 2rem 0rem 2rem;
}
@media screen and (max-width: 1025px) {
  .nn-calculator .content {
    padding-left: 20px;
  }
}
@media screen and (max-width: 641px) {
  .nn-calculator .content {
    padding-left: 0;
    padding: 50px 0px 70px 0px;
    padding: 5rem 0rem 7rem 0rem;
  }
}
.nn-calculator .text {
  width: 50%;
}
@media screen and (max-width: 769px) {
  .nn-calculator .text {
    width: 55%;
  }
}
@media screen and (max-width: 641px) {
  .nn-calculator .text {
    width: 100%;
    text-align: center;
  }
}
.nn-calculator .image {
  width: 50%;
}
@media screen and (max-width: 769px) {
  .nn-calculator .image {
    width: 45%;
  }
}
.nn-calculator p,
.nn-calculator h1 {
  color: white;
  text-shadow: 2px 4px 6px #1373B9;
  font-family: 'PilcrowSoft', sans-serif;
}
.nn-calculator h1 {
  font-size: 62px;
  font-size: 6.2rem;
  line-height: 63px;
  line-height: 6.3rem;
  margin: 0;
}
@media screen and (max-width: 1025px) {
  .nn-calculator h1 {
    font-size: 5.5vw;
    line-height: 5.5vw;
  }
}
@media screen and (max-width: 641px) {
  .nn-calculator h1 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
.nn-calculator h1 strong,
.nn-calculator h1 em {
  font-size: 78px;
  font-size: 7.8rem;
  display: block;
  font-weight: bold;
  font-style: normal;
}
@media screen and (max-width: 1025px) {
  .nn-calculator h1 strong,
  .nn-calculator h1 em {
    font-size: 5.5vw;
  }
}
@media screen and (max-width: 641px) {
  .nn-calculator h1 strong,
  .nn-calculator h1 em {
    font-size: 10vw;
    line-height: 10vw;
  }
}
.nn-calculator p {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 45px;
  line-height: 4.5rem;
  margin: 20px 0px 20px 0px;
  margin: 2rem 0rem 2rem 0rem;
}
@media screen and (max-width: 1025px) {
  .nn-calculator p {
    font-size: 2.6vw;
    line-height: 3.5vw;
  }
}
@media screen and (max-width: 641px) {
  .nn-calculator p {
    font-size: 5vw;
    line-height: 6vw;
  }
}
.nn-calculator img {
  display: block;
  width: 100%;
}
.nn-calculator .button {
  width: 100%;
  font-size: 33px;
  font-size: 3.3rem;
  padding: 20px 0px 15px 0px;
  padding: 2rem 0rem 1.5rem 0rem;
}
@media screen and (max-width: 1025px) {
  .nn-calculator .button {
    font-size: 3.3vw;
    line-height: 3.3vw;
  }
}
@media screen and (max-width: 641px) {
  .nn-calculator .button {
    font-size: 5vw;
  }
}
.container.banner.sort {
  height: auto;
}
.container.banner.sort nav {
  width: 100%;
  padding: 15px 0px 15px 0px;
  padding: 1.5rem 0rem 1.5rem 0rem;
}
.container.banner.sort nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: 'PilcrowSoft', sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 641px) {
  .container.banner.sort nav ul {
    flex-wrap: wrap;
  }
}
.container.banner.sort nav ul li {
  display: inline-block;
  margin: 0;
  flex-grow: 1;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  padding: 0rem 0rem 0rem 0.5rem;
}
@media screen and (max-width: 641px) {
  .container.banner.sort nav ul li {
    margin: 5px 0px 0px 0px;
    margin: 0.5rem 0rem 0rem 0rem;
    text-align: center;
    flex: 1 1 auto;
  }
}
.container.banner.sort nav ul li:first-of-type {
  padding: 0;
  justify-self: flex-start;
}
@media screen and (max-width: 641px) {
  .container.banner.sort nav ul li:first-of-type {
    padding: 0px 0px 0px 5px;
    padding: 0rem 0rem 0rem 0.5rem;
  }
}
@media screen and (max-width: 641px) {
  .container.banner.sort nav ul li:first-of-type {
    width: 100%;
  }
}
.container.banner.sort nav ul li a {
  display: block;
  text-decoration: none;
  color: #7b7979;
  border: 2px solid white;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 7px 0px 5px 0px;
  padding: 0.7rem 0rem 0.5rem 0rem;
  transition: background 0.25s;
}
@media screen and (max-width: 641px) {
  .container.banner.sort nav ul li a {
    width: 100%;
    padding: 10px 20px 10px 20px;
    padding: 1rem 2rem 1rem 2rem;
  }
}
.container.banner.sort nav ul li a:hover:not(.selected) {
  background: white;
}
.container.banner.sort nav ul li a.selected {
  background: white;
  color: #ffc400;
  cursor: default;
}
.product-view-info {
  display: flex;
  justify-content: space-between;
  padding: 30px 15px 30px 15px;
  padding: 3rem 1.5rem 3rem 1.5rem;
}
@media screen and (max-width: 641px) {
  .product-view-info {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.product-view-info__count {
  font-size: 18px;
  font-size: 1.8rem;
}
.product-view-info__type {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.product-view-info__type li {
  display: inline-block;
  margin: 0px 0px 0px 5px;
  margin: 0rem 0rem 0rem 0.5rem;
}
.product-view-info__type li a {
  color: #707070;
  font-family: 'PilcrowSoft', sans-serif;
  border: 2px solid #707070;
  border-color: #707070;
  border-radius: 5px;
  transition: background 0.25s, border-color 0.25s;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 8px 3px 8px;
  padding: 0.5rem 0.8rem 0.3rem 0.8rem;
}
.product-view-info__type li a:hover {
  background: #707070;
  color: #ffffff;
}
.product-view-info__type li a.selected {
  background: #1b9cd0;
  border-color: #1b9cd0;
  color: white;
}
.container.products {
  flex-direction: column;
  margin: 0;
  align-items: center;
}
.product_grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.product-card {
  position: relative;
  flex-direction: column;
  align-items: center;
  display: flex;
  margin: 0;
  opacity: 1;
  padding: 30px 15px 15px 15px;
  padding: 3rem 1.5rem 1.5rem 1.5rem;
  font-family: 'PilcrowSoft', sans-serif;
  text-align: center;
  flex: 0 1 25%;
}
@media screen and (max-width: 769px) {
  .product-card {
    flex: 0 0 33%;
  }
}
@media screen and (max-width: 641px) {
  .product-card {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 441px) {
  .product-card {
    flex: 0 0 100%;
  }
}
.product-card__nn {
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
}
.product-card__nn.bag_113 {
  top: 7%;
  right: 10%;
}
.product-card__nn.bag_114 {
  top: 1%;
  right: 12%;
}
.product-card__nn.bag_54 {
  top: 6%;
  right: 11%;
}
.product-card__nn.bag_2 {
  top: 5%;
  right: 15%;
}
.product-card__nn.can_156 {
  top: 29.5%;
  right: 14%;
}
@media screen and (max-width: 641px) {
  .product-card__nn.can_156 {
    top: 33.5%;
  }
}
.product-card__nn.can_369 {
  top: 13%;
  right: 17%;
}
.product-card__image {
  width: 75%;
}
.product-card__image picture,
.product-card__image img {
  width: 100%;
  max-width: 184px;
  max-width: 18.4rem;
}
.product-card__name {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 23px;
  line-height: 2.3rem;
  margin: 15px 0px 7px 0px;
  margin: 1.5rem 0rem 0.7rem 0rem;
  color: #7b7979;
  width: 100%;
}
.product-card__flavour {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  margin: 0px 0px 19px 0px;
  margin: 0rem 0rem 1.9rem 0rem;
  width: 100%;
}
.product-card__learnmore {
  width: 90%;
  border: 2px solid #1b9cd0;
  border-radius: 5px;
  font-weight: bold;
  padding: 7px 0px 7px 0px;
  padding: 0.7rem 0rem 0.7rem 0rem;
  margin: 15px 0px 0px 0px;
  margin: 1.5rem 0rem 0rem 0rem;
  transition: background 0.25s;
  margin-top: auto;
  text-decoration: none;
}
@media screen and (max-width: 441px) {
  .product-card__learnmore {
    margin-top: 0;
  }
}
.product-card__learnmore:hover {
  background: #1b9cd0;
  color: white;
}
.product-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 1025px) {
  .product-info {
    align-items: flex-start;
  }
}
@media screen and (max-width: 641px) {
  .product-info {
    flex-direction: column-reverse;
  }
}
.product-info__image {
  width: 100%;
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
}
.product-info__image picture,
.product-info__image img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 641px) {
  .product-info__image picture,
  .product-info__image img {
    margin: 30px 0px 20px 0px;
    margin: 3rem 0rem 2rem 0rem;
  }
}
.product-info__image picture.lg.can_156,
.product-info__image img.lg.can_156 {
  margin-top: -387px;
  margin-top: -38.7rem;
}
@media screen and (max-width: 641px) {
  .product-info__image picture.lg.can_156,
  .product-info__image img.lg.can_156 {
    margin: -120px 0px 0px 0px;
    margin: -12rem 0rem 0rem 0rem;
  }
}
.product-info__image picture.lg.can_369,
.product-info__image img.lg.can_369 {
  margin-top: -100px;
  margin-top: -10rem;
}
@media screen and (max-width: 641px) {
  .product-info__image picture.lg.can_369,
  .product-info__image img.lg.can_369 {
    margin: -50px 0px 0px 0px;
    margin: -5rem 0rem 0rem 0rem;
  }
}
.product-info__image picture.lg.bag_54,
.product-info__image img.lg.bag_54 {
  margin-top: -50px;
  margin-top: -5rem;
}
@media screen and (max-width: 641px) {
  .product-info__image picture.lg.bag_54,
  .product-info__image img.lg.bag_54 {
    margin: 30px 0px 20px 0px;
    margin: 3rem 0rem 2rem 0rem;
  }
}
.product-info__image picture.lg.bag_113,
.product-info__image img.lg.bag_113 {
  margin-top: -25px;
  margin-top: -2.5rem;
}
@media screen and (max-width: 641px) {
  .product-info__image picture.lg.bag_113,
  .product-info__image img.lg.bag_113 {
    margin: 30px 0px 20px 0px;
    margin: 3rem 0rem 2rem 0rem;
  }
}
@media screen and (max-width: 641px) {
  .product-info__image {
    align-items: center;
  }
}
.product-info__description {
  flex: 1 1 55%;
}
@media screen and (max-width: 641px) {
  .product-info__description {
    margin: 50px 0px 0px 0px;
    margin: 5rem 0rem 0rem 0rem;
  }
}
.product-info__description h1 {
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 55px;
  line-height: 5.5rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
.product-info__description h1.s1 {
  color: #c0726e;
}
.product-info__description h1.s2 {
  color: #c0726e;
}
.product-info__description h1.s3 {
  color: #c88509;
}
.product-info__description h1.s4 {
  color: ;
}
.product-info__description h1.s5 {
  color: #0085b7;
}
.product-info__description h1.s6 {
  color: #0085b7;
}
.product-info__description h1.s7 {
  color: #6460aa;
}
.product-info__description h1.s8 {
  color: #d57610;
}
.product-info__description h1.s9 {
  color: #00954c;
}
.product-info__description h1.s10 {
  color: #4d86a0;
}
.product-info__description h1.s11 {
  color: #833a8d;
}
.product-info__description h1.i11 {
  color: ;
}
.product-info__description h1.i12 {
  color: #2a9dc0;
}
.product-info__description h1.i13 {
  color: ;
}
.product-info__description h1.i14 {
  color: ;
}
.product-info__description h1.i15 {
  color: ;
}
.product-info__description h1.i16 {
  color: ;
}
.product-info__description h1.i17 {
  color: #888bb4;
}
.product-info__description h1.i18 {
  color: #2a9dc0;
}
.product-info__description h1.i19 {
  color: #43988d;
}
.product-info__description h1.i20 {
  color: #65baaf;
}
.product-info__description h1.i21 {
  color: ;
}
.product-info__description h1.t22 {
  color: #996b59;
}
.product-info__description h1.t23 {
  color: #996b59;
}
.product-info__description h1.t24 {
  color: #008da8;
}
.product-info__description h1.t25 {
  color: #008da8;
}
.product-info__description h1.t26 {
  color: #4b8156;
}
.product-info__description h1.t27 {
  color: #b36b29;
}
.product-info__description h1.t28 {
  color: #58c5c9;
}
.product-info__description h1.t29 {
  color: #4b8156;
}
.product-info__description h1.t30 {
  color: ;
}
@media screen and (max-width: 1025px) {
  .product-info__description h1 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 44px;
    line-height: 4.4rem;
  }
}
@media screen and (max-width: 641px) {
  .product-info__description h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 30px;
    line-height: 3rem;
    margin: -50px 0px 0px 0px;
    margin: -5rem 0rem 0rem 0rem;
  }
}
.product-info__description h2 {
  font-weight: normal;
}
@media screen and (max-width: 641px) {
  .product-info__description h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
}
.product-info__description p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  line-height: 2.3rem;
  margin: 0px 0px 17px 0px;
  margin: 0rem 0rem 1.7rem 0rem;
}
.product-info__description.s8 h1 {
  color: #d57610;
}
.dfa-rating {
  position: relative;
  background: black;
  border-radius: 5px;
  width: 100%;
  max-width: 300px;
  max-width: 30rem;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  text-align: center;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
  margin: 0px 0px -100px 0px;
  margin: 0rem 0rem -10rem 0rem;
  z-index: 1;
  transform: rotate(-11deg) scale(0.8);
}
@media screen and (max-width: 769px) {
  .dfa-rating {
    margin: 0;
  }
}
@media screen and (max-width: 641px) {
  .dfa-rating {
    transform: none;
    margin: 20px 0px 0px 0px;
    margin: 2rem 0rem 0rem 0rem;
    max-width: 100%;
    text-align: center;
  }
  .dfa-rating img {
    display: inline-block;
    margin: 0;
    max-width: 75%;
    margin: 20px 0px 0px 0px;
    margin: 2rem 0rem 0rem 0rem;
  }
}
.dfa-rating__stars {
  border-bottom: 1px solid white;
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 2rem 0rem;
}
.dfa-rating__stars span.s1 {
  color: #c0726e;
}
.dfa-rating__stars span.s2 {
  color: #c0726e;
}
.dfa-rating__stars span.s3 {
  color: #c88509;
}
.dfa-rating__stars span.s4 {
  color: ;
}
.dfa-rating__stars span.s5 {
  color: #0085b7;
}
.dfa-rating__stars span.s6 {
  color: #0085b7;
}
.dfa-rating__stars span.s7 {
  color: #6460aa;
}
.dfa-rating__stars span.s8 {
  color: #d57610;
}
.dfa-rating__stars span.s9 {
  color: #00954c;
}
.dfa-rating__stars span.s10 {
  color: #4d86a0;
}
.dfa-rating__stars span.s11 {
  color: #833a8d;
}
.dfa-rating__stars span.i11 {
  color: ;
}
.dfa-rating__stars span.i12 {
  color: #2a9dc0;
}
.dfa-rating__stars span.i13 {
  color: ;
}
.dfa-rating__stars span.i14 {
  color: ;
}
.dfa-rating__stars span.i15 {
  color: ;
}
.dfa-rating__stars span.i16 {
  color: ;
}
.dfa-rating__stars span.i17 {
  color: #888bb4;
}
.dfa-rating__stars span.i18 {
  color: #2a9dc0;
}
.dfa-rating__stars span.i19 {
  color: #43988d;
}
.dfa-rating__stars span.i20 {
  color: #65baaf;
}
.dfa-rating__stars span.i21 {
  color: ;
}
.dfa-rating__stars span.t22 {
  color: #996b59;
}
.dfa-rating__stars span.t23 {
  color: #996b59;
}
.dfa-rating__stars span.t24 {
  color: #008da8;
}
.dfa-rating__stars span.t25 {
  color: #008da8;
}
.dfa-rating__stars span.t26 {
  color: #4b8156;
}
.dfa-rating__stars span.t27 {
  color: #b36b29;
}
.dfa-rating__stars span.t28 {
  color: #58c5c9;
}
.dfa-rating__stars span.t29 {
  color: #4b8156;
}
.dfa-rating__stars span.t30 {
  color: ;
}
.dfa-rating__stars p {
  color: white;
  font-family: 'PilcrowSoft', sans-serif;
}
.find-in-store {
  margin: 40px 0px 0px 0px;
  margin: 4rem 0rem 0rem 0rem;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  border-radius: 5px;
}
.find-in-store.s1 {
  background-color: #c0726e;
}
.find-in-store.s2 {
  background-color: #c0726e;
}
.find-in-store.s3 {
  background-color: #c88509;
}
.find-in-store.s4 {
  background-color: ;
}
.find-in-store.s5 {
  background-color: #0085b7;
}
.find-in-store.s6 {
  background-color: #0085b7;
}
.find-in-store.s7 {
  background-color: #6460aa;
}
.find-in-store.s8 {
  background-color: #d57610;
}
.find-in-store.s9 {
  background-color: #00954c;
}
.find-in-store.s10 {
  background-color: #4d86a0;
}
.find-in-store.s11 {
  background-color: #833a8d;
}
.find-in-store.i11 {
  background-color: ;
}
.find-in-store.i12 {
  background-color: #2a9dc0;
}
.find-in-store.i13 {
  background-color: ;
}
.find-in-store.i14 {
  background-color: ;
}
.find-in-store.i15 {
  background-color: ;
}
.find-in-store.i16 {
  background-color: ;
}
.find-in-store.i17 {
  background-color: #888bb4;
}
.find-in-store.i18 {
  background-color: #2a9dc0;
}
.find-in-store.i19 {
  background-color: #43988d;
}
.find-in-store.i20 {
  background-color: #65baaf;
}
.find-in-store.i21 {
  background-color: ;
}
.find-in-store.t22 {
  background-color: #996b59;
}
.find-in-store.t23 {
  background-color: #996b59;
}
.find-in-store.t24 {
  background-color: #008da8;
}
.find-in-store.t25 {
  background-color: #008da8;
}
.find-in-store.t26 {
  background-color: #4b8156;
}
.find-in-store.t27 {
  background-color: #b36b29;
}
.find-in-store.t28 {
  background-color: #58c5c9;
}
.find-in-store.t29 {
  background-color: #4b8156;
}
.find-in-store.t30 {
  background-color: ;
}
.find-in-store h3 {
  font-size: 30px;
  font-size: 3rem;
  color: white;
}
.find-in-store a {
  width: 100%;
  color: white;
  border-color: white;
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 20px;
  font-size: 2rem;
  text-decoration: none;
}
.product-nutramnumber {
  display: flex;
  position: relative;
  z-index: 5;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 9px 10px rgba(0, 0, 0, 0.47);
  background: #7b7979;
}
.product-nutramnumber.s1 {
  background-color: #c0726e;
}
.product-nutramnumber.s2 {
  background-color: #c0726e;
}
.product-nutramnumber.s3 {
  background-color: #c88509;
}
.product-nutramnumber.s4 {
  background-color: ;
}
.product-nutramnumber.s5 {
  background-color: #0085b7;
}
.product-nutramnumber.s6 {
  background-color: #0085b7;
}
.product-nutramnumber.s7 {
  background-color: #6460aa;
}
.product-nutramnumber.s8 {
  background-color: #d57610;
}
.product-nutramnumber.s9 {
  background-color: #00954c;
}
.product-nutramnumber.s10 {
  background-color: #4d86a0;
}
.product-nutramnumber.s11 {
  background-color: #833a8d;
}
.product-nutramnumber.i11 {
  background-color: ;
}
.product-nutramnumber.i12 {
  background-color: #2a9dc0;
}
.product-nutramnumber.i13 {
  background-color: ;
}
.product-nutramnumber.i14 {
  background-color: ;
}
.product-nutramnumber.i15 {
  background-color: ;
}
.product-nutramnumber.i16 {
  background-color: ;
}
.product-nutramnumber.i17 {
  background-color: #888bb4;
}
.product-nutramnumber.i18 {
  background-color: #2a9dc0;
}
.product-nutramnumber.i19 {
  background-color: #43988d;
}
.product-nutramnumber.i20 {
  background-color: #65baaf;
}
.product-nutramnumber.i21 {
  background-color: ;
}
.product-nutramnumber.t22 {
  background-color: #996b59;
}
.product-nutramnumber.t23 {
  background-color: #996b59;
}
.product-nutramnumber.t24 {
  background-color: #008da8;
}
.product-nutramnumber.t25 {
  background-color: #008da8;
}
.product-nutramnumber.t26 {
  background-color: #4b8156;
}
.product-nutramnumber.t27 {
  background-color: #b36b29;
}
.product-nutramnumber.t28 {
  background-color: #58c5c9;
}
.product-nutramnumber.t29 {
  background-color: #4b8156;
}
.product-nutramnumber.t30 {
  background-color: ;
}
@media screen and (max-width: 769px) {
  .product-nutramnumber {
    flex-direction: column-reverse;
  }
}
.product-nutramnumber__leftcol {
  padding: 75px 50px 75px 75px;
  padding: 7.5rem 5rem 7.5rem 7.5rem;
  flex: 1 1 50%;
}
@media screen and (max-width: 769px) {
  .product-nutramnumber__leftcol {
    padding: 75px 50px 75px 50px;
    padding: 7.5rem 5rem 7.5rem 5rem;
  }
}
@media screen and (max-width: 441px) {
  .product-nutramnumber__leftcol {
    padding: 25px 25px 25px 25px;
    padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  }
}
.product-nutramnumber__leftcol p {
  color: white;
  font-family: 'PilcrowSoft', sans-serif;
  font-weight: bold;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 43px;
  line-height: 4.3rem;
}
@media screen and (max-width: 769px) {
  .product-nutramnumber__leftcol p {
    text-align: center;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 43px;
    line-height: 4.3rem;
  }
}
@media screen and (max-width: 441px) {
  .product-nutramnumber__leftcol p {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 33px;
    line-height: 3.3rem;
  }
}
.product-nutramnumber__leftcol a {
  display: block;
  width: 105%;
  margin-left: -5%;
  border-radius: 5px;
  background: white;
  text-align: center;
  padding: 16px 0px 14px 0px;
  padding: 1.6rem 0rem 1.4rem 0rem;
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 34px;
  line-height: 3.4rem;
  color: #7b7979;
  text-decoration: none;
  font-weight: bold;
}
.product-nutramnumber__leftcol a.s1 {
  color: #c0726e;
}
.product-nutramnumber__leftcol a.s2 {
  color: #c0726e;
}
.product-nutramnumber__leftcol a.s3 {
  color: #c88509;
}
.product-nutramnumber__leftcol a.s4 {
  color: ;
}
.product-nutramnumber__leftcol a.s5 {
  color: #0085b7;
}
.product-nutramnumber__leftcol a.s6 {
  color: #0085b7;
}
.product-nutramnumber__leftcol a.s7 {
  color: #6460aa;
}
.product-nutramnumber__leftcol a.s8 {
  color: #d57610;
}
.product-nutramnumber__leftcol a.s9 {
  color: #00954c;
}
.product-nutramnumber__leftcol a.s10 {
  color: #4d86a0;
}
.product-nutramnumber__leftcol a.s11 {
  color: #833a8d;
}
.product-nutramnumber__leftcol a.i11 {
  color: ;
}
.product-nutramnumber__leftcol a.i12 {
  color: #2a9dc0;
}
.product-nutramnumber__leftcol a.i13 {
  color: ;
}
.product-nutramnumber__leftcol a.i14 {
  color: ;
}
.product-nutramnumber__leftcol a.i15 {
  color: ;
}
.product-nutramnumber__leftcol a.i16 {
  color: ;
}
.product-nutramnumber__leftcol a.i17 {
  color: #888bb4;
}
.product-nutramnumber__leftcol a.i18 {
  color: #2a9dc0;
}
.product-nutramnumber__leftcol a.i19 {
  color: #43988d;
}
.product-nutramnumber__leftcol a.i20 {
  color: #65baaf;
}
.product-nutramnumber__leftcol a.i21 {
  color: ;
}
.product-nutramnumber__leftcol a.t22 {
  color: #996b59;
}
.product-nutramnumber__leftcol a.t23 {
  color: #996b59;
}
.product-nutramnumber__leftcol a.t24 {
  color: #008da8;
}
.product-nutramnumber__leftcol a.t25 {
  color: #008da8;
}
.product-nutramnumber__leftcol a.t26 {
  color: #4b8156;
}
.product-nutramnumber__leftcol a.t27 {
  color: #b36b29;
}
.product-nutramnumber__leftcol a.t28 {
  color: #58c5c9;
}
.product-nutramnumber__leftcol a.t29 {
  color: #4b8156;
}
.product-nutramnumber__leftcol a.t30 {
  color: ;
}
@media screen and (max-width: 769px) {
  .product-nutramnumber__leftcol a {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 441px) {
  .product-nutramnumber__leftcol a {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 33px;
    line-height: 3.3rem;
  }
}
.product-nutramnumber__rightcol {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem;
  background-image: url("../../images/threecircles.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .product-nutramnumber__rightcol {
    min-height: 400px;
    min-height: 40rem;
    margin: 60px 0px 0px 0px;
    margin: 6rem 0rem 0rem 0rem;
  }
}
@media screen and (max-width: 441px) {
  .product-nutramnumber__rightcol {
    min-height: 260px;
    min-height: 26rem;
    margin: 30px 0px 0px 0px;
    margin: 3rem 0rem 0rem 0rem;
  }
}
.product-nutramnumber__yournn {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 1025px) {
  .product-nutramnumber__yournn {
    width: 75%;
  }
}
@media screen and (max-width: 769px) {
  .product-nutramnumber__yournn {
    width: 40%;
  }
}
@media screen and (max-width: 441px) {
  .product-nutramnumber__yournn {
    width: 65%;
  }
}
.yournn__base,
.yournn__nn {
  width: 100%;
  display: block;
}
.yournn__nn {
  position: absolute;
  width: 80%;
  top: 0;
  transform: translate(13%, 4%);
}
.container.oc-bg {
  background-image: url("../../images/background-oc-tile.jpg");
  background-size: cover;
  background-position: top;
  margin: 100px 0px 0px 0px;
  margin: 10rem 0rem 0rem 0rem;
  padding: 260px 30px 0px 30px;
  padding: 26rem 3rem 0rem 3rem;
  overflow: hidden;
}
.container.oc-bg.oc-bg--nonumber {
  padding: 50px 30px 0px 30px;
  padding: 5rem 3rem 0rem 3rem;
}
.container.main + .container.main + .container.oc-bg {
  margin: -240px 0px 0px 0px;
  margin: -24rem 0rem 0rem 0rem;
}
.product-oc__oclogo {
  max-width: 490px;
  max-width: 49rem;
}
@media screen and (max-width: 641px) {
  .product-oc__oclogo {
    width: 100%;
  }
}
.product-oc__oc-images {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: stretch;
  margin: -115px 0px 0px 0px;
  margin: -11.5rem 0rem 0rem 0rem;
}
@media screen and (max-width: 641px) {
  .product-oc__oc-images {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: -50px 0px 0px 0px;
    margin: -5rem 0rem 0rem 0rem;
  }
}
.product-oc__oc-images .oc-images__oc1,
.product-oc__oc-images .oc-images__oc2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 45%;
  overflow: visible;
}
.product-oc__oc-images .oc-images__oc1:only-child,
.product-oc__oc-images .oc-images__oc2:only-child {
  margin: 0 auto;
}
@media screen and (max-width: 641px) {
  .product-oc__oc-images .oc-images__oc1,
  .product-oc__oc-images .oc-images__oc2 {
    width: 100%;
  }
}
.product-oc__oc-images .oc-images__oc1 p,
.product-oc__oc-images .oc-images__oc2 p {
  font-family: 'PilcrowSoft', sans-serif;
  color: white;
  font-size: 43px;
  font-size: 4.3rem;
  line-height: 46px;
  line-height: 4.6rem;
  text-shadow: 3px 8px 6px rgba(0, 0, 0, 0.51);
}
@media screen and (max-width: 641px) {
  .product-oc__oc-images .oc-images__oc1 p,
  .product-oc__oc-images .oc-images__oc2 p {
    font-size: 33px;
    font-size: 3.3rem;
    line-height: 36px;
    line-height: 3.6rem;
  }
}
.product-oc__oc-images .oc-images__oc1 img,
.product-oc__oc-images .oc-images__oc2 img {
  width: auto;
  height: 40vw;
  max-height: 475px;
  max-height: 47.5rem;
}
@media screen and (max-width: 641px) {
  .product-oc__oc-images .oc-images__oc1 img,
  .product-oc__oc-images .oc-images__oc2 img {
    height: 80vw;
  }
}
.oc_ing,
.oc_ben {
  display: block;
}
.oc_ing {
  font-weight: bold;
}
@media screen and (max-width: 1025px) {
  .oc_ing span {
    display: block;
  }
}
.oc_ben {
  font-family: 'posterizer', 'PilcrowSoft', sans-serif;
  font-size: 61px;
  font-size: 6.1rem;
  line-height: 64px;
  line-height: 6.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 641px) {
  .oc_ben {
    font-size: 51px;
    font-size: 5.1rem;
    line-height: 51px;
    line-height: 5.1rem;
  }
}
.oc_link {
  display: inline-block;
  width: 100%;
  border: 2px solid white;
  border-radius: 5px;
  font-weight: bold;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 40px;
  line-height: 4rem;
  padding: 12px 0px 7px 0px;
  padding: 1.2rem 0rem 0.7rem 0rem;
  margin: 25px 0px 50px 0px;
  margin: 2.5rem 0rem 5rem 0rem;
  transition: background 0.25s, color 0.25s, text-shadow 0.25s;
  text-decoration: none;
  color: white;
  box-shadow: 3px 8px 6px rgba(0, 0, 0, 0.51);
}
.oc_link:hover {
  background: white;
  color: #7b7979;
  text-shadow: 0 0 0 white;
}
.product-features {
  padding: 75px 30px 75px 30px;
  padding: 7.5rem 3rem 7.5rem 3rem;
}
.product-features.s1 {
  background-color: #c0726e;
}
.product-features.s2 {
  background-color: #c0726e;
}
.product-features.s3 {
  background-color: #c88509;
}
.product-features.s4 {
  background-color: ;
}
.product-features.s5 {
  background-color: #0085b7;
}
.product-features.s6 {
  background-color: #0085b7;
}
.product-features.s7 {
  background-color: #6460aa;
}
.product-features.s8 {
  background-color: #d57610;
}
.product-features.s9 {
  background-color: #00954c;
}
.product-features.s10 {
  background-color: #4d86a0;
}
.product-features.s11 {
  background-color: #833a8d;
}
.product-features.i11 {
  background-color: ;
}
.product-features.i12 {
  background-color: #2a9dc0;
}
.product-features.i13 {
  background-color: ;
}
.product-features.i14 {
  background-color: ;
}
.product-features.i15 {
  background-color: ;
}
.product-features.i16 {
  background-color: ;
}
.product-features.i17 {
  background-color: #888bb4;
}
.product-features.i18 {
  background-color: #2a9dc0;
}
.product-features.i19 {
  background-color: #43988d;
}
.product-features.i20 {
  background-color: #65baaf;
}
.product-features.i21 {
  background-color: ;
}
.product-features.t22 {
  background-color: #996b59;
}
.product-features.t23 {
  background-color: #996b59;
}
.product-features.t24 {
  background-color: #008da8;
}
.product-features.t25 {
  background-color: #008da8;
}
.product-features.t26 {
  background-color: #4b8156;
}
.product-features.t27 {
  background-color: #b36b29;
}
.product-features.t28 {
  background-color: #58c5c9;
}
.product-features.t29 {
  background-color: #4b8156;
}
.product-features.t30 {
  background-color: ;
}
@media screen and (max-width: 641px) {
  .product-features {
    padding: 30px 30px 30px 30px;
    padding: 3rem 3rem 3rem 3rem;
  }
}
.product-features .content h1 {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 59px;
  font-size: 5.9rem;
  line-height: 43px;
  line-height: 4.3rem;
}
@media screen and (max-width: 769px) {
  .product-features .content h1 {
    font-size: 39px;
    font-size: 3.9rem;
    line-height: 41px;
    line-height: 4.1rem;
  }
}
.product-features__features {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 641px) {
  .product-features__features {
    flex-direction: column;
  }
}
.product-features__features p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 33%;
  color: white;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 36px;
  line-height: 3.6rem;
  font-weight: bold;
  font-family: 'PilcrowSoft', sans-serif;
  text-align: center;
  border: 5px solid white;
  border-radius: 5px;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  padding: 40px 40px 40px 40px;
  padding: 4rem 4rem 4rem 4rem;
}
.product-features__features p:nth-child(2) {
  margin: 0px 20px 0px 20px;
  margin: 0rem 2rem 0rem 2rem;
}
@media screen and (max-width: 641px) {
  .product-features__features p:nth-child(2) {
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 2rem 0rem;
  }
}
@media screen and (max-width: 769px) {
  .product-features__features p {
    width: 100%;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 26px;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 641px) {
  .product-features__features p {
    width: 100%;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 26px;
    line-height: 2.6rem;
    margin: 0px 0px 20px 0px;
    margin: 0rem 0rem 2rem 0rem;
  }
}
.product-extra {
  padding: 30px 30px 0px 30px;
  padding: 3rem 3rem 0rem 3rem;
}
.expandable__text {
  margin: 30px 0px 0px 0px;
  margin: 3rem 0rem 0rem 0rem;
  display: none;
}
.product-extra__analysis .expandable__text {
  display: flex;
}
@media screen and (max-width: 641px) {
  .product-extra__analysis .expandable__text {
    flex-direction: column;
  }
}
.product-extra__analysis__table {
  flex: 1 1 40%;
}
@media screen and (max-width: 769px) {
  .product-extra__analysis__table {
    flex: 1 1 50%;
  }
}
.product-extra__analysis__text {
  flex: 1 1 60%;
  padding: 0px 50px 0px 50px;
  padding: 0rem 5rem 0rem 5rem;
}
@media screen and (max-width: 769px) {
  .product-extra__analysis__text {
    flex: 1 1 50%;
  }
}
@media screen and (max-width: 641px) {
  .product-extra__analysis__text {
    padding: 0;
  }
  .product-extra__analysis__text p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 23px;
    line-height: 2.3rem;
  }
}
.product-extra__ingredients,
.product-extra__analysis,
.product-extra__feeding {
  border: 5px solid #7b7979;
  border-radius: 5px;
  margin: 15px 0px 15px 0px;
  margin: 1.5rem 0rem 1.5rem 0rem;
  padding: 25px 20px 15px 20px;
  padding: 2.5rem 2rem 1.5rem 2rem;
}
.product-extra__ingredients.s1,
.product-extra__analysis.s1,
.product-extra__feeding.s1 {
  border-color: #c0726e;
}
.product-extra__ingredients.s2,
.product-extra__analysis.s2,
.product-extra__feeding.s2 {
  border-color: #c0726e;
}
.product-extra__ingredients.s3,
.product-extra__analysis.s3,
.product-extra__feeding.s3 {
  border-color: #c88509;
}
.product-extra__ingredients.s4,
.product-extra__analysis.s4,
.product-extra__feeding.s4 {
  border-color: ;
}
.product-extra__ingredients.s5,
.product-extra__analysis.s5,
.product-extra__feeding.s5 {
  border-color: #0085b7;
}
.product-extra__ingredients.s6,
.product-extra__analysis.s6,
.product-extra__feeding.s6 {
  border-color: #0085b7;
}
.product-extra__ingredients.s7,
.product-extra__analysis.s7,
.product-extra__feeding.s7 {
  border-color: #6460aa;
}
.product-extra__ingredients.s8,
.product-extra__analysis.s8,
.product-extra__feeding.s8 {
  border-color: #d57610;
}
.product-extra__ingredients.s9,
.product-extra__analysis.s9,
.product-extra__feeding.s9 {
  border-color: #00954c;
}
.product-extra__ingredients.s10,
.product-extra__analysis.s10,
.product-extra__feeding.s10 {
  border-color: #4d86a0;
}
.product-extra__ingredients.s11,
.product-extra__analysis.s11,
.product-extra__feeding.s11 {
  border-color: #833a8d;
}
.product-extra__ingredients.i11,
.product-extra__analysis.i11,
.product-extra__feeding.i11 {
  border-color: ;
}
.product-extra__ingredients.i12,
.product-extra__analysis.i12,
.product-extra__feeding.i12 {
  border-color: #2a9dc0;
}
.product-extra__ingredients.i13,
.product-extra__analysis.i13,
.product-extra__feeding.i13 {
  border-color: ;
}
.product-extra__ingredients.i14,
.product-extra__analysis.i14,
.product-extra__feeding.i14 {
  border-color: ;
}
.product-extra__ingredients.i15,
.product-extra__analysis.i15,
.product-extra__feeding.i15 {
  border-color: ;
}
.product-extra__ingredients.i16,
.product-extra__analysis.i16,
.product-extra__feeding.i16 {
  border-color: ;
}
.product-extra__ingredients.i17,
.product-extra__analysis.i17,
.product-extra__feeding.i17 {
  border-color: #888bb4;
}
.product-extra__ingredients.i18,
.product-extra__analysis.i18,
.product-extra__feeding.i18 {
  border-color: #2a9dc0;
}
.product-extra__ingredients.i19,
.product-extra__analysis.i19,
.product-extra__feeding.i19 {
  border-color: #43988d;
}
.product-extra__ingredients.i20,
.product-extra__analysis.i20,
.product-extra__feeding.i20 {
  border-color: #65baaf;
}
.product-extra__ingredients.i21,
.product-extra__analysis.i21,
.product-extra__feeding.i21 {
  border-color: ;
}
.product-extra__ingredients.t22,
.product-extra__analysis.t22,
.product-extra__feeding.t22 {
  border-color: #996b59;
}
.product-extra__ingredients.t23,
.product-extra__analysis.t23,
.product-extra__feeding.t23 {
  border-color: #996b59;
}
.product-extra__ingredients.t24,
.product-extra__analysis.t24,
.product-extra__feeding.t24 {
  border-color: #008da8;
}
.product-extra__ingredients.t25,
.product-extra__analysis.t25,
.product-extra__feeding.t25 {
  border-color: #008da8;
}
.product-extra__ingredients.t26,
.product-extra__analysis.t26,
.product-extra__feeding.t26 {
  border-color: #4b8156;
}
.product-extra__ingredients.t27,
.product-extra__analysis.t27,
.product-extra__feeding.t27 {
  border-color: #b36b29;
}
.product-extra__ingredients.t28,
.product-extra__analysis.t28,
.product-extra__feeding.t28 {
  border-color: #58c5c9;
}
.product-extra__ingredients.t29,
.product-extra__analysis.t29,
.product-extra__feeding.t29 {
  border-color: #4b8156;
}
.product-extra__ingredients.t30,
.product-extra__analysis.t30,
.product-extra__feeding.t30 {
  border-color: ;
}
@media screen and (max-width: 641px) {
  .product-extra__ingredients,
  .product-extra__analysis,
  .product-extra__feeding {
    padding: 20px 15px 15px 10px;
    padding: 2rem 1.5rem 1.5rem 1rem;
  }
}
.product-extra__ingredients h2,
.product-extra__analysis h2,
.product-extra__feeding h2 {
  color: #7b7979;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 35px;
  line-height: 3.5rem;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
@media screen and (max-width: 641px) {
  .product-extra__ingredients h2,
  .product-extra__analysis h2,
  .product-extra__feeding h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.product-extra__ingredients i,
.product-extra__analysis i,
.product-extra__feeding i {
  font-size: 24px;
  font-size: 2.4rem;
  float: right;
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem;
}
.product-extra__ingredients i.s1,
.product-extra__analysis i.s1,
.product-extra__feeding i.s1 {
  color: #c0726e;
}
.product-extra__ingredients i.s2,
.product-extra__analysis i.s2,
.product-extra__feeding i.s2 {
  color: #c0726e;
}
.product-extra__ingredients i.s3,
.product-extra__analysis i.s3,
.product-extra__feeding i.s3 {
  color: #c88509;
}
.product-extra__ingredients i.s4,
.product-extra__analysis i.s4,
.product-extra__feeding i.s4 {
  color: ;
}
.product-extra__ingredients i.s5,
.product-extra__analysis i.s5,
.product-extra__feeding i.s5 {
  color: #0085b7;
}
.product-extra__ingredients i.s6,
.product-extra__analysis i.s6,
.product-extra__feeding i.s6 {
  color: #0085b7;
}
.product-extra__ingredients i.s7,
.product-extra__analysis i.s7,
.product-extra__feeding i.s7 {
  color: #6460aa;
}
.product-extra__ingredients i.s8,
.product-extra__analysis i.s8,
.product-extra__feeding i.s8 {
  color: #d57610;
}
.product-extra__ingredients i.s9,
.product-extra__analysis i.s9,
.product-extra__feeding i.s9 {
  color: #00954c;
}
.product-extra__ingredients i.s10,
.product-extra__analysis i.s10,
.product-extra__feeding i.s10 {
  color: #4d86a0;
}
.product-extra__ingredients i.s11,
.product-extra__analysis i.s11,
.product-extra__feeding i.s11 {
  color: #833a8d;
}
.product-extra__ingredients i.i11,
.product-extra__analysis i.i11,
.product-extra__feeding i.i11 {
  color: ;
}
.product-extra__ingredients i.i12,
.product-extra__analysis i.i12,
.product-extra__feeding i.i12 {
  color: #2a9dc0;
}
.product-extra__ingredients i.i13,
.product-extra__analysis i.i13,
.product-extra__feeding i.i13 {
  color: ;
}
.product-extra__ingredients i.i14,
.product-extra__analysis i.i14,
.product-extra__feeding i.i14 {
  color: ;
}
.product-extra__ingredients i.i15,
.product-extra__analysis i.i15,
.product-extra__feeding i.i15 {
  color: ;
}
.product-extra__ingredients i.i16,
.product-extra__analysis i.i16,
.product-extra__feeding i.i16 {
  color: ;
}
.product-extra__ingredients i.i17,
.product-extra__analysis i.i17,
.product-extra__feeding i.i17 {
  color: #888bb4;
}
.product-extra__ingredients i.i18,
.product-extra__analysis i.i18,
.product-extra__feeding i.i18 {
  color: #2a9dc0;
}
.product-extra__ingredients i.i19,
.product-extra__analysis i.i19,
.product-extra__feeding i.i19 {
  color: #43988d;
}
.product-extra__ingredients i.i20,
.product-extra__analysis i.i20,
.product-extra__feeding i.i20 {
  color: #65baaf;
}
.product-extra__ingredients i.i21,
.product-extra__analysis i.i21,
.product-extra__feeding i.i21 {
  color: ;
}
.product-extra__ingredients i.t22,
.product-extra__analysis i.t22,
.product-extra__feeding i.t22 {
  color: #996b59;
}
.product-extra__ingredients i.t23,
.product-extra__analysis i.t23,
.product-extra__feeding i.t23 {
  color: #996b59;
}
.product-extra__ingredients i.t24,
.product-extra__analysis i.t24,
.product-extra__feeding i.t24 {
  color: #008da8;
}
.product-extra__ingredients i.t25,
.product-extra__analysis i.t25,
.product-extra__feeding i.t25 {
  color: #008da8;
}
.product-extra__ingredients i.t26,
.product-extra__analysis i.t26,
.product-extra__feeding i.t26 {
  color: #4b8156;
}
.product-extra__ingredients i.t27,
.product-extra__analysis i.t27,
.product-extra__feeding i.t27 {
  color: #b36b29;
}
.product-extra__ingredients i.t28,
.product-extra__analysis i.t28,
.product-extra__feeding i.t28 {
  color: #58c5c9;
}
.product-extra__ingredients i.t29,
.product-extra__analysis i.t29,
.product-extra__feeding i.t29 {
  color: #4b8156;
}
.product-extra__ingredients i.t30,
.product-extra__analysis i.t30,
.product-extra__feeding i.t30 {
  color: ;
}
@media screen and (max-width: 641px) {
  .product-extra__ingredients i,
  .product-extra__analysis i,
  .product-extra__feeding i {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    margin: -1px 0px 0px 0px;
    margin: -0.1rem 0rem 0rem 0rem;
  }
}
@media screen and (max-width: 641px) {
  .product-extra__ingredients p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.product-extra__ingredients ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.product-extra__ingredients ul li {
  display: inline-block;
  margin: 0;
  padding: 1px 2px 1px 4px;
  padding: 0.1rem 0.2rem 0.1rem 0.4rem;
}
@media screen and (max-width: 641px) {
  .product-extra__ingredients ul li {
    display: inline;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 0;
  }
}
.product-extra__ingredients ul li.modal_launch {
  color: #1b9cd0;
  cursor: pointer;
  transition: background 0.25s, color 0.25s;
  border-radius: 5px;
  margin: 0;
}
.product-extra__ingredients ul li.modal_launch:hover {
  background: #1b9cd0;
  color: white;
}
table.guaranteed-analysis {
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  border-collapse: collapse;
}
@media screen and (max-width: 641px) {
  table.guaranteed-analysis {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin: 0px 0px 40px 0px;
    margin: 0rem 0rem 4rem 0rem;
  }
}
table.guaranteed-analysis th,
table.guaranteed-analysis td {
  font-weight: normal;
  text-align: left;
  border-top: 1px solid #7b7979;
  padding: 10px 0px 10px 5px;
  padding: 1rem 0rem 1rem 0.5rem;
}
@media screen and (max-width: 641px) {
  table.guaranteed-analysis th {
    display: block;
    border: none;
    width: 100%;
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 10px;
    border-top: 1px solid #7b7979;
  }
}
@media screen and (max-width: 641px) {
  table.guaranteed-analysis td {
    display: inline-block;
    width: 50%;
    border: none;
    padding-bottom: 10px;
    padding-top: 5px;
  }
}
table.guaranteed-analysis tr:first-of-type th,
table.guaranteed-analysis tr:first-of-type td {
  border-top: none;
}
table.feeding-guidelines {
  width: 100%;
  border-collapse: collapse;
  font-weight: normal;
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 3rem 0rem;
}
table.feeding-guidelines th,
table.feeding-guidelines td {
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 20px 5px 20px;
  padding: 1rem 2rem 0.5rem 2rem;
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines th,
  table.feeding-guidelines td {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: block;
    font-weight: normal;
  }
}
table.feeding-guidelines tbody th,
table.feeding-guidelines tbody td {
  border-bottom: 1px solid #7b7979;
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines tbody th,
  table.feeding-guidelines tbody td {
    border-bottom: none;
  }
}
table.feeding-guidelines tr:last-of-type th,
table.feeding-guidelines tr:last-of-type td {
  border-bottom: none;
}
table.feeding-guidelines thead th {
  color: white;
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  overflow: hidden;
}
table.feeding-guidelines thead th.s1 {
  background-color: #c0726e;
}
table.feeding-guidelines thead th.s2 {
  background-color: #c0726e;
}
table.feeding-guidelines thead th.s3 {
  background-color: #c88509;
}
table.feeding-guidelines thead th.s4 {
  background-color: ;
}
table.feeding-guidelines thead th.s5 {
  background-color: #0085b7;
}
table.feeding-guidelines thead th.s6 {
  background-color: #0085b7;
}
table.feeding-guidelines thead th.s7 {
  background-color: #6460aa;
}
table.feeding-guidelines thead th.s8 {
  background-color: #d57610;
}
table.feeding-guidelines thead th.s9 {
  background-color: #00954c;
}
table.feeding-guidelines thead th.s10 {
  background-color: #4d86a0;
}
table.feeding-guidelines thead th.s11 {
  background-color: #833a8d;
}
table.feeding-guidelines thead th.i11 {
  background-color: ;
}
table.feeding-guidelines thead th.i12 {
  background-color: #2a9dc0;
}
table.feeding-guidelines thead th.i13 {
  background-color: ;
}
table.feeding-guidelines thead th.i14 {
  background-color: ;
}
table.feeding-guidelines thead th.i15 {
  background-color: ;
}
table.feeding-guidelines thead th.i16 {
  background-color: ;
}
table.feeding-guidelines thead th.i17 {
  background-color: #888bb4;
}
table.feeding-guidelines thead th.i18 {
  background-color: #2a9dc0;
}
table.feeding-guidelines thead th.i19 {
  background-color: #43988d;
}
table.feeding-guidelines thead th.i20 {
  background-color: #65baaf;
}
table.feeding-guidelines thead th.i21 {
  background-color: ;
}
table.feeding-guidelines thead th.t22 {
  background-color: #996b59;
}
table.feeding-guidelines thead th.t23 {
  background-color: #996b59;
}
table.feeding-guidelines thead th.t24 {
  background-color: #008da8;
}
table.feeding-guidelines thead th.t25 {
  background-color: #008da8;
}
table.feeding-guidelines thead th.t26 {
  background-color: #4b8156;
}
table.feeding-guidelines thead th.t27 {
  background-color: #b36b29;
}
table.feeding-guidelines thead th.t28 {
  background-color: #58c5c9;
}
table.feeding-guidelines thead th.t29 {
  background-color: #4b8156;
}
table.feeding-guidelines thead th.t30 {
  background-color: ;
}
table.feeding-guidelines thead th:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
table.feeding-guidelines thead th:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines thead th {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines td::before,
  table.feeding-guidelines th::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines tr td:last-child {
    border-bottom: 1px solid #f1f1f1;
    margin: 0px 0px 10px 0px;
    margin: 0rem 0rem 1rem 0rem;
    padding-bottom: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines tr th {
    border-top: 1px solid #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
  }
}
@media screen and (max-width: 641px) {
  table.feeding-guidelines tr td,
  table.feeding-guidelines tr th {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding: 5px 5px 5px 15px;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    background: #f5f5f5;
  }
}
@media screen and (max-width: 641px) {
  .product-extra__feeding p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
}
.comments {
  margin: 100px 0px -160px 0px;
  margin: 10rem 0rem -16rem 0rem;
  padding: 0px 50px 160px 50px;
  padding: 0rem 5rem 16rem 5rem;
  border-top: 1px solid #c1c1c1;
  background: white;
}
@media screen and (max-width: 641px) {
  .comments {
    margin: 50px 0px -160px 0px;
    margin: 5rem 0rem -16rem 0rem;
    padding: 0px 50px 160px 50px;
    padding: 0rem 5rem 16rem 5rem;
  }
}
.product__rating {
  font-size: 1.5em;
  display: block;
  color: #ffc400;
  margin: -1rem 0 2rem 0;
}
html[dir="rtl"] .yournn__nn {
  position: absolute;
  width: 80%;
  top: 0;
  transform: translate(-13%, 4%);
}
html[dir="rtl"] .product-extra__ingredients i,
html[dir="rtl"] .product-extra__analysis i,
html[dir="rtl"] .product-extra__feeding i {
  float: left;
}
html[dir="rtl"] table.feeding-guidelines thead th {
  color: white;
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
}
html[dir="rtl"] table.feeding-guidelines thead th.s1 {
  background-color: #c0726e;
}
html[dir="rtl"] table.feeding-guidelines thead th.s2 {
  background-color: #c0726e;
}
html[dir="rtl"] table.feeding-guidelines thead th.s3 {
  background-color: #c88509;
}
html[dir="rtl"] table.feeding-guidelines thead th.s4 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.s5 {
  background-color: #0085b7;
}
html[dir="rtl"] table.feeding-guidelines thead th.s6 {
  background-color: #0085b7;
}
html[dir="rtl"] table.feeding-guidelines thead th.s7 {
  background-color: #6460aa;
}
html[dir="rtl"] table.feeding-guidelines thead th.s8 {
  background-color: #d57610;
}
html[dir="rtl"] table.feeding-guidelines thead th.s9 {
  background-color: #00954c;
}
html[dir="rtl"] table.feeding-guidelines thead th.s10 {
  background-color: #4d86a0;
}
html[dir="rtl"] table.feeding-guidelines thead th.s11 {
  background-color: #833a8d;
}
html[dir="rtl"] table.feeding-guidelines thead th.i11 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.i12 {
  background-color: #2a9dc0;
}
html[dir="rtl"] table.feeding-guidelines thead th.i13 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.i14 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.i15 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.i16 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.i17 {
  background-color: #888bb4;
}
html[dir="rtl"] table.feeding-guidelines thead th.i18 {
  background-color: #2a9dc0;
}
html[dir="rtl"] table.feeding-guidelines thead th.i19 {
  background-color: #43988d;
}
html[dir="rtl"] table.feeding-guidelines thead th.i20 {
  background-color: #65baaf;
}
html[dir="rtl"] table.feeding-guidelines thead th.i21 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th.t22 {
  background-color: #996b59;
}
html[dir="rtl"] table.feeding-guidelines thead th.t23 {
  background-color: #996b59;
}
html[dir="rtl"] table.feeding-guidelines thead th.t24 {
  background-color: #008da8;
}
html[dir="rtl"] table.feeding-guidelines thead th.t25 {
  background-color: #008da8;
}
html[dir="rtl"] table.feeding-guidelines thead th.t26 {
  background-color: #4b8156;
}
html[dir="rtl"] table.feeding-guidelines thead th.t27 {
  background-color: #b36b29;
}
html[dir="rtl"] table.feeding-guidelines thead th.t28 {
  background-color: #58c5c9;
}
html[dir="rtl"] table.feeding-guidelines thead th.t29 {
  background-color: #4b8156;
}
html[dir="rtl"] table.feeding-guidelines thead th.t30 {
  background-color: ;
}
html[dir="rtl"] table.feeding-guidelines thead th:first-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir="rtl"] table.feeding-guidelines thead th:last-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir="rtl"] table.feeding-guidelines th,
html[dir="rtl"] table.feeding-guidelines td {
  text-align: right;
}
html[dir="rtl"] .guaranteed-analysis td {
  text-align: right;
}
.blog > .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1040px;
  max-width: 104rem;
  padding: 0 2.0rem;
}
@media screen and (max-width: 641px) {
  .blog > .content {
    justify-content: center;
  }
}
.blog-article {
  width: 47%;
  margin: 0px 0px 75px 0px;
  margin: 0rem 0rem 7.5rem 0rem;
  position: relative;
}
@media screen and (max-width: 641px) {
  .blog-article {
    width: 90%;
  }
}
.blog-article .blog-article__content {
  padding: 13px 13px 13px 13px;
  padding: 1.3rem 1.3rem 1.3rem 1.3rem;
}
.blog-article:first-of-type {
  width: 100%;
  padding: 700px 0px 0px 0px;
  padding: 70rem 0rem 0rem 0rem;
  overflow: hidden;
  border-radius: 5px;
}
.blog-article:first-of-type .category {
  display: none;
}
@media screen and (max-width: 641px) {
  .blog-article:first-of-type .category {
    display: block;
  }
}
.blog-article:first-of-type .inner-category {
  display: block;
}
@media screen and (max-width: 641px) {
  .blog-article:first-of-type .inner-category {
    display: none;
  }
}
@media screen and (max-width: 1025px) {
  .blog-article:first-of-type {
    border-radius: 0px;
    padding: 0;
  }
}
@media screen and (max-width: 641px) {
  .blog-article:first-of-type {
    width: 90%;
    padding-bottom: 5rem;
    border-bottom: 5px solid #c1c1c1;
  }
}
.blog-article:first-of-type .blog-article__content {
  background: white;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  padding: 30px 30px 30px 30px;
  padding: 3rem 3rem 3rem 3rem;
  margin: 200px 0px 0px 0px;
  margin: 20rem 0rem 0rem 0rem;
}
@media screen and (max-width: 1025px) {
  .blog-article:first-of-type .blog-article__content {
    background: none;
    border-radius: 0px;
    position: relative;
    left: inherit;
    bottom: inherit;
    width: 100%;
    padding: 15px 15px 15px 15px;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    margin: 0;
  }
}
.blog-article:first-of-type h1 {
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 53px;
  line-height: 5.3rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 641px) {
  .blog-article:first-of-type h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 45px;
    line-height: 4.5rem;
    margin: 25px 0px 8px 0px;
    margin: 2.5rem 0rem 0.8rem 0rem;
  }
}
.blog-article:first-of-type p {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 30px;
  line-height: 3rem;
}
@media screen and (max-width: 641px) {
  .blog-article:first-of-type p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 27px;
    line-height: 2.7rem;
  }
}
@media screen and (max-width: 641px) {
  .blog-article:first-of-type .blog-article__date {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.blog-article:first-of-type .blog-article-img {
  height: 100%;
  width: auto;
}
.blog-article:first-of-type picture,
.blog-article:first-of-type img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1025px) {
  .blog-article:first-of-type picture,
  .blog-article:first-of-type img {
    position: relative;
    left: inherit;
    top: inherit;
    height: auto;
    width: 100%;
  }
}
.blog-article a {
  display: block;
  text-decoration: none;
}
.blog-article a .category {
  font-family: 'PilcrowSoft', sans-serif;
  color: #BFBFBF;
  font-size: 25px;
  font-size: 2.5rem;
  margin: 0px 0px 25px 0px;
  margin: 0rem 0rem 2.5rem 0rem;
  font-weight: bold;
}
.blog-article a .inner-category {
  display: none;
}
.blog-article a h1 {
  font-family: 'PilcrowSoft', sans-serif;
  color: #484848;
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
  line-height: 4.5rem;
  margin: 25px 0px 8px 0px;
  margin: 2.5rem 0rem 0.8rem 0rem;
  transition: color 0.25s;
}
.blog-article a p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 27px;
  line-height: 2.7rem;
  color: #7b7979;
}
.blog-article a .blog-article__date {
  font-size: 18px;
  font-size: 1.8rem;
}
.blog-article a:hover h1 {
  color: #1b9cd0;
}
.blog-article__img picture,
.blog-article__img img {
  width: 100%;
  border-radius: 5px;
  display: block;
  margin: 0;
}
.pagination {
  margin: 70px 0px 0px 0px;
  margin: 7rem 0rem 0rem 0rem;
  margin-left: auto;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
}
@media screen and (max-width: 641px) {
  .pagination {
    margin-left: 0px;
    text-align: center;
    justify-content: center;
  }
}
.pagination li a {
  display: inline-block;
  width: 50px;
  width: 5rem;
  height: 50px;
  height: 5rem;
  text-align: center;
  border-radius: 5px;
  color: #757575;
  border: 2px solid #757575;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'PilcrowSoft', sans-serif;
  font-weight: bold;
  padding: 11px 10px 10px 10px;
  padding: 1.1rem 1rem 1rem 1rem;
  margin: 0px 0px 0px 10px;
  margin: 0rem 0rem 0rem 1rem;
  text-decoration: none;
  transition: border-color 0.25s, color 0.25s;
}
.pagination li a:hover {
  border-color: #7b7979;
  color: #7b7979;
}
.pagination li a.selected {
  background: #1b9cd0;
  border-color: #1b9cd0;
  color: white;
}
.pagination li a i {
  margin-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.pagination li:last-of-type a {
  width: auto;
}
.blog-story {
  width: 100%;
}
.blog-story img {
  width: 100%;
  border-radius: 5px;
}
.blog-story__topblock .category {
  font-family: 'PilcrowSoft', sans-serif;
  color: #BFBFBF;
  font-size: 25px;
  font-size: 2.5rem;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
  font-weight: bold;
}
.blog-story__topblock .inner-category {
  display: none;
}
.blog-story__topblock h1 {
  font-size: 73px;
  font-size: 7.3rem;
  line-height: 73px;
  line-height: 7.3rem;
  color: #484848;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
}
@media screen and (max-width: 641px) {
  .blog-story__topblock h1 {
    font-size: 7.3vw;
    line-height: 7.3vw;
  }
}
.blog-story__topblock .blog-story__leadin {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 41px;
  line-height: 4.1rem;
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
}
@media screen and (max-width: 641px) {
  .blog-story__topblock .blog-story__leadin {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
  }
}
.blog-story__mainblock {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 40px 0px 0px 0px;
  margin: 4rem 0rem 0rem 0rem;
  padding: 40px 0px 0px 0px;
  padding: 4rem 0rem 0rem 0rem;
}
@media screen and (max-width: 769px) {
  .blog-story__mainblock {
    flex-direction: column;
    padding: 50px 75px 0px 75px;
    padding: 5rem 7.5rem 0rem 7.5rem;
  }
}
@media screen and (max-width: 641px) {
  .blog-story__mainblock {
    padding: 0;
  }
}
.blog-story__mainblock aside {
  flex-basis: 35%;
  margin: 0px 0px 0px 40px;
  margin: 0rem 0rem 0rem 4rem;
  height: auto;
}
@media screen and (max-width: 769px) {
  .blog-story__mainblock aside {
    display: none;
  }
}
.blog-story__mainblock aside a {
  text-decoration: none;
}
.blog-story__mainblock aside a:hover h2 {
  color: #1b9cd0;
}
.blog-story__mainblock aside ul {
  margin: 0;
  list-style-type: none;
}
.blog-story__mainblock aside h1,
.blog-story__mainblock aside ul {
  border-left: 1px solid #c1c1c1;
  margin: 0;
  padding: 0px 0px 0px 40px;
  padding: 0rem 0rem 0rem 4rem;
}
.blog-story__mainblock aside h1 {
  padding-bottom: 20px;
  padding-top: 10px;
}
.blog-story__mainblock aside h1,
.blog-story__mainblock aside h2 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 28px;
  line-height: 2.8rem;
}
.blog-story__mainblock aside h2 {
  transition: color 0.25s;
}
.blog-story__mainblock__story {
  flex-basis: 70%;
}
.blog-story__mainblock__story img {
  display: inline-block;
  width: 100% !important;
  height: auto !important;
  margin: 20px 0px 40px 0px;
  margin: 2rem 0rem 4rem 0rem;
}
.addthis_inline_share_toolbox {
  margin: 50px 0px 50px 0px;
  margin: 5rem 0rem 5rem 0rem;
}
#disqus_thread {
  margin: 100px 0px 0px 0px;
  margin: 10rem 0rem 0rem 0rem;
}
html[dir="rtl"] .blog-story aside {
  margin: 0px 40px 0px 0px;
  margin: 0rem 4rem 0rem 0rem;
}
html[dir="rtl"] .blog-story aside h1,
html[dir="rtl"] .blog-story aside ul {
  border-left: none;
  border-right: 1px solid #c1c1c1;
  padding: 0px 40px 0px 0px;
  padding: 0rem 4rem 0rem 0rem;
}
.nnCalculator_steps {
  background: #F2F2F2;
  padding: 50px 30px 150px 30px;
  padding: 5rem 3rem 15rem 3rem;
  margin: 100px 0px -160px 0px;
  margin: 10rem 0rem -16rem 0rem;
  text-align: center;
}
.nnCalculator_steps h2 {
  color: #1b9cd0;
  font-size: 58px;
  font-size: 5.8rem;
}
.nnCalculator_steps p {
  font-size: 28px;
  font-size: 2.8rem;
}
.nutramCalculator_steps--choices {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  min-height: 200px;
  min-height: 20rem;
}
@media screen and (max-width: 769px) {
  .nutramCalculator_steps--choices {
    flex-direction: column;
  }
}
.nutramCalculator_steps--choices label {
  background: #1b9cd0;
  border-radius: 5px;
  transition: background 0.25s;
  cursor: pointer;
  color: white;
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 32px;
  line-height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  flex: 1 0 auto;
  margin: 10px 10px 10px 10px;
  margin: 1rem 1rem 1rem 1rem;
}
.nutramCalculator_steps--choices label:hover {
  background: #157aa3;
}
@media screen and (max-width: 769px) {
  .nutramCalculator_steps--choices label {
    margin: 10px 0px 10px 0px;
    margin: 1rem 0rem 1rem 0rem;
    padding: 20px 20px 15px 20px;
    padding: 2rem 2rem 1.5rem 2rem;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
  }
  .nutramCalculator_steps--choices label:last-child {
    padding: 20px 20px 15px 20px;
    padding: 2rem 2rem 1.5rem 2rem;
  }
}
.step1 label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.step1 label img {
  display: block;
  margin: 20px 0px 20px 0px;
  margin: 2rem 0rem 2rem 0rem;
  width: 125px;
  width: 12.5rem;
}
.step2 label,
.step3 label,
.step4 label {
  flex: 0 0 32%;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .step2 label,
  .step3 label,
  .step4 label {
    margin: 10px 0px 10px 0px;
    margin: 1rem 0rem 1rem 0rem;
  }
}
.nn_calculator--navigate {
  display: flex;
  justify-content: space-between;
  margin: 10px 0px 0px 0px;
  margin: 1rem 0rem 0rem 0rem;
}
.nn_calculator--navigate .button {
  flex-grow: 2;
  width: auto;
  padding: 15px 30px 10px 15px;
  padding: 1.5rem 3rem 1rem 1.5rem;
  margin: 10px 0px 10px 0px;
  margin: 1rem 0rem 1rem 0rem;
  border-color: #aeacac;
  background: #aeacac;
  color: white;
  font-weight: bold;
}
@media screen and (max-width: 769px) {
  .nn_calculator--navigate .button {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 641px) {
  .nn_calculator--navigate .button {
    padding: 15px 30px 10px 30px;
    padding: 1.5rem 3rem 1rem 3rem;
  }
}
.nn_calculator--navigate .button i {
  margin: 0px 40px 0px 0px;
  margin: 0rem 4rem 0rem 0rem;
}
.nn_calculator--navigate .button.startOver {
  flex-grow: 0;
  background: none;
  color: #aeacac;
  padding: 15px 15px 10px 30px;
  padding: 1.5rem 1.5rem 1rem 3rem;
  margin: 10px 0px 10px 15px;
  margin: 1rem 0rem 1rem 1.5rem;
}
.nn_calculator--navigate .button.startOver i {
  margin: 0px 0px 0px 40px;
  margin: 0rem 0rem 0rem 4rem;
}
@media screen and (max-width: 641px) {
  .nn_calculator--navigate .button.startOver {
    padding: 15px 30px 10px 30px;
    padding: 1.5rem 3rem 1rem 3rem;
  }
}
h2 .button {
  width: auto;
  padding: 10px 20px 5px 20px;
  padding: 1rem 2rem 0.5rem 2rem;
  margin: 0px 0px 0px 30px;
  margin: 0rem 0rem 0rem 3rem;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  border-color: #aeacac;
  color: #aeacac;
}
.nn_grid .product_grid {
  justify-content: center;
}
html[dir="rtl"] .nn_calculator--navigate .button.startOver {
  margin: 10px 10px 10px 0px;
  margin: 1rem 1rem 1rem 0rem;
}
.faq_item {
  display: block;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  padding: 20px 0px 20px 0px;
  padding: 2rem 0rem 2rem 0rem;
  border-bottom: 1px solid #c1c1c1;
}
.faq_item:last-child {
  border-bottom: none;
}
.faq_question {
  margin: 0;
  padding: 0;
  display: flex;
}
.faq_question i {
  font-size: 20px;
  font-size: 2rem;
  margin: 3px 15px 0px 0px;
  margin: 0.3rem 1.5rem 0rem 0rem;
}
.faq_question a {
  text-decoration: none;
  color: #7b7979;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
  line-height: 3rem;
}
.faq_answer {
  padding: 20px 0px 20px 30px;
  padding: 2rem 0rem 2rem 3rem;
}
html[dir="rtl"] .faq_question i {
  margin: 3px 0px 0px 15px;
  margin: 0.3rem 0rem 0rem 1.5rem;
}
.banner.inline_subscribe_banner {
  height: 350px;
  height: 35rem;
  margin: 0px 0px 100px 0px;
  margin: 0rem 0rem 10rem 0rem;
}
@media screen and (max-width: 641px) {
  .banner.inline_subscribe_banner {
    margin: 0px 0px 50px 0px;
    margin: 0rem 0rem 5rem 0rem;
  }
}
.banner.inline_subscribe_banner .content {
  flex-direction: column;
  justify-content: center;
}
.banner.inline_subscribe_banner .content h1 {
  width: 100%;
  padding: 0px 0px 40px 0px;
  padding: 0rem 0rem 4rem 0rem;
  text-align: center;
}
@media screen and (max-width: 641px) {
  .banner.inline_subscribe_banner .content h1 {
    font-size: 10vw;
    line-height: 10vw;
    padding: 0px 0px 20px 0px;
    padding: 0rem 0rem 2rem 0rem;
  }
}
.subscribe_form form {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media screen and (max-width: 641px) {
  .subscribe_form form {
    flex-direction: column;
  }
}
.subscribe_form form .input-set {
  width: auto;
  flex: 1 1 auto;
}
.subscribe_form form .input-set:last-child {
  flex: 0 1 auto;
}
.subscribe_form form .button.submit {
  width: auto;
  height: 100%;
  padding: 5px 50px 0px 50px;
  padding: 0.5rem 5rem 0rem 5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 30px;
  font-size: 3rem;
  background: #1b9cd0;
  color: white;
}
@media screen and (max-width: 641px) {
  .subscribe_form form .button.submit {
    border-radius: 5px;
    margin: 20px 0px 0px 0px;
    margin: 2rem 0rem 0rem 0rem;
  }
}
.subscribe_form form input[type=text] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 30px;
  font-size: 3rem;
  padding: 20px 0px 20px 30px;
  padding: 2rem 0rem 2rem 3rem;
}
@media screen and (max-width: 641px) {
  .subscribe_form form input[type=text] {
    border-radius: 5px;
    padding: 15px 10px 15px 10px;
    padding: 1.5rem 1rem 1.5rem 1rem;
    font-size: 6vw;
    text-align: center;
  }
}
.yourOTC {
  margin: 0px 0px 50px 0px;
  margin: 0rem 0rem 5rem 0rem;
}
.yourOTC h1 {
  font-size: 100px;
  font-size: 10rem;
  text-align: center;
  letter-spacing: -3px;
  color: #ffc400;
}
@media screen and (max-width: 641px) {
  .yourOTC h1 {
    font-size: 18vw;
    line-height: 13vw;
  }
}
.yourOTC p {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 31px;
  line-height: 3.1rem;
  text-align: center;
}
.feed-item {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.juicer-feed.loaded {
  overflow: visible;
}
.j-text .j-message p {
  font-family: 'Source Sans', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  padding: 10px 15px 10px 15px;
  padding: 1rem 1.5rem 1rem 1.5rem;
}
.j-poster {
  display: none;
}
.juicer-feed a:hover {
  color: #157aa3 !important;
}
.j-read-more {
  display: block;
}
.j-read-more:hover {
  color: #157aa3 !important;
}
.juicer-button {
  border-color: #1b9cd0 !important;
  color: #1b9cd0 !important;
  border-radius: 5px !important;
}
.juicer-button:hover {
  color: white !important;
  background: #1b9cd0 !important;
}
.j-overlay-text .comments {
  padding-bottom: 0 !important;
}
.content.otc-description {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 0px 100px 0px;
  padding: 0rem 0rem 10rem 0rem;
}
@media screen and (max-width: 641px) {
  .content.otc-description {
    flex-direction: column;
  }
}
.content.otc-description h1 {
  font-size: 50px;
  font-size: 5rem;
  line-height: 60px;
  line-height: 6rem;
  color: #7b7979;
  font-weight: normal;
}
@media screen and (max-width: 641px) {
  .content.otc-description h1 {
    font-size: 15vw;
    line-height: 15vw;
    letter-spacing: normal;
  }
}
.content.otc-description h1 em {
  color: #ffc400;
  font-style: normal;
  font-weight: bold;
  display: block;
  font-size: 80px;
  font-size: 8rem;
  letter-spacing: -2px;
}
@media screen and (max-width: 641px) {
  .content.otc-description h1 em {
    font-size: 15vw;
    line-height: 15vw;
    letter-spacing: normal;
  }
}
.content.otc-description div {
  flex-basis: 48%;
}
.content.otc-description div .button {
  width: 100%;
}
.content.otc-description div img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
@media screen and (max-width: 641px) {
  .content.otc-description div img {
    margin: 0px 0px 50px 0px;
    margin: 0rem 0rem 5rem 0rem;
  }
}
.inline_testimonials_banner {
  background: #1b9cd0;
  height: auto;
  padding: 60px 20px 60px 20px;
  padding: 6rem 2rem 6rem 2rem;
}
@media screen and (max-width: 769px) {
  .inline_testimonials_banner {
    padding: 30px 40px 30px 40px;
    padding: 3rem 4rem 3rem 4rem;
  }
}
.inline_testimonials_banner .content {
  flex-direction: column;
  width: 100%;
}
.inline_testimonials_banner .content p {
  font-size: 30px;
  font-size: 3rem;
  line-height: 36px;
  line-height: 3.6rem;
  color: white;
  text-shadow: none;
  font-family: 'PilcrowSoft', sans-serif;
}
@media screen and (max-width: 769px) {
  .inline_testimonials_banner .content p {
    font-size: 4vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 641px) {
  .inline_testimonials_banner .content p {
    font-size: 6vw;
    line-height: 8vw;
  }
}
.testimonial-attribution {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin: 50px 0px 0px 0px;
  margin: 5rem 0rem 0rem 0rem;
}
.testimonial-attribution img {
  margin: 0px 20px 0px 0px;
  margin: 0rem 2rem 0rem 0rem;
  max-width: 100px;
  max-width: 10rem;
  width: 100%;
}
@media screen and (max-width: 641px) {
  .testimonial-attribution img {
    max-width: 75px;
    max-width: 7.5rem;
  }
}
.testimonial-attribution p {
  font-weight: bold;
}
.testimonial-attribution em {
  display: block;
  font-weight: normal;
}
.choose_nn {
  display: inline-block;
  width: 100px;
  width: 10rem;
}
.choose_nn img {
  display: block;
  width: 100%;
}
.calculator-species-group {
  margin: 20px 0px 0px 0px;
  margin: 2rem 0rem 0rem 0rem;
}
.col_2 label {
  display: block;
  width: 100%;
  flex-basis: 100%;
}
.col_2 label.button {
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
.col_2.dropdowns select {
  flex-basis: 49%;
}
.width_100 {
  width: 100%;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
.otc_feedingplan {
  width: 100%;
  border-collapse: collapse;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 2rem 0rem;
}
.otc_feedingplan td,
.otc_feedingplan th {
  text-align: left;
  border-bottom: 1px solid #c1c1c1;
  padding: 10px 0px 10px 0px;
  padding: 1rem 0rem 1rem 0rem;
}
.otc_feedingplan th {
  background: #1b9cd0;
  color: white;
  border-bottom: none;
}
.otc_feedingplan th:first-of-type {
  border-top-left-radius: 5px;
  padding: 10px 10px 10px 20px;
  padding: 1rem 1rem 1rem 2rem;
}
.otc_feedingplan th:last-of-type {
  border-top-right-radius: 5px;
  padding: 10px 10px 10px 0px;
  padding: 1rem 1rem 1rem 0rem;
}
.otc_feedingplan tr td:first-of-type {
  padding: 10px 10px 10px 20px;
  padding: 1rem 1rem 1rem 2rem;
  font-weight: bold;
}
.l-row {
  display: flex;
  justify-content: space-between;
}
html[dir="rtl"] .otc_feedingplan td,
html[dir="rtl"] .otc_feedingplan th {
  text-align: right;
}
html[dir="rtl"] .otc_feedingplan th:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  padding: 10px 20px 10px 10px;
  padding: 1rem 2rem 1rem 1rem;
}
html[dir="rtl"] .otc_feedingplan th:last-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  padding: 10px 0px 10px 10px;
  padding: 1rem 0rem 1rem 1rem;
}
.oc_main {
  background: url("../../images/background-oc-tile.jpg") repeat;
  margin: 0px 0px -160px 0px;
  margin: 0rem 0rem -16rem 0rem;
  padding: 0px 0px 160px 0px;
  padding: 0rem 0rem 16rem 0rem;
}
.combination {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  justify-content: flex-start;
  margin: -70px 0px -70px 0px;
  margin: -7rem 0rem -7rem 0rem;
}
@media screen and (max-width: 1025px) {
  .combination {
    margin: 0;
  }
}
@media screen and (max-width: 641px) {
  .combination {
    flex-direction: column;
  }
}
.combination .combination__image {
  flex-grow: 1;
  flex-shrink: 3;
}
.combination .combination__image img {
  display: block;
  width: 100%;
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
}
.combination .text {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 50%;
  padding: 0px 40px 0px 40px;
  padding: 0rem 4rem 0rem 4rem;
}
@media screen and (max-width: 641px) {
  .combination .text {
    padding: 0px 40px 40px 40px;
    padding: 0rem 4rem 4rem 4rem;
  }
}
.combination p {
  font-family: 'PilcrowSoft', sans-serif;
  color: white;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 40px;
  line-height: 4rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
}
.combination span.combination__benefit {
  display: block;
  font-family: 'posterizer', 'PilcrowSoft', sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: bold;
}
.combination .button {
  display: block;
  width: 100%;
  border-color: white;
  color: white;
  margin-top: 20px;
  cursor: pointer;
}
.combination .button:hover {
  background: white;
  color: #7b7979;
}
.combination:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 641px) {
  .combination:nth-of-type(2n) {
    flex-direction: column;
  }
}
.related-products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.related-products img {
  display: block;
  width: 50px;
  width: 5rem;
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.5rem 0rem 0.5rem;
}
.wheretobuy-distance {
  display: flex;
  justify-content: space-around;
}
.wheretobuy-distance label {
  margin: 0px 5px 0px 5px;
  margin: 0rem 0.5rem 0rem 0.5rem;
  padding: 10px 5px 10px 5px;
  padding: 1rem 0.5rem 1rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.wheretobuy-distance label:first-child {
  margin-left: 0;
}
.wheretobuy-distance label:last-child {
  margin-right: 0;
}
@media screen and (max-width: 641px) {
  .wheretobuy-distance label {
    margin: 0px 2px 0px 2px;
    margin: 0rem 0.2rem 0rem 0.2rem;
  }
}
@media screen and (max-width: 641px) {
  .wheretobuy-distance .button {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.wheretobuy-submit .button {
  width: 100%;
  margin: 20px 0px 100px 0px;
  margin: 2rem 0rem 10rem 0rem;
}
@media screen and (max-width: 641px) {
  .wheretobuy-submit .button {
    font-size: 20px;
    font-size: 2rem;
    margin: 20px 0px 50px 0px;
    margin: 2rem 0rem 5rem 0rem;
  }
}
.wheretobuy-locations {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 641px) {
  .wheretobuy-locations {
    flex-direction: column;
  }
}
#map-canvas {
  margin: 0px 0px 100px 0px;
  margin: 0rem 0rem 10rem 0rem;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.125);
}
@media screen and (max-width: 641px) {
  #map-canvas {
    margin: 0px 0px 50px 0px;
    margin: 0rem 0rem 5rem 0rem;
  }
}
.wheretobuy-locations__location {
  display: flex;
  flex-direction: column;
  flex-basis: 49%;
  padding: 20px 20px 20px 20px;
  padding: 2rem 2rem 2rem 2rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.125);
  border-radius: 5px;
  background: white;
  margin-bottom: 2%;
}
@media screen and (max-width: 641px) {
  .wheretobuy-locations__location {
    margin-bottom: 20px;
  }
}
.wheretobuy-locations__location h1 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 25px;
  line-height: 2.5rem;
  margin: 0;
}
.wheretobuy-locations__location__action {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.wheretobuy-locations__location__action .button {
  width: auto;
  flex: 2 1 50%;
}
@media screen and (max-width: 641px) {
  .wheretobuy-locations__location__action .button {
    font-size: 20px;
    font-size: 2rem;
  }
}
.wheretobuy-locations__location__action .location__web {
  margin: 0px 0px 0px 10px;
  margin: 0rem 0rem 0rem 1rem;
  flex: 1 1 25%;
}
.wheretobuy-feed4-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 1.8rem;
}
.wheretobuy-feed4 {
  background-color: #ffc400;
  margin-bottom: 2.0rem;
  border-radius: 5px;
  padding: 2.0rem;
}
.wheretobuy-feed4 a {
  color: #545454;
}
.wheretobuy-feed4 strong {
  font-weight: bold;
  font-family: 'PilcrowSoft', sans-serif;
  text-transform: lowercase;
}
.wheretobuy-feed4 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.wheretobuy-feed4 ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.wheretobuy-feed4 ul li:after {
  content: ',';
  padding-right: 0.5rem;
}
.wheretobuy-feed4 ul li:last-child:after {
  content: '';
  padding-right: 0;
}
.resource-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.resource-list li {
  position: relative;
  display: inline-block;
  margin: 15px 0px 15px 0px;
  margin: 1.5rem 0rem 1.5rem 0rem;
  padding: 10px 10px 10px 10px;
  padding: 1rem 1rem 1rem 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  text-align: center;
  flex-basis: 20%;
}
@media screen and (max-width: 769px) {
  .resource-list li {
    flex-basis: 33%;
  }
}
@media screen and (max-width: 641px) {
  .resource-list li {
    flex-basis: 50%;
  }
}
.resource-list li a {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  transition: color 0.25s;
  color: #7b7979;
  font-weight: bold;
  text-decoration: none;
}
.resource-list li a .fa {
  color: #1b9cd0;
  font-size: 90px;
  font-size: 9rem;
  line-height: 80px;
  line-height: 8rem;
}
.resource-list li a:hover {
  color: #157aa3;
}
.resource-list li img {
  display: block;
  width: 100%;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
}
.resource-list::after {
  content: "";
  flex: auto;
}
.resource-count {
  background: #d60000;
  color: white;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px 4px 10px;
  padding: 0.5rem 1rem 0.4rem 1rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  top: 55px;
  top: 5.5rem;
  transform: translateX(83%);
}
.resource-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.resource-content h1,
.resource-content h2,
.resource-content h3 {
  flex-basis: 100%;
}
.resource-sort {
  width: 100%;
  margin: 0px 0px 60px 0px;
  margin: 0rem 0rem 6rem 0rem;
}
.resource-sort form {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.resource-sort form .input-set {
  margin-bottom: 0;
  flex-basis: 39%;
}
.resource-sort form .input-set:last-of-type {
  flex-basis: 20%;
  flex-grow: 0;
}
@media screen and (max-width: 641px) {
  .resource-sort form .input-set:last-of-type .button {
    font-size: 20px;
    font-size: 2rem;
    padding: 13px 0px 11px 0px;
    padding: 1.3rem 0rem 1.1rem 0rem;
  }
}
.container.banner.sort nav.resource-category ul {
  flex-wrap: nowrap;
  align-items: stretch;
}
.container.banner.sort nav.resource-category ul li {
  flex-basis: 33%;
  align-content: center;
}
.container.banner.sort nav.resource-category ul li a {
  display: flex;
  height: 100%;
  line-height: 20px;
  line-height: 2rem;
  text-align: center;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 15px 0px 15px 0px;
  padding: 1.5rem 0rem 1.5rem 0rem;
}
@media screen and (max-width: 1025px) {
  .no_md,
  .site_footer ul.no_md {
    display: none;
  }
}
@media screen and (max-width: 641px) {
  .no_sm,
  .site_footer ul.no_sm,
  .site_footer div.no_sm {
    display: none !important;
  }
}
.comments {
  background-color: #f4f4f4;
  padding-top: 7.0rem;
  padding-bottom: 8.0rem;
}
.comments strong {
  font-weight: bold;
}
.comments__input {
  margin-bottom: 2.0rem;
  margin-top: 0.5rem;
}
.comments__recaptcha {
  margin: 0;
}
.greptcha-badge {
  right: 0 !important;
}
.comment-form {
  max-height: 90%;
}
.comments__rate {
  display: block;
  font-size: 2em;
  color: #ccc;
  text-align: center;
  padding: 2.0rem 0;
  margin: 2.0rem 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.comments__rate * {
  cursor: pointer;
}
.rating__remove {
  color: #666;
}
.rating__remove:hover {
  color: #b92430;
}
.review__button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #1b9cd0;
  color: white;
  padding: 1.0rem 3.0rem;
  border-radius: 5px;
  font-weight: bold;
  margin: -1rem 0 4rem 0;
  cursor: pointer;
}
.review__button.s1 {
  background-color: #c0726e;
}
.review__button.s2 {
  background-color: #c0726e;
}
.review__button.s3 {
  background-color: #c88509;
}
.review__button.s4 {
  background-color: ;
}
.review__button.s5 {
  background-color: #0085b7;
}
.review__button.s6 {
  background-color: #0085b7;
}
.review__button.s7 {
  background-color: #6460aa;
}
.review__button.s8 {
  background-color: #d57610;
}
.review__button.s9 {
  background-color: #00954c;
}
.review__button.s10 {
  background-color: #4d86a0;
}
.review__button.s11 {
  background-color: #833a8d;
}
.review__button.i11 {
  background-color: ;
}
.review__button.i12 {
  background-color: #2a9dc0;
}
.review__button.i13 {
  background-color: ;
}
.review__button.i14 {
  background-color: ;
}
.review__button.i15 {
  background-color: ;
}
.review__button.i16 {
  background-color: ;
}
.review__button.i17 {
  background-color: #888bb4;
}
.review__button.i18 {
  background-color: #2a9dc0;
}
.review__button.i19 {
  background-color: #43988d;
}
.review__button.i20 {
  background-color: #65baaf;
}
.review__button.i21 {
  background-color: ;
}
.review__button.t22 {
  background-color: #996b59;
}
.review__button.t23 {
  background-color: #996b59;
}
.review__button.t24 {
  background-color: #008da8;
}
.review__button.t25 {
  background-color: #008da8;
}
.review__button.t26 {
  background-color: #4b8156;
}
.review__button.t27 {
  background-color: #b36b29;
}
.review__button.t28 {
  background-color: #58c5c9;
}
.review__button.t29 {
  background-color: #4b8156;
}
.review__button.t30 {
  background-color: ;
}
.comments__stars {
  margin-right: 1.0rem;
}
.comments__stars.s1 {
  color: #c0726e;
}
.comments__stars.s2 {
  color: #c0726e;
}
.comments__stars.s3 {
  color: #c88509;
}
.comments__stars.s4 {
  color: ;
}
.comments__stars.s5 {
  color: #0085b7;
}
.comments__stars.s6 {
  color: #0085b7;
}
.comments__stars.s7 {
  color: #6460aa;
}
.comments__stars.s8 {
  color: #d57610;
}
.comments__stars.s9 {
  color: #00954c;
}
.comments__stars.s10 {
  color: #4d86a0;
}
.comments__stars.s11 {
  color: #833a8d;
}
.comments__stars.i11 {
  color: ;
}
.comments__stars.i12 {
  color: #2a9dc0;
}
.comments__stars.i13 {
  color: ;
}
.comments__stars.i14 {
  color: ;
}
.comments__stars.i15 {
  color: ;
}
.comments__stars.i16 {
  color: ;
}
.comments__stars.i17 {
  color: #888bb4;
}
.comments__stars.i18 {
  color: #2a9dc0;
}
.comments__stars.i19 {
  color: #43988d;
}
.comments__stars.i20 {
  color: #65baaf;
}
.comments__stars.i21 {
  color: ;
}
.comments__stars.t22 {
  color: #996b59;
}
.comments__stars.t23 {
  color: #996b59;
}
.comments__stars.t24 {
  color: #008da8;
}
.comments__stars.t25 {
  color: #008da8;
}
.comments__stars.t26 {
  color: #4b8156;
}
.comments__stars.t27 {
  color: #b36b29;
}
.comments__stars.t28 {
  color: #58c5c9;
}
.comments__stars.t29 {
  color: #4b8156;
}
.comments__stars.t30 {
  color: ;
}
.product-rating {
  color: #ffc400;
}
.comments__comment {
  position: relative;
  border: 1px solid #f9f9f9;
  background: white;
  padding: 3.0rem;
  border-radius: 5px;
  margin: 2.0rem 0;
  width: 100%;
}
.comments__comment--inactive {
  background: none;
  border-color: #ccc;
}
.comments__comment--inactive:after {
  content: 'comment inactive, not visible to public';
  position: absolute;
  top: 0;
  right: 0;
  background: #1b9cd0;
  color: white;
  padding: 0.25rem 1.0rem;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 1.4rem;
}
.comments__text {
  padding-top: 1.0rem;
}
.comments__reply {
  border: 1px solid #f0f0f0;
  margin: 2.0rem 0 0 4.0rem;
  padding: 3.0rem;
  border-radius: 5px;
}
@media screen and (max-width: 641px) {
  .comments__reply {
    margin-left: 0;
  }
}
.comments__reply strong:first-of-type {
  display: block;
  margin-bottom: 1.0rem;
}
.comments__checkbox {
  display: block;
  padding: 0;
  margin-bottom: 1rem;
  cursor: pointer;
}
.comments__checkbox a {
  color: #1b9cd0;
}
.comments__checkbox.active {
  background: transparent;
  color: #7b7979;
}
.comments__checkbox:focus {
  outline: 1px solid #1b9cd0;
}
.vote4__intro .h1 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.6rem;
  font-size: clamp(3.6rem, calc( 1rem +  3.7603909vw ), 5.9rem);
  margin: 7rem 0 3rem;
}
@media screen and (min-width: 641px) {
  .vote4__intro .h1 {
    font-size: calc(3.6rem  +  2.3  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.6rem, calc( 1rem +  3.7603909vw ), 5.9rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__intro .h1 {
    font-size: 5.9rem;
    font-size: clamp(3.6rem, calc( 1rem +  3.7603909vw ), 5.9rem);
  }
}
.vote4__intro b {
  font-weight: 700;
}
.vote4__steps .h1 {
  margin-bottom: 3.5rem;
}
.vote4__steps__grid {
  display: flex;
  gap: 2.8rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 769px) {
  .vote4__steps__grid {
    flex-direction: column;
  }
}
.vote4__steps__item {
  background: #1b9cd0;
  padding: 4rem 3.5rem 3.5rem;
  border-radius: 10px;
  color: white;
  flex: 0 1 calc(100% / 3);
  text-align: center;
}
.vote4__steps__item h3 {
  color: white;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2.8rem;
  font-size: clamp(2.8rem, calc( 1rem +  2.6103909vw ), 4.4rem);
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 641px) {
  .vote4__steps__item h3 {
    font-size: calc(2.8rem  +  1.6  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2.8rem, calc( 1rem +  2.6103909vw ), 4.4rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__steps__item h3 {
    font-size: 4.4rem;
    font-size: clamp(2.8rem, calc( 1rem +  2.6103909vw ), 4.4rem);
  }
}
.vote4__steps__item p {
  font-size: 1.8rem;
  line-height: 1.4;
}
.vote4__start {
  padding: 7.5rem 17.6%;
  margin: 3.6rem 0 5rem;
  border: 1px solid #1b9cd0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vote4__start h2 {
  color: #1b9cd0;
  font-size: 4.4rem;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.6rem;
  font-size: clamp(3.6rem, calc( 1rem +  3.0103909vw ), 4.4rem);
  line-height: 1.1;
  margin-bottom: 1.4rem;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .vote4__start h2 {
    font-size: calc(3.6rem  +  0.8  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.6rem, calc( 1rem +  3.0103909vw ), 4.4rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__start h2 {
    font-size: 4.4rem;
    font-size: clamp(3.6rem, calc( 1rem +  3.0103909vw ), 4.4rem);
  }
}
.vote4__start p {
  margin-bottom: 4.6rem;
  text-align: center;
}
.vote4__start .button {
  width: 100%;
  border-radius: 10px;
  padding: 2.3rem 2rem 1.9rem;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2.4rem;
  font-size: clamp(2.4rem, calc( 1rem +  1.6603909vw ), 2.9rem);
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .vote4__start .button {
    font-size: calc(2.4rem  +  0.5  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2.4rem, calc( 1rem +  1.6603909vw ), 2.9rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__start .button {
    font-size: 2.9rem;
    font-size: clamp(2.4rem, calc( 1rem +  1.6603909vw ), 2.9rem);
  }
}
.vote4__start .button:not(:last-of-type) {
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 641px) {
  .vote4__start {
    padding: 5rem 3.5rem;
  }
}
.vote4__info {
  background: white;
  padding: 5.1rem 3.5rem 6.3rem;
  border: 1px solid rgba(112, 112, 112, 0.22);
  border-radius: 10px;
  margin-bottom: 6.1rem;
}
.vote4__info b {
  font-weight: 700;
}
.vote4__info__grid {
  display: flex;
  column-gap: 10%;
  row-gap: 3rem;
  align-items: flex-start;
}
.vote4__info__grid img {
  max-width: 25rem;
  min-width: 18rem;
  width: 32%;
  flex-shrink: 0;
}
.vote4__info__grid h1 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.6rem;
  font-size: clamp(3.6rem, calc( 1rem +  3.6603909vw ), 5.7rem);
  line-height: 1;
  margin-bottom: 4rem;
}
@media screen and (min-width: 641px) {
  .vote4__info__grid h1 {
    font-size: calc(3.6rem  +  2.1  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.6rem, calc( 1rem +  3.6603909vw ), 5.7rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__info__grid h1 {
    font-size: 5.7rem;
    font-size: clamp(3.6rem, calc( 1rem +  3.6603909vw ), 5.7rem);
  }
}
.vote4__info__grid p {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2rem;
  font-size: clamp(2rem, calc( 1rem +  1.3103909vw ), 2.6rem);
  line-height: 1.6;
  margin: 0;
}
@media screen and (min-width: 641px) {
  .vote4__info__grid p {
    font-size: calc(2rem  +  0.6  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2rem, calc( 1rem +  1.3103909vw ), 2.6rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__info__grid p {
    font-size: 2.6rem;
    font-size: clamp(2rem, calc( 1rem +  1.3103909vw ), 2.6rem);
  }
}
@media screen and (max-width: 641px) {
  .vote4__info__grid {
    flex-direction: column;
  }
  .vote4__info__grid img {
    width: 100%;
    max-width: 18rem;
    min-width: 0;
  }
}
.vote4__shelters {
  padding: 0 3.5rem;
}
.vote4__shelters h2 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3rem;
  font-size: clamp(3rem, calc( 1rem +  2.2103909vw ), 3.4rem);
  margin-bottom: 2rem;
  color: #1b9cd0;
  line-height: 1.1;
}
@media screen and (min-width: 641px) {
  .vote4__shelters h2 {
    font-size: calc(3rem  +  0.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3rem, calc( 1rem +  2.2103909vw ), 3.4rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__shelters h2 {
    font-size: 3.4rem;
    font-size: clamp(3rem, calc( 1rem +  2.2103909vw ), 3.4rem);
  }
}
.vote4__shelters ul {
  font-family: 'PilcrowSoft', sans-serif;
  margin-bottom: 8rem;
}
.vote4__shelters a {
  font-weight: 700;
  color: #7b7979;
}
@media screen and (max-width: 441px) {
  .vote4__shelters {
    padding: 0;
  }
  .vote4__shelters ul {
    padding-left: 2rem;
  }
}
.vote4__reminder {
  background: #ffc400;
  padding: 3.5rem;
  border-radius: 10px;
  text-align: center;
  margin-top: 5.2rem;
}
.vote4__reminder h2 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2.6rem;
  font-size: clamp(2.6rem, calc( 1rem +  2.1603909vw ), 3.7rem);
  color: #707070;
  line-height: 1.1;
  margin: 0;
}
@media screen and (min-width: 641px) {
  .vote4__reminder h2 {
    font-size: calc(2.6rem  +  1.1  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2.6rem, calc( 1rem +  2.1603909vw ), 3.7rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__reminder h2 {
    font-size: 3.7rem;
    font-size: clamp(2.6rem, calc( 1rem +  2.1603909vw ), 3.7rem);
  }
}
.vote4__woobox {
  border: 1px solid #1b9cd0;
  border-radius: 10px;
  padding: 7.1rem 5.2rem 5.2rem;
  background: white;
}
.vote4__woobox .vote4__woobox__pollname {
  font-family: 'Source Sans', sans-serif !important;
}
@media screen and (max-width: 641px) {
  .vote4__woobox {
    padding: 5rem 3rem;
  }
}
.vote4__results {
  max-width: 81.4rem;
}
.vote4__results h1 {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.6rem;
  font-size: clamp(3.6rem, calc( 1rem +  3.3103909vw ), 5rem);
  line-height: 0.95;
}
@media screen and (min-width: 641px) {
  .vote4__results h1 {
    font-size: calc(3.6rem  +  1.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.6rem, calc( 1rem +  3.3103909vw ), 5rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__results h1 {
    font-size: 5rem;
    font-size: clamp(3.6rem, calc( 1rem +  3.3103909vw ), 5rem);
  }
}
.vote4__results__list {
  list-style: none;
  padding: 0;
}
.vote4__results__item {
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  padding: 1.5rem 1.8rem;
  position: relative;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vote4__results__item:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.vote4__results__item progress {
  appearance: none;
  width: 100%;
  height: 3.4rem;
}
.vote4__results__item progress::-webkit-progress-bar {
  background: #F7F7F7;
  border-radius: 8px;
  padding: 0.6rem;
}
.vote4__results__item progress::-webkit-progress-value {
  background: #ffc400;
  border-radius: 6px;
}
.vote4__results__item progress::-moz-progress-bar {
  background: #ffc400;
}
.vote4__results__item--leader,
.vote4__results__item--secondleader,
.vote4__results__item--leader--fr,
.vote4__results__item--secondleader--fr {
  border: 4px solid #1b9cd0;
  padding-top: 4.5rem;
}
.vote4__results__item--leader:before,
.vote4__results__item--secondleader:before,
.vote4__results__item--leader--fr:before,
.vote4__results__item--secondleader--fr:before {
  content: 'Currently Leading';
  margin: 0;
  width: 100%;
  background: #1b9cd0;
  padding: 0.5rem 1rem 0.8rem;
  box-sizing: border-box;
  font-family: 'PilcrowSoft', sans-serif;
  font-weight: 700;
  color: white;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.2rem;
  font-size: clamp(1.2rem, calc( 1rem +  0.3603909vw ), 1.5rem);
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 641px) {
  .vote4__results__item--leader:before,
  .vote4__results__item--secondleader:before,
  .vote4__results__item--leader--fr:before,
  .vote4__results__item--secondleader--fr:before {
    font-size: calc(1.2rem  +  0.3  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.2rem, calc( 1rem +  0.3603909vw ), 1.5rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__results__item--leader:before,
  .vote4__results__item--secondleader:before,
  .vote4__results__item--leader--fr:before,
  .vote4__results__item--secondleader--fr:before {
    font-size: 1.5rem;
    font-size: clamp(1.2rem, calc( 1rem +  0.3603909vw ), 1.5rem);
  }
}
.vote4__results__item--secondleader:before {
  content: 'Second Place';
}
.vote4__results__item--leader--fr:before {
  content: 'Leaders actuels';
}
.vote4__results__item--secondleader--fr:before {
  content: 'La deuxième place';
}
.vote4__results__item-title {
  position: absolute;
  right: 3.6rem;
  transform: translateY(0.1rem);
  margin: 0;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.6rem;
  font-size: clamp(1.6rem, calc( 1rem +  0.7103909vw ), 1.8rem);
  font-family: 'PilcrowSoft', sans-serif;
  text-align: right;
  line-height: 1.1;
}
@media screen and (min-width: 641px) {
  .vote4__results__item-title {
    font-size: calc(1.6rem  +  0.2  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.6rem, calc( 1rem +  0.7103909vw ), 1.8rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__results__item-title {
    font-size: 1.8rem;
    font-size: clamp(1.6rem, calc( 1rem +  0.7103909vw ), 1.8rem);
  }
}
@media screen and (max-width: 441px) {
  .vote4__results__item-title {
    position: static;
    text-align: left;
    margin-bottom: 1rem;
  }
}
.vote4__coupon {
  display: flex;
  justify-content: center;
  width: calc(100% + 6rem);
  background: #1b9cd0;
  padding: 9.1rem 3rem 6.6rem;
  margin-top: 4.5rem;
}
.vote4__coupon__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4rem;
  max-width: 64rem;
}
.vote4__coupon__title {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.6rem;
  font-size: clamp(3.6rem, calc( 1rem +  4.5103909vw ), 7.4rem);
  color: white;
  line-height: 1;
  letter-spacing: -1px;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 641px) {
  .vote4__coupon__title {
    font-size: calc(3.6rem  +  3.8  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.6rem, calc( 1rem +  4.5103909vw ), 7.4rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__coupon__title {
    font-size: 7.4rem;
    font-size: clamp(3.6rem, calc( 1rem +  4.5103909vw ), 7.4rem);
  }
}
.vote4__coupon__title span {
  color: #ffc400;
}
.vote4__coupon__btn {
  padding: 2.2rem 2rem 2rem;
  border-radius: 10px;
  width: 100%;
  max-width: 45.5rem;
}
.vote4__canada {
  display: flex;
  justify-content: center;
  width: calc(100% + 6rem);
  background: #1b9cd0;
  padding: 11.3rem 3rem 9.8rem;
  background: url(../../images/vote4-mic-bkg.jpg) center / cover;
}
.vote4__canada__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5.3rem;
  max-width: 70rem;
}
.vote4__canada__content img {
  width: 100%;
}
.vote4__canada__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;
  padding: 6rem 5.4rem 3.7rem;
  border-radius: 10px;
}
.vote4__canada__info p {
  text-align: center;
  font-family: 'PilcrowSoft', sans-serif;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.1103909vw ), 2.4rem);
  line-height: 1.4;
  margin-bottom: 2.7rem;
}
@media screen and (min-width: 641px) {
  .vote4__canada__info p {
    font-size: calc(1.8rem  +  0.6  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.1103909vw ), 2.4rem);
  }
}
@media screen and (min-width: 1380px) {
  .vote4__canada__info p {
    font-size: 2.4rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.1103909vw ), 2.4rem);
  }
}
@media screen and (max-width: 441px) {
  .vote4__canada__info {
    padding: 5rem 3rem 3.7rem;
  }
}
.vote4__canada__btn {
  padding: 2.2rem 2rem 2rem;
  border-radius: 10px;
  width: 100%;
  max-width: 45.5rem;
}
.vote4__products {
  width: calc(100% + 6rem);
}
.thirty__main {
  background: #ffc400;
  flex-direction: column;
  align-items: center;
  margin-bottom: -16rem;
}
.thirty__content {
  width: 100%;
  max-width: 95rem;
  margin: 8rem 0 0;
}
.thirty__content--thankyou {
  margin-top: 12rem;
}
.thirty__title {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3.6rem;
  font-size: clamp(3.6rem, calc( 1rem +  3.8103909vw ), 6rem);
  color: #47484A;
  line-height: 0.8;
  margin-bottom: 4.5rem;
}
@media screen and (min-width: 641px) {
  .thirty__title {
    font-size: calc(3.6rem  +  2.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3.6rem, calc( 1rem +  3.8103909vw ), 6rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__title {
    font-size: 6rem;
    font-size: clamp(3.6rem, calc( 1rem +  3.8103909vw ), 6rem);
  }
}
.thirty__title span {
  color: white;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 3rem;
  font-size: clamp(3rem, calc( 1rem +  2.7603909vw ), 4.5rem);
}
@media screen and (min-width: 641px) {
  .thirty__title span {
    font-size: calc(3rem  +  1.5  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(3rem, calc( 1rem +  2.7603909vw ), 4.5rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__title span {
    font-size: 4.5rem;
    font-size: clamp(3rem, calc( 1rem +  2.7603909vw ), 4.5rem);
  }
}
.thirty__title sup {
  top: -1rem;
}
.thirty__title:nth-of-type(2) {
  margin-bottom: 2rem;
}
.thirty__calendar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
  column-gap: 2.8rem;
  row-gap: 2rem;
  padding: 0;
  margin-bottom: 8.4rem;
  list-style: none;
}
@media screen and (max-width: 641px) {
  .thirty__calendar {
    grid-template-columns: 1fr 1fr;
  }
}
.thirty__calendaritem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #EDAB00;
  border-radius: 37px;
  padding: 2.2rem 2.3rem 1.7rem;
  color: white;
  aspect-ratio: 1;
}
.thirty__calendaritem--faded {
  opacity: 0.36;
}
.thirty__calendaritem--active {
  border: 4px solid white;
  padding: 1.8rem 1.9rem 1.3rem;
}
@media screen and (max-width: 641px) {
  .thirty__calendaritem {
    aspect-ratio: unset;
    justify-content: space-between;
  }
}
.thirty__calendaritem__date {
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  z-index: 2;
  width: 100%;
  margin-bottom: auto;
}
@media screen and (max-width: 641px) {
  .thirty__calendaritem__date {
    margin-bottom: 0;
  }
}
.thirty__calendaritem__prizeimg {
  position: absolute;
  width: 87%;
}
@media screen and (max-width: 641px) {
  .thirty__calendaritem__prizeimg {
    position: relative;
    width: 100%;
  }
}
.thirty__calendaritem__prizename {
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  z-index: 2;
}
.thirty__sectiontitle {
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 2.4rem;
  font-size: clamp(2.4rem, calc( 1rem +  2.1603909vw ), 3.9rem);
  color: #47484A;
  line-height: 1.1;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 641px) {
  .thirty__sectiontitle {
    font-size: calc(2.4rem  +  1.5  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(2.4rem, calc( 1rem +  2.1603909vw ), 3.9rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__sectiontitle {
    font-size: 3.9rem;
    font-size: clamp(2.4rem, calc( 1rem +  2.1603909vw ), 3.9rem);
  }
}
.thirty__sectiontitle span {
  color: white;
}
.thirty__steps__cont {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  counter-reset: thirty-steps;
  margin-bottom: 10.3rem;
}
.thirty__steps__cont .sm-text {
  color: #47484A;
  font-size: 1.4rem;
}
@media screen and (max-width: 1050px) {
  .thirty__steps__cont {
    padding-left: 15px;
  }
}
.thirty__steps__row {
  display: flex;
  column-gap: 1.3rem;
  row-gap: 1.6rem;
}
@media screen and (max-width: 850px) {
  .thirty__steps__row {
    flex-direction: column;
  }
}
.thirty__step {
  display: flex;
  align-items: center;
  position: relative;
  background: #EDAB00;
  border-radius: 37px;
  padding: 3.9rem 4.2rem 3.7rem 9.1rem;
  min-height: 12.5rem;
  font-family: 'PilcrowSoft', sans-serif;
  color: white;
  font-weight: 700;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.0603909vw ), 2.3rem);
  line-height: 1;
}
@media screen and (min-width: 641px) {
  .thirty__step {
    font-size: calc(1.8rem  +  0.5  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.0603909vw ), 2.3rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__step {
    font-size: 2.3rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.0603909vw ), 2.3rem);
  }
}
.thirty__step a {
  color: white;
}
.thirty__step:before {
  counter-increment: thirty-steps;
  content: counter(thirty-steps);
  position: absolute;
  left: -3.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1b9cd0;
  height: 7.4rem;
  aspect-ratio: 1;
  border-radius: 500px;
  font-family: 'PilcrowSoft', sans-serif;
  font-weight: 700;
  font-size: 3.6rem;
  color: white;
}
.thirty__step--checkmark:before {
  content: '\f00c';
  font-family: "Font Awesome 5 Pro";
  font-size: 2.7rem;
}
.thirty__step--nostep {
  padding: 3.9rem 4.2rem 3.7rem 5rem;
}
.thirty__step--nostep:before {
  content: none;
}
@media screen and (max-width: 441px) {
  .thirty__step {
    padding: 3.9rem 3.2rem 3.7rem 6.1rem;
  }
  .thirty__step:before {
    font-size: 3rem;
    height: 6rem;
    left: -2.9rem;
  }
  .thirty__step--nostep {
    padding: 3.9rem 3.2rem 3.7rem 5.1rem;
  }
  .thirty__step--checkmark:before {
    font-size: 2.3rem;
  }
}
.thirty__step--socials {
  display: flex;
  column-gap: 2.4rem;
  padding-left: 5.1rem;
}
.thirty__step--socials:before {
  content: none;
}
@media screen and (max-width: 550px) {
  .thirty__step--socials {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.6rem;
  }
}
@media screen and (max-width: 441px) {
  .thirty__step--socials {
    align-items: center;
    padding-left: 3.2rem;
  }
}
.thirty__step__social {
  display: flex;
  align-items: center;
  column-gap: 0.9rem;
  color: white;
  font-size: 1.8rem;
  text-decoration: none;
}
.thirty__step__social img {
  width: 5.4rem;
}
@media screen and (max-width: 441px) {
  .thirty__step__social {
    flex-direction: column;
    align-items: center;
  }
}
.thirty__step--bonus {
  padding-left: 14.8rem;
  justify-content: flex-start;
}
.thirty__step--bonus:before {
  content: 'Bonus';
  text-transform: uppercase;
  padding: 0 2.5rem;
  aspect-ratio: unset;
}
@media screen and (max-width: 441px) {
  .thirty__step--bonus {
    padding-left: 10.8rem;
  }
  .thirty__step--bonus:before {
    font-size: 2rem;
  }
}
.thirty__form {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  background: #EDAB00;
  border-radius: 37px;
  padding: 6.1rem 4.5rem 4.2rem;
  margin-bottom: 8rem;
  font-family: 'PilcrowSoft', sans-serif;
}
.thirty__form input,
.thirty__form select {
  width: 100%;
  border: none;
  border-radius: 100px;
  padding: 2.1rem 3.5rem 1.8rem;
  font-weight: 700;
  color: #7b7979;
}
.thirty__form input::placeholder,
.thirty__form select::placeholder {
  color: #E3E3E3;
  font-weight: 700;
}
.thirty__form input[type=submit] {
  background: #1b9cd0;
  width: auto;
  padding: 2rem 5.3rem;
  cursor: pointer;
  transition: background 0.25s;
  color: white;
  font-weight: 700;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
}
@media screen and (min-width: 641px) {
  .thirty__form input[type=submit] {
    font-size: calc(1.8rem  +  0.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__form input[type=submit] {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  }
}
.thirty__form input[type=submit]:hover,
.thirty__form input[type=submit]:focus {
  background: #157aa3;
}
.thirty__form input[type=submit]:disabled {
  background: #919191;
}
.thirty__form input[type=submit]:disabled:hover,
.thirty__form input[type=submit]:disabled:focus {
  background: #919191;
}
.thirty__form .error {
  font-weight: 700;
  padding: 0.5rem 0 0 2.4rem;
}
@media screen and (max-width: 441px) {
  .thirty__form {
    padding: 5rem 2.4rem;
  }
}
.thirty__form__inputcont {
  position: relative;
  width: 100%;
}
.thirty__form__inputcont--number label .thirty__form__labeltext {
  color: white;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  font-weight: 700;
  margin: 0 0 0.5rem;
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .thirty__form__inputcont--number label .thirty__form__labeltext {
    font-size: calc(1.8rem  +  0.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__form__inputcont--number label .thirty__form__labeltext {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  }
}
.thirty__form__header {
  color: white;
  /*@ideal-size: ~'calc( 1rem + ' unit( ( (unit(@min-size) + unit(@max-size)) / 2) / ( (unit(@screen-phone-side) + unit(@screen-xl-desktop)) / 2 ) * 1000, vw ) ~')';*/
  font-size: 1.8rem;
  font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  font-weight: 700;
  margin: 0 1rem 1rem;
}
@media screen and (min-width: 641px) {
  .thirty__form__header {
    font-size: calc(1.8rem  +  0.4  * ((100vw -  44.1rem ) / 93.9 ));
    font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  }
}
@media screen and (min-width: 1380px) {
  .thirty__form__header {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, calc( 1rem +  1.0103909vw ), 2.2rem);
  }
}
.thirty__form__row {
  display: flex;
  column-gap: 3.2rem;
  margin-top: 1rem;
}
@media screen and (max-width: 641px) {
  .thirty__form__row {
    flex-direction: column;
    row-gap: 1.6rem;
    margin: 0;
  }
}
.thirty__form__submitcont {
  display: flex;
  justify-content: space-between;
  column-gap: 3.2rem;
  row-gap: 1.6rem;
  margin-top: 1rem;
}
.thirty__form__submitcont p {
  font-family: 'Source Sans', sans-serif;
  color: #47484A;
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 1.3rem 0 0;
}
@media screen and (max-width: 641px) {
  .thirty__form__submitcont {
    flex-direction: column;
  }
  .thirty__form__submitcont p {
    order: 2;
    margin: 0;
  }
}
.thirty__terms {
  padding: 0 4.5rem;
  color: #47484A;
  font-size: 1.2rem;
  line-height: 1.4;
}
.thirty__terms p {
  font-size: 1.5rem;
}
.thirty__terms a {
  color: #47484A;
  font-weight: 500;
}
.thirty__terms ol {
  padding-left: 2rem;
  font-size: 1.4rem;
  line-height: 1.6;
}
.thirty__terms li::marker {
  font-weight: bold;
}
@media screen and (max-width: 441px) {
  .thirty__terms {
    padding: 0;
  }
}
.thirty__footer {
  width: calc(100% + 6rem);
  display: flex;
  margin-top: -4rem;
}
.thirty__footer img {
  width: 100%;
}
@media screen and (max-width: 1050px) {
  .thirty__footer {
    margin-top: -2rem;
  }
}
@media screen and (max-width: 769px) {
  .thirty__footer {
    background: url(../../images/30days/30days-footer.png) center / cover no-repeat;
    height: 40rem;
    margin-top: -6rem;
  }
  .thirty__footer img {
    display: none;
  }
}
.sticky {
  position: relative;
  position: sticky;
  top: 0;
  align-items: flex-start;
}
@media screen and (max-width: 641px) {
  .mb-nosticky {
    position: relative;
  }
}
.win_wrap {
  max-width: 70.0rem;
  margin: 0 auto;
}
.win_title {
  font-size: 4.5rem;
  line-height: 5.4rem;
}
.win_list {
  list-style-type: none;
}
.win_list li,
.win_list li p {
  font-family: 'PilcrowSoft', sans-serif;
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: bold;
}
.win_list li {
  margin-bottom: 3.6rem;
  position: relative;
  padding-left: 2.5rem;
}
.win_list li:before {
  position: absolute;
  left: -4.8rem;
  top: -1rem;
}
.win_list li:nth-of-type(1):before {
  content: url('../../images/list_1.png');
}
.win_list li:nth-of-type(2):before {
  content: url('../../images/list_2.png');
}
.win_list li:nth-of-type(3):before {
  content: url('../../images/list_3.png');
}
.win_list li:nth-of-type(4):before {
  content: url('../../images/list_4.png');
}
.win_micetype {
  margin-top: 7.0rem;
}
.win_subhead {
  color: #1b9cd0;
  margin-bottom: 0;
  margin-top: 16.8rem;
}
.win_subhead ~ p {
  margin-bottom: 5.0rem;
}
.img--float {
  max-width: 100%;
}
@media screen and (max-width: 641px) {
  .img--float {
    float: none;
    /*width: 100%;*/
    display: block;
    margin: 2rem auto;
  }
}