@keyframes pop-in {
  0% {
    transform: scale(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1;
    transform: scale(1, 1); } }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

* {
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 16px;
  line-height: 1.563;
  font-family: "Antenna", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: #d7d9db;
  color: #080807;
  height: auto !important; }

@media (min-width: 1024px) {
  body {
    font-size: 16px; } }

input {
  display: inline-block;
  font-size: 1rem;
  padding: 0 0.641rem;
  border-radius: 3px;
  border: 1px solid #61666b;
  box-shadow: none;
  width: 20rem;
  max-width: 100%;
  height: 3.052rem; }

select {
  height: 3.052rem;
  width: 20rem;
  max-width: 100%;
  font-size: 1rem;
  display: block;
  cursor: pointer;
  border: 1px solid #61666b;
  border-radius: 3px;
  max-width: 100%; }

input[type="checkbox"],
input[type="radio"] {
  height: auto;
  width: auto;
  max-width: none;
  padding: 0;
  font-size: inherit; }

textarea {
  width: 40rem;
  height: 15rem;
  max-width: 100%;
  font-family: sans-serif;
  font-size: 1rem;
  padding: 0.8rem;
  border-radius: 3px;
  border: 1px solid #61666b;
  padding: 0.641rem; }

label * {
  pointer-events: none; }

img,
object {
  max-width: 100%;
  height: auto; }

a {
  color: #080807; }
  a:focus, a:hover {
    color: #96c653; }
    a:focus svg, a:hover svg {
      fill: #96c653; }
  a svg {
    fill: #080807; }

a *,
button * {
  pointer-events: none; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

ul, ol {
  padding-left: 1.953rem; }

li + li {
  margin-top: 0.8rem; }

p + p {
  margin-top: 1.563rem; }

svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: #080807; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

sup {
  font-size: 50%;
  vertical-align: top; }

sub {
  font-size: 50%;
  vertical-align: bottom; }

.addToCartModal__image {
  max-width: 33%; }

@media (max-width: 767px) {
  .addToCartModal__actions {
    clear: both;
    text-align: center; } }

.blog-author-view ol.post-list {
  padding-left: 0; }
  .blog-author-view ol.post-list li {
    background: none; }

.blog-author-view .author-container {
  width: 100%;
  padding: 20px; }
  .blog-author-view .author-container:after {
    content: "";
    display: block;
    clear: both; }
  .blog-author-view .author-container .author-image {
    text-align: center; }
    @media (min-width: 768px) {
      .blog-author-view .author-container .author-image {
        text-align: left;
        width: 35%;
        float: left; }
        .blog-author-view .author-container .author-image img {
          width: 90%; } }
  @media (min-width: 768px) {
    .blog-author-view .author-container .author-background {
      padding-left: 35%; } }

.blog-author-view .post-featured-image {
  text-align: center; }
  @media (min-width: 768px) {
    .blog-author-view .post-featured-image {
      text-align: left;
      width: 25%;
      float: left; }
      .blog-author-view .post-featured-image img {
        width: 85%; } }

.blog-author-view .post-data:after {
  content: "";
  display: block;
  clear: both; }

@media (min-width: 768px) {
  .blog-author-view .post-data {
    padding-left: 25%; } }

.blog-author-view .post-list .post-header .post-title {
  float: none; }

.cartSummary--modal {
  display: flex;
  flex-direction: column; }

.cartSummary__items {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto; }
  @media (min-width: 768px) {
    .cartSummary__items {
      max-height: 300px; } }

.cartSummary__item + .cartSummary__item {
  padding-top: 1.563rem;
  margin-top: 1.563rem;
  border-top: 1px solid #d7d9db; }

.cartSummary__subtotal {
  font-weight: bold;
  padding: 1.563rem;
  background: #d7d9db; }

.cartSummary__heading {
  padding: 1.563rem; }
  @media (min-width: 768px) {
    .addToCartModal .cartSummary__heading {
      padding: 1.563rem 0; } }

.flyout {
  background: #f2f4f1;
  color: #080807; }
  @media (min-width: 768px) {
    .flyout {
      padding: 1.563rem;
      position: absolute !important;
      left: 0;
      right: 0;
      top: 100%;
      box-shadow: 6px 4px 16px rgba(0, 0, 0, 0.1); }
      .nav-toggle__check:checked + .toggle__label + .flyout {
        z-index: 2000 !important; }
      .flyout .toggle__label__arrow {
        display: none; }
      .flyout .toggle__panel {
        font-size: 0.8rem;
        position: static;
        opacity: 1;
        pointer-events: auto;
        z-index: auto;
        max-height: none; } }
  .flyout a {
    color: #c6e699 !important; }
    .flyout a svg {
      fill: #c6e699 !important; }
    .flyout a:hover, .flyout a:focus {
      color: #96c653 !important;
      text-decoration: underline; }
      .flyout a:hover svg, .flyout a:focus svg {
        fill: #96c653 !important; }
  .flyout .btn, .flyout button {
    color: #f2f4f1 !important; }
    .flyout .btn:hover, .flyout button:hover, .flyout .btn:focus, .flyout button:focus {
      color: #f2f4f1 !important; }

.fly__category--dogs {
  border-top: 0; }

.flyout__category {
  border-top: 1px solid rgba(8, 8, 7, 0.25);
  padding: 1.563rem; }
  @media (min-width: 768px) {
    .flyout__category {
      border-top: 0; } }

.flyout__top-level-category {
  color: #96c653;
  display: block; }
  .flyout__top-level-category:hover {
    color: #c6e699; }

.flyout__category-list a {
  color: #61666b !important; }
  .flyout__category-list a:focus, .flyout__category-list a:hover {
    color: #c6e699 !important;
    text-decoration: underline; }

.free-shipping__callout {
  color: #456020; }
  .free-shipping__callout svg {
    height: 24px;
    width: 24px;
    margin-right: 3px;
    color: #456020;
    fill: #456020; }

.field-county {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

@media (max-width: 767px) {
  .lifestyle-informational .hero-banner__content--su {
    background: #d7d9db;
    color: #080807;
    opacity: 1;
    text-shadow: none; } }

.logo {
  margin: 0;
  width: 200px;
  padding: 0.8rem;
  position: relative;
  z-index: 1000;
  float: none;
  display: block;
  pointer-events: auto;
  overflow: hidden; }
  .logo img {
    display: block;
    z-index: 1001;
    position: relative; }

.breadcrumbs {
  background: transparent;
  font-size: 0.8rem;
  padding: 0.8rem 1.563rem;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  color: rgba(8, 8, 7, 0.5); }

.breadcrumb__item {
  display: inline-block; }

.breadcrumb__item a {
  color: #080807; }

.breadcrumb__delim {
  color: #080807; }

.catalog-product-compare-index .page-main {
  margin-top: 0;
  padding-top: 0; }

.compare-container {
  border: 1px solid transparent;
  user-select: none; }

.compare-container--checked {
  border-color: #cbcccd; }

.compare-window-container {
  position: fixed !important;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0, 1.29, 0.42, 0.94);
  background: white; }
  .compare-window-container .btn--full {
    border-radius: 0; }

.compare-window-container--shown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(1px); }

.compare-item--placeholder {
  position: relative; }

.compare-item__placeholder {
  display: block;
  height: 100%;
  border: 1px dashed #c6e699;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.table--compare th,
.table--compare td {
  background-color: transparent !important; }

.table--compare__label-cell {
  text-align: left;
  display: none; }
  @media (min-width: 768px) {
    .table--compare__label-cell {
      display: table-cell; } }

.table--compare th[scope="row"] {
  max-width: 4.768rem; }

.table--compare__cell {
  padding: 0.8rem; }

.table-compare--empty-product-block {
  border: 2px dotted rgba(8, 8, 7, 0.25);
  padding: 3.052rem 1.563rem; }

@media (max-width: 768px) {
  .compare--table-wrapper {
    margin-left: -1.563rem;
    margin-right: -1.563rem; }
  .table--compare th,
  .table--compare td {
    width: 45vw;
    min-width: 45vw; }
  .table--compare__cell-labeled:before {
    display: block;
    font-weight: bold;
    font-size: 0.8rem;
    margin: 1.563rem 0 0.262rem 0;
    content: attr(data-th); } }

@media (min-width: 1024px) {
  .table--compare th,
  .table--compare td {
    padding: 0.8rem 1.563rem; }
  .table--compare__cell-labeled {
    width: 30%;
    min-width: 30%; } }

.filter-title {
  border-bottom: 1px solid rgba(8, 8, 7, 0.1); }

.filter-content {
  margin-top: 0.8rem; }

.filter-subtitle,
.filter-count-label,
.filter-current-subtitle,
.filter-current .remove span {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.filter-options-title {
  font-weight: bold; }

.filter-options-content .items,
.filter-current .items {
  list-style-type: none;
  padding: 0;
  margin-left: 0.641rem; }

.filter-options-content .item + .item,
.filter-current .item + .item {
  margin-top: 0.262rem; }

.filter-options-content .item .count {
  color: inherit;
  opacity: 0.5;
  user-select: none; }
  .filter-options-content .item .count:before {
    content: "("; }
  .filter-options-content .item .count:after {
    content: ")"; }

.filter-current .filter-label:after {
  content: ": "; }

.filter-current .filter-value {
  font-weight: bold; }

.filter-current .remove {
  float: right; }
  .filter-current .remove:before {
    content: "(x)"; }

.filter-actions {
  margin-top: 0.8rem;
  text-align: center; }

.footer.content {
  margin-top: 1.953rem;
  overflow: visible;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  .footer.content .col-3 {
    min-width: 360px; }
    .footer.content .col-3 a {
      padding: 0.8rem 0; }
      @media (min-width: 1024px) {
        .footer.content .col-3 a {
          padding: 0; } }
    .footer.content .col-3 .btn, .footer.content .col-3 button {
      padding: 1.563rem; }

.footer-icons__icon {
  text-decoration: none !important;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  display: inline-block; }

.footer-icons__icon svg {
  width: 3.5em;
  height: 3.5em;
  fill: white;
  text-decoration: none; }

.footer-icons__icon:hover svg,
.footer-icons__icon:focus svg {
  fill: #c6e699 !important; }

.header.content {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.563rem; }

.page-wrapper {
  overflow: hidden; }

.page-main {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 0 1.563rem; }

.container--mainContent__content {
  order: 1; }

.message {
  display: block;
  padding: 1.563rem;
  background: #96c653;
  font-size: 0.8rem;
  color: #f2f4f1;
  font-weight: bold; }
  .message + .message {
    margin-top: 1.563rem; }

.message--success {
  background: green; }

.message--error {
  background: darkred; }

.panel .panel {
  max-width: 1440px;
  margin: 0 auto; }

.pdp-product-options-wrapper {
  order: 100;
  width: 100%; }

.pdp-price-container {
  order: 200;
  width: 100%;
  padding: 1.563rem 0; }
  @media (min-width: 768px) {
    .pdp-price-container {
      padding: 0;
      width: 25%; } }

.pdp-quantity-wrapper {
  order: 300;
  width: 100%; }
  @media (min-width: 768px) {
    .pdp-quantity-wrapper {
      width: 25%; } }

.pdp-add-to-cart {
  order: 400;
  width: 100%;
  padding-top: 1.563rem; }
  @media (min-width: 768px) {
    .pdp-add-to-cart {
      padding-top: 0;
      padding-left: 1.563rem;
      min-width: 250px;
      width: 25%; } }

.pdp-buy-bar {
  flex-wrap: wrap; }

.product-add-form {
  width: 100%; }

.product.attribute.features ul {
  list-style-type: none; }

.product.attribute.features li {
  padding-left: 1.953rem;
  background: url("/static/frontend/Rsc/Premierpet/en_US/icons/features-bullet.svg") no-repeat;
  background-size: 1.5em 1.5em;
  margin-left: -1.953rem; }

#tab-id-product.info.features {
  font-size: 1.25rem; }

.product-features div {
  font-size: 1rem; }

@media (max-width: 767px) {
  .product-page__media {
    order: 1; }
  .product-page__info {
    order: 0; } }

.pdp-price-container .price-box {
  text-align: center; }

.pdp-price-container .old-price {
  color: rgba(8, 8, 7, 0.5);
  font-size: 0.8rem;
  display: block; }

.pdp-price-container .final-price,
.pdp-price-container .special-price {
  color: #96c653;
  font-size: 1.563rem;
  font-weight: bold; }

.pdp-price-container .special-price {
  color: #580000; }

.product-gallery {
  margin-bottom: 1.563rem;
  flex-direction: column;
  align-items: stretch;
  height: 100%; }
  #modal-container .product-gallery {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .product-gallery {
      height: auto; } }
  @media (min-width: 1024px) {
    .product-gallery {
      margin: 0;
      flex-direction: row; }
      #modal-container .product-gallery {
        flex-direction: column;
        padding: 1.563rem;
        max-height: calc(90vh - 3.126rem); } }

#modal-container .product-gallery__viewport-link {
  align-items: flex-start; }

.product-gallery__additional {
  order: 1;
  flex-shrink: 0;
  flex-grow: 1;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  margin: 1.563rem auto; }
  @media (min-width: 1024px) {
    .product-gallery__additional {
      height: auto;
      order: 0;
      flex-direction: column;
      overflow-x: hidden;
      overflow-y: auto;
      padding-right: 0.641rem;
      margin: 0 0.641rem 0 0;
      align-self: stretch; }
      #modal-container .product-gallery__additional {
        order: 1;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 auto;
        padding: 1.563rem 0 0;
        justify-content: center; } }

.product-gallery__thumbnail {
  width: 90px;
  height: auto; }

.product-gallery__thumbnail + .product-gallery__thumbnail {
  margin-left: 0.8rem; }
  @media (min-width: 1024px) {
    .product-gallery__thumbnail + .product-gallery__thumbnail {
      margin-left: 0;
      margin-top: 0.8rem; }
      #modal-container .product-gallery__thumbnail + .product-gallery__thumbnail {
        margin-left: 0.8rem;
        margin-top: 0; } }

.product-gallery__viewport {
  margin: 0 auto;
  height: 100%;
  min-height: 20rem; }

.product-gallery__viewport-image {
  transition: transform 0.3s cubic-bezier(0, 1.29, 0.42, 0.94);
  width: 100%;
  height: auto;
  pointer-events: auto !important; }
  #modal-container .product-gallery__viewport-image {
    height: auto;
    width: auto; }

.product-gallery__thumbnail-link img {
  opacity: 0.75; }

.product-gallery__thumbnail-selected img,
.product-gallery__thumbnail-link:hover img,
.product-gallery__thumbnail-link:focus img {
  opacity: 1;
  border-color: #c6e699; }

.product-gallery__viewport-link {
  min-width: 100%;
  overflow: auto; }

.product-grid__product-photo-link {
  max-width: 100%;
  width: 240px;
  height: 300px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }

#minicart-label,
#minicart-container {
  display: none; }
  .js #minicart-label, .js
  #minicart-container {
    display: block; }

.js #minicart-link {
  display: none; }

@media (min-width: 768px) {
  .flyout--minicart {
    width: 320px;
    left: auto;
    right: 0.262rem;
    padding: 0; }
    .flyout--minicart .cartSummary__items {
      padding: 0 0.8rem; } }

.nav__link__cart {
  position: relative; }

.nav-toggle__check:checked + .nav__link__cart,
.nav-toggle__check:focus + .nav__link__cart,
.nav__link__cart:hover {
  background: transparent;
  box-shadow: none !important; }
  .nav-toggle__check:checked + .nav__link__cart svg,
  .nav-toggle__check:focus + .nav__link__cart svg,
  .nav__link__cart:hover svg {
    opacity: 1; }

.minicart__itemsCount {
  background: darkred;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  text-align: center;
  font-size: 0.64rem;
  border-radius: 100%;
  opacity: 0;
  position: absolute;
  top: 1.563rem;
  left: 1.813rem; }
  @media (min-width: 768px) {
    .minicart__itemsCount {
      top: 0; } }

.minicart__itemsCount--hasItems {
  opacity: 1;
  animation-name: pop-in;
  animation-fill-mode: forwards;
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(0, 1.29, 0.42, 0.94); }

@media (min-width: 768px) {
  .minicart__label__text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden; } }

@media (max-width: 767px) {
  #minicart-label {
    display: none !important; }
  #minicartToggle {
    position: fixed;
    left: -100vw;
    top: 0;
    opacity: 0.00001;
    z-index: -1; }
  #minicart-container {
    position: fixed;
    background: rgba(8, 8, 7, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0.8rem;
    overflow-y: auto;
    z-index: 5000; }
  .cartSummary {
    background: #d7d9db;
    padding: 0.8rem; } }

.product-grid--window {
  position: relative; }

.product-item-info {
  padding: 1.563rem; }

.product-grid__product-photo-link {
  width: 100%; }

@media (max-width: 767px) {
  .product-grid--products-wrapper {
    flex-wrap: nowrap !important; }
  .product-grid--products-wrapper .col-3 {
    min-width: 17.5rem; } }

.quickview-error {
  display: none; }

.quickviewModal .quickview-error-title {
  width: 100%;
  background-color: #96c653;
  color: #f2f4f1;
  font-size: 1rem;
  line-height: 1.563; }

#search-result {
  display: none;
  position: absolute;
  width: 450px;
  z-index: 5000;
  background: #f2f4f1;
  border-left: 1px solid #d7d9db;
  border-right: 1px solid #d7d9db; }
  #search-result .search-row {
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #d7d9db; }
    #search-result .search-row .image {
      width: 23%;
      display: inline-block;
      background: #f2f4f1; }
      #search-result .search-row .image img {
        margin-left: 0.8rem; }
    #search-result .search-row .info {
      width: 77%;
      display: block;
      font-size: 0.8rem;
      float: right;
      padding: 0.641rem 0.8rem; }
    #search-result .search-row:hover {
      background: #d7d9db; }
  #search-result p + p {
    margin-top: 0.641rem; }

.product-search-wait.load.indicator {
  background: none; }

.store-locator-map-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(215, 217, 219, 0.5); }
  .store-locator-map-overlay img {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.option-direction .active .btn, .option-direction .active button {
  box-shadow: 0 0 0 2px #c6e699; }

.adp-text {
  text-align: center;
  padding: 0 1.563rem 1.563rem; }

.swatch-wrapper {
  display: flex; }

.swatch-attribute,
.product-options-wrapper .field {
  border-right: 0.8rem solid transparent;
  transition: all 0.25s cubic-bezier(0, 1.29, 0.42, 0.94); }

.requiredAttribute {
  border-color: rgba(139, 0, 0, 0.5);
  background-color: rgba(139, 0, 0, 0.05);
  padding: 0.8rem; }
  .requiredAttribute + .requiredAttribute {
    padding-top: 0; }

.swatch-attribute-selected-option {
  font-size: 0.64rem;
  margin-left: 1.563rem;
  text-transform: uppercase; }

.swatch-attribute__label {
  font-size: 0.64rem;
  font-weight: bold; }

.product-grid__product-images-wrapper .swatch-attribute__label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.swatch-options__attribute-control {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.swatch-options__attribute-label {
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
  padding: 2px;
  vertical-align: bottom; }

.product-grid__product-images-wrapper .swatch-options__attribute-label {
  padding: 1px;
  border-width: 1px; }

.swatch-options__attribute-label-box {
  min-width: 3.163rem;
  min-height: 3.163rem;
  line-height: 3.163rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.product-grid__product-images-wrapper .swatch-options__attribute-label-box {
  min-width: 1.563rem;
  min-height: 1.563rem; }

.swatch-options__attribute-label-box--text {
  background: #d7d9db;
  border: 1px solid rgba(8, 8, 7, 0.15); }

.swatch-options__attribute-label--disabled,
.swatch-options__attribute-control:disabled + .swatch-options__attribute-label {
  opacity: 0.5;
  pointer-events: none;
  position: relative; }
  .swatch-options__attribute-label--disabled:before,
  .swatch-options__attribute-control:disabled + .swatch-options__attribute-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(8, 8, 7, 0.5) 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%); }

.swatch-options__attribute-control:checked + .swatch-options__attribute-label {
  border-color: #96c653 !important;
  color: #f2f4f1 !important; }

.swatch-options__attribute-control:focus + .swatch-options__attribute-label,
.swatch-options__attribute-control:active + .swatch-options__attribute-label,
.swatch-options__attribute-label:hover {
  background: #c6e699 !important; }

.swatch-options__attribute-label--additional {
  overflow: hidden;
  color: rgba(8, 8, 7, 0.5); }
  .swatch-options__attribute-label--additional:hover, .swatch-options__attribute-label--additional:focus {
    color: #d7d9db;
    text-decoration: none; }
    .swatch-options__attribute-label--additional:hover .swatch-options__attribute-label-box--additional, .swatch-options__attribute-label--additional:focus .swatch-options__attribute-label-box--additional {
      border-color: transparent; }

.swatch-options__attribute-label-box--additional {
  text-align: center;
  font-size: 0.64rem;
  font-weight: bold;
  border: 1px solid rgba(8, 8, 7, 0.1); }

.cart-icon svg,
.user-icon svg {
  opacity: 0.75; }

.cart-icon svg {
  width: 28px;
  height: 25px; }

.user-icon svg {
  width: 20px;
  height: 20px; }

.main-nav-toggle__label,
.main-nav-toggle__check {
  display: none; }

.header-strip {
  position: relative;
  z-index: 2000; }

@media (max-width: 767px) {
  .main-navigation-open {
    overflow-y: hidden;
    pointer-events: none; }
  .header-navigation__wrapper {
    position: absolute;
    position: fixed;
    top: 10.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #96c653;
    pointer-events: none;
    visibility: hidden;
    z-index: 2000;
    overflow-y: scroll; }
  .main-nav-toggle__check:checked ~ .header-navigation__wrapper {
    visibility: visible; }
    .main-nav-toggle__check:checked ~ .header-navigation__wrapper,
    .main-nav-toggle__check:checked ~ .header-navigation__wrapper * {
      pointer-events: auto;
      align-items: stretch; }
  .main-nav-toggle__label {
    position: relative;
    z-index: 2000;
    padding: 1.563rem 0.641rem;
    display: inline-block;
    pointer-events: auto; }
    .main-nav-toggle__label span {
      pointer-events: none !important; }
  .main-nav-toggle__check {
    display: inline-block; }
  .main-nav-toggle__check + .main-nav-toggle__label .main-nav-toggle__label__close {
    display: none; }
  .main-nav-toggle__check:checked + .main-nav-toggle__label .main-nav-toggle__label__hamburger {
    display: none; }
  .main-nav-toggle__check:checked + .main-nav-toggle__label .main-nav-toggle__label__close {
    display: block; }
  .flyout__top-level-category.h4 {
    margin: 0; } }

.header-navigation__wrapper {
  display: block;
  flex-grow: 1; }
  @media (min-width: 768px) {
    .header-navigation__wrapper {
      display: flex;
      flex-direction: column-reverse; } }

.header-navigation__primary,
.header-navigation__secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  @media (min-width: 768px) {
    .header-navigation__primary,
    .header-navigation__secondary {
      flex-direction: row;
      justify-content: flex-end; } }

.nav__link,
.minicart-wrapper {
  user-select: none;
  padding: 1.563rem;
  border-top: 1px solid rgba(198, 230, 153, 0.25); }
  .nav__mobile-only .nav__link, .nav__mobile-only
  .minicart-wrapper {
    border-top: 0; }
  @media (min-width: 768px) {
    .nav__link,
    .minicart-wrapper {
      border-top: 0;
      padding: 0.8rem; } }
  @media (min-width: 1024px) {
    .nav__link,
    .minicart-wrapper {
      padding: 0.262rem 1.563rem; } }

@media (min-width: 1024px) {
  .header-navigation__primary {
    margin-top: 1.563rem; } }

.nav__link__arrow {
  pointer-events: none;
  display: inline-block; }
  .nav__link__arrow svg {
    width: 8px;
    height: 8px;
    fill: rgba(242, 244, 241, 0.75) !important; }
  .nav-toggle__check:checked + .toggle__label .nav__link__arrow {
    transform: rotate(-180deg); }

@media (min-width: 768px) {
  .nav__link__my-account .nav__link__text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden; } }

.toggle__label__text,
.nav__link__arrow {
  pointer-events: none;
  user-select: none; }

@media (min-width: 768px) {
  .nav-toggle__check:checked + .toggle__label .toggle__label__text {
    box-shadow: 0 3px 0 #c6e699;
    pointer-events: none; } }

.nav__mobile-only {
  pointer-events: auto !important;
  position: relative;
  z-index: 1000; }

@media (max-width: 767px) {
  .video-player {
    margin-left: -1.563rem;
    margin-right: -1.563rem;
    padding: 0 1.563rem; }
  .video-player__iframe-container {
    height: 320px; } }

.video-player__playlist-title {
  padding: 1.563rem 0; }
  @media (min-width: 768px) {
    .video-player__playlist-title {
      padding: 0 1.563rem; } }

@media (min-width: 768px) {
  .video-player__container {
    height: 400px; } }

@media (min-width: 1024px) {
  .video-player__container {
    height: 600px; } }

.video-player__iframe {
  width: 100%;
  height: 100%; }

.video-player__playlist-item {
  cursor: pointer; }

.video-player__playlist-container {
  max-height: 100%;
  padding: 0.8rem 0 0.262rem; }
  @media (min-width: 768px) {
    .video-player__playlist-container {
      padding: 0 0 0 1.563rem;
      overflow-x: hidden;
      overflow-y: auto; } }

.video-player__playlist {
  overflow-x: auto;
  overflow-y: hidden; }
  @media (max-width: 767px) {
    .video-player__playlist {
      margin-left: -1.563rem;
      margin-right: -1.563rem; } }

@media (max-width: 767px) {
  .video-player__playlist {
    white-space: nowrap;
    padding: 0.262rem; }
  .video-player__playlist-item {
    white-space: normal;
    vertical-align: top;
    width: 150px; }
    .video-player__playlist-item + .video-player__playlist-item {
      margin-left: 0.262rem; } }

.video-player__playlist-item {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0, 1.29, 0.42, 0.94);
  text-decoration: none;
  padding: 0.262rem; }
  @media (min-width: 1024px) {
    .video-player__playlist-item {
      display: block; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .video-player__playlist-container {
    padding: 0 0.641rem; }
  .video-player__playlist-item-container {
    display: block !important; }
  .video-player__thumbnail-container {
    width: 100% !important;
    max-width: none !important; }
  .video-player__link-container {
    width: 100% !important;
    max-width: none !important; } }

.video-player__thumbnail {
  opacity: 0.95; }

.video-player__thumbnail-container {
  display: flex !important;
  align-items: center !important; }

.video-player__selected-video {
  background: rgba(8, 8, 7, 0.5); }

.video-player__playlist-item:hover .video-player__thumbnail,
.vdieo-player__playlist-item:focus .video-player__thumbnail,
.video-player__selected-video .video-player__thumbnail {
  opacity: 1; }

.video-player__iframe-container {
  order: 1; }
  @media (max-width: 767px) {
    .video-player__iframe-container {
      margin-left: -1.563rem;
      margin-right: -1.563rem;
      width: 100% !important;
      width: calc(100% + 3.126rem) !important; } }

.video-player-single__heading-container {
  padding: 1.563rem;
  background: #d7d9db;
  order: 2; }
  .video-player-single__heading-container .border-bottom {
    border-bottom: 1px solid #d7d9db; }

.video-player__single-title {
  padding-bottom: 1.563rem;
  margin-bottom: 1.563rem; }

.video-player__container.side-left .video-player-single__heading-container {
  order: 0; }

.widget-compare {
  overflow-x: auto;
  margin-left: -1.563rem;
  margin-right: -1.563rem; }
  @media (min-width: 768px) {
    .widget-compare {
      margin-left: 0;
      margin-right: 0; } }

.widget-compare__item {
  min-width: 15rem; }

.contentModuleImageList__lifestyleBlock--hasImage {
  overflow: hidden; }

.contentModuleImageList__lifestyleBlock--hasImage {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 15rem; }

.contentModuleImageList__lifestyleBlock--hasImage__text {
  color: #f2f4f1; }

@media (max-width: 767px) {
  .contentModuleImageList__listItem {
    margin: 0.8rem 0; } }

.livechat-button {
  color: #96c653; }

.footer-livechat-container {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.mavenoidChatNav {
  background: transparent !important;
  border: 0;
  color: #fff; }
  .mavenoidChatNav:hover {
    background: transparent !important; }
  .mavenoidChatNav svg {
    fill: #fff !important;
    width: 1.25rem;
    height: 1.25rem; }

.mavenoidChatFooter {
  background: transparent !important;
  border: 0;
  color: #96c653; }
  .mavenoidChatFooter:hover {
    background: transparent !important; }
  .mavenoidChatFooter svg {
    fill: #96c653 !important;
    width: 1.25rem;
    height: 1.25rem; }

.float--right {
  float: right; }

.float--left {
  float: left; }

.float--none {
  float: none; }

.margin--auto {
  margin: 0 auto; }

.border-top--black-slight {
  border-top: 1px solid rgba(8, 8, 7, 0.1); }

.border-bottom--black-slight {
  border-bottom: 1px solid rgba(8, 8, 7, 0.1); }

.border-bottom--secondary {
  border-bottom: 1px solid #45cdef; }

.border-color--transparent {
  border-color: transparent; }

.cursor--auto {
  cursor: auto; }

.cursor--pointer {
  cursor: pointer; }

.cursor--none {
  cursor: none; }

.cursor--wait {
  cursor: wait; }

.cursor--not-allowed {
  cursor: not-allowed; }

.cursor--grab {
  cursor: grab; }

.cursor--text {
  cursor: text; }

.container,
.container--strict {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.container--padding--large > [class*="col-"] {
  padding: 1.953rem; }

.container--padding > [class*="col-"] {
  padding: 1.563rem; }

.container--padding--small > [class*="col-"] {
  padding: 0.641rem; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  display: block;
  width: 100%; }

@media (min-width: 768px) {
  .col-1 {
    width: 5.1%;
    max-width: 5.1%; }
  .col-2 {
    width: 13.72%;
    max-width: 13.72%; }
  .col-3 {
    width: 22.34%;
    max-width: 22.34%; }
  .col-4 {
    width: 30.96%;
    max-width: 30.96%; }
  .col-5 {
    width: 39.58%;
    max-width: 39.58%; }
  .col-6 {
    width: 48.2%;
    max-width: 48.2%; }
  .col-7 {
    width: 56.82%;
    max-width: 56.82%; }
  .col-8 {
    width: 65.44%;
    max-width: 65.44%; }
  .col-9 {
    width: 74.06%;
    max-width: 74.06%; }
  .col-10 {
    width: 82.68%;
    max-width: 82.68%; }
  .col-11 {
    width: 91.3%;
    max-width: 91.3%; }
  .col-12 {
    width: 99.92%;
    max-width: 99.92%; } }

.container--strict > .col-2 {
  width: 13.72%;
  max-width: none; }

.container--strict > .col-3 {
  width: 22.34%;
  max-width: none; }

.container--strict > .col-4 {
  width: 30.96%;
  max-width: none; }

.container--strict > .col-5 {
  width: 39.58%;
  max-width: none; }

.container--strict > .col-6 {
  width: 48.2%;
  max-width: none; }

.container--strict > .col-7 {
  width: 56.82%;
  max-width: none; }

.container--strict > .col-8 {
  width: 65.44%;
  max-width: none; }

.container--strict > .col-9 {
  width: 74.06%;
  max-width: none; }

.container--strict > .col-10 {
  width: 82.68%;
  max-width: none; }

.container--strict > .col-11 {
  width: 91.3%;
  max-width: none; }

.container--strict > .col-12 {
  width: 99.92%;
  max-width: none; }

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

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

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

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

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

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

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

.no-break,
.white-space--nowrap {
  white-space: nowrap; }

.white-space--normal {
  white-space: normal; }

.text-indent--large {
  text-indent: 4.768rem; }

.text-indent--normal {
  text-indent: 1.953rem; }

.font-weight--bold {
  font-weight: bold; }

.font-weight--normal {
  font-weight: normal; }

.italics,
.italic,
.font-style--italic {
  font-style: italic; }

.no-italics,
.no-italic,
.font-style--normal {
  font-style: normal; }

.small-caps,
.font-variant--small-caps {
  font-variant: small-caps; }

.no-small-caps,
.font-variant--normal {
  font-variant: normal; }

.font-size--largest {
  font-size: 3.052rem; }

.font-size--larger {
  font-size: 1.563rem; }

.font-size--large {
  font-size: 1.25rem; }

.font-size--bigger {
  font-size: 1rem; }

.font-size--normal {
  font-size: 1rem; }

.font-size--small {
  font-size: 0.8rem; }

.font-size--smaller {
  font-size: 0.64rem; }

.font-size--smallest {
  font-size: 0.512rem; }

.line-height--double {
  line-height: 2.441; }

.line-height--large {
  line-height: 1.953; }

.line-height--normal {
  line-height: 1.563; }

.line-height--small {
  line-height: 1; }

.line-height--single {
  line-height: 0.8; }

.line-height--normal {
  line-height: normal; }

.line-height--0 {
  line-height: 0; }

.vertical-align--middle {
  vertical-align: middle; }

.vertical-align--bottom {
  vertical-align: bottom; }

.vertical-align--top {
  vertical-align: top; }

.vertical-align--inherit {
  vertical-align: inherit; }

.vertical-align--baseline {
  vertical-align: baseline; }

@media (min-width: 768px) {
  .only-on-small {
    display: none !important; } }

@media (max-width: 767px) {
  .only-on-medium {
    display: none !important; } }

@media (min-width: 1024px) {
  .only-on-medium {
    display: none !important; } }

@media (max-width: 1023px) {
  .only-on-large {
    display: none !important; } }

@media (max-width: 767px) {
  .on-medium-and-up {
    display: none !important; } }

@media (min-width: 1024px) {
  .on-medium-and-below {
    display: none !important; } }

* + .h1,
* + .h2,
* + .h3,
* + .h4,
* + .h5,
* + h2,
* + h3,
* + h4,
* + h5 {
  margin-top: 1.953rem;
  margin-bottom: 1.563rem; }

.h1,
h1 {
  font-size: 3.052rem; }

.h2,
h2 {
  font-size: 1.563rem; }

.h3,
h3 {
  font-size: 1.25rem; }

.h4,
h4 {
  font-size: 1rem; }

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  font-weight: bold; }

.h5,
h5 {
  font-size: 1rem; }

.h1,
.h2,
.h3,
.h4,
.h5 h1,
h2,
h3,
h4,
h5 {
  font-family: "Antenna", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1; }
  .h1 a,
  .h2 a,
  .h3 a,
  .h4 a,
  .h5 h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a {
    text-decoration: none; }
  .h1 a:hover,
  .h1 a:focus,
  .h2 a:hover,
  .h2 a:focus,
  .h3 a:hover,
  .h3 a:focus,
  .h4 a:hover,
  .h4 a:focus,
  .h5 h1 a:hover,
  .h5 h1 a:focus,
  h2 a:hover,
  h2 a:focus,
  h3 a:hover,
  h3 a:focus,
  h4 a:hover,
  h4 a:focus,
  h5 a:hover,
  h5 a:focus {
    text-decoration: underline; }

.heading--inherit-link-color a {
  color: inherit !important; }

.heading--inherit-link-color a:hover {
  color: inherit !important; }

.footer-heading {
  font-family: "Antenna", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25rem;
  font-weight: bold;
  color: #f2f4f1; }

.t-spacing--largest {
  margin-top: 4.768rem; }

.-t-spacing--largest {
  margin-top: -4.768rem; }

.t-spacing--larger {
  margin-top: 3.052rem; }

.-t-spacing--larger {
  margin-top: -3.052rem; }

.t-spacing--large {
  margin-top: 1.953rem; }

.-t-spacing--large {
  margin-top: -1.953rem; }

.t-spacing--normal {
  margin-top: 1.563rem; }

.-t-spacing--normal {
  margin-top: -1.563rem; }

.t-spacing--small {
  margin-top: 0.8rem; }

.-t-spacing--small {
  margin-top: -0.8rem; }

.t-spacing--smaller {
  margin-top: 0.641rem; }

.-t-spacing--smaller {
  margin-top: -0.641rem; }

.t-spacing--smallest {
  margin-top: 0.262rem; }

.-t-spacing--smallest {
  margin-top: -0.262rem; }

.r-spacing--largest {
  margin-right: 4.768rem; }

.-r-spacing--largest {
  margin-right: -4.768rem; }

.r-spacing--larger {
  margin-right: 3.052rem; }

.-r-spacing--larger {
  margin-right: -3.052rem; }

.r-spacing--large {
  margin-right: 1.953rem; }

.-r-spacing--large {
  margin-right: -1.953rem; }

.r-spacing--normal {
  margin-right: 1.563rem; }

.-r-spacing--normal {
  margin-right: -1.563rem; }

.r-spacing--small {
  margin-right: 0.8rem; }

.-r-spacing--small {
  margin-right: -0.8rem; }

.r-spacing--smaller {
  margin-right: 0.641rem; }

.-r-spacing--smaller {
  margin-right: -0.641rem; }

.r-spacing--smallest {
  margin-right: 0.262rem; }

.-r-spacing--smallest {
  margin-right: -0.262rem; }

.b-spacing--largest {
  margin-bottom: 4.768rem; }

.-b-spacing--largest {
  margin-bottom: -4.768rem; }

.b-spacing--larger {
  margin-bottom: 3.052rem; }

.-b-spacing--larger {
  margin-bottom: -3.052rem; }

.b-spacing--large {
  margin-bottom: 1.953rem; }

.-b-spacing--large {
  margin-bottom: -1.953rem; }

.b-spacing--normal {
  margin-bottom: 1.563rem; }

.-b-spacing--normal {
  margin-bottom: -1.563rem; }

.b-spacing--small {
  margin-bottom: 0.8rem; }

.-b-spacing--small {
  margin-bottom: -0.8rem; }

.b-spacing--smaller {
  margin-bottom: 0.641rem; }

.-b-spacing--smaller {
  margin-bottom: -0.641rem; }

.b-spacing--smallest {
  margin-bottom: 0.262rem; }

.-b-spacing--smallest {
  margin-bottom: -0.262rem; }

.l-spacing--largest {
  margin-left: 4.768rem; }

.-l-spacing--largest {
  margin-left: -4.768rem; }

.l-spacing--larger {
  margin-left: 3.052rem; }

.-l-spacing--larger {
  margin-left: -3.052rem; }

.l-spacing--large {
  margin-left: 1.953rem; }

.-l-spacing--large {
  margin-left: -1.953rem; }

.l-spacing--normal {
  margin-left: 1.563rem; }

.-l-spacing--normal {
  margin-left: -1.563rem; }

.l-spacing--small {
  margin-left: 0.8rem; }

.-l-spacing--small {
  margin-left: -0.8rem; }

.l-spacing--smaller {
  margin-left: 0.641rem; }

.-l-spacing--smaller {
  margin-left: -0.641rem; }

.l-spacing--smallest {
  margin-left: 0.262rem; }

.-l-spacing--smallest {
  margin-left: -0.262rem; }

.foreground {
  color: #080807;
  background-color: #d7d9db; }
  .foreground svg {
    fill: #080807; }
  .foreground a,
  .foreground a:visited {
    color: #96c653; }
    .foreground a svg,
    .foreground a:visited svg {
      fill: #96c653; }
    .foreground a:hover, .foreground a:focus,
    .foreground a:visited:hover,
    .foreground a:visited:focus {
      color: #456020;
      text-decoration: underline; }
      .foreground a:hover svg, .foreground a:focus svg,
      .foreground a:visited:hover svg,
      .foreground a:visited:focus svg {
        fill: #456020; }

.background {
  color: #f2f4f1;
  background-color: #080807; }
  .background svg {
    fill: #f2f4f1; }
  .background a,
  .background a:visited {
    color: #96c653; }
    .background a svg,
    .background a:visited svg {
      fill: #96c653; }
    .background a:hover, .background a:focus,
    .background a:visited:hover,
    .background a:visited:focus {
      color: #c6e699;
      text-decoration: underline; }
      .background a:hover svg, .background a:focus svg,
      .background a:visited:hover svg,
      .background a:visited:focus svg {
        fill: #c6e699; }

.contentContainer {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }

.list--no-formatting {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .list--no-formatting li {
    margin: 0;
    padding: 0; }

.list--double-space li + li {
  margin-top: 1.563rem; }

.list--single-space li + li {
  margin-top: 0; }

.list--no-bullets {
  padding-left: 0;
  list-style-type: none; }

.list--blue-arrows {
  list-style-type: none;
  padding: 0; }
  .list--blue-arrows li {
    padding-left: 2em;
    text-indent: -1em; }
    .list--blue-arrows li:before {
      content: "\BB   ";
      color: #c6e699; }

.padding--largest {
  padding: 4.768rem; }

.padding--larger {
  padding: 3.052rem; }

.padding--large {
  padding: 1.953rem; }

.padding--normal {
  padding: 1.563rem; }

.padding--small {
  padding: 0.8rem; }

.padding--smaller {
  padding: 0.641rem; }

.padding--smallest {
  padding: 0.262rem; }

.padding-horizontal--largest {
  padding-left: 4.768rem;
  padding-right: 4.768rem; }

.padding-horizontal--larger {
  padding-left: 3.052rem;
  padding-right: 3.052rem; }

.padding-horizontal--large {
  padding-left: 1.953rem;
  padding-right: 1.953rem; }

.padding-horizontal--normal {
  padding-left: 1.563rem;
  padding-right: 1.563rem; }

.padding-horizontal--small {
  padding-left: 0.8rem;
  padding-right: 0.8rem; }

.padding-horizontal--smaller {
  padding-left: 0.641rem;
  padding-right: 0.641rem; }

.padding-horizontal--smallest {
  padding-left: 0.262rem;
  padding-right: 0.262rem; }

.padding-vertical--largest {
  padding-top: 4.768rem;
  padding-bottom: 4.768rem; }

.padding-vertical--larger {
  padding-top: 3.052rem;
  padding-bottom: 3.052rem; }

.padding-vertical--large {
  padding-top: 1.953rem;
  padding-bottom: 1.953rem; }

.padding-vertical--normal {
  padding-top: 1.563rem;
  padding-bottom: 1.563rem; }

.padding-vertical--small {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }

.padding-vertical--smaller {
  padding-top: 0.641rem;
  padding-bottom: 0.641rem; }

.padding-vertical--smallest {
  padding-top: 0.262rem;
  padding-bottom: 0.262rem; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.height--0 {
  box-shadow: unset; }

.depth--0 {
  box-shadow: unset; }

.height--1 {
  box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.1); }

.depth--1 {
  box-shadow: inset 3px 2px 8px rgba(0, 0, 0, 0.1); }

.height--2 {
  box-shadow: 6px 4px 16px rgba(0, 0, 0, 0.1); }

.depth--2 {
  box-shadow: inset 6px 4px 16px rgba(0, 0, 0, 0.1); }

.height--3 {
  box-shadow: 9px 6px 24px rgba(0, 0, 0, 0.1); }

.depth--3 {
  box-shadow: inset 9px 6px 24px rgba(0, 0, 0, 0.1); }

.text-color--primary {
  color: #96c653; }

.text-color--primary-light {
  color: #c6e699; }

.text-color--primary-dark {
  color: #456020; }

.text-color--secondary {
  color: #45cdef; }

.text-color--secondary-light {
  color: #6ee0f7; }

.text-color--secondary-dark {
  color: #0fa0bd; }

.text-color--tertiary {
  color: #61646b; }

.text-color--tertiary-light {
  color: #afb1b6; }

.text-color--tertiary-dark {
  color: #303236; }

.text-color--gray {
  color: #cbcccd; }

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

.text-color--dark-gray {
  color: #61666b; }

.text-color--inherit {
  color: inherit !important; }

.text-color--background-text {
  color: #f2f4f1 !important; }

.text-color--foreground-text {
  color: #080807 !important; }

.text-color--link {
  color: #080807 !important; }

.text-color--red {
  color: darkred !important; }

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

.text-color--warning {
  color: darkred !important; }

.background-color--primary {
  background-color: #96c653; }

.background-color--primary-light {
  background-color: #c6e699; }

.background-color--primary-dark {
  background-color: #456020; }

.background-color--primary-slight {
  background-color: rgba(150, 198, 83, 0.1); }

.background-color--secondary {
  background-color: #45cdef; }

.background-color--secondary-light {
  background-color: #6ee0f7; }

.background-color--secondary-dark {
  background-color: #0fa0bd; }

.background-color--secondary-slight {
  background-color: rgba(69, 205, 239, 0.1); }

.background-color--tertiary {
  background-color: #61646b; }

.background-color--tertiary-light {
  background-color: #afb1b6; }

.background-color--tertiary-dark {
  background-color: #303236; }

.background-color--tertiary-slight {
  background-color: rgba(97, 100, 107, 0.1); }

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

.background-color--white-slight {
  background-color: rgba(242, 244, 241, 0.1); }

.background-color--black {
  background-color: #080807; }

.background-color--black-slight {
  background-color: rgba(8, 8, 7, 0.1); }

.background-color--gray {
  background-color: #cbcccd; }

.background-color--light-gray {
  background-color: #d7d9db; }

.background-color--dark-gray {
  background-color: #61666b; }

.background-color--red-slight {
  background-color: rgba(139, 0, 0, 0.1); }

.background-color--green-slight {
  background-color: rgba(0, 128, 0, 0.1); }

.background-color--yellow-slight {
  background-color: rgba(255, 215, 0, 0.1); }

.background-color--transparent {
  background-color: transparent; }

.background-color--body-text-slight {
  background-color: rgba(8, 8, 7, 0.05); }

.opacity--90 {
  opacity: 0.9; }

.opacity--75 {
  opacity: 0.75; }

.opacity--50 {
  opacity: 0.5; }

.opacity--25 {
  opacity: 0.25; }

.opacity--10 {
  opacity: 0.1; }

.opacity--5 {
  opacity: 0.05; }

.link--underlined {
  text-decoration: underline !important; }
  .link--underlined:hover, .link--underlined:focus {
    outline: lightblue auto 5px;
    outline: -webkit-focus-ring-color auto 5px; }

.link--no-underline {
  text-decoration: none !important; }
  .link--no-underline:hover, .link--no-underline:focus {
    outline: lightblue auto 5px;
    outline: -webkit-focus-ring-color auto 5px; }

.image-link {
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  height: auto; }

.flex-direction--column {
  flex-direction: column; }

.align-items--flex-end {
  align-items: flex-end; }

.align-items--flex-start {
  align-items: flex-start; }

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

.align-items--stretch {
  align-items: stretch; }

.justify-content--flex-start {
  justify-content: flex-start; }

.justify-content--flex-end {
  justify-content: flex-end; }

.justify-content--center {
  justify-content: center; }

.justify-content--space-between {
  justify-content: space-between; }

.justify-content--space-around {
  justify-content: space-around; }

.order--0 {
  order: 0; }

.order--1 {
  order: 1; }

.order--2 {
  order: 2; }

.order--3 {
  order: 3; }

.order--4 {
  order: 4; }

.order--5 {
  order: 5; }

.flex-grow--0 {
  flex-grow: 0; }

.flex-grow--1 {
  flex-grow: 1; }

.align-self--flex-start {
  align-self: flex-start; }

.align-self--flex-end {
  align-self: flex-end; }

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

.align-self--stretch {
  align-self: stretch; }

.overflow--hidden {
  overflow: hidden; }

.overflow--auto {
  overflow: auto; }

.overflow--scroll {
  overflow: scroll; }

.overflow-x--hidden {
  overflow-x: hidden; }

.overflow-x--auto {
  overflow-x: auto; }

.overflow-x--scroll {
  overflow-x: scroll; }

.overflow-y--hidden {
  overflow-y: hidden; }

.overflow-y--auto {
  overflow-y: auto; }

.overflow-y--scroll {
  overflow-y: scroll; }

.display--flex {
  display: flex; }

.display--block {
  display: block; }

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

.display--none {
  display: none; }

.position--relative {
  position: relative; }

.position--absolute {
  position: absolute; }

.pointer-events--none {
  pointer-events: none; }

.pointer-events--auto {
  pointer-events: auto; }

.pointer-events--children--none * {
  pointer-events: none; }

.pointer-events--children--auto * {
  pointer-events: auto; }

.icon--normal svg {
  width: 1rem;
  height: 1rem; }

.icon--large svg {
  width: 1.25rem;
  height: 1.25rem; }

.icon--larger svg {
  width: 1.563rem;
  height: 1.563rem; }

.icon--largest svg {
  width: 3.052rem;
  height: 3.052rem; }

.icon--small svg {
  width: 0.8rem;
  height: 0.8rem; }

.icon--smaller svg {
  width: 0.64rem;
  height: 0.64rem; }

.icon--smallest svg {
  width: 0.512rem;
  height: 0.512rem; }

.block-loader {
  position: relative; }
  .block-loader:before {
    content: "";
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f2f4f1;
    animation: spinner 0.6s linear infinite;
    box-shadow: 0 0 0 0.641rem rgba(8, 8, 7, 0.5);
    background-color: rgba(8, 8, 7, 0.5); }
  .block-loader:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px; }

.inline-loader:before {
  content: "";
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #f2f4f1;
  animation: spinner 0.6s linear infinite;
  box-shadow: 0 0 0 0.641rem rgba(8, 8, 7, 0.5);
  background-color: rgba(8, 8, 7, 0.5); }

.inline-loader:before {
  margin: 0 1.563rem 0 0; }

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

.width--three-quarters {
  width: 75%; }

.width--two-thirds {
  width: 66.66%; }

.width--half {
  width: 50%; }

.width--third {
  width: 33.33%; }

.width--quarter {
  width: 25%; }

.height--full {
  height: 100%; }

.height--three-quarters {
  height: 75%; }

.height--two-thirds {
  height: 66.66%; }

.height--half {
  height: 50%; }

.height--third {
  height: 33.33%; }

.height--quarter {
  height: 25%; }

.table thead th,
.table thead td,
.table th {
  text-align: left;
  font-size: small;
  font-weight: bold;
  background: rgba(8, 8, 7, 0.1); }

.table th,
.table td {
  padding: 0.8rem; }

.table tbody tr th,
.table tbody tr td {
  border-bottom: 1px solid rgba(8, 8, 7, 0.1);
  background: transparent; }

.table--striped tbody tr:nth-child(2n + 2) {
  background: rgba(8, 8, 7, 0.025); }

.table--striped--primary tbody tr:nth-child(odd) {
  background: rgba(150, 198, 83, 0.1); }

.table--padding--normal th,
.table--padding--normal td {
  padding: 1.563rem; }

.fill--primary {
  fill: #96c653; }
  .fill--primary svg,
  .fill--primary g,
  .fill--primary path,
  .fill--primary rect,
  .fill--primary circle {
    fill: #96c653; }

.fill--primary-light {
  fill: #c6e699; }
  .fill--primary-light svg,
  .fill--primary-light g,
  .fill--primary-light path,
  .fill--primary-light rect,
  .fill--primary-light circle {
    fill: #c6e699; }

.fill--primary-dark {
  fill: #456020; }
  .fill--primary-dark svg,
  .fill--primary-dark g,
  .fill--primary-dark path,
  .fill--primary-dark rect,
  .fill--primary-dark circle {
    fill: #456020; }

.fill--secondary {
  fill: #45cdef; }
  .fill--secondary svg,
  .fill--secondary g,
  .fill--secondary path,
  .fill--secondary rect,
  .fill--secondary circle {
    fill: #45cdef; }

.fill--secondary-light {
  fill: #6ee0f7; }
  .fill--secondary-light svg,
  .fill--secondary-light g,
  .fill--secondary-light path,
  .fill--secondary-light rect,
  .fill--secondary-light circle {
    fill: #6ee0f7; }

.fill--secondary-dark {
  fill: #0fa0bd; }
  .fill--secondary-dark svg,
  .fill--secondary-dark g,
  .fill--secondary-dark path,
  .fill--secondary-dark rect,
  .fill--secondary-dark circle {
    fill: #0fa0bd; }

.fill--tertiary {
  fill: #61646b; }
  .fill--tertiary svg,
  .fill--tertiary g,
  .fill--tertiary path,
  .fill--tertiary rect,
  .fill--tertiary circle {
    fill: #61646b; }

.fill--tertiary-light {
  fill: #afb1b6; }
  .fill--tertiary-light svg,
  .fill--tertiary-light g,
  .fill--tertiary-light path,
  .fill--tertiary-light rect,
  .fill--tertiary-light circle {
    fill: #afb1b6; }

.fill--tertiary-dark {
  fill: #303236; }
  .fill--tertiary-dark svg,
  .fill--tertiary-dark g,
  .fill--tertiary-dark path,
  .fill--tertiary-dark rect,
  .fill--tertiary-dark circle {
    fill: #303236; }

.fill--white {
  fill: #f2f4f1; }
  .fill--white svg,
  .fill--white g,
  .fill--white path,
  .fill--white rect,
  .fill--white circle {
    fill: #f2f4f1; }

.fill--black {
  fill: #080807; }
  .fill--black svg,
  .fill--black g,
  .fill--black path,
  .fill--black rect,
  .fill--black circle {
    fill: #080807; }

.fill--gray {
  fill: #cbcccd; }
  .fill--gray svg,
  .fill--gray g,
  .fill--gray path,
  .fill--gray rect,
  .fill--gray circle {
    fill: #cbcccd; }

.fill--light-gray {
  fill: #d7d9db; }
  .fill--light-gray svg,
  .fill--light-gray g,
  .fill--light-gray path,
  .fill--light-gray rect,
  .fill--light-gray circle {
    fill: #d7d9db; }

.fill--dark-gray {
  fill: #61666b; }
  .fill--dark-gray svg,
  .fill--dark-gray g,
  .fill--dark-gray path,
  .fill--dark-gray rect,
  .fill--dark-gray circle {
    fill: #61666b; }

.strikeout--diagonal {
  display: inline-block;
  position: relative; }
  .strikeout--diagonal::before {
    content: '';
    position: absolute;
    left: -0.1em;
    right: -0.1em;
    top: 0.38em;
    bottom: 0.38em;
    background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 53.5%, transparent 54.5%);
    pointer-events: none; }

@media (max-width: 767px) {
  .accordion-tabs {
    margin-left: -1.563rem;
    margin-right: -1.563rem;
    border-bottom: 1px solid rgba(8, 8, 7, 0.1); } }

.accordion-tabs .toggle__label {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(8, 8, 7, 0.1);
  padding: 0.641rem 1.563rem; }
  .accordion-tabs .toggle__label .toggle__label__text {
    display: inline-block;
    border-bottom: 5px solid transparent;
    font-weight: bold; }
    @media (max-width: 767px) {
      .accordion-tabs .toggle__label .toggle__label__text {
        font-size: 1.25rem; } }
  @media (min-width: 768px) {
    .accordion-tabs .toggle__label {
      padding: 0.641rem 0; }
      .accordion-tabs .toggle__label ~ .toggle__label {
        margin-left: 1.563rem; } }

.accordion-tabs .toggle__panel {
  padding: 1.563rem;
  border-top: 1px solid rgba(8, 8, 7, 0.1); }

@media (min-width: 768px) {
  .accordion-tabs .toggle__check:checked + .toggle__label .toggle__label__text,
  .accordion-tabs .toggle__check:focus + .toggle__label .toggle__label__text,
  .accordion-tabs .toggle__check:active + .toggle__label .toggle__label__text {
    border-color: #96c653; } }

@media (min-width: 768px) {
  .accordion-tabs {
    display: flex;
    flex-wrap: wrap; }
  .accordion-tabs .toggle__label {
    order: 0;
    border-color: transparent;
    padding-bottom: 0;
    transform: translateY(3px); }
  .accordion-tabs .toggle__panel {
    order: 1;
    width: 100%; }
  .accordion-tabs .toggle__label__arrow {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden; } }

.btn, button {
  text-decoration: none !important;
  background-color: #cbcccd !important;
  color: #080807 !important;
  font-weight: bold;
  border: 0 !important;
  display: inline-block;
  padding: 0.8rem 1.563rem;
  font-size: 1rem;
  line-height: 1.563;
  border-radius: 3px;
  vertical-align: top;
  cursor: pointer; }
  .btn svg, button svg {
    fill: #080807 !important; }
  .btn:hover, button:hover {
    border: 0;
    background-color: #080807 !important;
    color: #f2f4f1 !important; }
    .btn:hover svg, button:hover svg {
      fill: #f2f4f1 !important; }

.btn--primary, button {
  background-color: #96c653 !important;
  color: #f2f4f1 !important; }
  .btn--primary svg, button svg {
    fill: #f2f4f1 !important; }
  .btn--primary:focus, button:focus, .btn--primary:hover, button:hover {
    background-color: #456020 !important;
    color: #f2f4f1 !important; }
    .btn--primary:focus svg, button:focus svg, .btn--primary:hover svg, button:hover svg {
      fill: #f2f4f1 !important; }

.btn--primary-light {
  background-color: #c6e699 !important;
  color: #f2f4f1 !important; }
  .btn--primary-light svg {
    fill: #f2f4f1 !important; }
  .btn--primary-light:focus, .btn--primary-light:hover {
    background-color: #96c653 !important;
    color: #f2f4f1 !important; }
    .btn--primary-light:focus svg, .btn--primary-light:hover svg {
      fill: #f2f4f1 !important; }

.btn--secondary {
  background-color: #45cdef !important;
  color: #f2f4f1 !important; }
  .btn--secondary svg {
    fill: #f2f4f1 !important; }
  .btn--secondary:focus, .btn--secondary:hover {
    background-color: #0fa0bd !important;
    color: #f2f4f1 !important; }
    .btn--secondary:focus svg, .btn--secondary:hover svg {
      fill: #f2f4f1 !important; }

.btn--tertiary {
  background-color: #61646b !important;
  color: #f2f4f1 !important; }
  .btn--tertiary svg {
    fill: #f2f4f1 !important; }
  .btn--tertiary:focus, .btn--tertiary:hover {
    background-color: #303236 !important;
    color: #f2f4f1 !important; }
    .btn--tertiary:focus svg, .btn--tertiary:hover svg {
      fill: #f2f4f1 !important; }

.btn--danger {
  background-color: darkred !important;
  color: #f2f4f1 !important; }
  .btn--danger svg {
    fill: #f2f4f1 !important; }
  .btn--danger:focus, .btn--danger:hover {
    background-color: #580000 !important;
    color: #f2f4f1 !important; }
    .btn--danger:focus svg, .btn--danger:hover svg {
      fill: #f2f4f1 !important; }

.btn--success {
  background-color: green !important;
  color: #f2f4f1 !important; }
  .btn--success svg {
    fill: #f2f4f1 !important; }
  .btn--success:focus, .btn--success:hover {
    background-color: #004d00 !important;
    color: #f2f4f1 !important; }
    .btn--success:focus svg, .btn--success:hover svg {
      fill: #f2f4f1 !important; }

.btn--warning {
  background-color: gold !important;
  color: #080807 !important; }
  .btn--warning svg {
    fill: #080807 !important; }
  .btn--warning:focus, .btn--warning:hover {
    background-color: #ccac00 !important;
    color: #080807 !important; }
    .btn--warning:focus svg, .btn--warning:hover svg {
      fill: #080807 !important; }

.btn--icon {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  line-height: 0;
  border-radius: 100%;
  background: none;
  position: relative; }
  .btn--icon > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .btn--icon.btn--sm {
    width: 1rem;
    height: 1rem;
    padding: 0; }

.btn--lg {
  font-size: 1.25rem; }

.btn--sm {
  font-size: 0.64rem;
  padding: 0.641rem 0.8rem; }

.btn--full {
  width: 100%;
  display: block;
  text-align: center; }

.btn--disabled {
  opacity: 0.25;
  cursor: not-allowed; }

.btn--loading {
  position: relative; }
  .btn--loading:before {
    content: "";
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f2f4f1;
    animation: spinner 0.6s linear infinite;
    box-shadow: 0 0 0 0.641rem rgba(8, 8, 7, 0.5);
    background-color: rgba(8, 8, 7, 0.5); }
  .btn--loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px; }

.btn--loading--inline:before {
  content: "";
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #f2f4f1;
  animation: spinner 0.6s linear infinite;
  box-shadow: 0 0 0 0.641rem rgba(8, 8, 7, 0.5);
  background-color: rgba(8, 8, 7, 0.5); }

.btn--loading--inline:before {
  margin: 0 1.563rem 0 0; }

.btn--outline {
  background: transparent !important;
  border: 1px solid #f2f4f1 !important;
  color: #f2f4f1 !important; }
  .btn--outline:hover, .btn--outline:focus {
    background: #f2f4f1 !important;
    color: #080807 !important; }

.btn--outline--primary {
  background: transparent !important;
  border: 1px solid #96c653 !important;
  color: #96c653 !important; }
  .btn--outline--primary:hover, .btn--outline--primary:focus {
    background: #96c653 !important;
    color: #f2f4f1 !important; }

.btn--outline--primary-light {
  background: transparent !important;
  border: 1px solid #c6e699 !important;
  color: #c6e699 !important; }
  .btn--outline--primary-light:hover, .btn--outline--primary-light:focus {
    background: #c6e699 !important;
    color: #f2f4f1 !important; }

.btn--outline--gray {
  background: transparent !important;
  border: 1px solid #cbcccd !important;
  color: #61666b !important; }
  .btn--outline--gray:hover, .btn--outline--gray:focus {
    background: #cbcccd !important;
    color: #080807 !important; }

.btn--no-border {
  border-color: transparent !important; }

.flag-icon svg {
  width: 20px;
  height: 15px;
  overflow: hidden; }

* + .form {
  margin-top: 1.563rem; }

.actions-toolbar {
  display: block;
  margin-top: 1.563rem;
  text-align: center; }
  .actions-toolbar button,
  .actions-toolbar .button,
  .actions-toolbar input[type=button] {
    width: 100%;
    min-width: 12rem; }
    @media (min-width: 1024px) {
      .actions-toolbar button,
      .actions-toolbar .button,
      .actions-toolbar input[type=button] {
        width: auto; } }

.field {
  position: relative; }
  @media (min-width: 1024px) {
    .field {
      display: flex; } }
  .field + .field {
    margin-top: 1.563rem; }

.label {
  flex-basis: 25%;
  align-self: center;
  font-weight: bold;
  font-size: 0.64rem;
  text-transform: uppercase; }

.control {
  flex-basis: 75%; }

.choice {
  display: flex;
  align-items: center; }
  .choice .label {
    flex-basis: 75%;
    font-weight: normal;
    font-size: 1rem;
    text-transform: none;
    margin-left: 0.641rem;
    cursor: pointer; }

@media (min-width: 1024px) {
  #remember-me-box {
    padding-left: 25%; } }

.remind {
  font-size: 0.8rem; }

.hero-banner {
  overflow: visible;
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  max-height: 100%;
  background: #080807; }

.hero-banner__image {
  width: 100%;
  height: auto;
  display: block; }

.hero-banner__image-container {
  overflow: hidden; }

.hero-banner__content {
  width: 100%;
  position: absolute;
  padding: 1.563rem;
  color: #f2f4f1;
  text-shadow: 2px 2px 2px #080807;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.hero-banner__content--no-image {
  width: 100%;
  padding: 1.563rem;
  color: #f2f4f1;
  text-shadow: 2px 2px 2px #080807; }

@media (min-width: 768px) {
  .hero-banner--full-width-image {
    height: 720px; }
    .hero-banner--full-width-image .hero-banner__image-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      right: calc( (1440px - 100vw + 0.8rem) / -2);
      left: calc( (1440px - 100vw + 0.8rem) / -2); } }
    @media (min-width: 768px) and (min-width: 1440px) {
      .hero-banner--full-width-image .hero-banner__image-container {
        right: calc( (100vw - 1440px + 1.563rem) / -2);
        left: calc( (100vw - 1440px + 1.563rem) / -2); } }

.hero-banner__content--tl {
  top: 0;
  left: 0;
  transform: none; }

.hero-banner__content--tc {
  top: 0;
  left: 50%;
  transform: translateX(-50%); }

.hero-banner__content--tr {
  top: 0;
  right: 0;
  left: auto;
  transform: none; }

.hero-banner__content--rc {
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%); }

.hero-banner__content--br {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  transform: none; }

.hero-banner__content--bc {
  top: auto;
  bottom: 0;
  transform: translateX(-50%); }

.hero-banner__content--bl {
  top: auto;
  bottom: 0;
  left: 0;
  transform: none; }

.hero-banner__content--lc {
  top: 50%;
  left: 0;
  transform: translateY(-50%); }

@media (max-width: 767px) {
  .hero-banner__content--su {
    position: static;
    transform: none; } }

@media (min-width: 768px) {
  .hero-banner__content--w-100 {
    width: 100%; }
  .hero-banner__content--w-75 {
    width: 75%; }
  .hero-banner__content--w-50 {
    width: 50%; }
  .hero-banner__content--w-66 {
    width: 66%; }
  .hero-banner__content--w-33 {
    width: 33%; }
  .hero-banner__content--w-25 {
    width: 25%; } }

.input-group {
  display: flex;
  align-items: stretch;
  align-content: stretch; }
  .input-group .btn, .input-group button {
    padding: 0 1.563rem; }
  .input-group > * {
    border-radius: 0; }
  .input-group *:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .input-group *:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

#modal-container {
  height: 100%; }

.modal__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(8, 8, 7, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  z-index: 5000; }

.showModal {
  overflow: hidden; }

.showModal .modal__wrapper {
  opacity: 1;
  pointer-events: auto; }

.modal__container {
  background: #d7d9db;
  color: #080807;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .modal__container {
      box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.1);
      width: 800px;
      height: auto;
      max-height: 90vh; }
      .modal__container.modal--type-image {
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh; } }

.modal__heading {
  font-size: 1.25rem;
  font-weight: bold;
  font-family: "Antenna", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #f2f4f1;
  background: #080807;
  padding: 1.563rem; }
  .modal__heading svg {
    fill: #f2f4f1; }

.modal__meta {
  z-index: 6000;
  position: fixed;
  right: 1.563rem;
  top: 1.563rem; }
  @media (min-width: 1024px) {
    .modal__meta {
      position: absolute; } }
  .modal__meta a {
    display: block;
    position: relative;
    background: #d7d9db;
    margin: 0;
    padding: 0;
    border-radius: 100%;
    width: 28px;
    height: 28px; }
    .modal__meta a svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      fill: #080807; }
    .modal__meta a:hover svg {
      fill: #96c653; }

.modal__content {
  height: 100%;
  padding: 1.563rem;
  position: relative;
  flex-grow: 1; }

.modal__iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  @media (min-width: 768px) {
    .modal__iframe {
      position: relative;
      height: 420px; } }

.modal--type-image img {
  max-width: none;
  width: auto;
  height: auto; }

.modal--type-image .modal__content {
  padding: 0; }

.modals-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(8, 8, 7, 0.5);
  visibility: hidden; }

.modal-popup {
  display: flex;
  flex-direction: column;
  max-width: 90vw;
  max-width: 90vh;
  opacity: 0;
  pointer-events: none; }

.modal-popup_show,
.modal-popup._show {
  opacity: 1;
  pointer-events: auto; }

.productSmallTile {
  min-width: 180px; }

.stars__container {
  display: block;
  position: relative;
  overflow: hidden;
  user-select: none;
  font-size: 1.25rem; }

.stars__emptyStarsContainer {
  color: rgba(8, 8, 7, 0.15);
  display: inline-block; }

.stars__fullStarsContainer {
  color: #c6e699;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap; }

.rating-input--star {
  opacity: 1;
  cursor: pointer;
  user-select: none; }

.rating-input--radio:checked ~ .rating-input--star ~ .rating-input--star {
  opacity: 0.2; }

.rating-input:hover .rating-input--star,
.rating-input:hover .rating-input--star:hover {
  opacity: 1 !important;
  color: #96c653; }

.rating-input:hover .rating-input--star:hover ~ .rating-input--star {
  opacity: 0.2 !important; }

.tiled-list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }

.tiled-list--tile-width-10 .tile {
  flex-basis: 33.33%;
  max-width: 33.33%; }

.tiled-list--tile-width-20 .tile, .tiled-list--tile-width-25 .tile {
  flex-basis: 50%;
  max-width: 50%; }

.tiled-list--tile-width-33 .tile, .tiled-list--tile-width-50 .tile {
  flex-basis: 100%;
  max-width: 100%; }

@media (min-width: 768px) {
  .tiled-list--tile-width-33 .tile, .tiled-list--tile-width-50 .tile {
    flex-basis: 50%;
    max-width: 50%; } }

@media (min-width: 1024px) {
  .tiled-list--tile-width-10 .tile {
    flex-basis: 10%;
    max-width: 10%; }
  .tiled-list--tile-width-20 .tile {
    flex-basis: 20%;
    max-width: 20%; }
  .tiled-list--tile-width-25 .tile {
    flex-basis: 25%;
    max-width: 25%; }
  .tiled-list--tile-width-33 .tile {
    flex-basis: 33.33%;
    max-width: 33.33%; }
  .tiled-list--tile-width-50 .tile {
    flex-basis: 50%;
    max-width: 50%; } }

.tiled-list--gutter > .tile {
  padding: 0.8rem; }

.tiled-list--gutter-small > .tile {
  padding: 0.262rem; }

.tiled-list--gutter-large > .tile {
  padding: 1.563rem; }

.tiled-list--align-left {
  justify-content: flex-start; }

.tiled-list--align-center {
  justify-content: center; }

.tiled-list--align-right {
  justify-content: flex-end; }

.tile {
  display: inline-block;
  overflow: hidden;
  max-width: 100%; }

.toggle__check {
  pointer-events: none;
  position: absolute;
  max-height: 1px;
  opacity: 0.001; }

.toggle__panel {
  position: absolute;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: -1; }

.toggle__label {
  cursor: pointer; }

.toggle__label__text {
  pointer-events: none !important; }

.toggle__check:focus + .toggle__label {
  outline: lightblue auto 5px;
  outline: -webkit-focus-ring-color auto 5px; }

.toggle__check:checked + .toggle__label + .toggle__panel,
.toggle__check:checked + .toggle__panel {
  position: static;
  opacity: 1;
  max-height: 9999px;
  pointer-events: auto;
  z-index: auto; }

.toggle__label__arrow {
  display: inline-block;
  opacity: 0.15; }
  .toggle__label__arrow svg {
    width: 12px;
    fill: black; }

.toggle__check:checked + .toggle__label .toggle__label__arrow {
  transform: rotate(-180deg); }

.tooltip-wrapper {
  position: relative;
  overflow: visible;
  line-height: 0.8; }

.tooltip-link {
  font-size: 0.64rem;
  white-space: nowrap; }

.tooltip-content {
  position: absolute;
  background: #d7d9db;
  color: #080807;
  padding: 0.8rem;
  right: 100%;
  top: 100%;
  transform: translate(1.563rem, -1.563rem);
  width: 300px;
  font-size: 0.8rem;
  pointer-events: none;
  opacity: 0;
  transition: 0.25s ease-in-out opacity;
  border-radius: 3px;
  line-height: 1.563;
  box-shadow: 6px 4px 16px rgba(0, 0, 0, 0.1); }
  .tooltip-content a {
    color: #456020;
    text-decoration: underline; }
    .tooltip-content a:focus, .tooltip-content a:hover {
      color: #456020; }

.tooltip--top-right .tooltip-content {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 100%;
  transform: translate(-1.563rem, 1.563rem); }

.tooltip--bottom-right .tooltip-content {
  right: auto;
  left: 100%;
  transform: translate(-0.8rem, -0.8rem); }

.tooltip--top-left .tooltip-content {
  top: auto;
  bottom: 100%;
  transform: translate(1.563rem, 1.563rem); }

.tooltip--top-center .tooltip-content {
  top: auto;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, -0.8rem); }

.tooltip-wrapper:hover .tooltip-content,
.tooltip-content:target {
  pointer-events: auto;
  opacity: 1; }

.dp-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75); }

.dp {
  position: relative;
  background: #fff;
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
  line-height: 1.4;
  border-radius: 4px;
  max-height: 400px;
  z-index: 1000;
  padding-top: 6px;
  overflow: hidden; }

.dp:before {
  content: " ";
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #3b99fc;
  background: linear-gradient(-90deg, #3b99fc 0%, #8aefc8 100%); }

.dp-permanent .dp {
  padding-top: 0;
  border: 1px solid #eee;
  box-shadow: none; }

.dp-permanent .dp:before {
  display: none; }

.dp-cal {
  min-height: 300px; }

.dp-below {
  position: absolute;
  font-size: 0.8em;
  width: 400px;
  max-width: 100vw; }

.dp-permanent {
  position: relative;
  font-size: 0.8em;
  width: 400px;
  max-width: 100vw; }

.dp-permanent .dp {
  z-index: 0; }

.dp-modal .dp {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  width: calc(100% - 4em);
  transform: translate(-50%, -50%);
  animation: slide-up 0.3s forwards; }

.dp-months {
  padding: 24px; }

.dp-years {
  box-sizing: border-box;
  max-height: 400px;
  padding: 8px 0;
  overflow: auto !important;
  /* HACK for Chrome on Android */ }

.dp-cal-month,
.dp-cal-year,
.dp-day,
.dp-month,
.dp-year {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  position: relative;
  color: #3b404d;
  border-radius: 2px; }

.dp-cal-header {
  position: relative;
  text-align: center;
  padding-bottom: 16px;
  background: #f5f5f5; }

.dp-next,
.dp-prev {
  position: absolute;
  width: 30px;
  height: 30px;
  overflow: hidden;
  top: 14px;
  color: #777;
  border-radius: 2px; }

.dp-next:focus,
.dp-prev:focus,
.dp-next:hover,
.dp-prev:hover {
  outline: none;
  color: inherit; }

.dp-prev {
  left: 24px; }

.dp-next {
  right: 24px; }

.dp-prev:before,
.dp-next:before {
  content: "";
  border: 2px solid;
  width: 10px;
  height: 10px;
  display: inline-block;
  transform: rotate(-45deg);
  transition: border-color 0.2s;
  margin: 9px 0 40px 4px; }

.dp-prev:before {
  border-right: 0;
  border-bottom: 0; }

.dp-next:before {
  border-left: 0;
  border-top: 0;
  margin-left: 0;
  margin-right: 4px; }

.dp-cal-month,
.dp-cal-year {
  display: inline-block;
  font-size: 1.4em;
  padding: 16px 8px 8px;
  outline: none; }

.dp-cal-footer {
  text-align: center;
  background: #f5f5f5; }

.dp-day-today:after {
  content: "";
  height: 0;
  width: 0;
  border: 7px solid #227bd7;
  border-bottom-color: transparent;
  border-left-color: transparent;
  position: absolute;
  top: 0;
  right: 0; }

.dp-close,
.dp-clear,
.dp-today {
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  padding: 8px;
  text-decoration: none;
  color: inherit; }

.dp-permanent .dp-close,
.dp-permanent .dp-clear {
  display: none; }

.dp-close:hover,
.dp-close:focus,
.dp-clear:hover,
.dp-clear:focus,
.dp-today:hover,
.dp-today:focus,
.dp-next:hover,
.dp-next:focus,
.dp-prev:hover,
.dp-prev:focus,
.dp-cal-month:focus,
.dp-cal-month:hover,
.dp-cal-year:hover,
.dp-cal-year:focus {
  background: #75bcfc;
  color: white; }

.dp-col-header,
.dp-day {
  width: 14.28571429%;
  display: inline-block;
  padding: 8px;
  text-align: center; }

.dp-col-header {
  color: #aaa;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.8em;
  padding: 8px 0; }

.dp-month {
  width: 33%;
  display: inline-block;
  padding: 8px; }

.dp-year {
  display: block;
  padding: 8px 40px; }

.dp-edge-day {
  color: #aaa; }

.dp-day:hover,
.dp-month:hover,
.dp-year:hover,
.dp-current:focus,
.dp-current,
.dp-day:focus,
.dp-month:focus,
.dp-year:focus {
  outline: none;
  background: #75bcfc;
  color: white; }

.dp-selected:hover,
.dp-selected:focus,
.dp-selected {
  background: #3b99fc;
  color: #fff; }

.dp-day-disabled {
  background: transparent;
  color: #ddd; }

.dp-day-disabled:focus,
.dp-day-disabled:hover {
  background: #ddd; }

.dp-focuser {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%; }

/* Responsive overrides */
@media (max-width: 480px), (max-height: 480px) {
  .dp-modal .dp {
    font-size: 0.9em;
    width: auto;
    width: 100%; }
  .dp-day-of-week,
  .dp-day {
    padding: 8px; } }

@keyframes slide-up {
  0% {
    transform: translate(-50%, 100%); }
  100% {
    transform: translate(-50%, -50%); } }

@media (min-width: 768px) {
  .accordion-tabs .toggle__check:checked + .toggle__label .toggle__label__text,
  .accordion-tabs .toggle__check:focus + .toggle__label .toggle__label__text,
  .accordion-tabs .toggle__check:active + .toggle__label .toggle__label__text {
    border-color: #45cdef; } }

.accordion-tabs .toggle__label__text {
  color: rgba(8, 8, 7, 0.75);
  font-weight: normal !important; }

.accordion-tabs .toggle__check:checked + .toggle__label .toggle__label__text {
  color: #080807;
  font-weight: bold !important; }

.btn--primary, button {
  color: #080807 !important; }
  .btn--primary:hover, button:hover, .btn--primary:focus, button:focus {
    color: #f2f4f1 !important; }

.btn--secondary {
  background-color: #080807 !important;
  color: #45cdef !important; }
  .btn--secondary:hover, .btn--secondary:focus {
    color: #6ee0f7 !important;
    background: linear-gradient(to bottom, #61666b 0%, #080807 100%) !important; }

.pp-products-categories .current {
  opacity: .5;
  text-decoration: none;
  pointer-events: none; }

.hero-banner {
  margin-top: 1.953rem; }

@media (max-width: 767px) {
  .hero-banner {
    margin-top: 0;
    margin-left: -1.563rem;
    width: calc(100% + 3.126rem); } }

.hero-banner__content {
  text-align: center;
  color: #f2f4f1;
  text-shadow: none; }
  @media (max-width: 767px) {
    .hero-banner__content {
      padding: 1.953rem;
      width: 100%;
      background: #61666b;
      position: static;
      transform: none !important; } }
  @media (min-width: 768px) {
    .hero-banner__content {
      padding-left: 4.768rem;
      color: #080807;
      text-align: left; } }

.hero-banner__image {
  width: 100%;
  height: auto;
  display: block; }

.compare-window-container {
  background: #080807; }
  .compare-window-container a {
    color: #96c653; }
    .compare-window-container a svg {
      fill: #96c653; }
    .compare-window-container a:hover, .compare-window-container a:focus {
      color: #c6e699; }
      .compare-window-container a:hover svg, .compare-window-container a:focus svg {
        fill: #c6e699; }

.pp-products-categories .block-category-link {
  display: block;
  padding-left: 0.8rem;
  text-indent: -0.8rem; }
  .pp-products-categories .block-category-link + .block-category-link {
    margin-top: 0.262rem; }

.filter-options-content + .filter-options-title {
  margin-top: 0.8rem; }

.footer {
  position: relative; }

.footer .cat-dog-silhouettes {
  bottom: 0;
  right: 5%; }

.footer__customer-care a {
  text-decoration: none; }
  .footer__customer-care a:hover, .footer__customer-care a:focus {
    text-decoration: underline; }

.background a.footer__social-icons {
  text-decoration: none; }
  .background a.footer__social-icons svg,
  .background a.footer__social-icons svg * {
    pointer-events: fill; }
  .background a.footer__social-icons svg {
    fill: #ffffff; }
  .background a.footer__social-icons:visited svg, .background a.footer__social-icons:focus svg {
    fill: #ffffff; }
  .background a.footer__social-icons:hover svg {
    fill: #96c653; }

@media (max-width: 767px) {
  .header.content {
    padding: 0 0.8rem; } }

.page-header {
  padding: 0.8rem 0;
  border-bottom: 0.8rem solid #61666b; }
  .page-header a {
    text-decoration: none !important; }
  @media (min-width: 768px) {
    .page-header {
      padding: 1.563rem 0; } }

.cat-dog-silhouettes {
  position: absolute;
  bottom: -1.563rem;
  bottom: calc(-1.563rem - 0.1rem);
  right: 1.563rem;
  pointer-events: none;
  width: 226px;
  height: 52px; }
  @media (max-width: 767px) {
    .cat-dog-silhouettes {
      display: none; } }

.logo svg,
.cat-dog-silhouettes svg {
  width: 100%;
  height: auto; }

.cat-dog-silhouettes__fill {
  fill: #61666b; }

.logo__fill {
  fill: #96c653; }

.logo {
  width: 150px; }

@media (min-width: 768px) {
  .logo {
    width: 230px;
    height: 70px;
    transform: translateX(-10px); } }

.cms-home .page-main {
  margin-top: 0; }

.product-gallery__thumbnail-image {
  border-radius: 0.262rem;
  overflow: hidden; }

.product-gallery__viewport {
  border-radius: 0.641rem; }

.product-gallery__viewport-link {
  overflow: hidden;
  background-color: #5cc3eb; }
  .modal__content .product-gallery__viewport-link {
    cursor: move; }

.product-gallery__viewport-image {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none; }

.product-gallery__thumbnail:first-child .product-gallery__thumbnail-link .product-gallery__thumbnail-image {
  background-color: #5cc3eb; }

.product-gallery__thumbnail-link {
  background-color: transparent;
  padding: 0.262rem; }

.product-gallery__thumbnail-link:focus,
.product-gallery__thumbnail-link:hover,
.product-gallery__thumbnail-selected {
  background-color: #5cc3eb;
  border-radius: 0.262rem; }

.product-gallery__thumbnail-link:focus img,
.product-gallery__thumbnail-link:hover img,
.product-gallery__thumbnail-selected img {
  border-color: #5cc3eb; }

.product-grid__product-photo-link {
  background: rgba(242, 244, 241, 0.5); }

.product-item-info a {
  text-decoration: none; }
  .product-item-info a:hover, .product-item-info a:focus {
    opacity: 0.8; }

.product-item-info:hover {
  background: rgba(97, 100, 107, 0.1); }

@media (max-width: 767px) {
  .product-page__media {
    order: 0; }
  .product-page__info .product.attribute {
    color: #61646b;
    margin-top: 1.563rem; }
  .product-info__detailed {
    background: #f2f4f1; } }

@media (min-width: 768px) {
  .product-page__info-wrapper {
    padding: 1.563rem;
    background: #61646b;
    border-radius: 0.641rem;
    color: #f2f4f1; }
  .product-page__info-wrapper a {
    color: #f2f4f1; } }

@media (min-width: 768px) and (max-width: 767px) {
  .product-page__info-wrapper {
    border-radius: 0;
    padding: 1.563rem 0; } }

@media (min-width: 768px) {
  .product-page__info-wrapper .page-title {
    color: #f2f4f1 !important; } }

.product-page__warranty-callout {
  padding: 1rem;
  display: flex; }
  .product-page__warranty-callout > img,
  .product-page__warranty-callout > div {
    align-self: center;
    max-width: 268px; }
  .product-page__warranty-callout > img {
    margin-right: 1rem; }

@media (max-width: 767px) {
  .product-page__warranty-callout {
    flex-direction: column; }
    .product-page__warranty-callout > img,
    .product-page__warranty-callout > div {
      margin: .5rem 2rem;
      text-align: center; } }

.product-page__walmart-callout {
  margin-top: 2rem;
  margin-bottom: 1rem; }
  .product-page__walmart-callout > div {
    margin-top: 1.5rem; }
    .product-page__walmart-callout > div > a {
      background-color: #f2f4f1;
      border-radius: 4px;
      padding: 2rem 1rem;
      margin-top: 1rem; }
      .product-page__walmart-callout > div > a > svg {
        width: 200px;
        height: auto; }
      .product-page__walmart-callout > div > a:hover > svg {
        transform: scale(1.1); }

.nav__mobile-only .nav__link {
  border: 0 !important;
  border-radius: 0.262rem; }

.nav__link {
  color: #f2f4f1 !important;
  font-weight: bold;
  padding: 0.641rem 0.8rem; }
  @media (min-width: 768px) {
    .nav__link {
      border-radius: 0.262rem; } }

.nav__link:hover {
  color: #45cdef !important;
  text-decoration: none !important; }

@media (max-width: 767px) {
  .header-navigation__wrapper {
    background: #080807;
    top: 6.5rem; } }

.header-navigation__primary {
  margin-top: 0; }

.page-title {
  color: #61646b; }

@media (max-width: 374px) {
  .no-break-resp {
    white-space: unset; } }

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