@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@900&display=swap);
@font-face {
  font-family: icomoon;
  src:
    url(clientlib-site/resources/fonts/icomoon.woff) format('woff'),
    url(clientlib-site/resources/images/icomoon.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

[class*=' arlo-icon-'],
[class^='arlo-icon-'] {
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arlo-icon-Doorbel-2kl-sale:before {
  content: '\E96A';
}

.arlo-icon-Doorbell-2k-promo:before {
  content: '\E96B';
}

.arlo-icon-Doorbell-2k:before {
  content: '\E96C';
}

.arlo-icon-Doorbell-and-chime-promo:before {
  content: '\E96D';
}

.arlo-icon-Doorbell-and-chime-sale:before {
  content: '\E96E';
}

.arlo-icon-Doorbell-and-chime:before {
  content: '\E96F';
}

.arlo-icon-Essential-2k-Outdoor-new:before {
  content: '\E970';
}

.arlo-icon-Essential-2k-Outdoor-promo:before {
  content: '\E971';
}

.arlo-icon-Essential-2k-Outdoor-sale:before {
  content: '\E972';
}

.arlo-icon-Floodlight-new:before {
  content: '\E973';
}

.arlo-icon-Go-2-new:before {
  content: '\E974';
}

.arlo-icon-indoor-2k-promo:before {
  content: '\E975';
}

.arlo-icon-indoor-2k-sale:before {
  content: '\E976';
}

.arlo-icon-indoor-2k:before {
  content: '\E977';
}

.arlo-icon-Pro5-new:before {
  content: '\E978';
}

.arlo-icon-Ultra-2-XL-new:before {
  content: '\E979';
}

.arlo-icon-volume-low:before {
  content: '\E969';
}

.arlo-icon-volume-high:before {
  content: '\E966';
}

.arlo-icon-backward-15s:before {
  content: '\E967';
}

.arlo-icon-forward-15s:before {
  content: '\E965';
}

.arlo-icon-play-rounded:before {
  content: '\E968';
}

.arlo-icon-chevron-down:before {
  content: '\E962';
}

.arlo-icon-cross-filled:before {
  content: '\E963';
  color: #c5c9cd;
}

.arlo-icon-tick-filled:before {
  content: '\E964';
}

.arlo-icon-Doorbell-Sale:before {
  content: '\E925';
}

.arlo-icon-Essential-Sale:before {
  content: '\E928';
}

.arlo-icon-Floodlight-Sale:before {
  content: '\E930';
}

.arlo-icon-Go-2-Sale:before {
  content: '\E931';
}

.arlo-icon-Indoor-Sale:before {
  content: '\E934';
}

.arlo-icon-Pro-4-5-xl-Sale:before {
  content: '\E938';
}

.arlo-icon-Ultra-2-xl-Sale:before {
  content: '\E940';
}

.arlo-icon-Doorbell-Promo:before {
  content: '\E95B';
}

.arlo-icon-Essential-xl-Promo:before {
  content: '\E95C';
}

.arlo-icon-floodlight-Promo:before {
  content: '\E95D';
}

.arlo-icon-Go-2-Promo:before {
  content: '\E95E';
}

.arlo-icon-Indoor-Promo:before {
  content: '\E95F';
}

.arlo-icon-Pro-4-5-xl-Promo:before {
  content: '\E960';
}

.arlo-icon-Ultra-2-xl-Promo:before {
  content: '\E961';
}

.arlo-icon-warning:before {
  content: '\E911';
  color: #dc2800;
}

.arlo-icon-chat:before {
  content: '\E900';
}

.arlo-icon-2K:before {
  content: '\E901';
}

.arlo-icon-4K:before {
  content: '\E929';
}

.arlo-icon-110-field-view:before {
  content: '\E92A';
}

.arlo-icon-130-field-view:before {
  content: '\E92B';
}

.arlo-icon-160-field-view:before {
  content: '\E92C';
}

.arlo-icon-180-1-1-view:before {
  content: '\E92E';
}

.arlo-icon-180-field-view:before {
  content: '\E92F';
}

.arlo-icon-location:before {
  content: '\E936';
}

.arlo-icon-flash-light:before {
  content: '\E937';
}

.arlo-icon-cloud-recording:before {
  content: '\E93F';
}

.arlo-icon-night:before {
  content: '\E94C';
}

.arlo-icon-wireless:before {
  content: '\E94D';
}

.arlo-icon-active-zone:before {
  content: '\E94E';
}

.arlo-icon-easly-mount:before {
  content: '\E94F';
}

.arlo-icon-HD:before {
  content: '\E924';
}

.arlo-icon-bell:before {
  content: '\E950';
}

.arlo-icon-activated-siren:before {
  content: '\E951';
}

.arlo-icon-detected-active-zone:before {
  content: '\E952';
}

.arlo-icon-phone-notification:before {
  content: '\E953';
}

.arlo-icon-solar:before {
  content: '\E90B';
}

.arlo-icon-privacy-shield:before {
  content: '\E954';
}

.arlo-icon-secure:before {
  content: '\E955';
}

.arlo-icon-settings:before {
  content: '\E910';
}

.arlo-icon-sim-card:before {
  content: '\E956';
}

.arlo-icon-video-call:before {
  content: '\E957';
}

.arlo-icon-weather-resistant:before {
  content: '\E958';
}

.arlo-icon-charging-battery:before {
  content: '\E959';
}

.arlo-icon-plug:before {
  content: '\E95A';
}

.arlo-icon-american-express:before {
  content: '\E93A';
}

.arlo-icon-oney:before {
  content: '\E93B';
}

.arlo-icon-mastercard:before {
  content: '\E93C';
}

.arlo-icon-paypal:before {
  content: '\E93D';
}

.arlo-icon-visa:before {
  content: '\E93E';
}

.arlo-icon-arlo-baby:before {
  content: '\E923';
}

.arlo-icon-720:before {
  content: '\E92D';
}

.arlo-icon-facebook:before {
  content: '\E915';
}

.arlo-icon-youtube:before {
  content: '\E926';
}

.arlo-icon-twitter:before {
  content: '\E917';
}

.arlo-icon-instagram:before {
  content: '\E91F';
}

.arlo-icon-logo:before {
  content: '\E91C';
}

.arlo-icon-menu:before {
  content: '\E91E';
}

.arlo-icon-sd-card:before {
  content: '\E933';
}

.arlo-icon-battery:before {
  content: '\E902';
}

.arlo-icon-storage:before {
  content: '\E90F';
}

.arlo-icon-validated:before {
  content: '\E90A';
}

.arlo-icon-empty-circle:before {
  content: '\E91A';
}

.arlo-icon-shipping:before {
  content: '\E904';
}

.arlo-icon-secure-transaction:before {
  content: '\E906';
}

.arlo-icon-returns:before {
  content: '\E908';
}

.arlo-icon-show:before {
  content: '\E916';
}

.arlo-icon-hide:before {
  content: '\E90D';
}

.arlo-icon-cart:before {
  content: '\E90E';
}

.arlo-icon-info:before {
  content: '\E914';
}

.arlo-icon-search:before {
  content: '\E922';
}

.arlo-icon-plus:before {
  content: '\E918';
}

.arlo-icon-minus:before {
  content: '\E909';
}

.arlo-icon-check:before {
  content: '\E912';
}

.arlo-icon-close:before {
  content: '\E913';
}

.arlo-icon-left:before {
  content: '\E919';
}

.arlo-icon-right:before {
  content: '\E91D';
}

.arlo-icon-play:before {
  content: '\E91B';
}

.arlo-icon-button-arrow-left:before {
  content: '\E907';
}

.arlo-icon-button-arrow-right:before {
  content: '\E903';
}

.arlo-icon-long-left-arrow:before {
  content: '\E920';
}

.arlo-icon-long-right-arrow:before {
  content: '\E921';
}

.arlo-icon-medium-left-arrow:before {
  content: '\E905';
  color: #5a6871;
}

.arlo-icon-medium-right-arrow:before {
  content: '\E90C';
  color: #5a6871;
}

.arlo-icon-pause2:before {
  content: '\EA1D';
}

.arlo-icon-volume-mute2:before {
  content: '\EA2A';
}

.u-col-1 {
  width: 8.33333% !important;
}

.u-col-2 {
  width: 16.66667% !important;
}

.u-col-3 {
  width: 25% !important;
}

.u-col-4 {
  width: 33.33333% !important;
}

.u-col-5 {
  width: 41.66667% !important;
}

.u-col-6 {
  width: 50% !important;
}

.u-col-7 {
  width: 58.33333% !important;
}

.u-col-8 {
  width: 66.66667% !important;
}

.u-col-9 {
  width: 75% !important;
}

.u-col-10 {
  width: 83.33333% !important;
}

.u-col-11 {
  width: 91.66667% !important;
}

.textimagevideo2 .my-orders__small-card,
.textimagevideo2 .product-card,
.textimagevideo2 .text-image__text-col > .u-text-align-left,
.textimagevideo2 .u-text-align-center,
.textimagevideo2 .u-text-align-right,
.u-col-12 {
  width: 100% !important;
}

.u-col-auto {
  width: auto !important;
}

@media screen and (min-width: 0) {
  .u-col-xs-1 {
    max-width: 8.33333% !important;
  }

  .u-col-xs-1,
  .u-col-xs-2 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-xs-2 {
    max-width: calc(16.66667% - 8px) !important;
  }

  .u-col-xs-3 {
    max-width: calc(25% - 10.66667px) !important;
  }

  .u-col-xs-3,
  .u-col-xs-4 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-xs-4 {
    max-width: calc(33.33333% - 9pt) !important;
  }

  .u-col-xs-5 {
    max-width: calc(41.66667% - 0.8pc) !important;
  }

  .u-col-xs-5,
  .u-col-xs-6 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-xs-6 {
    max-width: calc(50% - 13.33333px) !important;
  }

  .u-col-xs-7 {
    max-width: calc(58.33333% - 13.71429px) !important;
  }

  .u-col-xs-7,
  .u-col-xs-8 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-xs-8 {
    max-width: calc(66.66667% - 14px) !important;
  }

  .u-col-xs-9 {
    max-width: calc(75% - 14.22222px) !important;
  }

  .u-col-xs-9,
  .u-col-xs-10 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-xs-10 {
    max-width: calc(83.33333% - 0.9pc) !important;
  }

  .u-col-xs-11 {
    max-width: calc(91.66667% - 14.54545px) !important;
  }

  .u-col-xs-11,
  .u-col-xs-12 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-xs-12 {
    max-width: calc(100% - 14.66667px) !important;
  }

  .u-col-xs-auto {
    width: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-col-sm-1 {
    max-width: 8.33333% !important;
  }

  .u-col-sm-1,
  .u-col-sm-2 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-sm-2 {
    max-width: calc(16.66667% - 8px) !important;
  }

  .u-col-sm-3 {
    max-width: calc(25% - 10.66667px) !important;
  }

  .u-col-sm-3,
  .u-col-sm-4 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-sm-4 {
    max-width: calc(33.33333% - 9pt) !important;
  }

  .u-col-sm-5 {
    max-width: calc(41.66667% - 0.8pc) !important;
  }

  .u-col-sm-5,
  .u-col-sm-6 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-sm-6 {
    max-width: calc(50% - 13.33333px) !important;
  }

  .u-col-sm-7 {
    max-width: calc(58.33333% - 13.71429px) !important;
  }

  .u-col-sm-7,
  .u-col-sm-8 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-sm-8 {
    max-width: calc(66.66667% - 14px) !important;
  }

  .u-col-sm-9 {
    max-width: calc(75% - 14.22222px) !important;
  }

  .u-col-sm-9,
  .u-col-sm-10 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-sm-10 {
    max-width: calc(83.33333% - 0.9pc) !important;
  }

  .u-col-sm-11 {
    max-width: calc(91.66667% - 14.54545px) !important;
  }

  .u-col-sm-11,
  .u-col-sm-12 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-sm-12 {
    max-width: calc(100% - 14.66667px) !important;
  }

  .u-col-sm-auto {
    width: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-col-md-1 {
    max-width: 8.33333% !important;
  }

  .u-col-md-1,
  .u-col-md-2 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-md-2 {
    max-width: calc(16.66667% - 8px) !important;
  }

  .u-col-md-3 {
    max-width: calc(25% - 10.66667px) !important;
  }

  .u-col-md-3,
  .u-col-md-4 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-md-4 {
    max-width: calc(33.33333% - 9pt) !important;
  }

  .u-col-md-5 {
    max-width: calc(41.66667% - 0.8pc) !important;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .textimagevideo2 .my-orders__small-card,
  .textimagevideo2 .product-card,
  .textimagevideo2 .text-image__text-col > .u-text-align-left,
  .textimagevideo2 .u-text-align-center,
  .textimagevideo2 .u-text-align-right,
  .u-col-md-6 {
    max-width: calc(50% - 13.33333px) !important;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-md-7 {
    max-width: calc(58.33333% - 13.71429px) !important;
  }

  .u-col-md-7,
  .u-col-md-8 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-md-8 {
    max-width: calc(66.66667% - 14px) !important;
  }

  .u-col-md-9 {
    max-width: calc(75% - 14.22222px) !important;
  }

  .u-col-md-9,
  .u-col-md-10 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-md-10 {
    max-width: calc(83.33333% - 0.9pc) !important;
  }

  .u-col-md-11 {
    max-width: calc(91.66667% - 14.54545px) !important;
  }

  .u-col-md-11,
  .u-col-md-12 {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .u-col-md-12 {
    max-width: calc(100% - 14.66667px) !important;
  }

  .u-col-md-auto {
    width: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-col-lg-1 {
    width: 8.33333% !important;
  }

  .u-col-lg-2 {
    width: calc(16.66667% - 14px) !important;
  }

  .u-col-lg-3 {
    width: calc(25% - 18.66667px) !important;
  }

  .u-col-lg-4 {
    width: calc(33.33333% - 21px) !important;
  }

  .u-col-lg-5 {
    width: calc(41.66667% - 1.4pc) !important;
  }

  .u-col-lg-6 {
    width: calc(50% - 23.33333px) !important;
  }

  .u-col-lg-7 {
    width: calc(58.33333% - 24px) !important;
  }

  .u-col-lg-8 {
    width: calc(66.66667% - 24.5px) !important;
  }

  .u-col-lg-9 {
    width: calc(75% - 24.88889px) !important;
  }

  .u-col-lg-10 {
    width: calc(83.33333% - 25.2px) !important;
  }

  .u-col-lg-11 {
    width: calc(91.66667% - 25.45455px) !important;
  }

  .u-col-lg-12 {
    width: calc(100% - 25.66667px) !important;
  }

  .u-col-lg-auto {
    width: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-col-xl-1 {
    width: 8.33333% !important;
  }

  .u-col-xl-2 {
    width: calc(16.66667% - 1pc) !important;
  }

  .u-col-xl-3 {
    width: calc(25% - 21.33333px) !important;
  }

  .u-col-xl-4 {
    width: calc(33.33333% - 24px) !important;
  }

  .u-col-xl-5 {
    width: calc(41.66667% - 1.6pc) !important;
  }

  .u-col-xl-6 {
    width: calc(50% - 26.66667px) !important;
  }

  .u-col-xl-7 {
    width: calc(58.33333% - 27.42857px) !important;
  }

  .u-col-xl-8 {
    width: calc(66.66667% - 28px) !important;
  }

  .u-col-xl-9 {
    width: calc(75% - 28.44444px) !important;
  }

  .u-col-xl-10 {
    width: calc(83.33333% - 0.3in) !important;
  }

  .u-col-xl-11 {
    width: calc(91.66667% - 29.09091px) !important;
  }

  .u-col-xl-12 {
    width: calc(100% - 29.33333px) !important;
  }

  .u-col-xl-auto {
    width: auto !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-col-xxl-1 {
    width: 8.33333% !important;
  }

  .u-col-xxl-2 {
    width: calc(16.66667% - 1pc) !important;
  }

  .u-col-xxl-3 {
    width: calc(25% - 21.33333px) !important;
  }

  .u-col-xxl-4 {
    width: calc(33.33333% - 24px) !important;
  }

  .u-col-xxl-5 {
    width: calc(41.66667% - 1.6pc) !important;
  }

  .u-col-xxl-6 {
    width: calc(50% - 26.66667px) !important;
  }

  .u-col-xxl-7 {
    width: calc(58.33333% - 27.42857px) !important;
  }

  .u-col-xxl-8 {
    width: calc(66.66667% - 28px) !important;
  }

  .u-col-xxl-9 {
    width: calc(75% - 28.44444px) !important;
  }

  .u-col-xxl-10 {
    width: calc(83.33333% - 0.3in) !important;
  }

  .u-col-xxl-11 {
    width: calc(91.66667% - 29.09091px) !important;
  }

  .u-col-xxl-12 {
    width: calc(100% - 29.33333px) !important;
  }

  .u-col-xxl-auto {
    width: auto !important;
  }
}

.u-vertical-align-baseline {
  vertical-align: baseline !important;
}

.u-vertical-align-bottom {
  vertical-align: bottom !important;
}

.u-vertical-align-middle {
  vertical-align: middle !important;
}

.u-vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}

.u-vertical-align-text-top {
  vertical-align: text-top !important;
}

.u-vertical-align-top {
  vertical-align: top !important;
}

.u-border-0 {
  border: 0 !important;
}

.u-border-bottom-0 {
  border-bottom: 0 !important;
}

.u-border-left-0 {
  border-left: 0 !important;
}

.u-border-right-0 {
  border-right: 0 !important;
}

.u-border-top-0 {
  border-top: 0 !important;
}

.u-visibility-hidden {
  visibility: hidden !important;
}

.u-visibility-visible {
  visibility: visible !important;
}

.u-display-block {
  display: block !important;
}

.u-display-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-display-inline {
  display: inline !important;
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-display-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.u-display-none {
  display: none !important;
}

.u-display-table {
  display: table !important;
}

.u-display-table-cell {
  display: table-cell !important;
}

.u-flex-direction-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.u-flex-direction-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.u-flex-direction-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.u-flex-direction-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.u-flex-wrap-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.u-flex-wrap-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.u-flex-wrap-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.u-justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.u-justify-content-flex-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.u-justify-content-flex-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.u-justify-content-space-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.u-justify-content-space-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.u-justify-content-space-evenly {
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}

.u-align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.u-align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.u-align-items-flex-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.u-align-items-flex-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.u-align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.u-align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.u-align-content-flex-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.u-align-content-flex-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.u-align-content-space-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.u-align-content-space-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.u-align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.u-align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.u-align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.u-align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.u-align-self-flex-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.u-align-self-flex-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.u-align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.u-order-1 {
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.u-order-2 {
  -ms-flex-order: 2 !important;
  order: 2 !important;
}

.u-order-3 {
  -ms-flex-order: 3 !important;
  order: 3 !important;
}

.u-order-4 {
  -ms-flex-order: 4 !important;
  order: 4 !important;
}

.u-order-5 {
  -ms-flex-order: 5 !important;
  order: 5 !important;
}

.u-z-index-1 {
  z-index: 1 !important;
}

.u-z-index-2 {
  z-index: 2 !important;
}

.u-z-index-3 {
  z-index: 3 !important;
}

.u-z-index-4 {
  z-index: 4 !important;
}

.u-z-index-5 {
  z-index: 5 !important;
}

.u-position-static {
  position: static !important;
}

.header-container .header__nav ul li,
.header-container .header__supportLinks ul li,
.u-position-relative {
  position: relative !important;
}

.u-position-absolute {
  position: absolute !important;
}

.u-position-fixed {
  position: fixed !important;
}

.my-orders__small-card,
.product-card,
.u-text-align-center {
  text-align: center !important;
}

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

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

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

.u-white-space-normal {
  white-space: normal !important;
}

.u-white-space-nowrap {
  white-space: nowrap !important;
}

.u-white-space-pre {
  white-space: pre !important;
}

.u-text-decoration-overline {
  text-decoration: overline !important;
}

.u-text-decoration-line-through {
  text-decoration: line-through !important;
}

.u-text-decoration-underline {
  text-decoration: underline !important;
}

.header-container a,
.u-text-decoration-none {
  text-decoration: none !important;
}

.u-text-transform-capitalize {
  text-transform: capitalize !important;
}

.u-text-transform-lowercase {
  text-transform: lowercase !important;
}

.u-text-transform-uppercase {
  text-transform: uppercase !important;
}

.u-text-transform-none {
  text-transform: none !important;
}

.u-font-weight-200 {
  font-weight: 200 !important;
}

.u-font-weight-300 {
  font-weight: 300 !important;
}

.u-font-weight-400 {
  font-weight: 400 !important;
}

.u-font-weight-500 {
  font-weight: 500 !important;
}

.u-font-weight-600 {
  font-weight: 600 !important;
}

.u-font-weight-700 {
  font-weight: 700 !important;
}

.u-font-weight-800 {
  font-weight: 800 !important;
}

.u-font-style-italic {
  font-style: italic !important;
}

.u-font-style-normal {
  font-style: normal !important;
}

.header__dropdown a,
.product-list a,
.u-cursor-pointer {
  cursor: pointer !important;
}

.u-cursor-auto {
  cursor: auto !important;
}

@media screen and (min-width: 0) {
  .u-vertical-align-xs-baseline {
    vertical-align: baseline !important;
  }

  .u-vertical-align-xs-bottom {
    vertical-align: bottom !important;
  }

  .u-vertical-align-xs-middle {
    vertical-align: middle !important;
  }

  .u-vertical-align-xs-text-bottom {
    vertical-align: text-bottom !important;
  }

  .u-vertical-align-xs-text-top {
    vertical-align: text-top !important;
  }

  .u-vertical-align-xs-top {
    vertical-align: top !important;
  }

  .u-border-xs-0 {
    border: 0 !important;
  }

  .u-border-bottom-xs-0 {
    border-bottom: 0 !important;
  }

  .u-border-left-xs-0 {
    border-left: 0 !important;
  }

  .u-border-right-xs-0 {
    border-right: 0 !important;
  }

  .u-border-top-xs-0 {
    border-top: 0 !important;
  }

  .u-visibility-xs-hidden {
    visibility: hidden !important;
  }

  .u-visibility-xs-visible {
    visibility: visible !important;
  }

  .u-display-xs-block {
    display: block !important;
  }

  .u-display-xs-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-xs-inline {
    display: inline !important;
  }

  .u-display-xs-inline-block {
    display: inline-block !important;
  }

  .u-display-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .u-display-xs-none {
    display: none !important;
  }

  .u-display-xs-table {
    display: table !important;
  }

  .u-display-xs-table-cell {
    display: table-cell !important;
  }

  .u-flex-direction-xs-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-direction-xs-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-direction-xs-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-direction-xs-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-wrap-xs-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap-xs-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-justify-content-xs-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-xs-flex-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-xs-flex-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-xs-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-justify-content-xs-space-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-xs-space-evenly {
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .u-align-items-xs-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-xs-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-xs-flex-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-xs-flex-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-xs-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-xs-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-xs-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-xs-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-xs-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-xs-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-xs-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-xs-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-xs-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-xs-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-xs-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-xs-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-xs-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .u-order-xs-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .u-order-xs-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .u-order-xs-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .u-order-xs-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .u-order-xs-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .u-z-index-xs-1 {
    z-index: 1 !important;
  }

  .u-z-index-xs-2 {
    z-index: 2 !important;
  }

  .u-z-index-xs-3 {
    z-index: 3 !important;
  }

  .u-z-index-xs-4 {
    z-index: 4 !important;
  }

  .u-z-index-xs-5 {
    z-index: 5 !important;
  }

  .u-position-xs-static {
    position: static !important;
  }

  .u-position-xs-relative {
    position: relative !important;
  }

  .u-position-xs-absolute {
    position: absolute !important;
  }

  .u-position-xs-fixed {
    position: fixed !important;
  }

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

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

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

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

  .u-white-space-xs-normal {
    white-space: normal !important;
  }

  .u-white-space-xs-nowrap {
    white-space: nowrap !important;
  }

  .u-white-space-xs-pre {
    white-space: pre !important;
  }

  .u-text-decoration-xs-overline {
    text-decoration: overline !important;
  }

  .u-text-decoration-xs-line-through {
    text-decoration: line-through !important;
  }

  .u-text-decoration-xs-underline {
    text-decoration: underline !important;
  }

  .u-text-decoration-xs-none {
    text-decoration: none !important;
  }

  .u-text-transform-xs-capitalize {
    text-transform: capitalize !important;
  }

  .u-text-transform-xs-lowercase {
    text-transform: lowercase !important;
  }

  .u-text-transform-xs-uppercase {
    text-transform: uppercase !important;
  }

  .u-text-transform-xs-none {
    text-transform: none !important;
  }

  .u-font-weight-xs-200 {
    font-weight: 200 !important;
  }

  .u-font-weight-xs-300 {
    font-weight: 300 !important;
  }

  .u-font-weight-xs-400 {
    font-weight: 400 !important;
  }

  .u-font-weight-xs-500 {
    font-weight: 500 !important;
  }

  .u-font-weight-xs-600 {
    font-weight: 600 !important;
  }

  .u-font-weight-xs-700 {
    font-weight: 700 !important;
  }

  .u-font-weight-xs-800 {
    font-weight: 800 !important;
  }

  .u-font-style-xs-italic {
    font-style: italic !important;
  }

  .u-font-style-xs-normal {
    font-style: normal !important;
  }

  .u-cursor-xs-pointer {
    cursor: pointer !important;
  }

  .u-cursor-xs-auto {
    cursor: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .u-vertical-align-sm-baseline {
    vertical-align: baseline !important;
  }

  .u-vertical-align-sm-bottom {
    vertical-align: bottom !important;
  }

  .u-vertical-align-sm-middle {
    vertical-align: middle !important;
  }

  .u-vertical-align-sm-text-bottom {
    vertical-align: text-bottom !important;
  }

  .u-vertical-align-sm-text-top {
    vertical-align: text-top !important;
  }

  .u-vertical-align-sm-top {
    vertical-align: top !important;
  }

  .u-border-sm-0 {
    border: 0 !important;
  }

  .u-border-bottom-sm-0 {
    border-bottom: 0 !important;
  }

  .u-border-left-sm-0 {
    border-left: 0 !important;
  }

  .u-border-right-sm-0 {
    border-right: 0 !important;
  }

  .u-border-top-sm-0 {
    border-top: 0 !important;
  }

  .u-visibility-sm-hidden {
    visibility: hidden !important;
  }

  .u-visibility-sm-visible {
    visibility: visible !important;
  }

  .u-display-sm-block {
    display: block !important;
  }

  .u-display-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-sm-inline {
    display: inline !important;
  }

  .u-display-sm-inline-block {
    display: inline-block !important;
  }

  .u-display-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

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

  .u-display-sm-table {
    display: table !important;
  }

  .u-display-sm-table-cell {
    display: table-cell !important;
  }

  .u-flex-direction-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-direction-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-direction-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-direction-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-wrap-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-sm-flex-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-sm-flex-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-sm-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-justify-content-sm-space-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-sm-space-evenly {
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .u-align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-sm-flex-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-sm-flex-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-sm-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-sm-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-sm-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-sm-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-sm-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-sm-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .u-order-sm-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .u-order-sm-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .u-order-sm-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .u-order-sm-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .u-order-sm-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .u-z-index-sm-1 {
    z-index: 1 !important;
  }

  .u-z-index-sm-2 {
    z-index: 2 !important;
  }

  .u-z-index-sm-3 {
    z-index: 3 !important;
  }

  .u-z-index-sm-4 {
    z-index: 4 !important;
  }

  .u-z-index-sm-5 {
    z-index: 5 !important;
  }

  .u-position-sm-static {
    position: static !important;
  }

  .u-position-sm-relative {
    position: relative !important;
  }

  .u-position-sm-absolute {
    position: absolute !important;
  }

  .u-position-sm-fixed {
    position: fixed !important;
  }

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

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

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

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

  .u-white-space-sm-normal {
    white-space: normal !important;
  }

  .u-white-space-sm-nowrap {
    white-space: nowrap !important;
  }

  .u-white-space-sm-pre {
    white-space: pre !important;
  }

  .u-text-decoration-sm-overline {
    text-decoration: overline !important;
  }

  .u-text-decoration-sm-line-through {
    text-decoration: line-through !important;
  }

  .u-text-decoration-sm-underline {
    text-decoration: underline !important;
  }

  .u-text-decoration-sm-none {
    text-decoration: none !important;
  }

  .u-text-transform-sm-capitalize {
    text-transform: capitalize !important;
  }

  .u-text-transform-sm-lowercase {
    text-transform: lowercase !important;
  }

  .u-text-transform-sm-uppercase {
    text-transform: uppercase !important;
  }

  .u-text-transform-sm-none {
    text-transform: none !important;
  }

  .u-font-weight-sm-200 {
    font-weight: 200 !important;
  }

  .u-font-weight-sm-300 {
    font-weight: 300 !important;
  }

  .u-font-weight-sm-400 {
    font-weight: 400 !important;
  }

  .u-font-weight-sm-500 {
    font-weight: 500 !important;
  }

  .u-font-weight-sm-600 {
    font-weight: 600 !important;
  }

  .u-font-weight-sm-700 {
    font-weight: 700 !important;
  }

  .u-font-weight-sm-800 {
    font-weight: 800 !important;
  }

  .u-font-style-sm-italic {
    font-style: italic !important;
  }

  .u-font-style-sm-normal {
    font-style: normal !important;
  }

  .u-cursor-sm-pointer {
    cursor: pointer !important;
  }

  .u-cursor-sm-auto {
    cursor: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .u-vertical-align-md-baseline {
    vertical-align: baseline !important;
  }

  .u-vertical-align-md-bottom {
    vertical-align: bottom !important;
  }

  .u-vertical-align-md-middle {
    vertical-align: middle !important;
  }

  .u-vertical-align-md-text-bottom {
    vertical-align: text-bottom !important;
  }

  .u-vertical-align-md-text-top {
    vertical-align: text-top !important;
  }

  .u-vertical-align-md-top {
    vertical-align: top !important;
  }

  .my-orders__card,
  .u-border-md-0 {
    border: 0 !important;
  }

  .u-border-bottom-md-0 {
    border-bottom: 0 !important;
  }

  .u-border-left-md-0 {
    border-left: 0 !important;
  }

  .u-border-right-md-0 {
    border-right: 0 !important;
  }

  .u-border-top-md-0 {
    border-top: 0 !important;
  }

  .u-visibility-md-hidden {
    visibility: hidden !important;
  }

  .u-visibility-md-visible {
    visibility: visible !important;
  }

  .u-display-md-block {
    display: block !important;
  }

  .u-display-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-md-inline {
    display: inline !important;
  }

  .u-display-md-inline-block {
    display: inline-block !important;
  }

  .u-display-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

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

  .u-display-md-table {
    display: table !important;
  }

  .u-display-md-table-cell {
    display: table-cell !important;
  }

  .u-flex-direction-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-direction-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-direction-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-direction-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-wrap-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-md-flex-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-md-flex-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-md-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-justify-content-md-space-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-md-space-evenly {
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .u-align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-md-flex-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-md-flex-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-md-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-md-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-md-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-md-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-md-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-md-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .u-order-md-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .u-order-md-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .u-order-md-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .u-order-md-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .u-order-md-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .u-z-index-md-1 {
    z-index: 1 !important;
  }

  .u-z-index-md-2 {
    z-index: 2 !important;
  }

  .u-z-index-md-3 {
    z-index: 3 !important;
  }

  .u-z-index-md-4 {
    z-index: 4 !important;
  }

  .u-z-index-md-5 {
    z-index: 5 !important;
  }

  .u-position-md-static {
    position: static !important;
  }

  .u-position-md-relative {
    position: relative !important;
  }

  .u-position-md-absolute {
    position: absolute !important;
  }

  .u-position-md-fixed {
    position: fixed !important;
  }

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

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

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

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

  .u-white-space-md-normal {
    white-space: normal !important;
  }

  .u-white-space-md-nowrap {
    white-space: nowrap !important;
  }

  .u-white-space-md-pre {
    white-space: pre !important;
  }

  .u-text-decoration-md-overline {
    text-decoration: overline !important;
  }

  .u-text-decoration-md-line-through {
    text-decoration: line-through !important;
  }

  .u-text-decoration-md-underline {
    text-decoration: underline !important;
  }

  .u-text-decoration-md-none {
    text-decoration: none !important;
  }

  .u-text-transform-md-capitalize {
    text-transform: capitalize !important;
  }

  .u-text-transform-md-lowercase {
    text-transform: lowercase !important;
  }

  .u-text-transform-md-uppercase {
    text-transform: uppercase !important;
  }

  .u-text-transform-md-none {
    text-transform: none !important;
  }

  .u-font-weight-md-200 {
    font-weight: 200 !important;
  }

  .u-font-weight-md-300 {
    font-weight: 300 !important;
  }

  .u-font-weight-md-400 {
    font-weight: 400 !important;
  }

  .u-font-weight-md-500 {
    font-weight: 500 !important;
  }

  .u-font-weight-md-600 {
    font-weight: 600 !important;
  }

  .u-font-weight-md-700 {
    font-weight: 700 !important;
  }

  .u-font-weight-md-800 {
    font-weight: 800 !important;
  }

  .u-font-style-md-italic {
    font-style: italic !important;
  }

  .u-font-style-md-normal {
    font-style: normal !important;
  }

  .u-cursor-md-pointer {
    cursor: pointer !important;
  }

  .u-cursor-md-auto {
    cursor: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .u-vertical-align-lg-baseline {
    vertical-align: baseline !important;
  }

  .u-vertical-align-lg-bottom {
    vertical-align: bottom !important;
  }

  .u-vertical-align-lg-middle {
    vertical-align: middle !important;
  }

  .u-vertical-align-lg-text-bottom {
    vertical-align: text-bottom !important;
  }

  .u-vertical-align-lg-text-top {
    vertical-align: text-top !important;
  }

  .u-vertical-align-lg-top {
    vertical-align: top !important;
  }

  .u-border-lg-0 {
    border: 0 !important;
  }

  .u-border-bottom-lg-0 {
    border-bottom: 0 !important;
  }

  .u-border-left-lg-0 {
    border-left: 0 !important;
  }

  .u-border-right-lg-0 {
    border-right: 0 !important;
  }

  .u-border-top-lg-0 {
    border-top: 0 !important;
  }

  .u-visibility-lg-hidden {
    visibility: hidden !important;
  }

  .u-visibility-lg-visible {
    visibility: visible !important;
  }

  .u-display-lg-block {
    display: block !important;
  }

  .u-display-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-lg-inline {
    display: inline !important;
  }

  .u-display-lg-inline-block {
    display: inline-block !important;
  }

  .u-display-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

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

  .u-display-lg-table {
    display: table !important;
  }

  .u-display-lg-table-cell {
    display: table-cell !important;
  }

  .u-flex-direction-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-direction-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-direction-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-direction-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-wrap-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-lg-flex-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-lg-flex-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-lg-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-justify-content-lg-space-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-lg-space-evenly {
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .u-align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-lg-flex-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-lg-flex-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-lg-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-lg-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-lg-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-lg-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-lg-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-lg-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .u-order-lg-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .u-order-lg-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .u-order-lg-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .u-order-lg-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .u-order-lg-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .u-z-index-lg-1 {
    z-index: 1 !important;
  }

  .u-z-index-lg-2 {
    z-index: 2 !important;
  }

  .u-z-index-lg-3 {
    z-index: 3 !important;
  }

  .u-z-index-lg-4 {
    z-index: 4 !important;
  }

  .u-z-index-lg-5 {
    z-index: 5 !important;
  }

  .u-position-lg-static {
    position: static !important;
  }

  .u-position-lg-relative {
    position: relative !important;
  }

  .u-position-lg-absolute {
    position: absolute !important;
  }

  .u-position-lg-fixed {
    position: fixed !important;
  }

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

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

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

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

  .u-white-space-lg-normal {
    white-space: normal !important;
  }

  .u-white-space-lg-nowrap {
    white-space: nowrap !important;
  }

  .u-white-space-lg-pre {
    white-space: pre !important;
  }

  .u-text-decoration-lg-overline {
    text-decoration: overline !important;
  }

  .u-text-decoration-lg-line-through {
    text-decoration: line-through !important;
  }

  .u-text-decoration-lg-underline {
    text-decoration: underline !important;
  }

  .u-text-decoration-lg-none {
    text-decoration: none !important;
  }

  .u-text-transform-lg-capitalize {
    text-transform: capitalize !important;
  }

  .u-text-transform-lg-lowercase {
    text-transform: lowercase !important;
  }

  .u-text-transform-lg-uppercase {
    text-transform: uppercase !important;
  }

  .u-text-transform-lg-none {
    text-transform: none !important;
  }

  .u-font-weight-lg-200 {
    font-weight: 200 !important;
  }

  .u-font-weight-lg-300 {
    font-weight: 300 !important;
  }

  .u-font-weight-lg-400 {
    font-weight: 400 !important;
  }

  .u-font-weight-lg-500 {
    font-weight: 500 !important;
  }

  .u-font-weight-lg-600 {
    font-weight: 600 !important;
  }

  .u-font-weight-lg-700 {
    font-weight: 700 !important;
  }

  .u-font-weight-lg-800 {
    font-weight: 800 !important;
  }

  .u-font-style-lg-italic {
    font-style: italic !important;
  }

  .u-font-style-lg-normal {
    font-style: normal !important;
  }

  .u-cursor-lg-pointer {
    cursor: pointer !important;
  }

  .u-cursor-lg-auto {
    cursor: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-vertical-align-xl-baseline {
    vertical-align: baseline !important;
  }

  .u-vertical-align-xl-bottom {
    vertical-align: bottom !important;
  }

  .u-vertical-align-xl-middle {
    vertical-align: middle !important;
  }

  .u-vertical-align-xl-text-bottom {
    vertical-align: text-bottom !important;
  }

  .u-vertical-align-xl-text-top {
    vertical-align: text-top !important;
  }

  .u-vertical-align-xl-top {
    vertical-align: top !important;
  }

  .u-border-xl-0 {
    border: 0 !important;
  }

  .u-border-bottom-xl-0 {
    border-bottom: 0 !important;
  }

  .u-border-left-xl-0 {
    border-left: 0 !important;
  }

  .u-border-right-xl-0 {
    border-right: 0 !important;
  }

  .u-border-top-xl-0 {
    border-top: 0 !important;
  }

  .u-visibility-xl-hidden {
    visibility: hidden !important;
  }

  .u-visibility-xl-visible {
    visibility: visible !important;
  }

  .u-display-xl-block {
    display: block !important;
  }

  .u-display-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-xl-inline {
    display: inline !important;
  }

  .u-display-xl-inline-block {
    display: inline-block !important;
  }

  .u-display-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .u-display-xl-none {
    display: none !important;
  }

  .u-display-xl-table {
    display: table !important;
  }

  .u-display-xl-table-cell {
    display: table-cell !important;
  }

  .u-flex-direction-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-direction-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-direction-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-direction-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-wrap-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-xl-flex-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-xl-flex-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-xl-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-justify-content-xl-space-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-xl-space-evenly {
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .u-align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-xl-flex-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-xl-flex-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-xl-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-xl-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-xl-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-xl-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-xl-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-xl-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .u-order-xl-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .u-order-xl-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .u-order-xl-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .u-order-xl-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .u-order-xl-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .u-z-index-xl-1 {
    z-index: 1 !important;
  }

  .u-z-index-xl-2 {
    z-index: 2 !important;
  }

  .u-z-index-xl-3 {
    z-index: 3 !important;
  }

  .u-z-index-xl-4 {
    z-index: 4 !important;
  }

  .u-z-index-xl-5 {
    z-index: 5 !important;
  }

  .u-position-xl-static {
    position: static !important;
  }

  .u-position-xl-relative {
    position: relative !important;
  }

  .u-position-xl-absolute {
    position: absolute !important;
  }

  .header-search-container,
  .u-position-xl-fixed {
    position: fixed !important;
  }

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

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

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

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

  .u-white-space-xl-normal {
    white-space: normal !important;
  }

  .u-white-space-xl-nowrap {
    white-space: nowrap !important;
  }

  .u-white-space-xl-pre {
    white-space: pre !important;
  }

  .u-text-decoration-xl-overline {
    text-decoration: overline !important;
  }

  .u-text-decoration-xl-line-through {
    text-decoration: line-through !important;
  }

  .u-text-decoration-xl-underline {
    text-decoration: underline !important;
  }

  .u-text-decoration-xl-none {
    text-decoration: none !important;
  }

  .u-text-transform-xl-capitalize {
    text-transform: capitalize !important;
  }

  .u-text-transform-xl-lowercase {
    text-transform: lowercase !important;
  }

  .u-text-transform-xl-uppercase {
    text-transform: uppercase !important;
  }

  .u-text-transform-xl-none {
    text-transform: none !important;
  }

  .u-font-weight-xl-200 {
    font-weight: 200 !important;
  }

  .u-font-weight-xl-300 {
    font-weight: 300 !important;
  }

  .u-font-weight-xl-400 {
    font-weight: 400 !important;
  }

  .u-font-weight-xl-500 {
    font-weight: 500 !important;
  }

  .u-font-weight-xl-600 {
    font-weight: 600 !important;
  }

  .u-font-weight-xl-700 {
    font-weight: 700 !important;
  }

  .u-font-weight-xl-800 {
    font-weight: 800 !important;
  }

  .u-font-style-xl-italic {
    font-style: italic !important;
  }

  .u-font-style-xl-normal {
    font-style: normal !important;
  }

  .u-cursor-xl-pointer {
    cursor: pointer !important;
  }

  .u-cursor-xl-auto {
    cursor: auto !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-vertical-align-xxl-baseline {
    vertical-align: baseline !important;
  }

  .u-vertical-align-xxl-bottom {
    vertical-align: bottom !important;
  }

  .u-vertical-align-xxl-middle {
    vertical-align: middle !important;
  }

  .u-vertical-align-xxl-text-bottom {
    vertical-align: text-bottom !important;
  }

  .u-vertical-align-xxl-text-top {
    vertical-align: text-top !important;
  }

  .u-vertical-align-xxl-top {
    vertical-align: top !important;
  }

  .u-border-xxl-0 {
    border: 0 !important;
  }

  .u-border-bottom-xxl-0 {
    border-bottom: 0 !important;
  }

  .u-border-left-xxl-0 {
    border-left: 0 !important;
  }

  .u-border-right-xxl-0 {
    border-right: 0 !important;
  }

  .u-border-top-xxl-0 {
    border-top: 0 !important;
  }

  .u-visibility-xxl-hidden {
    visibility: hidden !important;
  }

  .u-visibility-xxl-visible {
    visibility: visible !important;
  }

  .u-display-xxl-block {
    display: block !important;
  }

  .u-display-xxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .u-display-xxl-inline {
    display: inline !important;
  }

  .u-display-xxl-inline-block {
    display: inline-block !important;
  }

  .u-display-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .u-display-xxl-none {
    display: none !important;
  }

  .u-display-xxl-table {
    display: table !important;
  }

  .u-display-xxl-table-cell {
    display: table-cell !important;
  }

  .u-flex-direction-xxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .u-flex-direction-xxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .u-flex-direction-xxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .u-flex-direction-xxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .u-flex-wrap-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .u-flex-wrap-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .u-flex-wrap-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .u-justify-content-xxl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .u-justify-content-xxl-flex-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .u-justify-content-xxl-flex-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .u-justify-content-xxl-space-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .u-justify-content-xxl-space-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .u-justify-content-xxl-space-evenly {
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .u-align-items-xxl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .u-align-items-xxl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .u-align-items-xxl-flex-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .u-align-items-xxl-flex-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .u-align-items-xxl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .u-align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .u-align-content-xxl-flex-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .u-align-content-xxl-flex-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .u-align-content-xxl-space-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .u-align-content-xxl-space-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .u-align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .u-align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .u-align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .u-align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .u-align-self-xxl-flex-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .u-align-self-xxl-flex-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .u-align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .u-order-xxl-1 {
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .u-order-xxl-2 {
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .u-order-xxl-3 {
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .u-order-xxl-4 {
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .u-order-xxl-5 {
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .u-z-index-xxl-1 {
    z-index: 1 !important;
  }

  .u-z-index-xxl-2 {
    z-index: 2 !important;
  }

  .u-z-index-xxl-3 {
    z-index: 3 !important;
  }

  .u-z-index-xxl-4 {
    z-index: 4 !important;
  }

  .u-z-index-xxl-5 {
    z-index: 5 !important;
  }

  .u-position-xxl-static {
    position: static !important;
  }

  .u-position-xxl-relative {
    position: relative !important;
  }

  .u-position-xxl-absolute {
    position: absolute !important;
  }

  .u-position-xxl-fixed {
    position: fixed !important;
  }

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

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

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

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

  .u-white-space-xxl-normal {
    white-space: normal !important;
  }

  .u-white-space-xxl-nowrap {
    white-space: nowrap !important;
  }

  .u-white-space-xxl-pre {
    white-space: pre !important;
  }

  .u-text-decoration-xxl-overline {
    text-decoration: overline !important;
  }

  .u-text-decoration-xxl-line-through {
    text-decoration: line-through !important;
  }

  .u-text-decoration-xxl-underline {
    text-decoration: underline !important;
  }

  .u-text-decoration-xxl-none {
    text-decoration: none !important;
  }

  .u-text-transform-xxl-capitalize {
    text-transform: capitalize !important;
  }

  .u-text-transform-xxl-lowercase {
    text-transform: lowercase !important;
  }

  .u-text-transform-xxl-uppercase {
    text-transform: uppercase !important;
  }

  .u-text-transform-xxl-none {
    text-transform: none !important;
  }

  .u-font-weight-xxl-200 {
    font-weight: 200 !important;
  }

  .u-font-weight-xxl-300 {
    font-weight: 300 !important;
  }

  .u-font-weight-xxl-400 {
    font-weight: 400 !important;
  }

  .u-font-weight-xxl-500 {
    font-weight: 500 !important;
  }

  .u-font-weight-xxl-600 {
    font-weight: 600 !important;
  }

  .u-font-weight-xxl-700 {
    font-weight: 700 !important;
  }

  .u-font-weight-xxl-800 {
    font-weight: 800 !important;
  }

  .u-font-style-xxl-italic {
    font-style: italic !important;
  }

  .u-font-style-xxl-normal {
    font-style: normal !important;
  }

  .u-cursor-xxl-pointer {
    cursor: pointer !important;
  }

  .u-cursor-xxl-auto {
    cursor: auto !important;
  }
}

.u-bg-transparent {
  background-color: transparent !important;
}

.u-color-transparent {
  color: transparent !important;
}

.u-fill-transparent {
  fill: transparent !important;
}

.u-bg-white {
  background-color: #fff !important;
}

.textimagevideo2 .text-image__text-col,
.u-color-white {
  color: #fff !important;
}

.u-fill-white {
  fill: #fff !important;
}

.u-bg-black {
  background-color: #000 !important;
}

.u-color-black {
  color: #000 !important;
}

.u-fill-black {
  fill: #000 !important;
}

.u-bg-light-grey {
  background-color: #eee !important;
}

.u-color-light-grey {
  color: #eee !important;
}

.u-fill-light-grey {
  fill: #eee !important;
}

.u-bg-grey {
  background-color: #5a6871 !important;
}

.u-color-grey {
  color: #5a6871 !important;
}

.u-fill-grey {
  fill: #5a6871 !important;
}

.u-bg-mid-grey {
  background-color: #5a6870 !important;
}

.u-color-mid-grey {
  color: #5a6870 !important;
}

.u-fill-mid-grey {
  fill: #5a6870 !important;
}

.u-bg-dark-grey {
  background-color: #6d6d6d !important;
}

.u-color-dark-grey {
  color: #6d6d6d !important;
}

.u-fill-dark-grey {
  fill: #6d6d6d !important;
}

.u-bg-ash-grey {
  background-color: #8c9ba4 !important;
}

.u-color-ash-grey {
  color: #8c9ba4 !important;
}

.u-fill-ash-grey {
  fill: #8c9ba4 !important;
}

.u-bg-brand-accent {
  background-color: #48a281 !important;
}

.my-orders .status.delivered,
.u-color-brand-accent {
  color: #48a281 !important;
}

.u-fill-brand-accent {
  fill: #48a281 !important;
}

.u-bg-deep-blue {
  background-color: #1c4b61 !important;
}

.u-color-deep-blue {
  color: #1c4b61 !important;
}

.u-fill-deep-blue {
  fill: #1c4b61 !important;
}

.u-bg-dark-navy {
  background-color: #152934 !important;
}

.u-color-dark-navy {
  color: #152934 !important;
}

.u-fill-dark-navy {
  fill: #152934 !important;
}

.u-bg-dark-navy-rgb {
  background-color: #152934 !important;
}

.u-color-dark-navy-rgb {
  color: #152934 !important;
}

.u-fill-dark-navy-rgb {
  fill: #152934 !important;
}

.u-bg-heading {
  background-color: #152934 !important;
}

.u-color-heading {
  color: #152934 !important;
}

.u-fill-heading {
  fill: #152934 !important;
}

.u-bg-noble-blue {
  background-color: #03374f !important;
}

.checkout-header .header__container,
.u-color-noble-blue {
  color: #03374f !important;
}

.u-fill-noble-blue {
  fill: #03374f !important;
}

.u-bg-sleek-silver {
  background-color: #dfe3e6 !important;
}

.u-color-sleek-silver {
  color: #dfe3e6 !important;
}

.u-fill-sleek-silver {
  fill: #dfe3e6 !important;
}

.product-card,
.u-bg-tint-grey {
  background-color: #f1f3f7 !important;
}

.u-color-tint-grey {
  color: #f1f3f7 !important;
}

.u-fill-tint-grey {
  fill: #f1f3f7 !important;
}

.u-bg-preparation {
  background-color: #c7821a !important;
}

.my-orders .status.in-progress,
.u-color-preparation {
  color: #c7821a !important;
}

.u-fill-preparation {
  fill: #c7821a !important;
}

.u-bg-arlo-charcoal {
  background-color: #384952 !important;
}

.u-color-arlo-charcoal {
  color: #384952 !important;
}

.u-fill-arlo-charcoal {
  fill: #384952 !important;
}

.u-bg-strike-red {
  background-color: #fc0000 !important;
}

.u-color-strike-red {
  color: #fc0000 !important;
}

.u-fill-strike-red {
  fill: #fc0000 !important;
}

.u-bg-warning-orange {
  background-color: #dc2800 !important;
}

.my-orders .status.rejected,
.u-color-warning-orange {
  color: #dc2800 !important;
}

.u-fill-warning-orange {
  fill: #dc2800 !important;
}

.u-bg-warning-light-red {
  background-color: #fff2ef !important;
}

.u-color-warning-light-red {
  color: #fff2ef !important;
}

.u-fill-warning-light-red {
  fill: #fff2ef !important;
}

@media screen and (min-width: 0) {
  .u-bg-xs-transparent {
    background-color: transparent !important;
  }

  .u-color-xs-transparent {
    color: transparent !important;
  }

  .u-fill-xs-transparent {
    fill: transparent !important;
  }

  .u-bg-xs-white {
    background-color: #fff !important;
  }

  .u-color-xs-white {
    color: #fff !important;
  }

  .u-fill-xs-white {
    fill: #fff !important;
  }

  .u-bg-xs-black {
    background-color: #000 !important;
  }

  .u-color-xs-black {
    color: #000 !important;
  }

  .u-fill-xs-black {
    fill: #000 !important;
  }

  .u-bg-xs-light-grey {
    background-color: #eee !important;
  }

  .u-color-xs-light-grey {
    color: #eee !important;
  }

  .u-fill-xs-light-grey {
    fill: #eee !important;
  }

  .u-bg-xs-grey {
    background-color: #5a6871 !important;
  }

  .u-color-xs-grey {
    color: #5a6871 !important;
  }

  .u-fill-xs-grey {
    fill: #5a6871 !important;
  }

  .u-bg-xs-mid-grey {
    background-color: #5a6870 !important;
  }

  .u-color-xs-mid-grey {
    color: #5a6870 !important;
  }

  .u-fill-xs-mid-grey {
    fill: #5a6870 !important;
  }

  .u-bg-xs-dark-grey {
    background-color: #6d6d6d !important;
  }

  .u-color-xs-dark-grey {
    color: #6d6d6d !important;
  }

  .u-fill-xs-dark-grey {
    fill: #6d6d6d !important;
  }

  .u-bg-xs-ash-grey {
    background-color: #8c9ba4 !important;
  }

  .u-color-xs-ash-grey {
    color: #8c9ba4 !important;
  }

  .u-fill-xs-ash-grey {
    fill: #8c9ba4 !important;
  }

  .u-bg-xs-brand-accent {
    background-color: #48a281 !important;
  }

  .u-color-xs-brand-accent {
    color: #48a281 !important;
  }

  .u-fill-xs-brand-accent {
    fill: #48a281 !important;
  }

  .u-bg-xs-deep-blue {
    background-color: #1c4b61 !important;
  }

  .u-color-xs-deep-blue {
    color: #1c4b61 !important;
  }

  .u-fill-xs-deep-blue {
    fill: #1c4b61 !important;
  }

  .u-bg-xs-dark-navy {
    background-color: #152934 !important;
  }

  .u-color-xs-dark-navy {
    color: #152934 !important;
  }

  .u-fill-xs-dark-navy {
    fill: #152934 !important;
  }

  .u-bg-xs-dark-navy-rgb {
    background-color: #152934 !important;
  }

  .u-color-xs-dark-navy-rgb {
    color: #152934 !important;
  }

  .u-fill-xs-dark-navy-rgb {
    fill: #152934 !important;
  }

  .u-bg-xs-heading {
    background-color: #152934 !important;
  }

  .u-color-xs-heading {
    color: #152934 !important;
  }

  .u-fill-xs-heading {
    fill: #152934 !important;
  }

  .u-bg-xs-noble-blue {
    background-color: #03374f !important;
  }

  .u-color-xs-noble-blue {
    color: #03374f !important;
  }

  .u-fill-xs-noble-blue {
    fill: #03374f !important;
  }

  .u-bg-xs-sleek-silver {
    background-color: #dfe3e6 !important;
  }

  .u-color-xs-sleek-silver {
    color: #dfe3e6 !important;
  }

  .u-fill-xs-sleek-silver {
    fill: #dfe3e6 !important;
  }

  .u-bg-xs-tint-grey {
    background-color: #f1f3f7 !important;
  }

  .u-color-xs-tint-grey {
    color: #f1f3f7 !important;
  }

  .u-fill-xs-tint-grey {
    fill: #f1f3f7 !important;
  }

  .u-bg-xs-preparation {
    background-color: #c7821a !important;
  }

  .u-color-xs-preparation {
    color: #c7821a !important;
  }

  .u-fill-xs-preparation {
    fill: #c7821a !important;
  }

  .u-bg-xs-arlo-charcoal {
    background-color: #384952 !important;
  }

  .u-color-xs-arlo-charcoal {
    color: #384952 !important;
  }

  .u-fill-xs-arlo-charcoal {
    fill: #384952 !important;
  }

  .u-bg-xs-strike-red {
    background-color: #fc0000 !important;
  }

  .u-color-xs-strike-red {
    color: #fc0000 !important;
  }

  .u-fill-xs-strike-red {
    fill: #fc0000 !important;
  }

  .u-bg-xs-warning-orange {
    background-color: #dc2800 !important;
  }

  .u-color-xs-warning-orange {
    color: #dc2800 !important;
  }

  .u-fill-xs-warning-orange {
    fill: #dc2800 !important;
  }

  .u-bg-xs-warning-light-red {
    background-color: #fff2ef !important;
  }

  .u-color-xs-warning-light-red {
    color: #fff2ef !important;
  }

  .u-fill-xs-warning-light-red {
    fill: #fff2ef !important;
  }
}

@media screen and (min-width: 576px) {
  .u-bg-sm-transparent {
    background-color: transparent !important;
  }

  .u-color-sm-transparent {
    color: transparent !important;
  }

  .u-fill-sm-transparent {
    fill: transparent !important;
  }

  .u-bg-sm-white {
    background-color: #fff !important;
  }

  .u-color-sm-white {
    color: #fff !important;
  }

  .u-fill-sm-white {
    fill: #fff !important;
  }

  .u-bg-sm-black {
    background-color: #000 !important;
  }

  .u-color-sm-black {
    color: #000 !important;
  }

  .u-fill-sm-black {
    fill: #000 !important;
  }

  .u-bg-sm-light-grey {
    background-color: #eee !important;
  }

  .u-color-sm-light-grey {
    color: #eee !important;
  }

  .u-fill-sm-light-grey {
    fill: #eee !important;
  }

  .u-bg-sm-grey {
    background-color: #5a6871 !important;
  }

  .u-color-sm-grey {
    color: #5a6871 !important;
  }

  .u-fill-sm-grey {
    fill: #5a6871 !important;
  }

  .u-bg-sm-mid-grey {
    background-color: #5a6870 !important;
  }

  .u-color-sm-mid-grey {
    color: #5a6870 !important;
  }

  .u-fill-sm-mid-grey {
    fill: #5a6870 !important;
  }

  .u-bg-sm-dark-grey {
    background-color: #6d6d6d !important;
  }

  .u-color-sm-dark-grey {
    color: #6d6d6d !important;
  }

  .u-fill-sm-dark-grey {
    fill: #6d6d6d !important;
  }

  .u-bg-sm-ash-grey {
    background-color: #8c9ba4 !important;
  }

  .u-color-sm-ash-grey {
    color: #8c9ba4 !important;
  }

  .u-fill-sm-ash-grey {
    fill: #8c9ba4 !important;
  }

  .u-bg-sm-brand-accent {
    background-color: #48a281 !important;
  }

  .u-color-sm-brand-accent {
    color: #48a281 !important;
  }

  .u-fill-sm-brand-accent {
    fill: #48a281 !important;
  }

  .u-bg-sm-deep-blue {
    background-color: #1c4b61 !important;
  }

  .u-color-sm-deep-blue {
    color: #1c4b61 !important;
  }

  .u-fill-sm-deep-blue {
    fill: #1c4b61 !important;
  }

  .u-bg-sm-dark-navy {
    background-color: #152934 !important;
  }

  .u-color-sm-dark-navy {
    color: #152934 !important;
  }

  .u-fill-sm-dark-navy {
    fill: #152934 !important;
  }

  .u-bg-sm-dark-navy-rgb {
    background-color: #152934 !important;
  }

  .u-color-sm-dark-navy-rgb {
    color: #152934 !important;
  }

  .u-fill-sm-dark-navy-rgb {
    fill: #152934 !important;
  }

  .u-bg-sm-heading {
    background-color: #152934 !important;
  }

  .u-color-sm-heading {
    color: #152934 !important;
  }

  .u-fill-sm-heading {
    fill: #152934 !important;
  }

  .u-bg-sm-noble-blue {
    background-color: #03374f !important;
  }

  .u-color-sm-noble-blue {
    color: #03374f !important;
  }

  .u-fill-sm-noble-blue {
    fill: #03374f !important;
  }

  .u-bg-sm-sleek-silver {
    background-color: #dfe3e6 !important;
  }

  .u-color-sm-sleek-silver {
    color: #dfe3e6 !important;
  }

  .u-fill-sm-sleek-silver {
    fill: #dfe3e6 !important;
  }

  .u-bg-sm-tint-grey {
    background-color: #f1f3f7 !important;
  }

  .u-color-sm-tint-grey {
    color: #f1f3f7 !important;
  }

  .u-fill-sm-tint-grey {
    fill: #f1f3f7 !important;
  }

  .u-bg-sm-preparation {
    background-color: #c7821a !important;
  }

  .u-color-sm-preparation {
    color: #c7821a !important;
  }

  .u-fill-sm-preparation {
    fill: #c7821a !important;
  }

  .u-bg-sm-arlo-charcoal {
    background-color: #384952 !important;
  }

  .u-color-sm-arlo-charcoal {
    color: #384952 !important;
  }

  .u-fill-sm-arlo-charcoal {
    fill: #384952 !important;
  }

  .u-bg-sm-strike-red {
    background-color: #fc0000 !important;
  }

  .u-color-sm-strike-red {
    color: #fc0000 !important;
  }

  .u-fill-sm-strike-red {
    fill: #fc0000 !important;
  }

  .u-bg-sm-warning-orange {
    background-color: #dc2800 !important;
  }

  .u-color-sm-warning-orange {
    color: #dc2800 !important;
  }

  .u-fill-sm-warning-orange {
    fill: #dc2800 !important;
  }

  .u-bg-sm-warning-light-red {
    background-color: #fff2ef !important;
  }

  .u-color-sm-warning-light-red {
    color: #fff2ef !important;
  }

  .u-fill-sm-warning-light-red {
    fill: #fff2ef !important;
  }
}

@media screen and (min-width: 768px) {
  .u-bg-md-transparent {
    background-color: transparent !important;
  }

  .u-color-md-transparent {
    color: transparent !important;
  }

  .u-fill-md-transparent {
    fill: transparent !important;
  }

  .u-bg-md-white {
    background-color: #fff !important;
  }

  .u-color-md-white {
    color: #fff !important;
  }

  .u-fill-md-white {
    fill: #fff !important;
  }

  .u-bg-md-black {
    background-color: #000 !important;
  }

  .u-color-md-black {
    color: #000 !important;
  }

  .u-fill-md-black {
    fill: #000 !important;
  }

  .u-bg-md-light-grey {
    background-color: #eee !important;
  }

  .u-color-md-light-grey {
    color: #eee !important;
  }

  .u-fill-md-light-grey {
    fill: #eee !important;
  }

  .u-bg-md-grey {
    background-color: #5a6871 !important;
  }

  .u-color-md-grey {
    color: #5a6871 !important;
  }

  .u-fill-md-grey {
    fill: #5a6871 !important;
  }

  .u-bg-md-mid-grey {
    background-color: #5a6870 !important;
  }

  .u-color-md-mid-grey {
    color: #5a6870 !important;
  }

  .u-fill-md-mid-grey {
    fill: #5a6870 !important;
  }

  .u-bg-md-dark-grey {
    background-color: #6d6d6d !important;
  }

  .u-color-md-dark-grey {
    color: #6d6d6d !important;
  }

  .u-fill-md-dark-grey {
    fill: #6d6d6d !important;
  }

  .u-bg-md-ash-grey {
    background-color: #8c9ba4 !important;
  }

  .u-color-md-ash-grey {
    color: #8c9ba4 !important;
  }

  .u-fill-md-ash-grey {
    fill: #8c9ba4 !important;
  }

  .u-bg-md-brand-accent {
    background-color: #48a281 !important;
  }

  .u-color-md-brand-accent {
    color: #48a281 !important;
  }

  .u-fill-md-brand-accent {
    fill: #48a281 !important;
  }

  .u-bg-md-deep-blue {
    background-color: #1c4b61 !important;
  }

  .u-color-md-deep-blue {
    color: #1c4b61 !important;
  }

  .u-fill-md-deep-blue {
    fill: #1c4b61 !important;
  }

  .u-bg-md-dark-navy {
    background-color: #152934 !important;
  }

  .u-color-md-dark-navy {
    color: #152934 !important;
  }

  .u-fill-md-dark-navy {
    fill: #152934 !important;
  }

  .u-bg-md-dark-navy-rgb {
    background-color: #152934 !important;
  }

  .u-color-md-dark-navy-rgb {
    color: #152934 !important;
  }

  .u-fill-md-dark-navy-rgb {
    fill: #152934 !important;
  }

  .u-bg-md-heading {
    background-color: #152934 !important;
  }

  .u-color-md-heading {
    color: #152934 !important;
  }

  .u-fill-md-heading {
    fill: #152934 !important;
  }

  .u-bg-md-noble-blue {
    background-color: #03374f !important;
  }

  .u-color-md-noble-blue {
    color: #03374f !important;
  }

  .u-fill-md-noble-blue {
    fill: #03374f !important;
  }

  .u-bg-md-sleek-silver {
    background-color: #dfe3e6 !important;
  }

  .u-color-md-sleek-silver {
    color: #dfe3e6 !important;
  }

  .u-fill-md-sleek-silver {
    fill: #dfe3e6 !important;
  }

  .u-bg-md-tint-grey {
    background-color: #f1f3f7 !important;
  }

  .u-color-md-tint-grey {
    color: #f1f3f7 !important;
  }

  .u-fill-md-tint-grey {
    fill: #f1f3f7 !important;
  }

  .u-bg-md-preparation {
    background-color: #c7821a !important;
  }

  .u-color-md-preparation {
    color: #c7821a !important;
  }

  .u-fill-md-preparation {
    fill: #c7821a !important;
  }

  .u-bg-md-arlo-charcoal {
    background-color: #384952 !important;
  }

  .u-color-md-arlo-charcoal {
    color: #384952 !important;
  }

  .u-fill-md-arlo-charcoal {
    fill: #384952 !important;
  }

  .u-bg-md-strike-red {
    background-color: #fc0000 !important;
  }

  .u-color-md-strike-red {
    color: #fc0000 !important;
  }

  .u-fill-md-strike-red {
    fill: #fc0000 !important;
  }

  .u-bg-md-warning-orange {
    background-color: #dc2800 !important;
  }

  .u-color-md-warning-orange {
    color: #dc2800 !important;
  }

  .u-fill-md-warning-orange {
    fill: #dc2800 !important;
  }

  .u-bg-md-warning-light-red {
    background-color: #fff2ef !important;
  }

  .u-color-md-warning-light-red {
    color: #fff2ef !important;
  }

  .u-fill-md-warning-light-red {
    fill: #fff2ef !important;
  }
}

@media screen and (min-width: 992px) {
  .u-bg-lg-transparent {
    background-color: transparent !important;
  }

  .u-color-lg-transparent {
    color: transparent !important;
  }

  .u-fill-lg-transparent {
    fill: transparent !important;
  }

  .u-bg-lg-white {
    background-color: #fff !important;
  }

  .u-color-lg-white {
    color: #fff !important;
  }

  .u-fill-lg-white {
    fill: #fff !important;
  }

  .u-bg-lg-black {
    background-color: #000 !important;
  }

  .u-color-lg-black {
    color: #000 !important;
  }

  .u-fill-lg-black {
    fill: #000 !important;
  }

  .u-bg-lg-light-grey {
    background-color: #eee !important;
  }

  .u-color-lg-light-grey {
    color: #eee !important;
  }

  .u-fill-lg-light-grey {
    fill: #eee !important;
  }

  .u-bg-lg-grey {
    background-color: #5a6871 !important;
  }

  .u-color-lg-grey {
    color: #5a6871 !important;
  }

  .u-fill-lg-grey {
    fill: #5a6871 !important;
  }

  .u-bg-lg-mid-grey {
    background-color: #5a6870 !important;
  }

  .u-color-lg-mid-grey {
    color: #5a6870 !important;
  }

  .u-fill-lg-mid-grey {
    fill: #5a6870 !important;
  }

  .u-bg-lg-dark-grey {
    background-color: #6d6d6d !important;
  }

  .u-color-lg-dark-grey {
    color: #6d6d6d !important;
  }

  .u-fill-lg-dark-grey {
    fill: #6d6d6d !important;
  }

  .u-bg-lg-ash-grey {
    background-color: #8c9ba4 !important;
  }

  .u-color-lg-ash-grey {
    color: #8c9ba4 !important;
  }

  .u-fill-lg-ash-grey {
    fill: #8c9ba4 !important;
  }

  .u-bg-lg-brand-accent {
    background-color: #48a281 !important;
  }

  .u-color-lg-brand-accent {
    color: #48a281 !important;
  }

  .u-fill-lg-brand-accent {
    fill: #48a281 !important;
  }

  .u-bg-lg-deep-blue {
    background-color: #1c4b61 !important;
  }

  .u-color-lg-deep-blue {
    color: #1c4b61 !important;
  }

  .u-fill-lg-deep-blue {
    fill: #1c4b61 !important;
  }

  .u-bg-lg-dark-navy {
    background-color: #152934 !important;
  }

  .u-color-lg-dark-navy {
    color: #152934 !important;
  }

  .u-fill-lg-dark-navy {
    fill: #152934 !important;
  }

  .u-bg-lg-dark-navy-rgb {
    background-color: #152934 !important;
  }

  .u-color-lg-dark-navy-rgb {
    color: #152934 !important;
  }

  .u-fill-lg-dark-navy-rgb {
    fill: #152934 !important;
  }

  .u-bg-lg-heading {
    background-color: #152934 !important;
  }

  .u-color-lg-heading {
    color: #152934 !important;
  }

  .u-fill-lg-heading {
    fill: #152934 !important;
  }

  .u-bg-lg-noble-blue {
    background-color: #03374f !important;
  }

  .u-color-lg-noble-blue {
    color: #03374f !important;
  }

  .u-fill-lg-noble-blue {
    fill: #03374f !important;
  }

  .u-bg-lg-sleek-silver {
    background-color: #dfe3e6 !important;
  }

  .u-color-lg-sleek-silver {
    color: #dfe3e6 !important;
  }

  .u-fill-lg-sleek-silver {
    fill: #dfe3e6 !important;
  }

  .u-bg-lg-tint-grey {
    background-color: #f1f3f7 !important;
  }

  .u-color-lg-tint-grey {
    color: #f1f3f7 !important;
  }

  .u-fill-lg-tint-grey {
    fill: #f1f3f7 !important;
  }

  .u-bg-lg-preparation {
    background-color: #c7821a !important;
  }

  .u-color-lg-preparation {
    color: #c7821a !important;
  }

  .u-fill-lg-preparation {
    fill: #c7821a !important;
  }

  .u-bg-lg-arlo-charcoal {
    background-color: #384952 !important;
  }

  .u-color-lg-arlo-charcoal {
    color: #384952 !important;
  }

  .u-fill-lg-arlo-charcoal {
    fill: #384952 !important;
  }

  .u-bg-lg-strike-red {
    background-color: #fc0000 !important;
  }

  .u-color-lg-strike-red {
    color: #fc0000 !important;
  }

  .u-fill-lg-strike-red {
    fill: #fc0000 !important;
  }

  .u-bg-lg-warning-orange {
    background-color: #dc2800 !important;
  }

  .u-color-lg-warning-orange {
    color: #dc2800 !important;
  }

  .u-fill-lg-warning-orange {
    fill: #dc2800 !important;
  }

  .u-bg-lg-warning-light-red {
    background-color: #fff2ef !important;
  }

  .u-color-lg-warning-light-red {
    color: #fff2ef !important;
  }

  .u-fill-lg-warning-light-red {
    fill: #fff2ef !important;
  }
}

@media screen and (min-width: 1200px) {
  .u-bg-xl-transparent {
    background-color: transparent !important;
  }

  .u-color-xl-transparent {
    color: transparent !important;
  }

  .u-fill-xl-transparent {
    fill: transparent !important;
  }

  .header-search-container,
  .u-bg-xl-white {
    background-color: #fff !important;
  }

  .u-color-xl-white {
    color: #fff !important;
  }

  .u-fill-xl-white {
    fill: #fff !important;
  }

  .u-bg-xl-black {
    background-color: #000 !important;
  }

  .u-color-xl-black {
    color: #000 !important;
  }

  .u-fill-xl-black {
    fill: #000 !important;
  }

  .u-bg-xl-light-grey {
    background-color: #eee !important;
  }

  .u-color-xl-light-grey {
    color: #eee !important;
  }

  .u-fill-xl-light-grey {
    fill: #eee !important;
  }

  .u-bg-xl-grey {
    background-color: #5a6871 !important;
  }

  .u-color-xl-grey {
    color: #5a6871 !important;
  }

  .u-fill-xl-grey {
    fill: #5a6871 !important;
  }

  .u-bg-xl-mid-grey {
    background-color: #5a6870 !important;
  }

  .u-color-xl-mid-grey {
    color: #5a6870 !important;
  }

  .u-fill-xl-mid-grey {
    fill: #5a6870 !important;
  }

  .u-bg-xl-dark-grey {
    background-color: #6d6d6d !important;
  }

  .u-color-xl-dark-grey {
    color: #6d6d6d !important;
  }

  .u-fill-xl-dark-grey {
    fill: #6d6d6d !important;
  }

  .u-bg-xl-ash-grey {
    background-color: #8c9ba4 !important;
  }

  .u-color-xl-ash-grey {
    color: #8c9ba4 !important;
  }

  .u-fill-xl-ash-grey {
    fill: #8c9ba4 !important;
  }

  .u-bg-xl-brand-accent {
    background-color: #48a281 !important;
  }

  .u-color-xl-brand-accent {
    color: #48a281 !important;
  }

  .u-fill-xl-brand-accent {
    fill: #48a281 !important;
  }

  .u-bg-xl-deep-blue {
    background-color: #1c4b61 !important;
  }

  .u-color-xl-deep-blue {
    color: #1c4b61 !important;
  }

  .u-fill-xl-deep-blue {
    fill: #1c4b61 !important;
  }

  .u-bg-xl-dark-navy {
    background-color: #152934 !important;
  }

  .u-color-xl-dark-navy {
    color: #152934 !important;
  }

  .u-fill-xl-dark-navy {
    fill: #152934 !important;
  }

  .u-bg-xl-dark-navy-rgb {
    background-color: #152934 !important;
  }

  .u-color-xl-dark-navy-rgb {
    color: #152934 !important;
  }

  .u-fill-xl-dark-navy-rgb {
    fill: #152934 !important;
  }

  .u-bg-xl-heading {
    background-color: #152934 !important;
  }

  .u-color-xl-heading {
    color: #152934 !important;
  }

  .u-fill-xl-heading {
    fill: #152934 !important;
  }

  .u-bg-xl-noble-blue {
    background-color: #03374f !important;
  }

  .u-color-xl-noble-blue {
    color: #03374f !important;
  }

  .u-fill-xl-noble-blue {
    fill: #03374f !important;
  }

  .u-bg-xl-sleek-silver {
    background-color: #dfe3e6 !important;
  }

  .u-color-xl-sleek-silver {
    color: #dfe3e6 !important;
  }

  .u-fill-xl-sleek-silver {
    fill: #dfe3e6 !important;
  }

  .u-bg-xl-tint-grey {
    background-color: #f1f3f7 !important;
  }

  .u-color-xl-tint-grey {
    color: #f1f3f7 !important;
  }

  .u-fill-xl-tint-grey {
    fill: #f1f3f7 !important;
  }

  .u-bg-xl-preparation {
    background-color: #c7821a !important;
  }

  .u-color-xl-preparation {
    color: #c7821a !important;
  }

  .u-fill-xl-preparation {
    fill: #c7821a !important;
  }

  .u-bg-xl-arlo-charcoal {
    background-color: #384952 !important;
  }

  .u-color-xl-arlo-charcoal {
    color: #384952 !important;
  }

  .u-fill-xl-arlo-charcoal {
    fill: #384952 !important;
  }

  .u-bg-xl-strike-red {
    background-color: #fc0000 !important;
  }

  .u-color-xl-strike-red {
    color: #fc0000 !important;
  }

  .u-fill-xl-strike-red {
    fill: #fc0000 !important;
  }

  .u-bg-xl-warning-orange {
    background-color: #dc2800 !important;
  }

  .u-color-xl-warning-orange {
    color: #dc2800 !important;
  }

  .u-fill-xl-warning-orange {
    fill: #dc2800 !important;
  }

  .u-bg-xl-warning-light-red {
    background-color: #fff2ef !important;
  }

  .u-color-xl-warning-light-red {
    color: #fff2ef !important;
  }

  .u-fill-xl-warning-light-red {
    fill: #fff2ef !important;
  }
}

@media screen and (min-width: 1440px) {
  .u-bg-xxl-transparent {
    background-color: transparent !important;
  }

  .u-color-xxl-transparent {
    color: transparent !important;
  }

  .u-fill-xxl-transparent {
    fill: transparent !important;
  }

  .u-bg-xxl-white {
    background-color: #fff !important;
  }

  .u-color-xxl-white {
    color: #fff !important;
  }

  .u-fill-xxl-white {
    fill: #fff !important;
  }

  .u-bg-xxl-black {
    background-color: #000 !important;
  }

  .u-color-xxl-black {
    color: #000 !important;
  }

  .u-fill-xxl-black {
    fill: #000 !important;
  }

  .u-bg-xxl-light-grey {
    background-color: #eee !important;
  }

  .u-color-xxl-light-grey {
    color: #eee !important;
  }

  .u-fill-xxl-light-grey {
    fill: #eee !important;
  }

  .u-bg-xxl-grey {
    background-color: #5a6871 !important;
  }

  .u-color-xxl-grey {
    color: #5a6871 !important;
  }

  .u-fill-xxl-grey {
    fill: #5a6871 !important;
  }

  .u-bg-xxl-mid-grey {
    background-color: #5a6870 !important;
  }

  .u-color-xxl-mid-grey {
    color: #5a6870 !important;
  }

  .u-fill-xxl-mid-grey {
    fill: #5a6870 !important;
  }

  .u-bg-xxl-dark-grey {
    background-color: #6d6d6d !important;
  }

  .u-color-xxl-dark-grey {
    color: #6d6d6d !important;
  }

  .u-fill-xxl-dark-grey {
    fill: #6d6d6d !important;
  }

  .u-bg-xxl-ash-grey {
    background-color: #8c9ba4 !important;
  }

  .u-color-xxl-ash-grey {
    color: #8c9ba4 !important;
  }

  .u-fill-xxl-ash-grey {
    fill: #8c9ba4 !important;
  }

  .u-bg-xxl-brand-accent {
    background-color: #48a281 !important;
  }

  .u-color-xxl-brand-accent {
    color: #48a281 !important;
  }

  .u-fill-xxl-brand-accent {
    fill: #48a281 !important;
  }

  .u-bg-xxl-deep-blue {
    background-color: #1c4b61 !important;
  }

  .u-color-xxl-deep-blue {
    color: #1c4b61 !important;
  }

  .u-fill-xxl-deep-blue {
    fill: #1c4b61 !important;
  }

  .u-bg-xxl-dark-navy {
    background-color: #152934 !important;
  }

  .u-color-xxl-dark-navy {
    color: #152934 !important;
  }

  .u-fill-xxl-dark-navy {
    fill: #152934 !important;
  }

  .u-bg-xxl-dark-navy-rgb {
    background-color: #152934 !important;
  }

  .u-color-xxl-dark-navy-rgb {
    color: #152934 !important;
  }

  .u-fill-xxl-dark-navy-rgb {
    fill: #152934 !important;
  }

  .u-bg-xxl-heading {
    background-color: #152934 !important;
  }

  .u-color-xxl-heading {
    color: #152934 !important;
  }

  .u-fill-xxl-heading {
    fill: #152934 !important;
  }

  .u-bg-xxl-noble-blue {
    background-color: #03374f !important;
  }

  .u-color-xxl-noble-blue {
    color: #03374f !important;
  }

  .u-fill-xxl-noble-blue {
    fill: #03374f !important;
  }

  .u-bg-xxl-sleek-silver {
    background-color: #dfe3e6 !important;
  }

  .u-color-xxl-sleek-silver {
    color: #dfe3e6 !important;
  }

  .u-fill-xxl-sleek-silver {
    fill: #dfe3e6 !important;
  }

  .u-bg-xxl-tint-grey {
    background-color: #f1f3f7 !important;
  }

  .u-color-xxl-tint-grey {
    color: #f1f3f7 !important;
  }

  .u-fill-xxl-tint-grey {
    fill: #f1f3f7 !important;
  }

  .u-bg-xxl-preparation {
    background-color: #c7821a !important;
  }

  .u-color-xxl-preparation {
    color: #c7821a !important;
  }

  .u-fill-xxl-preparation {
    fill: #c7821a !important;
  }

  .u-bg-xxl-arlo-charcoal {
    background-color: #384952 !important;
  }

  .u-color-xxl-arlo-charcoal {
    color: #384952 !important;
  }

  .u-fill-xxl-arlo-charcoal {
    fill: #384952 !important;
  }

  .u-bg-xxl-strike-red {
    background-color: #fc0000 !important;
  }

  .u-color-xxl-strike-red {
    color: #fc0000 !important;
  }

  .u-fill-xxl-strike-red {
    fill: #fc0000 !important;
  }

  .u-bg-xxl-warning-orange {
    background-color: #dc2800 !important;
  }

  .u-color-xxl-warning-orange {
    color: #dc2800 !important;
  }

  .u-fill-xxl-warning-orange {
    fill: #dc2800 !important;
  }

  .u-bg-xxl-warning-light-red {
    background-color: #fff2ef !important;
  }

  .u-color-xxl-warning-light-red {
    color: #fff2ef !important;
  }

  .u-fill-xxl-warning-light-red {
    fill: #fff2ef !important;
  }
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-3 {
  padding: 1pc !important;
}

.p-4 {
  padding: 2pc !important;
}

.p-5 {
  padding: 4pc !important;
}

.p-6 {
  padding: 8pc !important;
}

.p-7 {
  padding: 16pc !important;
}

.p-8 {
  padding: 32pc !important;
}

.p-9 {
  padding: 64pc !important;
}

.p-10 {
  padding: 128pc !important;
}

.p-auto {
  padding: auto !important;
}

.pt-0 {
  padding-top: 0 !important;
}

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

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

.pt-3 {
  padding-top: 1pc !important;
}

.pt-4 {
  padding-top: 2pc !important;
}

.pt-5 {
  padding-top: 4pc !important;
}

.pt-6 {
  padding-top: 8pc !important;
}

.pt-7 {
  padding-top: 16pc !important;
}

.pt-8 {
  padding-top: 32pc !important;
}

.pt-9 {
  padding-top: 64pc !important;
}

.pt-10 {
  padding-top: 128pc !important;
}

.pt-auto {
  padding-top: auto !important;
}

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

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

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

.pr-3 {
  padding-right: 1pc !important;
}

.pr-4 {
  padding-right: 2pc !important;
}

.pr-5 {
  padding-right: 4pc !important;
}

.pr-6 {
  padding-right: 8pc !important;
}

.pr-7 {
  padding-right: 16pc !important;
}

.pr-8 {
  padding-right: 32pc !important;
}

.pr-9 {
  padding-right: 64pc !important;
}

.pr-10 {
  padding-right: 128pc !important;
}

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

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

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

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

.pb-3 {
  padding-bottom: 1pc !important;
}

.pb-4 {
  padding-bottom: 2pc !important;
}

.pb-5 {
  padding-bottom: 4pc !important;
}

.pb-6 {
  padding-bottom: 8pc !important;
}

.pb-7 {
  padding-bottom: 16pc !important;
}

.pb-8 {
  padding-bottom: 32pc !important;
}

.pb-9 {
  padding-bottom: 64pc !important;
}

.pb-10 {
  padding-bottom: 128pc !important;
}

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

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

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

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

.pl-3 {
  padding-left: 1pc !important;
}

.pl-4 {
  padding-left: 2pc !important;
}

.pl-5 {
  padding-left: 4pc !important;
}

.pl-6 {
  padding-left: 8pc !important;
}

.pl-7 {
  padding-left: 16pc !important;
}

.pl-8 {
  padding-left: 32pc !important;
}

.pl-9 {
  padding-left: 64pc !important;
}

.pl-10 {
  padding-left: 128pc !important;
}

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

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.px-2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.alternative-hero-v2 .alternative-hero__carousel-mobile .product-card,
.alternative-hero-v2 .alternative-hero__carousel .product-card,
.product-card.product-card__xsmall,
.px-3 {
  padding-left: 1pc !important;
  padding-right: 1pc !important;
}

.product-card,
.px-4,
.textimagevideo2 .my-orders__small-card,
.textimagevideo2 .product-card,
.textimagevideo2 .text-image__text-col > .u-text-align-left,
.textimagevideo2 .u-text-align-center,
.textimagevideo2 .u-text-align-right {
  padding-left: 2pc !important;
  padding-right: 2pc !important;
}

.px-5 {
  padding-left: 4pc !important;
  padding-right: 4pc !important;
}

.px-6 {
  padding-left: 8pc !important;
  padding-right: 8pc !important;
}

.px-7 {
  padding-left: 16pc !important;
  padding-right: 16pc !important;
}

.px-8 {
  padding-left: 32pc !important;
  padding-right: 32pc !important;
}

.px-9 {
  padding-left: 64pc !important;
  padding-right: 64pc !important;
}

.px-10 {
  padding-left: 128pc !important;
  padding-right: 128pc !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.alternative-hero-v2 .alternative-hero__carousel-mobile .product-card,
.alternative-hero-v2 .alternative-hero__carousel .product-card,
.product-card.product-card__xsmall,
.py-3 {
  padding-top: 1pc !important;
  padding-bottom: 1pc !important;
}

.product-card,
.py-4,
.textimagevideo2 .my-orders__small-card,
.textimagevideo2 .product-card,
.textimagevideo2 .text-image__text-col > .u-text-align-left,
.textimagevideo2 .u-text-align-center,
.textimagevideo2 .u-text-align-right {
  padding-top: 2pc !important;
  padding-bottom: 2pc !important;
}

.py-5 {
  padding-top: 4pc !important;
  padding-bottom: 4pc !important;
}

.py-6 {
  padding-top: 8pc !important;
  padding-bottom: 8pc !important;
}

.py-7 {
  padding-top: 16pc !important;
  padding-bottom: 16pc !important;
}

.py-8 {
  padding-top: 32pc !important;
  padding-bottom: 32pc !important;
}

.py-9 {
  padding-top: 64pc !important;
  padding-bottom: 64pc !important;
}

.py-10 {
  padding-top: 128pc !important;
  padding-bottom: 128pc !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 4px !important;
}

.m-2 {
  margin: 8px !important;
}

.m-3 {
  margin: 1pc !important;
}

.m-4 {
  margin: 2pc !important;
}

.m-5 {
  margin: 4pc !important;
}

.m-6 {
  margin: 8pc !important;
}

.m-7 {
  margin: 16pc !important;
}

.m-8 {
  margin: 32pc !important;
}

.m-9 {
  margin: 64pc !important;
}

.m-10 {
  margin: 128pc !important;
}

.m-auto {
  margin: auto !important;
}

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

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

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

.mt-3 {
  margin-top: 1pc !important;
}

.mt-4 {
  margin-top: 2pc !important;
}

.mt-5 {
  margin-top: 4pc !important;
}

.mt-6 {
  margin-top: 8pc !important;
}

.mt-7 {
  margin-top: 16pc !important;
}

.mt-8 {
  margin-top: 32pc !important;
}

.mt-9 {
  margin-top: 64pc !important;
}

.mt-10 {
  margin-top: 128pc !important;
}

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

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

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

.color-picker__group:not(:last-child),
.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 1pc !important;
}

.mr-4 {
  margin-right: 2pc !important;
}

.mr-5 {
  margin-right: 4pc !important;
}

.mr-6 {
  margin-right: 8pc !important;
}

.mr-7 {
  margin-right: 16pc !important;
}

.mr-8 {
  margin-right: 32pc !important;
}

.mr-9 {
  margin-right: 64pc !important;
}

.mr-10 {
  margin-right: 128pc !important;
}

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

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

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

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

.mb-3 {
  margin-bottom: 1pc !important;
}

.mb-4 {
  margin-bottom: 2pc !important;
}

.mb-5 {
  margin-bottom: 4pc !important;
}

.mb-6 {
  margin-bottom: 8pc !important;
}

.mb-7 {
  margin-bottom: 16pc !important;
}

.mb-8 {
  margin-bottom: 32pc !important;
}

.mb-9 {
  margin-bottom: 64pc !important;
}

.mb-10 {
  margin-bottom: 128pc !important;
}

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

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

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

.color-picker__value,
.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 1pc !important;
}

.ml-4 {
  margin-left: 2pc !important;
}

.ml-5 {
  margin-left: 4pc !important;
}

.ml-6 {
  margin-left: 8pc !important;
}

.ml-7 {
  margin-left: 16pc !important;
}

.ml-8 {
  margin-left: 32pc !important;
}

.ml-9 {
  margin-left: 64pc !important;
}

.ml-10 {
  margin-left: 128pc !important;
}

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

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mx-2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-3 {
  margin-left: 1pc !important;
  margin-right: 1pc !important;
}

.mx-4 {
  margin-left: 2pc !important;
  margin-right: 2pc !important;
}

.mx-5 {
  margin-left: 4pc !important;
  margin-right: 4pc !important;
}

.mx-6 {
  margin-left: 8pc !important;
  margin-right: 8pc !important;
}

.mx-7 {
  margin-left: 16pc !important;
  margin-right: 16pc !important;
}

.mx-8 {
  margin-left: 32pc !important;
  margin-right: 32pc !important;
}

.mx-9 {
  margin-left: 64pc !important;
  margin-right: 64pc !important;
}

.mx-10 {
  margin-left: 128pc !important;
  margin-right: 128pc !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-3 {
  margin-top: 1pc !important;
  margin-bottom: 1pc !important;
}

.my-4 {
  margin-top: 2pc !important;
  margin-bottom: 2pc !important;
}

.my-5 {
  margin-top: 4pc !important;
  margin-bottom: 4pc !important;
}

.my-6 {
  margin-top: 8pc !important;
  margin-bottom: 8pc !important;
}

.my-7 {
  margin-top: 16pc !important;
  margin-bottom: 16pc !important;
}

.my-8 {
  margin-top: 32pc !important;
  margin-bottom: 32pc !important;
}

.my-9 {
  margin-top: 64pc !important;
  margin-bottom: 64pc !important;
}

.my-10 {
  margin-top: 128pc !important;
  margin-bottom: 128pc !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media screen and (min-width: 0) {
  .p-xs-0 {
    padding: 0 !important;
  }

  .p-xs-1 {
    padding: 4px !important;
  }

  .p-xs-2 {
    padding: 8px !important;
  }

  .p-xs-3 {
    padding: 1pc !important;
  }

  .p-xs-4 {
    padding: 2pc !important;
  }

  .p-xs-5 {
    padding: 4pc !important;
  }

  .p-xs-6 {
    padding: 8pc !important;
  }

  .p-xs-7 {
    padding: 16pc !important;
  }

  .p-xs-8 {
    padding: 32pc !important;
  }

  .p-xs-9 {
    padding: 64pc !important;
  }

  .p-xs-10 {
    padding: 128pc !important;
  }

  .p-xs-auto {
    padding: auto !important;
  }

  .pt-xs-0 {
    padding-top: 0 !important;
  }

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

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

  .pt-xs-3 {
    padding-top: 1pc !important;
  }

  .pt-xs-4 {
    padding-top: 2pc !important;
  }

  .pt-xs-5 {
    padding-top: 4pc !important;
  }

  .pt-xs-6 {
    padding-top: 8pc !important;
  }

  .pt-xs-7 {
    padding-top: 16pc !important;
  }

  .pt-xs-8 {
    padding-top: 32pc !important;
  }

  .pt-xs-9 {
    padding-top: 64pc !important;
  }

  .pt-xs-10 {
    padding-top: 128pc !important;
  }

  .pt-xs-auto {
    padding-top: auto !important;
  }

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

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

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

  .pr-xs-3 {
    padding-right: 1pc !important;
  }

  .pr-xs-4 {
    padding-right: 2pc !important;
  }

  .pr-xs-5 {
    padding-right: 4pc !important;
  }

  .pr-xs-6 {
    padding-right: 8pc !important;
  }

  .pr-xs-7 {
    padding-right: 16pc !important;
  }

  .pr-xs-8 {
    padding-right: 32pc !important;
  }

  .pr-xs-9 {
    padding-right: 64pc !important;
  }

  .pr-xs-10 {
    padding-right: 128pc !important;
  }

  .pr-xs-auto {
    padding-right: auto !important;
  }

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

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

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

  .pb-xs-3 {
    padding-bottom: 1pc !important;
  }

  .pb-xs-4 {
    padding-bottom: 2pc !important;
  }

  .pb-xs-5 {
    padding-bottom: 4pc !important;
  }

  .pb-xs-6 {
    padding-bottom: 8pc !important;
  }

  .pb-xs-7 {
    padding-bottom: 16pc !important;
  }

  .pb-xs-8 {
    padding-bottom: 32pc !important;
  }

  .pb-xs-9 {
    padding-bottom: 64pc !important;
  }

  .pb-xs-10 {
    padding-bottom: 128pc !important;
  }

  .pb-xs-auto {
    padding-bottom: auto !important;
  }

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

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

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

  .pl-xs-3 {
    padding-left: 1pc !important;
  }

  .pl-xs-4 {
    padding-left: 2pc !important;
  }

  .pl-xs-5 {
    padding-left: 4pc !important;
  }

  .pl-xs-6 {
    padding-left: 8pc !important;
  }

  .pl-xs-7 {
    padding-left: 16pc !important;
  }

  .pl-xs-8 {
    padding-left: 32pc !important;
  }

  .pl-xs-9 {
    padding-left: 64pc !important;
  }

  .pl-xs-10 {
    padding-left: 128pc !important;
  }

  .pl-xs-auto {
    padding-left: auto !important;
  }

  .px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xs-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-xs-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-xs-3 {
    padding-left: 1pc !important;
    padding-right: 1pc !important;
  }

  .px-xs-4 {
    padding-left: 2pc !important;
    padding-right: 2pc !important;
  }

  .px-xs-5 {
    padding-left: 4pc !important;
    padding-right: 4pc !important;
  }

  .px-xs-6 {
    padding-left: 8pc !important;
    padding-right: 8pc !important;
  }

  .px-xs-7 {
    padding-left: 16pc !important;
    padding-right: 16pc !important;
  }

  .px-xs-8 {
    padding-left: 32pc !important;
    padding-right: 32pc !important;
  }

  .px-xs-9 {
    padding-left: 64pc !important;
    padding-right: 64pc !important;
  }

  .px-xs-10 {
    padding-left: 128pc !important;
    padding-right: 128pc !important;
  }

  .px-xs-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xs-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xs-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-xs-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-xs-3 {
    padding-top: 1pc !important;
    padding-bottom: 1pc !important;
  }

  .py-xs-4 {
    padding-top: 2pc !important;
    padding-bottom: 2pc !important;
  }

  .py-xs-5 {
    padding-top: 4pc !important;
    padding-bottom: 4pc !important;
  }

  .py-xs-6 {
    padding-top: 8pc !important;
    padding-bottom: 8pc !important;
  }

  .py-xs-7 {
    padding-top: 16pc !important;
    padding-bottom: 16pc !important;
  }

  .py-xs-8 {
    padding-top: 32pc !important;
    padding-bottom: 32pc !important;
  }

  .py-xs-9 {
    padding-top: 64pc !important;
    padding-bottom: 64pc !important;
  }

  .py-xs-10 {
    padding-top: 128pc !important;
    padding-bottom: 128pc !important;
  }

  .py-xs-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .m-xs-0 {
    margin: 0 !important;
  }

  .m-xs-1 {
    margin: 4px !important;
  }

  .m-xs-2 {
    margin: 8px !important;
  }

  .m-xs-3 {
    margin: 1pc !important;
  }

  .m-xs-4 {
    margin: 2pc !important;
  }

  .m-xs-5 {
    margin: 4pc !important;
  }

  .m-xs-6 {
    margin: 8pc !important;
  }

  .m-xs-7 {
    margin: 16pc !important;
  }

  .m-xs-8 {
    margin: 32pc !important;
  }

  .m-xs-9 {
    margin: 64pc !important;
  }

  .m-xs-10 {
    margin: 128pc !important;
  }

  .m-xs-auto {
    margin: auto !important;
  }

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

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

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

  .mt-xs-3 {
    margin-top: 1pc !important;
  }

  .mt-xs-4 {
    margin-top: 2pc !important;
  }

  .mt-xs-5 {
    margin-top: 4pc !important;
  }

  .mt-xs-6 {
    margin-top: 8pc !important;
  }

  .mt-xs-7 {
    margin-top: 16pc !important;
  }

  .mt-xs-8 {
    margin-top: 32pc !important;
  }

  .mt-xs-9 {
    margin-top: 64pc !important;
  }

  .mt-xs-10 {
    margin-top: 128pc !important;
  }

  .mt-xs-auto {
    margin-top: auto !important;
  }

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

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

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

  .mr-xs-3 {
    margin-right: 1pc !important;
  }

  .mr-xs-4 {
    margin-right: 2pc !important;
  }

  .mr-xs-5 {
    margin-right: 4pc !important;
  }

  .mr-xs-6 {
    margin-right: 8pc !important;
  }

  .mr-xs-7 {
    margin-right: 16pc !important;
  }

  .mr-xs-8 {
    margin-right: 32pc !important;
  }

  .mr-xs-9 {
    margin-right: 64pc !important;
  }

  .mr-xs-10 {
    margin-right: 128pc !important;
  }

  .mr-xs-auto {
    margin-right: auto !important;
  }

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

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

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

  .mb-xs-3 {
    margin-bottom: 1pc !important;
  }

  .mb-xs-4 {
    margin-bottom: 2pc !important;
  }

  .mb-xs-5 {
    margin-bottom: 4pc !important;
  }

  .mb-xs-6 {
    margin-bottom: 8pc !important;
  }

  .mb-xs-7 {
    margin-bottom: 16pc !important;
  }

  .mb-xs-8 {
    margin-bottom: 32pc !important;
  }

  .mb-xs-9 {
    margin-bottom: 64pc !important;
  }

  .mb-xs-10 {
    margin-bottom: 128pc !important;
  }

  .mb-xs-auto {
    margin-bottom: auto !important;
  }

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

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

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

  .ml-xs-3 {
    margin-left: 1pc !important;
  }

  .ml-xs-4 {
    margin-left: 2pc !important;
  }

  .ml-xs-5 {
    margin-left: 4pc !important;
  }

  .ml-xs-6 {
    margin-left: 8pc !important;
  }

  .ml-xs-7 {
    margin-left: 16pc !important;
  }

  .ml-xs-8 {
    margin-left: 32pc !important;
  }

  .ml-xs-9 {
    margin-left: 64pc !important;
  }

  .ml-xs-10 {
    margin-left: 128pc !important;
  }

  .ml-xs-auto {
    margin-left: auto !important;
  }

  .mx-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xs-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-xs-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-xs-3 {
    margin-left: 1pc !important;
    margin-right: 1pc !important;
  }

  .mx-xs-4 {
    margin-left: 2pc !important;
    margin-right: 2pc !important;
  }

  .mx-xs-5 {
    margin-left: 4pc !important;
    margin-right: 4pc !important;
  }

  .mx-xs-6 {
    margin-left: 8pc !important;
    margin-right: 8pc !important;
  }

  .mx-xs-7 {
    margin-left: 16pc !important;
    margin-right: 16pc !important;
  }

  .mx-xs-8 {
    margin-left: 32pc !important;
    margin-right: 32pc !important;
  }

  .mx-xs-9 {
    margin-left: 64pc !important;
    margin-right: 64pc !important;
  }

  .mx-xs-10 {
    margin-left: 128pc !important;
    margin-right: 128pc !important;
  }

  .mx-xs-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xs-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xs-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-xs-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-xs-3 {
    margin-top: 1pc !important;
    margin-bottom: 1pc !important;
  }

  .my-xs-4 {
    margin-top: 2pc !important;
    margin-bottom: 2pc !important;
  }

  .my-xs-5 {
    margin-top: 4pc !important;
    margin-bottom: 4pc !important;
  }

  .my-xs-6 {
    margin-top: 8pc !important;
    margin-bottom: 8pc !important;
  }

  .my-xs-7 {
    margin-top: 16pc !important;
    margin-bottom: 16pc !important;
  }

  .my-xs-8 {
    margin-top: 32pc !important;
    margin-bottom: 32pc !important;
  }

  .my-xs-9 {
    margin-top: 64pc !important;
    margin-bottom: 64pc !important;
  }

  .my-xs-10 {
    margin-top: 128pc !important;
    margin-bottom: 128pc !important;
  }

  .my-xs-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 576px) {
  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 4px !important;
  }

  .p-sm-2 {
    padding: 8px !important;
  }

  .p-sm-3 {
    padding: 1pc !important;
  }

  .p-sm-4 {
    padding: 2pc !important;
  }

  .p-sm-5 {
    padding: 4pc !important;
  }

  .p-sm-6 {
    padding: 8pc !important;
  }

  .p-sm-7 {
    padding: 16pc !important;
  }

  .p-sm-8 {
    padding: 32pc !important;
  }

  .p-sm-9 {
    padding: 64pc !important;
  }

  .p-sm-10 {
    padding: 128pc !important;
  }

  .p-sm-auto {
    padding: auto !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

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

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

  .pt-sm-3 {
    padding-top: 1pc !important;
  }

  .pt-sm-4 {
    padding-top: 2pc !important;
  }

  .pt-sm-5 {
    padding-top: 4pc !important;
  }

  .pt-sm-6 {
    padding-top: 8pc !important;
  }

  .pt-sm-7 {
    padding-top: 16pc !important;
  }

  .pt-sm-8 {
    padding-top: 32pc !important;
  }

  .pt-sm-9 {
    padding-top: 64pc !important;
  }

  .pt-sm-10 {
    padding-top: 128pc !important;
  }

  .pt-sm-auto {
    padding-top: auto !important;
  }

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

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

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

  .pr-sm-3 {
    padding-right: 1pc !important;
  }

  .pr-sm-4 {
    padding-right: 2pc !important;
  }

  .pr-sm-5 {
    padding-right: 4pc !important;
  }

  .pr-sm-6 {
    padding-right: 8pc !important;
  }

  .pr-sm-7 {
    padding-right: 16pc !important;
  }

  .pr-sm-8 {
    padding-right: 32pc !important;
  }

  .pr-sm-9 {
    padding-right: 64pc !important;
  }

  .pr-sm-10 {
    padding-right: 128pc !important;
  }

  .pr-sm-auto {
    padding-right: auto !important;
  }

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

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

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

  .pb-sm-3 {
    padding-bottom: 1pc !important;
  }

  .pb-sm-4 {
    padding-bottom: 2pc !important;
  }

  .pb-sm-5 {
    padding-bottom: 4pc !important;
  }

  .pb-sm-6 {
    padding-bottom: 8pc !important;
  }

  .pb-sm-7 {
    padding-bottom: 16pc !important;
  }

  .pb-sm-8 {
    padding-bottom: 32pc !important;
  }

  .pb-sm-9 {
    padding-bottom: 64pc !important;
  }

  .pb-sm-10 {
    padding-bottom: 128pc !important;
  }

  .pb-sm-auto {
    padding-bottom: auto !important;
  }

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

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

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

  .pl-sm-3 {
    padding-left: 1pc !important;
  }

  .pl-sm-4 {
    padding-left: 2pc !important;
  }

  .pl-sm-5 {
    padding-left: 4pc !important;
  }

  .pl-sm-6 {
    padding-left: 8pc !important;
  }

  .pl-sm-7 {
    padding-left: 16pc !important;
  }

  .pl-sm-8 {
    padding-left: 32pc !important;
  }

  .pl-sm-9 {
    padding-left: 64pc !important;
  }

  .pl-sm-10 {
    padding-left: 128pc !important;
  }

  .pl-sm-auto {
    padding-left: auto !important;
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-sm-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-sm-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-sm-3 {
    padding-left: 1pc !important;
    padding-right: 1pc !important;
  }

  .px-sm-4 {
    padding-left: 2pc !important;
    padding-right: 2pc !important;
  }

  .px-sm-5 {
    padding-left: 4pc !important;
    padding-right: 4pc !important;
  }

  .px-sm-6 {
    padding-left: 8pc !important;
    padding-right: 8pc !important;
  }

  .px-sm-7 {
    padding-left: 16pc !important;
    padding-right: 16pc !important;
  }

  .px-sm-8 {
    padding-left: 32pc !important;
    padding-right: 32pc !important;
  }

  .px-sm-9 {
    padding-left: 64pc !important;
    padding-right: 64pc !important;
  }

  .px-sm-10 {
    padding-left: 128pc !important;
    padding-right: 128pc !important;
  }

  .px-sm-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-sm-3 {
    padding-top: 1pc !important;
    padding-bottom: 1pc !important;
  }

  .py-sm-4 {
    padding-top: 2pc !important;
    padding-bottom: 2pc !important;
  }

  .py-sm-5 {
    padding-top: 4pc !important;
    padding-bottom: 4pc !important;
  }

  .py-sm-6 {
    padding-top: 8pc !important;
    padding-bottom: 8pc !important;
  }

  .py-sm-7 {
    padding-top: 16pc !important;
    padding-bottom: 16pc !important;
  }

  .py-sm-8 {
    padding-top: 32pc !important;
    padding-bottom: 32pc !important;
  }

  .py-sm-9 {
    padding-top: 64pc !important;
    padding-bottom: 64pc !important;
  }

  .py-sm-10 {
    padding-top: 128pc !important;
    padding-bottom: 128pc !important;
  }

  .py-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 4px !important;
  }

  .m-sm-2 {
    margin: 8px !important;
  }

  .m-sm-3 {
    margin: 1pc !important;
  }

  .m-sm-4 {
    margin: 2pc !important;
  }

  .m-sm-5 {
    margin: 4pc !important;
  }

  .m-sm-6 {
    margin: 8pc !important;
  }

  .m-sm-7 {
    margin: 16pc !important;
  }

  .m-sm-8 {
    margin: 32pc !important;
  }

  .m-sm-9 {
    margin: 64pc !important;
  }

  .m-sm-10 {
    margin: 128pc !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

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

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

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

  .mt-sm-3 {
    margin-top: 1pc !important;
  }

  .mt-sm-4 {
    margin-top: 2pc !important;
  }

  .mt-sm-5 {
    margin-top: 4pc !important;
  }

  .mt-sm-6 {
    margin-top: 8pc !important;
  }

  .mt-sm-7 {
    margin-top: 16pc !important;
  }

  .mt-sm-8 {
    margin-top: 32pc !important;
  }

  .mt-sm-9 {
    margin-top: 64pc !important;
  }

  .mt-sm-10 {
    margin-top: 128pc !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

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

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

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

  .mr-sm-3 {
    margin-right: 1pc !important;
  }

  .mr-sm-4 {
    margin-right: 2pc !important;
  }

  .mr-sm-5 {
    margin-right: 4pc !important;
  }

  .mr-sm-6 {
    margin-right: 8pc !important;
  }

  .mr-sm-7 {
    margin-right: 16pc !important;
  }

  .mr-sm-8 {
    margin-right: 32pc !important;
  }

  .mr-sm-9 {
    margin-right: 64pc !important;
  }

  .mr-sm-10 {
    margin-right: 128pc !important;
  }

  .mr-sm-auto {
    margin-right: auto !important;
  }

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

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

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

  .mb-sm-3 {
    margin-bottom: 1pc !important;
  }

  .mb-sm-4 {
    margin-bottom: 2pc !important;
  }

  .mb-sm-5 {
    margin-bottom: 4pc !important;
  }

  .mb-sm-6 {
    margin-bottom: 8pc !important;
  }

  .mb-sm-7 {
    margin-bottom: 16pc !important;
  }

  .mb-sm-8 {
    margin-bottom: 32pc !important;
  }

  .mb-sm-9 {
    margin-bottom: 64pc !important;
  }

  .mb-sm-10 {
    margin-bottom: 128pc !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

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

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

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

  .ml-sm-3 {
    margin-left: 1pc !important;
  }

  .ml-sm-4 {
    margin-left: 2pc !important;
  }

  .ml-sm-5 {
    margin-left: 4pc !important;
  }

  .ml-sm-6 {
    margin-left: 8pc !important;
  }

  .ml-sm-7 {
    margin-left: 16pc !important;
  }

  .ml-sm-8 {
    margin-left: 32pc !important;
  }

  .ml-sm-9 {
    margin-left: 64pc !important;
  }

  .ml-sm-10 {
    margin-left: 128pc !important;
  }

  .ml-sm-auto {
    margin-left: auto !important;
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-sm-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-sm-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-sm-3 {
    margin-left: 1pc !important;
    margin-right: 1pc !important;
  }

  .mx-sm-4 {
    margin-left: 2pc !important;
    margin-right: 2pc !important;
  }

  .mx-sm-5 {
    margin-left: 4pc !important;
    margin-right: 4pc !important;
  }

  .mx-sm-6 {
    margin-left: 8pc !important;
    margin-right: 8pc !important;
  }

  .mx-sm-7 {
    margin-left: 16pc !important;
    margin-right: 16pc !important;
  }

  .mx-sm-8 {
    margin-left: 32pc !important;
    margin-right: 32pc !important;
  }

  .mx-sm-9 {
    margin-left: 64pc !important;
    margin-right: 64pc !important;
  }

  .mx-sm-10 {
    margin-left: 128pc !important;
    margin-right: 128pc !important;
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-sm-3 {
    margin-top: 1pc !important;
    margin-bottom: 1pc !important;
  }

  .my-sm-4 {
    margin-top: 2pc !important;
    margin-bottom: 2pc !important;
  }

  .my-sm-5 {
    margin-top: 4pc !important;
    margin-bottom: 4pc !important;
  }

  .my-sm-6 {
    margin-top: 8pc !important;
    margin-bottom: 8pc !important;
  }

  .my-sm-7 {
    margin-top: 16pc !important;
    margin-bottom: 16pc !important;
  }

  .my-sm-8 {
    margin-top: 32pc !important;
    margin-bottom: 32pc !important;
  }

  .my-sm-9 {
    margin-top: 64pc !important;
    margin-bottom: 64pc !important;
  }

  .my-sm-10 {
    margin-top: 128pc !important;
    margin-bottom: 128pc !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 4px !important;
  }

  .p-md-2 {
    padding: 8px !important;
  }

  .p-md-3 {
    padding: 1pc !important;
  }

  .p-md-4 {
    padding: 2pc !important;
  }

  .p-md-5 {
    padding: 4pc !important;
  }

  .p-md-6 {
    padding: 8pc !important;
  }

  .p-md-7 {
    padding: 16pc !important;
  }

  .p-md-8 {
    padding: 32pc !important;
  }

  .p-md-9 {
    padding: 64pc !important;
  }

  .p-md-10 {
    padding: 128pc !important;
  }

  .p-md-auto {
    padding: auto !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

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

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

  .pt-md-3 {
    padding-top: 1pc !important;
  }

  .pt-md-4 {
    padding-top: 2pc !important;
  }

  .pt-md-5 {
    padding-top: 4pc !important;
  }

  .pt-md-6 {
    padding-top: 8pc !important;
  }

  .pt-md-7 {
    padding-top: 16pc !important;
  }

  .pt-md-8 {
    padding-top: 32pc !important;
  }

  .pt-md-9 {
    padding-top: 64pc !important;
  }

  .pt-md-10 {
    padding-top: 128pc !important;
  }

  .pt-md-auto {
    padding-top: auto !important;
  }

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

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

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

  .pr-md-3 {
    padding-right: 1pc !important;
  }

  .pr-md-4 {
    padding-right: 2pc !important;
  }

  .pr-md-5 {
    padding-right: 4pc !important;
  }

  .pr-md-6 {
    padding-right: 8pc !important;
  }

  .pr-md-7 {
    padding-right: 16pc !important;
  }

  .pr-md-8 {
    padding-right: 32pc !important;
  }

  .pr-md-9 {
    padding-right: 64pc !important;
  }

  .pr-md-10 {
    padding-right: 128pc !important;
  }

  .pr-md-auto {
    padding-right: auto !important;
  }

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

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

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

  .pb-md-3 {
    padding-bottom: 1pc !important;
  }

  .pb-md-4 {
    padding-bottom: 2pc !important;
  }

  .pb-md-5 {
    padding-bottom: 4pc !important;
  }

  .pb-md-6 {
    padding-bottom: 8pc !important;
  }

  .pb-md-7 {
    padding-bottom: 16pc !important;
  }

  .pb-md-8 {
    padding-bottom: 32pc !important;
  }

  .pb-md-9 {
    padding-bottom: 64pc !important;
  }

  .pb-md-10 {
    padding-bottom: 128pc !important;
  }

  .pb-md-auto {
    padding-bottom: auto !important;
  }

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

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

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

  .pl-md-3 {
    padding-left: 1pc !important;
  }

  .pl-md-4 {
    padding-left: 2pc !important;
  }

  .pl-md-5 {
    padding-left: 4pc !important;
  }

  .pl-md-6 {
    padding-left: 8pc !important;
  }

  .pl-md-7 {
    padding-left: 16pc !important;
  }

  .pl-md-8 {
    padding-left: 32pc !important;
  }

  .pl-md-9 {
    padding-left: 64pc !important;
  }

  .pl-md-10 {
    padding-left: 128pc !important;
  }

  .pl-md-auto {
    padding-left: auto !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-md-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-md-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-md-3 {
    padding-left: 1pc !important;
    padding-right: 1pc !important;
  }

  .px-md-4 {
    padding-left: 2pc !important;
    padding-right: 2pc !important;
  }

  .px-md-5 {
    padding-left: 4pc !important;
    padding-right: 4pc !important;
  }

  .px-md-6 {
    padding-left: 8pc !important;
    padding-right: 8pc !important;
  }

  .px-md-7 {
    padding-left: 16pc !important;
    padding-right: 16pc !important;
  }

  .px-md-8 {
    padding-left: 32pc !important;
    padding-right: 32pc !important;
  }

  .px-md-9 {
    padding-left: 64pc !important;
    padding-right: 64pc !important;
  }

  .px-md-10 {
    padding-left: 128pc !important;
    padding-right: 128pc !important;
  }

  .px-md-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-md-3 {
    padding-top: 1pc !important;
    padding-bottom: 1pc !important;
  }

  .py-md-4 {
    padding-top: 2pc !important;
    padding-bottom: 2pc !important;
  }

  .py-md-5 {
    padding-top: 4pc !important;
    padding-bottom: 4pc !important;
  }

  .py-md-6 {
    padding-top: 8pc !important;
    padding-bottom: 8pc !important;
  }

  .py-md-7 {
    padding-top: 16pc !important;
    padding-bottom: 16pc !important;
  }

  .py-md-8 {
    padding-top: 32pc !important;
    padding-bottom: 32pc !important;
  }

  .py-md-9 {
    padding-top: 64pc !important;
    padding-bottom: 64pc !important;
  }

  .py-md-10 {
    padding-top: 128pc !important;
    padding-bottom: 128pc !important;
  }

  .py-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 4px !important;
  }

  .m-md-2 {
    margin: 8px !important;
  }

  .m-md-3 {
    margin: 1pc !important;
  }

  .m-md-4 {
    margin: 2pc !important;
  }

  .m-md-5 {
    margin: 4pc !important;
  }

  .m-md-6 {
    margin: 8pc !important;
  }

  .m-md-7 {
    margin: 16pc !important;
  }

  .m-md-8 {
    margin: 32pc !important;
  }

  .m-md-9 {
    margin: 64pc !important;
  }

  .m-md-10 {
    margin: 128pc !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

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

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

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

  .mt-md-3 {
    margin-top: 1pc !important;
  }

  .mt-md-4 {
    margin-top: 2pc !important;
  }

  .mt-md-5 {
    margin-top: 4pc !important;
  }

  .mt-md-6 {
    margin-top: 8pc !important;
  }

  .mt-md-7 {
    margin-top: 16pc !important;
  }

  .mt-md-8 {
    margin-top: 32pc !important;
  }

  .mt-md-9 {
    margin-top: 64pc !important;
  }

  .mt-md-10 {
    margin-top: 128pc !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

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

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

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

  .color-picker__group:not(:last-child),
  .mr-md-3 {
    margin-right: 1pc !important;
  }

  .mr-md-4 {
    margin-right: 2pc !important;
  }

  .mr-md-5 {
    margin-right: 4pc !important;
  }

  .mr-md-6 {
    margin-right: 8pc !important;
  }

  .mr-md-7 {
    margin-right: 16pc !important;
  }

  .mr-md-8 {
    margin-right: 32pc !important;
  }

  .mr-md-9 {
    margin-right: 64pc !important;
  }

  .mr-md-10 {
    margin-right: 128pc !important;
  }

  .mr-md-auto {
    margin-right: auto !important;
  }

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

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

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

  .mb-md-3 {
    margin-bottom: 1pc !important;
  }

  .mb-md-4 {
    margin-bottom: 2pc !important;
  }

  .mb-md-5 {
    margin-bottom: 4pc !important;
  }

  .mb-md-6 {
    margin-bottom: 8pc !important;
  }

  .mb-md-7 {
    margin-bottom: 16pc !important;
  }

  .mb-md-8 {
    margin-bottom: 32pc !important;
  }

  .mb-md-9 {
    margin-bottom: 64pc !important;
  }

  .mb-md-10 {
    margin-bottom: 128pc !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

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

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

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

  .ml-md-3 {
    margin-left: 1pc !important;
  }

  .ml-md-4 {
    margin-left: 2pc !important;
  }

  .ml-md-5 {
    margin-left: 4pc !important;
  }

  .ml-md-6 {
    margin-left: 8pc !important;
  }

  .ml-md-7 {
    margin-left: 16pc !important;
  }

  .ml-md-8 {
    margin-left: 32pc !important;
  }

  .ml-md-9 {
    margin-left: 64pc !important;
  }

  .ml-md-10 {
    margin-left: 128pc !important;
  }

  .ml-md-auto {
    margin-left: auto !important;
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-md-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-md-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-md-3 {
    margin-left: 1pc !important;
    margin-right: 1pc !important;
  }

  .mx-md-4 {
    margin-left: 2pc !important;
    margin-right: 2pc !important;
  }

  .mx-md-5 {
    margin-left: 4pc !important;
    margin-right: 4pc !important;
  }

  .mx-md-6 {
    margin-left: 8pc !important;
    margin-right: 8pc !important;
  }

  .mx-md-7 {
    margin-left: 16pc !important;
    margin-right: 16pc !important;
  }

  .mx-md-8 {
    margin-left: 32pc !important;
    margin-right: 32pc !important;
  }

  .mx-md-9 {
    margin-left: 64pc !important;
    margin-right: 64pc !important;
  }

  .mx-md-10 {
    margin-left: 128pc !important;
    margin-right: 128pc !important;
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-md-3 {
    margin-top: 1pc !important;
    margin-bottom: 1pc !important;
  }

  .my-md-4 {
    margin-top: 2pc !important;
    margin-bottom: 2pc !important;
  }

  .my-md-5 {
    margin-top: 4pc !important;
    margin-bottom: 4pc !important;
  }

  .my-md-6 {
    margin-top: 8pc !important;
    margin-bottom: 8pc !important;
  }

  .my-md-7 {
    margin-top: 16pc !important;
    margin-bottom: 16pc !important;
  }

  .my-md-8 {
    margin-top: 32pc !important;
    margin-bottom: 32pc !important;
  }

  .my-md-9 {
    margin-top: 64pc !important;
    margin-bottom: 64pc !important;
  }

  .my-md-10 {
    margin-top: 128pc !important;
    margin-bottom: 128pc !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 992px) {
  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 4px !important;
  }

  .p-lg-2 {
    padding: 8px !important;
  }

  .p-lg-3 {
    padding: 1pc !important;
  }

  .p-lg-4 {
    padding: 2pc !important;
  }

  .p-lg-5 {
    padding: 4pc !important;
  }

  .p-lg-6 {
    padding: 8pc !important;
  }

  .p-lg-7 {
    padding: 16pc !important;
  }

  .p-lg-8 {
    padding: 32pc !important;
  }

  .p-lg-9 {
    padding: 64pc !important;
  }

  .p-lg-10 {
    padding: 128pc !important;
  }

  .p-lg-auto {
    padding: auto !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

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

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

  .pt-lg-3 {
    padding-top: 1pc !important;
  }

  .pt-lg-4 {
    padding-top: 2pc !important;
  }

  .pt-lg-5 {
    padding-top: 4pc !important;
  }

  .pt-lg-6 {
    padding-top: 8pc !important;
  }

  .pt-lg-7 {
    padding-top: 16pc !important;
  }

  .pt-lg-8 {
    padding-top: 32pc !important;
  }

  .pt-lg-9 {
    padding-top: 64pc !important;
  }

  .pt-lg-10 {
    padding-top: 128pc !important;
  }

  .pt-lg-auto {
    padding-top: auto !important;
  }

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

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

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

  .pr-lg-3 {
    padding-right: 1pc !important;
  }

  .pr-lg-4 {
    padding-right: 2pc !important;
  }

  .pr-lg-5 {
    padding-right: 4pc !important;
  }

  .pr-lg-6 {
    padding-right: 8pc !important;
  }

  .pr-lg-7 {
    padding-right: 16pc !important;
  }

  .pr-lg-8 {
    padding-right: 32pc !important;
  }

  .pr-lg-9 {
    padding-right: 64pc !important;
  }

  .pr-lg-10 {
    padding-right: 128pc !important;
  }

  .pr-lg-auto {
    padding-right: auto !important;
  }

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

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

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

  .pb-lg-3 {
    padding-bottom: 1pc !important;
  }

  .pb-lg-4 {
    padding-bottom: 2pc !important;
  }

  .pb-lg-5 {
    padding-bottom: 4pc !important;
  }

  .pb-lg-6 {
    padding-bottom: 8pc !important;
  }

  .pb-lg-7 {
    padding-bottom: 16pc !important;
  }

  .pb-lg-8 {
    padding-bottom: 32pc !important;
  }

  .pb-lg-9 {
    padding-bottom: 64pc !important;
  }

  .pb-lg-10 {
    padding-bottom: 128pc !important;
  }

  .pb-lg-auto {
    padding-bottom: auto !important;
  }

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

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

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

  .pl-lg-3 {
    padding-left: 1pc !important;
  }

  .pl-lg-4 {
    padding-left: 2pc !important;
  }

  .pl-lg-5 {
    padding-left: 4pc !important;
  }

  .pl-lg-6 {
    padding-left: 8pc !important;
  }

  .pl-lg-7 {
    padding-left: 16pc !important;
  }

  .pl-lg-8 {
    padding-left: 32pc !important;
  }

  .pl-lg-9 {
    padding-left: 64pc !important;
  }

  .pl-lg-10 {
    padding-left: 128pc !important;
  }

  .pl-lg-auto {
    padding-left: auto !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-lg-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-lg-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-lg-3 {
    padding-left: 1pc !important;
    padding-right: 1pc !important;
  }

  .px-lg-4 {
    padding-left: 2pc !important;
    padding-right: 2pc !important;
  }

  .px-lg-5 {
    padding-left: 4pc !important;
    padding-right: 4pc !important;
  }

  .px-lg-6 {
    padding-left: 8pc !important;
    padding-right: 8pc !important;
  }

  .px-lg-7 {
    padding-left: 16pc !important;
    padding-right: 16pc !important;
  }

  .px-lg-8 {
    padding-left: 32pc !important;
    padding-right: 32pc !important;
  }

  .px-lg-9 {
    padding-left: 64pc !important;
    padding-right: 64pc !important;
  }

  .px-lg-10 {
    padding-left: 128pc !important;
    padding-right: 128pc !important;
  }

  .px-lg-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-lg-3 {
    padding-top: 1pc !important;
    padding-bottom: 1pc !important;
  }

  .py-lg-4 {
    padding-top: 2pc !important;
    padding-bottom: 2pc !important;
  }

  .py-lg-5 {
    padding-top: 4pc !important;
    padding-bottom: 4pc !important;
  }

  .py-lg-6 {
    padding-top: 8pc !important;
    padding-bottom: 8pc !important;
  }

  .py-lg-7 {
    padding-top: 16pc !important;
    padding-bottom: 16pc !important;
  }

  .py-lg-8 {
    padding-top: 32pc !important;
    padding-bottom: 32pc !important;
  }

  .py-lg-9 {
    padding-top: 64pc !important;
    padding-bottom: 64pc !important;
  }

  .py-lg-10 {
    padding-top: 128pc !important;
    padding-bottom: 128pc !important;
  }

  .py-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 4px !important;
  }

  .m-lg-2 {
    margin: 8px !important;
  }

  .m-lg-3 {
    margin: 1pc !important;
  }

  .m-lg-4 {
    margin: 2pc !important;
  }

  .m-lg-5 {
    margin: 4pc !important;
  }

  .m-lg-6 {
    margin: 8pc !important;
  }

  .m-lg-7 {
    margin: 16pc !important;
  }

  .m-lg-8 {
    margin: 32pc !important;
  }

  .m-lg-9 {
    margin: 64pc !important;
  }

  .m-lg-10 {
    margin: 128pc !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

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

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

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

  .mt-lg-3 {
    margin-top: 1pc !important;
  }

  .mt-lg-4 {
    margin-top: 2pc !important;
  }

  .mt-lg-5 {
    margin-top: 4pc !important;
  }

  .mt-lg-6 {
    margin-top: 8pc !important;
  }

  .mt-lg-7 {
    margin-top: 16pc !important;
  }

  .mt-lg-8 {
    margin-top: 32pc !important;
  }

  .mt-lg-9 {
    margin-top: 64pc !important;
  }

  .mt-lg-10 {
    margin-top: 128pc !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

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

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

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

  .mr-lg-3 {
    margin-right: 1pc !important;
  }

  .mr-lg-4 {
    margin-right: 2pc !important;
  }

  .mr-lg-5 {
    margin-right: 4pc !important;
  }

  .mr-lg-6 {
    margin-right: 8pc !important;
  }

  .mr-lg-7 {
    margin-right: 16pc !important;
  }

  .mr-lg-8 {
    margin-right: 32pc !important;
  }

  .mr-lg-9 {
    margin-right: 64pc !important;
  }

  .mr-lg-10 {
    margin-right: 128pc !important;
  }

  .mr-lg-auto {
    margin-right: auto !important;
  }

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

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

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

  .mb-lg-3 {
    margin-bottom: 1pc !important;
  }

  .mb-lg-4 {
    margin-bottom: 2pc !important;
  }

  .mb-lg-5 {
    margin-bottom: 4pc !important;
  }

  .mb-lg-6 {
    margin-bottom: 8pc !important;
  }

  .mb-lg-7 {
    margin-bottom: 16pc !important;
  }

  .mb-lg-8 {
    margin-bottom: 32pc !important;
  }

  .mb-lg-9 {
    margin-bottom: 64pc !important;
  }

  .mb-lg-10 {
    margin-bottom: 128pc !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

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

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

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

  .ml-lg-3 {
    margin-left: 1pc !important;
  }

  .ml-lg-4 {
    margin-left: 2pc !important;
  }

  .ml-lg-5 {
    margin-left: 4pc !important;
  }

  .ml-lg-6 {
    margin-left: 8pc !important;
  }

  .ml-lg-7 {
    margin-left: 16pc !important;
  }

  .ml-lg-8 {
    margin-left: 32pc !important;
  }

  .ml-lg-9 {
    margin-left: 64pc !important;
  }

  .ml-lg-10 {
    margin-left: 128pc !important;
  }

  .ml-lg-auto {
    margin-left: auto !important;
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-lg-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-lg-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-lg-3 {
    margin-left: 1pc !important;
    margin-right: 1pc !important;
  }

  .mx-lg-4 {
    margin-left: 2pc !important;
    margin-right: 2pc !important;
  }

  .mx-lg-5 {
    margin-left: 4pc !important;
    margin-right: 4pc !important;
  }

  .mx-lg-6 {
    margin-left: 8pc !important;
    margin-right: 8pc !important;
  }

  .mx-lg-7 {
    margin-left: 16pc !important;
    margin-right: 16pc !important;
  }

  .mx-lg-8 {
    margin-left: 32pc !important;
    margin-right: 32pc !important;
  }

  .mx-lg-9 {
    margin-left: 64pc !important;
    margin-right: 64pc !important;
  }

  .mx-lg-10 {
    margin-left: 128pc !important;
    margin-right: 128pc !important;
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-lg-3 {
    margin-top: 1pc !important;
    margin-bottom: 1pc !important;
  }

  .my-lg-4 {
    margin-top: 2pc !important;
    margin-bottom: 2pc !important;
  }

  .my-lg-5 {
    margin-top: 4pc !important;
    margin-bottom: 4pc !important;
  }

  .my-lg-6 {
    margin-top: 8pc !important;
    margin-bottom: 8pc !important;
  }

  .my-lg-7 {
    margin-top: 16pc !important;
    margin-bottom: 16pc !important;
  }

  .my-lg-8 {
    margin-top: 32pc !important;
    margin-bottom: 32pc !important;
  }

  .my-lg-9 {
    margin-top: 64pc !important;
    margin-bottom: 64pc !important;
  }

  .my-lg-10 {
    margin-top: 128pc !important;
    margin-bottom: 128pc !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 4px !important;
  }

  .p-xl-2 {
    padding: 8px !important;
  }

  .p-xl-3 {
    padding: 1pc !important;
  }

  .header-search-container form,
  .p-xl-4 {
    padding: 2pc !important;
  }

  .p-xl-5 {
    padding: 4pc !important;
  }

  .p-xl-6 {
    padding: 8pc !important;
  }

  .p-xl-7 {
    padding: 16pc !important;
  }

  .p-xl-8 {
    padding: 32pc !important;
  }

  .p-xl-9 {
    padding: 64pc !important;
  }

  .p-xl-10 {
    padding: 128pc !important;
  }

  .p-xl-auto {
    padding: auto !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

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

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

  .pt-xl-3 {
    padding-top: 1pc !important;
  }

  .pt-xl-4 {
    padding-top: 2pc !important;
  }

  .pt-xl-5 {
    padding-top: 4pc !important;
  }

  .pt-xl-6 {
    padding-top: 8pc !important;
  }

  .pt-xl-7 {
    padding-top: 16pc !important;
  }

  .pt-xl-8 {
    padding-top: 32pc !important;
  }

  .pt-xl-9 {
    padding-top: 64pc !important;
  }

  .pt-xl-10 {
    padding-top: 128pc !important;
  }

  .pt-xl-auto {
    padding-top: auto !important;
  }

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

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

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

  .pr-xl-3 {
    padding-right: 1pc !important;
  }

  .pr-xl-4 {
    padding-right: 2pc !important;
  }

  .pr-xl-5 {
    padding-right: 4pc !important;
  }

  .pr-xl-6 {
    padding-right: 8pc !important;
  }

  .pr-xl-7 {
    padding-right: 16pc !important;
  }

  .pr-xl-8 {
    padding-right: 32pc !important;
  }

  .pr-xl-9 {
    padding-right: 64pc !important;
  }

  .pr-xl-10 {
    padding-right: 128pc !important;
  }

  .pr-xl-auto {
    padding-right: auto !important;
  }

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

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

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

  .pb-xl-3 {
    padding-bottom: 1pc !important;
  }

  .pb-xl-4 {
    padding-bottom: 2pc !important;
  }

  .pb-xl-5 {
    padding-bottom: 4pc !important;
  }

  .pb-xl-6 {
    padding-bottom: 8pc !important;
  }

  .pb-xl-7 {
    padding-bottom: 16pc !important;
  }

  .pb-xl-8 {
    padding-bottom: 32pc !important;
  }

  .pb-xl-9 {
    padding-bottom: 64pc !important;
  }

  .pb-xl-10 {
    padding-bottom: 128pc !important;
  }

  .pb-xl-auto {
    padding-bottom: auto !important;
  }

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

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

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

  .pl-xl-3 {
    padding-left: 1pc !important;
  }

  .pl-xl-4 {
    padding-left: 2pc !important;
  }

  .pl-xl-5 {
    padding-left: 4pc !important;
  }

  .pl-xl-6 {
    padding-left: 8pc !important;
  }

  .pl-xl-7 {
    padding-left: 16pc !important;
  }

  .pl-xl-8 {
    padding-left: 32pc !important;
  }

  .pl-xl-9 {
    padding-left: 64pc !important;
  }

  .pl-xl-10 {
    padding-left: 128pc !important;
  }

  .pl-xl-auto {
    padding-left: auto !important;
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xl-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-xl-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-xl-3 {
    padding-left: 1pc !important;
    padding-right: 1pc !important;
  }

  .px-xl-4 {
    padding-left: 2pc !important;
    padding-right: 2pc !important;
  }

  .px-xl-5 {
    padding-left: 4pc !important;
    padding-right: 4pc !important;
  }

  .px-xl-6 {
    padding-left: 8pc !important;
    padding-right: 8pc !important;
  }

  .px-xl-7 {
    padding-left: 16pc !important;
    padding-right: 16pc !important;
  }

  .px-xl-8 {
    padding-left: 32pc !important;
    padding-right: 32pc !important;
  }

  .px-xl-9 {
    padding-left: 64pc !important;
    padding-right: 64pc !important;
  }

  .px-xl-10 {
    padding-left: 128pc !important;
    padding-right: 128pc !important;
  }

  .px-xl-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-xl-3 {
    padding-top: 1pc !important;
    padding-bottom: 1pc !important;
  }

  .py-xl-4 {
    padding-top: 2pc !important;
    padding-bottom: 2pc !important;
  }

  .py-xl-5 {
    padding-top: 4pc !important;
    padding-bottom: 4pc !important;
  }

  .py-xl-6 {
    padding-top: 8pc !important;
    padding-bottom: 8pc !important;
  }

  .py-xl-7 {
    padding-top: 16pc !important;
    padding-bottom: 16pc !important;
  }

  .py-xl-8 {
    padding-top: 32pc !important;
    padding-bottom: 32pc !important;
  }

  .py-xl-9 {
    padding-top: 64pc !important;
    padding-bottom: 64pc !important;
  }

  .py-xl-10 {
    padding-top: 128pc !important;
    padding-bottom: 128pc !important;
  }

  .py-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 4px !important;
  }

  .m-xl-2 {
    margin: 8px !important;
  }

  .m-xl-3 {
    margin: 1pc !important;
  }

  .m-xl-4 {
    margin: 2pc !important;
  }

  .m-xl-5 {
    margin: 4pc !important;
  }

  .m-xl-6 {
    margin: 8pc !important;
  }

  .m-xl-7 {
    margin: 16pc !important;
  }

  .m-xl-8 {
    margin: 32pc !important;
  }

  .m-xl-9 {
    margin: 64pc !important;
  }

  .m-xl-10 {
    margin: 128pc !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

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

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

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

  .mt-xl-3 {
    margin-top: 1pc !important;
  }

  .mt-xl-4 {
    margin-top: 2pc !important;
  }

  .mt-xl-5 {
    margin-top: 4pc !important;
  }

  .mt-xl-6 {
    margin-top: 8pc !important;
  }

  .mt-xl-7 {
    margin-top: 16pc !important;
  }

  .mt-xl-8 {
    margin-top: 32pc !important;
  }

  .mt-xl-9 {
    margin-top: 64pc !important;
  }

  .mt-xl-10 {
    margin-top: 128pc !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

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

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

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

  .mr-xl-3 {
    margin-right: 1pc !important;
  }

  .mr-xl-4 {
    margin-right: 2pc !important;
  }

  .mr-xl-5 {
    margin-right: 4pc !important;
  }

  .mr-xl-6 {
    margin-right: 8pc !important;
  }

  .mr-xl-7 {
    margin-right: 16pc !important;
  }

  .mr-xl-8 {
    margin-right: 32pc !important;
  }

  .mr-xl-9 {
    margin-right: 64pc !important;
  }

  .mr-xl-10 {
    margin-right: 128pc !important;
  }

  .mr-xl-auto {
    margin-right: auto !important;
  }

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

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

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

  .mb-xl-3 {
    margin-bottom: 1pc !important;
  }

  .mb-xl-4 {
    margin-bottom: 2pc !important;
  }

  .mb-xl-5 {
    margin-bottom: 4pc !important;
  }

  .mb-xl-6 {
    margin-bottom: 8pc !important;
  }

  .mb-xl-7 {
    margin-bottom: 16pc !important;
  }

  .mb-xl-8 {
    margin-bottom: 32pc !important;
  }

  .mb-xl-9 {
    margin-bottom: 64pc !important;
  }

  .mb-xl-10 {
    margin-bottom: 128pc !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

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

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

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

  .ml-xl-3 {
    margin-left: 1pc !important;
  }

  .ml-xl-4 {
    margin-left: 2pc !important;
  }

  .ml-xl-5 {
    margin-left: 4pc !important;
  }

  .ml-xl-6 {
    margin-left: 8pc !important;
  }

  .ml-xl-7 {
    margin-left: 16pc !important;
  }

  .ml-xl-8 {
    margin-left: 32pc !important;
  }

  .ml-xl-9 {
    margin-left: 64pc !important;
  }

  .ml-xl-10 {
    margin-left: 128pc !important;
  }

  .ml-xl-auto {
    margin-left: auto !important;
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xl-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-xl-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-xl-3 {
    margin-left: 1pc !important;
    margin-right: 1pc !important;
  }

  .mx-xl-4 {
    margin-left: 2pc !important;
    margin-right: 2pc !important;
  }

  .mx-xl-5 {
    margin-left: 4pc !important;
    margin-right: 4pc !important;
  }

  .mx-xl-6 {
    margin-left: 8pc !important;
    margin-right: 8pc !important;
  }

  .mx-xl-7 {
    margin-left: 16pc !important;
    margin-right: 16pc !important;
  }

  .mx-xl-8 {
    margin-left: 32pc !important;
    margin-right: 32pc !important;
  }

  .mx-xl-9 {
    margin-left: 64pc !important;
    margin-right: 64pc !important;
  }

  .mx-xl-10 {
    margin-left: 128pc !important;
    margin-right: 128pc !important;
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-xl-3 {
    margin-top: 1pc !important;
    margin-bottom: 1pc !important;
  }

  .my-xl-4 {
    margin-top: 2pc !important;
    margin-bottom: 2pc !important;
  }

  .my-xl-5 {
    margin-top: 4pc !important;
    margin-bottom: 4pc !important;
  }

  .my-xl-6 {
    margin-top: 8pc !important;
    margin-bottom: 8pc !important;
  }

  .my-xl-7 {
    margin-top: 16pc !important;
    margin-bottom: 16pc !important;
  }

  .my-xl-8 {
    margin-top: 32pc !important;
    margin-bottom: 32pc !important;
  }

  .my-xl-9 {
    margin-top: 64pc !important;
    margin-bottom: 64pc !important;
  }

  .my-xl-10 {
    margin-top: 128pc !important;
    margin-bottom: 128pc !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media screen and (min-width: 1440px) {
  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 4px !important;
  }

  .p-xxl-2 {
    padding: 8px !important;
  }

  .p-xxl-3 {
    padding: 1pc !important;
  }

  .p-xxl-4 {
    padding: 2pc !important;
  }

  .p-xxl-5 {
    padding: 4pc !important;
  }

  .p-xxl-6 {
    padding: 8pc !important;
  }

  .p-xxl-7 {
    padding: 16pc !important;
  }

  .p-xxl-8 {
    padding: 32pc !important;
  }

  .p-xxl-9 {
    padding: 64pc !important;
  }

  .p-xxl-10 {
    padding: 128pc !important;
  }

  .p-xxl-auto {
    padding: auto !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

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

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

  .pt-xxl-3 {
    padding-top: 1pc !important;
  }

  .pt-xxl-4 {
    padding-top: 2pc !important;
  }

  .pt-xxl-5 {
    padding-top: 4pc !important;
  }

  .pt-xxl-6 {
    padding-top: 8pc !important;
  }

  .pt-xxl-7 {
    padding-top: 16pc !important;
  }

  .pt-xxl-8 {
    padding-top: 32pc !important;
  }

  .pt-xxl-9 {
    padding-top: 64pc !important;
  }

  .pt-xxl-10 {
    padding-top: 128pc !important;
  }

  .pt-xxl-auto {
    padding-top: auto !important;
  }

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

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

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

  .pr-xxl-3 {
    padding-right: 1pc !important;
  }

  .pr-xxl-4 {
    padding-right: 2pc !important;
  }

  .pr-xxl-5 {
    padding-right: 4pc !important;
  }

  .pr-xxl-6 {
    padding-right: 8pc !important;
  }

  .pr-xxl-7 {
    padding-right: 16pc !important;
  }

  .pr-xxl-8 {
    padding-right: 32pc !important;
  }

  .pr-xxl-9 {
    padding-right: 64pc !important;
  }

  .pr-xxl-10 {
    padding-right: 128pc !important;
  }

  .pr-xxl-auto {
    padding-right: auto !important;
  }

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

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

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

  .pb-xxl-3 {
    padding-bottom: 1pc !important;
  }

  .pb-xxl-4 {
    padding-bottom: 2pc !important;
  }

  .pb-xxl-5 {
    padding-bottom: 4pc !important;
  }

  .pb-xxl-6 {
    padding-bottom: 8pc !important;
  }

  .pb-xxl-7 {
    padding-bottom: 16pc !important;
  }

  .pb-xxl-8 {
    padding-bottom: 32pc !important;
  }

  .pb-xxl-9 {
    padding-bottom: 64pc !important;
  }

  .pb-xxl-10 {
    padding-bottom: 128pc !important;
  }

  .pb-xxl-auto {
    padding-bottom: auto !important;
  }

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

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

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

  .pl-xxl-3 {
    padding-left: 1pc !important;
  }

  .pl-xxl-4 {
    padding-left: 2pc !important;
  }

  .pl-xxl-5 {
    padding-left: 4pc !important;
  }

  .pl-xxl-6 {
    padding-left: 8pc !important;
  }

  .pl-xxl-7 {
    padding-left: 16pc !important;
  }

  .pl-xxl-8 {
    padding-left: 32pc !important;
  }

  .pl-xxl-9 {
    padding-left: 64pc !important;
  }

  .pl-xxl-10 {
    padding-left: 128pc !important;
  }

  .pl-xxl-auto {
    padding-left: auto !important;
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xxl-1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .px-xxl-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .px-xxl-3 {
    padding-left: 1pc !important;
    padding-right: 1pc !important;
  }

  .px-xxl-4 {
    padding-left: 2pc !important;
    padding-right: 2pc !important;
  }

  .px-xxl-5 {
    padding-left: 4pc !important;
    padding-right: 4pc !important;
  }

  .px-xxl-6 {
    padding-left: 8pc !important;
    padding-right: 8pc !important;
  }

  .px-xxl-7 {
    padding-left: 16pc !important;
    padding-right: 16pc !important;
  }

  .px-xxl-8 {
    padding-left: 32pc !important;
    padding-right: 32pc !important;
  }

  .px-xxl-9 {
    padding-left: 64pc !important;
    padding-right: 64pc !important;
  }

  .px-xxl-10 {
    padding-left: 128pc !important;
    padding-right: 128pc !important;
  }

  .px-xxl-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .py-xxl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .py-xxl-3 {
    padding-top: 1pc !important;
    padding-bottom: 1pc !important;
  }

  .py-xxl-4 {
    padding-top: 2pc !important;
    padding-bottom: 2pc !important;
  }

  .py-xxl-5 {
    padding-top: 4pc !important;
    padding-bottom: 4pc !important;
  }

  .py-xxl-6 {
    padding-top: 8pc !important;
    padding-bottom: 8pc !important;
  }

  .py-xxl-7 {
    padding-top: 16pc !important;
    padding-bottom: 16pc !important;
  }

  .py-xxl-8 {
    padding-top: 32pc !important;
    padding-bottom: 32pc !important;
  }

  .py-xxl-9 {
    padding-top: 64pc !important;
    padding-bottom: 64pc !important;
  }

  .py-xxl-10 {
    padding-top: 128pc !important;
    padding-bottom: 128pc !important;
  }

  .py-xxl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 4px !important;
  }

  .m-xxl-2 {
    margin: 8px !important;
  }

  .m-xxl-3 {
    margin: 1pc !important;
  }

  .m-xxl-4 {
    margin: 2pc !important;
  }

  .m-xxl-5 {
    margin: 4pc !important;
  }

  .m-xxl-6 {
    margin: 8pc !important;
  }

  .m-xxl-7 {
    margin: 16pc !important;
  }

  .m-xxl-8 {
    margin: 32pc !important;
  }

  .m-xxl-9 {
    margin: 64pc !important;
  }

  .m-xxl-10 {
    margin: 128pc !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

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

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

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

  .mt-xxl-3 {
    margin-top: 1pc !important;
  }

  .mt-xxl-4 {
    margin-top: 2pc !important;
  }

  .mt-xxl-5 {
    margin-top: 4pc !important;
  }

  .mt-xxl-6 {
    margin-top: 8pc !important;
  }

  .mt-xxl-7 {
    margin-top: 16pc !important;
  }

  .mt-xxl-8 {
    margin-top: 32pc !important;
  }

  .mt-xxl-9 {
    margin-top: 64pc !important;
  }

  .mt-xxl-10 {
    margin-top: 128pc !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

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

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

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

  .mr-xxl-3 {
    margin-right: 1pc !important;
  }

  .mr-xxl-4 {
    margin-right: 2pc !important;
  }

  .mr-xxl-5 {
    margin-right: 4pc !important;
  }

  .mr-xxl-6 {
    margin-right: 8pc !important;
  }

  .mr-xxl-7 {
    margin-right: 16pc !important;
  }

  .mr-xxl-8 {
    margin-right: 32pc !important;
  }

  .mr-xxl-9 {
    margin-right: 64pc !important;
  }

  .mr-xxl-10 {
    margin-right: 128pc !important;
  }

  .mr-xxl-auto {
    margin-right: auto !important;
  }

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

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

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

  .mb-xxl-3 {
    margin-bottom: 1pc !important;
  }

  .mb-xxl-4 {
    margin-bottom: 2pc !important;
  }

  .mb-xxl-5 {
    margin-bottom: 4pc !important;
  }

  .mb-xxl-6 {
    margin-bottom: 8pc !important;
  }

  .mb-xxl-7 {
    margin-bottom: 16pc !important;
  }

  .mb-xxl-8 {
    margin-bottom: 32pc !important;
  }

  .mb-xxl-9 {
    margin-bottom: 64pc !important;
  }

  .mb-xxl-10 {
    margin-bottom: 128pc !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

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

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

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

  .ml-xxl-3 {
    margin-left: 1pc !important;
  }

  .ml-xxl-4 {
    margin-left: 2pc !important;
  }

  .ml-xxl-5 {
    margin-left: 4pc !important;
  }

  .ml-xxl-6 {
    margin-left: 8pc !important;
  }

  .ml-xxl-7 {
    margin-left: 16pc !important;
  }

  .ml-xxl-8 {
    margin-left: 32pc !important;
  }

  .ml-xxl-9 {
    margin-left: 64pc !important;
  }

  .ml-xxl-10 {
    margin-left: 128pc !important;
  }

  .ml-xxl-auto {
    margin-left: auto !important;
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xxl-1 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .mx-xxl-2 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .mx-xxl-3 {
    margin-left: 1pc !important;
    margin-right: 1pc !important;
  }

  .mx-xxl-4 {
    margin-left: 2pc !important;
    margin-right: 2pc !important;
  }

  .mx-xxl-5 {
    margin-left: 4pc !important;
    margin-right: 4pc !important;
  }

  .mx-xxl-6 {
    margin-left: 8pc !important;
    margin-right: 8pc !important;
  }

  .mx-xxl-7 {
    margin-left: 16pc !important;
    margin-right: 16pc !important;
  }

  .mx-xxl-8 {
    margin-left: 32pc !important;
    margin-right: 32pc !important;
  }

  .mx-xxl-9 {
    margin-left: 64pc !important;
    margin-right: 64pc !important;
  }

  .mx-xxl-10 {
    margin-left: 128pc !important;
    margin-right: 128pc !important;
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .my-xxl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .my-xxl-3 {
    margin-top: 1pc !important;
    margin-bottom: 1pc !important;
  }

  .my-xxl-4 {
    margin-top: 2pc !important;
    margin-bottom: 2pc !important;
  }

  .my-xxl-5 {
    margin-top: 4pc !important;
    margin-bottom: 4pc !important;
  }

  .my-xxl-6 {
    margin-top: 8pc !important;
    margin-bottom: 8pc !important;
  }

  .my-xxl-7 {
    margin-top: 16pc !important;
    margin-bottom: 16pc !important;
  }

  .my-xxl-8 {
    margin-top: 32pc !important;
    margin-bottom: 32pc !important;
  }

  .my-xxl-9 {
    margin-top: 64pc !important;
    margin-bottom: 64pc !important;
  }

  .my-xxl-10 {
    margin-top: 128pc !important;
    margin-bottom: 128pc !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

:root {
  --scrollbar-width: 0.1px;
}

[class*=' icon-'],
[class^='icon-'] {
  font-family: arloicons, arloiconsvtwo, arlovtwoicons, arlogoicons, arlobabyicons, arloiconsvthree !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.icon-search:before {
  content: '\F002';
}

.icon-twitter:before {
  content: '\F099';
}

.icon-facebook-f:before,
.icon-facebook:before {
  content: '\F09A';
}

.icon-google-plus:before {
  content: '\F0D5';
}

.icon-angle-left:before {
  content: '\F104';
}

.icon-angle-right:before {
  content: '\F105';
}

.icon-angle-up:before {
  content: '\F106';
}

.icon-angle-down:before {
  content: '\F107';
}

.icon-youtube:before {
  content: '\F167';
}

.icon-instagram:before {
  content: '\F16D';
}

.icon-weibo:before {
  content: '\F18A';
}

.icon-file-pdf-o:before {
  content: '\F1C1';
}

.icon-triangle-play:before {
  content: '\E907';
}

.icon-nighttime:before {
  content: '\E904';
}

.icon-visitors:before {
  content: '\E906';
}

.icon-kitchen:before {
  content: '\E903';
}

.icon-onthego:before {
  content: '\E905';
}

.icon-yard:before {
  content: '\E90B';
}

.icon-slide-left:before {
  content: '\E901';
}

.icon-slide-right:before {
  content: '\E902';
}

.icon-circle-play:before {
  content: '\E900';
}

.icon-blank:before {
  content: ' ';
}

.icon-arlo-logo:before {
  content: 'a';
}

.icon-close:before {
  content: 'x';
}

.icon-family:before {
  content: '\E919';
}

.icon-home:before {
  content: '\E918';
}

.icon-kids:before {
  content: '\E917';
}

.icon-pets:before {
  content: '\E916';
}

.icon-business:before {
  content: '\E915';
}

.icon-services:before {
  content: '\E914';
}

.icon-affordability:before {
  content: '\E91A';
}

.icon-expandability:before {
  content: '\E91B';
}

.icon-flexibility:before {
  content: '\E91C';
}

.icon-construction:before {
  content: '\E91D';
}

.icon-marina:before {
  content: '\E91E';
}

.icon-parking:before {
  content: '\E91F';
}

.icon-community_icon:before {
  content: '\E941';
}

.icon-construction_icon:before {
  content: '\E942';
}

.icon-outdoor_icon:before {
  content: '\E943';
}

.icon-travel_icon:before {
  content: '\E944';
}

.icon-babysitting,
.icon-crib,
.icon-cute,
.icon-night,
.icon-travel {
  font-size: 38px;
}

.icon-babysitting:before {
  content: '\E921';
}

.icon-crib:before {
  content: '\E922';
}

.icon-cute:before {
  content: '\E92E';
}

.icon-night:before {
  content: '\E939';
}

.icon-travel:before {
  content: '\E940';
}

@font-face {
  font-family: NeueHaasUnicaPro-Light;
  src: url(clientlib-site/resources/fonts/neue-haas-unica-pro-light.woff) format('woff');
}

@font-face {
  font-family: NeueHaasUnicaPro-Medium;
  src: url(clientlib-site/resources/fonts/neue-haas-unica-pro-medium.woff) format('woff');
}

@font-face {
  font-family: NeueHaasUnicaPro-UltraLight;
  src: url(clientlib-site/resources/fonts/neue-haas-unica-pro-ultra-light.woff) format('woff');
}

@font-face {
  font-family: Lato-UltraLight;
  src: url(clientlib-site/resources/fonts/Lato-Thin.woff2) format('woff2');
}

@font-face {
  font-family: Lato-Light;
  src: url(clientlib-site/resources/fonts/Lato-Light.woff2) format('woff2');
}

@font-face {
  font-family: Lato-Medium;
  src: url(clientlib-site/resources/fonts/Lato-Regular.woff2) format('woff2');
}

@font-face {
  font-family: Lato-Bold;
  src: url(clientlib-site/resources/fonts/Lato-Bold.woff2) format('woff2');
}

@font-face {
  font-family: Lato-Regular;
  src: url(clientlib-site/resources/fonts/Lato-Regular.woff2) format('woff2');
}

@font-face {
  font-family: morebirounded;
  font-style: normal;
  font-weight: 400;
  src: url(clientlib-site/resources/fonts/MorebiRounded-Regular.woff) format('woff');
}

@font-face {
  font-family: arloicons;
  font-style: normal;
  font-weight: 400;
  src: url(clientlib-site/resources/fonts/arloicons.woff) format('woff');
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.contactpreferences_container .preferences-box__description,
.contactpreferences_container .preferences-box__options .option__label,
.default-header .dh-subtitle,
.default-header .dh-title,
.default-header .dh-title p,
.discover-more .discover-more__description > *,
.footer,
.fs-cta,
.fs-h1-title,
.fs-h1-title p,
.fs-h2-title,
.fs-h2-title p,
.fs-h3-title,
.fs-h3-title p,
.fs-h4-title,
.fs-h4-title p,
.fs-h5-title,
.fs-h5-title p,
.fs-medium,
.fs-p,
.fs-price,
.fs-small,
.fs-x-small,
.icon-bar .icon-bar-item .icon-bar-text,
.technical-specifications .collapsible-title,
.technical-specifications .collapsible-title p,
.technical-specifications .description,
.technical-specifications .section-inline-data,
.technical-specifications .title,
.technical-specifications .title p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.default-header .dh-title,
.default-header .dh-title h1,
.fs-h1-title,
.fs-h1-title h1 {
  font-size: 2pc !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

@media screen and (min-width: 0) {
  .default-header .dh-title,
  .default-header .dh-title h1,
  .fs-h1-title,
  .fs-h1-title h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}

@media screen and (min-width: 768px) {
  .default-header .dh-title,
  .default-header .dh-title h1,
  .fs-h1-title,
  .fs-h1-title h1 {
    font-size: 2pc !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}

.fs-h2-title,
.fs-h2-title h2 {
  font-size: 1pc !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
}

@media screen and (min-width: 0) {
  .fs-h2-title,
  .fs-h2-title h2 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
  }
}

@media screen and (min-width: 992px) {
  .fs-h2-title,
  .fs-h2-title h2 {
    font-size: 1pc !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
  }
}

.fs-h3-title,
.fs-h3-title h3,
.technical-specifications .title,
.technical-specifications .title h3 {
  font-size: 3pc !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

@media screen and (min-width: 0) {
  .fs-h3-title,
  .fs-h3-title h3,
  .technical-specifications .title,
  .technical-specifications .title h3 {
    font-size: 44px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-h3-title,
  .fs-h3-title h3,
  .technical-specifications .title,
  .technical-specifications .title h3 {
    font-size: 3pc !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}

.fs-h4-title,
.fs-h4-title h4 {
  font-size: 2pc !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

@media screen and (min-width: 0) {
  .fs-h4-title,
  .fs-h4-title h4 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-h4-title,
  .fs-h4-title h4 {
    font-size: 2pc !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }
}

.fs-h5-title,
.fs-h5-title h5,
.technical-specifications .collapsible-title,
.technical-specifications .collapsible-title h5 {
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

@media screen and (min-width: 0) {
  .fs-h5-title,
  .fs-h5-title h5,
  .technical-specifications .collapsible-title,
  .technical-specifications .collapsible-title h5 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-h5-title,
  .fs-h5-title h5,
  .technical-specifications .collapsible-title,
  .technical-specifications .collapsible-title h5 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
  }
}

.default-header .dh-title p,
.discover-more .discover-more__description > *,
.footer,
.fs-h1-title p,
.fs-h2-title p,
.fs-h3-title p,
.fs-h4-title p,
.fs-h5-title p,
.fs-p,
.icon-bar .icon-bar-item .icon-bar-text,
.technical-specifications .collapsible-title p,
.technical-specifications .description,
.technical-specifications .section-inline-data,
.technical-specifications .title p {
  font-size: 1pc !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

@media screen and (min-width: 0) {
  .default-header .dh-title p,
  .discover-more .discover-more__description > *,
  .footer,
  .fs-h1-title p,
  .fs-h2-title p,
  .fs-h3-title p,
  .fs-h4-title p,
  .fs-h5-title p,
  .fs-p,
  .icon-bar .icon-bar-item .icon-bar-text,
  .technical-specifications .collapsible-title p,
  .technical-specifications .description,
  .technical-specifications .section-inline-data,
  .technical-specifications .title p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
  }
}

@media screen and (min-width: 768px) {
  .default-header .dh-title p,
  .discover-more .discover-more__description > *,
  .footer,
  .fs-h1-title p,
  .fs-h2-title p,
  .fs-h3-title p,
  .fs-h4-title p,
  .fs-h5-title p,
  .fs-p,
  .icon-bar .icon-bar-item .icon-bar-text,
  .technical-specifications .collapsible-title p,
  .technical-specifications .description,
  .technical-specifications .section-inline-data,
  .technical-specifications .title p {
    font-size: 1pc !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
  }
}

.fs-x-small {
  font-size: 10px !important;
}

.fs-small,
.fs-x-small {
  line-height: 1 !important;
  font-weight: 400 !important;
}

.fs-small {
  font-size: 9pt !important;
}

.contactpreferences_container .preferences-box__description,
.contactpreferences_container .preferences-box__options .option__label,
.default-header .dh-subtitle,
.fs-cta,
.fs-medium {
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.fs-price {
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

@media screen and (min-width: 0) {
  .fs-price {
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-price {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }
}

.background-tint-grey {
  background-color: #f1f3f7;
}

.background-noble-blue {
  background-color: #03374f;
}

.form-field {
  margin-bottom: 1pc;
}

.form-field .form-field__control {
  position: relative;
  height: 44px;
  border: 1px solid #8c9ba4;
  border-radius: 4px;
  overflow: hidden;
}

.form-field .form-field__control.has-error {
  border-color: #dc2800;
}

.form-field .form-field__control.has-error .form-field__label {
  color: #dc2800;
}

.form-field .form-field__control.is-filled .form-field__label {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 9pt;
}

.form-field .form-field__control .form-field__label {
  position: absolute;
  left: 1pc;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition:
    font-size 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  transition:
    font-size 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  transition:
    transform 0.2s ease-in-out,
    font-size 0.2s ease-in-out;
  transition:
    transform 0.2s ease-in-out,
    font-size 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out;
  line-height: 1pc;
  z-index: 10;
  pointer-events: none;
}

.form-field .form-field__control .form-field__input,
.form-field .form-field__control .form-field__select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0;
  width: 100%;
  padding: 1pc 1pc 0;
}

.form-field .form-field__control .form-field__input.optional-padding,
.form-field .form-field__control .optional-padding.form-field__select {
  padding-right: 74px;
}

.form-field .form-field__control .form-field__input:focus ~ .form-field__label,
.form-field .form-field__control .form-field__select:focus ~ .form-field__label {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 9pt;
}

.form-field .form-field__control .form-field__select {
  padding-left: 9pt;
}

.form-field .form-field__control .form-field__select:disabled {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 1pc;
}

.form-field .form-field__control .form-field__optional {
  position: absolute;
  right: 1pc;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 9pt;
  color: #8c9ba4;
}

.form-field .form-field__error {
  margin: 0;
  color: #dc2800;
  font-size: 9pt;
}

.form-field .password_show_hide {
  position: absolute;
  right: 15px;
  top: 9pt;
  font-size: 20px;
  z-index: 3;
  cursor: pointer;
}

.arlo__checkbox[type='checkbox']:checked:checked,
.arlo__checkbox[type='checkbox']:checked:not(:checked),
.arlo__checkbox[type='checkbox']:not(:checked):checked,
.arlo__checkbox[type='checkbox']:not(:checked):not(:checked) {
  position: absolute;
  width: 0;
  height: 0;
}

.arlo__checkbox[type='checkbox']:checked:checked:before,
.arlo__checkbox[type='checkbox']:checked:not(:checked):before,
.arlo__checkbox[type='checkbox']:not(:checked):checked:before,
.arlo__checkbox[type='checkbox']:not(:checked):not(:checked):before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid #8c9ba4;
  border-radius: 50%;
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
}

.arlo__checkbox[type='checkbox']:checked:checked:after,
.arlo__checkbox[type='checkbox']:checked:not(:checked):after,
.arlo__checkbox[type='checkbox']:not(:checked):checked:after,
.arlo__checkbox[type='checkbox']:not(:checked):not(:checked):after {
  content: '';
  position: absolute;
  height: 8px;
  width: 4px;
  top: 4px;
  left: 5px;
  border-bottom: 1px solid #48a281;
  border-right: 1px solid #48a281;
}

.arlo__checkbox[type='checkbox']:checked:checked + label,
.arlo__checkbox[type='checkbox']:checked:not(:checked) + label,
.arlo__checkbox[type='checkbox']:not(:checked):checked + label,
.arlo__checkbox[type='checkbox']:not(:checked):not(:checked) + label {
  position: relative;
  padding-left: 27px;
  font-size: 14px;
  line-height: 1pc;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.arlo__checkbox[type='checkbox']:checked:not(:checked):after,
.arlo__checkbox[type='checkbox']:not(:checked):not(:checked):after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}

.arlo__checkbox[type='checkbox']:checked:checked:before,
.arlo__checkbox[type='checkbox']:not(:checked):checked:before {
  border-color: #48a281;
}

.arlo__checkbox[type='checkbox']:checked:checked:after,
.arlo__checkbox[type='checkbox']:not(:checked):checked:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
}

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

body {
  background-color: #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #000;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 1pc;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  min-height: 100%;
  padding: 0;
  overflow-x: hidden;
}

.main-content {
  margin-left: 1pc;
  margin-right: 1pc;
}

@media screen and (min-width: 992px) {
  .main-content {
    margin-left: 40px;
    margin-right: 40px;
  }
}

.content {
  margin-top: 65px;
}

@media screen and (min-width: 1200px) {
  .content {
    margin-top: 63px;
  }
}

.container {
  padding: 0;
  position: relative;
  z-index: 0;
}

.content-container {
  max-width: 82pc;
  margin: 0 auto;
  padding: 0 1pc;
}

.login-container {
  padding: 0;
}

.gridContainer {
  margin: 0 auto;
  padding: 0 18px;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .gridContainer {
    padding: 0 56px;
  }
}

@media screen and (min-width: 768px) {
  .gridContainer {
    padding: 0 135px;
    width: 90%;
  }
}

.contentContainer {
  padding: 0 18px;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .contentContainer {
    padding: 0 56px;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer {
    padding: 0 135px;
  }
}

.white-light-grey {
  background-color: #eff1f4;
}

.white-smoke {
  background-color: #f5f6f7;
}

.tint-grey {
  background-color: #f1f3f7;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 1pc;
  -moz-column-gap: 1pc;
  column-gap: 1pc;
  row-gap: 1pc;
}

@media screen and (min-width: 992px) {
  .row {
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
}

@media screen and (min-width: 1200px) {
  .row {
    -webkit-column-gap: 2pc;
    -moz-column-gap: 2pc;
    column-gap: 2pc;
  }
}

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

.col-xs-2 {
  width: calc(50% - 8px);
}

.col-xs-3 {
  width: calc(33.33333% - 10.66667px);
}

.col-xs-4 {
  width: calc(25% - 9pt);
}

.col-xs-5 {
  width: calc(20% - 0.8pc);
}

.col-xs-6 {
  width: calc(16.66667% - 13.33333px);
}

@media screen and (min-width: 576px) {
  .col-sm-1 {
    width: 100%;
  }

  .col-sm-2 {
    width: calc(50% - 8px);
  }

  .col-sm-3 {
    width: calc(33.33333% - 10.66667px);
  }

  .col-sm-4 {
    width: calc(25% - 9pt);
  }

  .col-sm-5 {
    width: calc(20% - 0.8pc);
  }

  .col-sm-6 {
    width: calc(16.66667% - 13.33333px);
  }
}

@media screen and (min-width: 768px) {
  .col-md-1 {
    width: 100%;
  }

  .col-md-2 {
    width: calc(50% - 14px);
  }

  .col-md-3 {
    width: calc(33.33333% - 18.66667px);
  }

  .col-md-4 {
    width: calc(25% - 21px);
  }

  .col-md-5 {
    width: calc(20% - 1.4pc);
  }

  .col-md-6 {
    width: calc(16.66667% - 23.33333px);
  }
}

@media screen and (min-width: 992px) {
  .col-lg-1 {
    width: 100%;
  }

  .col-lg-2 {
    width: calc(50% - 1pc);
  }

  .col-lg-3 {
    width: calc(33.33333% - 21.33333px);
  }

  .col-lg-4 {
    width: calc(25% - 24px);
  }

  .col-lg-5 {
    width: calc(20% - 1.6pc);
  }

  .col-lg-6 {
    width: calc(16.66667% - 26.66667px);
  }
}

@media screen and (min-width: 1200px) {
  .col-xl-1 {
    width: 100%;
  }

  .col-xl-2 {
    width: calc(50% - 1pc);
  }

  .col-xl-3 {
    width: calc(33.33333% - 21.33333px);
  }

  .col-xl-4 {
    width: calc(25% - 24px);
  }

  .col-xl-5 {
    width: calc(20% - 1.6pc);
  }

  .col-xl-6 {
    width: calc(16.66667% - 26.66667px);
  }
}

.justify-center {
  -ms-flex-pack: center;
  justify-content: center;
}

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

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

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

.cf:after,
.cf:before {
  content: ' ';
  display: table;
  position: static;
}

.cf:after {
  clear: both;
}

.first {
  float: left;
}

.last,
.VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar .last {
  float: right;
}

.center {
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

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

#footer .legal .ir,
.ir {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.ibp > * {
  display: inline-block;
  vertical-align: middle;
}

.btn,
.btn-no_style {
  border-radius: 22px;
  display: inline-block;
  font-size: 1pc;
  font-weight: 500;
  line-height: 20px;
  min-width: 155px;
  padding: 9pt 35px;
  -webkit-transition:
    background 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.btn.t1,
.t1.btn-no_style {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border-radius: 5px;
  border-width: 0;
  color: #fff;
  height: 50px;
  line-height: normal;
  max-width: 200px;
  min-width: 180px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.btn.t1:hover,
.t1.btn-no_style:hover {
  background-position: 0 100%;
  color: #fff;
  cursor: pointer;
}

.btn.t2,
.t2.btn-no_style {
  background-color: #fff;
  color: #06a84e;
}

.btn.t2:hover,
.t2.btn-no_style:hover {
  background-color: #0f6d35;
  color: #fff;
}

.btn.t3,
.t3.btn-no_style {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #62d8b1));
  background: linear-gradient(90deg, #384851 50%, #62d8b1 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border-radius: 5px;
  color: #fff;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.btn.t3:hover,
.t3.btn-no_style:hover {
  background-position: 0 100%;
  color: #fff;
  cursor: pointer;
}

.btn.t4,
.t4.btn-no_style {
  font-family: lato-regular, sans-serif;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border-radius: 5px;
  border-width: 0;
  color: #fff;
  height: 50px;
  font-size: 16.5px;
  line-height: 24px;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 170px;
}

.btn.t4:hover,
.t4.btn-no_style:hover {
  background-position: 0 100%;
  color: #fff;
  cursor: pointer;
}

.btn.t1.sfcclink,
.t1.sfcclink.btn-no_style {
  font-weight: 600;
  line-height: 50px;
}

.product_buying_descriptions_item_data_buy .btn.t1,
.product_buying_descriptions_item_data_buy .t1.btn-no_style {
  font-family: lato-regular, sans-serif;
}

.ComponentBuy--desktop .btn.t1.sfcclink,
.ComponentBuy--desktop .t1.sfcclink.btn-no_style,
.product_buying_descriptions_item_data_buy .btn.t1.sfcclink,
.product_buying_descriptions_item_data_buy .t1.sfcclink.btn-no_style {
  line-height: normal;
}

.product_buying_descriptions_item_data_buy .pricespiderlike_cta {
  line-height: 25px !important;
}

.button.button--primary.red {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #d42d1b));
  background: linear-gradient(90deg, #384851 50%, #d42d1b 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.disabled {
  cursor: default;
  line-height: 50px !important;
  opacity: 0.6;
  pointer-events: none;
}

.list_grid_product .btn.sfcclink,
.list_grid_product .sfcclink.btn-no_style {
  line-height: 25px;
}

.list_grid_product .ps-button-label {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border-radius: 5px;
  border-width: 0;
  color: #fff;
  font-family: lato-regular, helvetica, sans-serif;
  font-size: 16.5px;
  height: 50px;
  line-height: 25px !important;
  max-width: 280px;
  min-width: 180px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.list_grid_product .ps-button-label:hover {
  background-position: 0 100%;
  color: #fff;
  cursor: pointer;
}

.list_grid_product .ps-widget[data-ps-sku].ps-disabled,
.list_grid_product .ps-widget[ps-sku].ps-disabled {
  height: 50px;
  min-width: 182px;
  text-align: center;
}

@media screen and (min-width: 560px) {
  .list_grid_product .ps-button-label {
    margin: 0 !important;
  }

  .list_grid_product .btn.sfcclink,
  .list_grid_product .btn.t4,
  .list_grid_product .ps-button-label,
  .list_grid_product .ps-widget[data-ps-sku].ps-disabled,
  .list_grid_product .ps-widget[ps-sku].ps-disabled,
  .list_grid_product .sfcclink.btn-no_style,
  .list_grid_product .t4.btn-no_style {
    bottom: 15px;
    left: 16%;
    position: absolute;
  }

  .list_grid_product .btn.t4.disabled,
  .list_grid_product .t4.disabled.btn-no_style {
    bottom: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .list_grid_product .ps-button-label {
    left: 25%;
    margin: 0 !important;
  }

  .list_grid_product .btn.sfcclink,
  .list_grid_product .ps-widget[data-ps-sku].ps-disabled,
  .list_grid_product .ps-widget[ps-sku].ps-disabled,
  .list_grid_product .sfcclink.btn-no_style {
    left: 23%;
  }

  .list_grid_product .btn.t4,
  .list_grid_product .t4.btn-no_style {
    left: 25%;
  }

  .list_grid_product .pricespiderlike_cta {
    bottom: 65px !important;
  }
}

.btn.video,
.video.btn-no_style {
  padding-right: 55px;
}

.btn.video:after,
.video.btn-no_style:after {
  bottom: 0;
  color: #fff;
  content: '\E900';
  font-family: arloicons;
  font-size: 20px;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 23px;
  top: 50%;
}

.replay {
  font-size: 1pc;
  font-weight: 500;
  padding-left: 25px;
  position: relative;
}

.replay:hover {
  text-decoration: none;
}

.replay:after {
  color: #000;
  content: 'k';
  font-family: arloicons;
  font-size: 1.6rem;
  left: 0;
  line-height: 1.5;
  margin-top: -0.75em;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
}

.replay:hover:after {
  opacity: 1;
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
}

.sep {
  margin-top: 1.25em;
  padding-top: 1.25em;
  position: relative;
}

.sep:after {
  border-top: 1px solid #e5e5e5;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 37px;
}

.sep.bot {
  margin-bottom: 1em;
  margin-top: 0;
  padding-bottom: 1em;
  padding-top: 0;
  position: relative;
}

.sep.bot:after {
  bottom: 0;
  top: auto;
}

.sep.center:after {
  left: 50%;
  margin-left: -18px;
}

.shift {
  color: #06a84e;
  display: inline-block;
  font-size: 9pt;
  font-weight: 700;
  line-height: 14px;
  padding-right: 15px;
  position: relative;
  text-transform: uppercase;
}

.shift.long {
  padding-right: 36px;
}

.shift:after {
  content: '\F105';
  font-family: arloicons;
  font-size: 1pc;
  font-weight: 400;
  line-height: 1pc;
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.shift:hover:after {
  right: -5px;
}

.shift.back {
  padding-left: 15px;
  padding-right: 0;
}

.shift.back.long {
  padding-left: 36px;
  padding-right: 0;
}

.shift.back:after {
  content: '\F104';
  left: 0;
  right: auto;
}

.shift.back:hover:after {
  left: -5px;
}

.vertical-wrap {
  font-family: arloicons;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.vertical-wrap:before {
  content: '';
  height: 100%;
}

.vertical-children > *,
.vertical-wrap:before,
.vertical-wrap > .middle {
  display: inline-block;
  vertical-align: middle;
}

.player .wrap {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.player .wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.grayhov {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.75;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.grayhov:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.video.play-icon {
  position: relative;
}

.video.play-icon:before {
  background-color: #000;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.video.play-icon:hover:before {
  opacity: 0.2;
}

.video.play-icon:after {
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #06a84e;
  content: '\E907';
  font-family: arloicons;
  font-size: 18px;
  height: 46px;
  left: 50%;
  line-height: 46px;
  margin: -23px 0 0 -23px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  width: 46px;
  z-index: 2;
}

.video.play-icon.md:after {
  font-size: 22px;
  height: 56px;
  line-height: 56px;
  margin: -28px 0 0 -28px;
  width: 56px;
}

.video.play-icon:hover:after {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.fade {
  opacity: 0;
}

.fade-in {
  -webkit-animation: fadeIn 1s both;
  animation: fadeIn 1s both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in-from-left {
  -webkit-animation: fadeInFromLeft 1s both;
  animation: fadeInFromLeft 1s both;
}

@-webkit-keyframes fadeInFromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInFromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(65%);
    transform: translateX(65%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInFromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-75pt);
    transform: translateY(-75pt);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInFromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fade-in-from-right {
  -webkit-animation: fadeInFromRight 1s both;
  animation: fadeInFromRight 1s both;
}

@keyframes fadeInFromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(65%);
    transform: translateX(65%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fade-in-from-top {
  -webkit-animation: fadeInFromTop 1s both;
  animation: fadeInFromTop 1s both;
}

@keyframes fadeInFromTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-75pt);
    transform: translateY(-75pt);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fade-in-from-bottom {
  -webkit-animation: fadeInFromBottom 1s both;
  animation: fadeInFromBottom 1s both;
}

@keyframes fadeInFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fade-out {
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}

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

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fade-out-to-left {
  -webkit-animation: fadeOutToLeft 1s both;
  animation: fadeOutToLeft 1s both;
}

@-webkit-keyframes fadeOutToLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
  }
}

@keyframes fadeOutToLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
  }
}

.fade-out-to-right {
  -webkit-animation: fadeOutToRight 1s both;
  animation: fadeOutToRight 1s both;
}

@-webkit-keyframes fadeOutToRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(65%);
    transform: translateX(65%);
  }
}

@keyframes fadeOutToRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(65%);
    transform: translateX(65%);
  }
}

@-webkit-keyframes fly {
  0% {
    font-size: 23px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    font-size: 29px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  to {
    font-size: 23px;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@keyframes fly {
  0% {
    font-size: 23px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    font-size: 29px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  to {
    font-size: 23px;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
  }
}

@-webkit-keyframes fadeInFromNoneToTop {
  0% {
    height: 0;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

  to {
    height: 100%;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes shakeLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes animatedClouds {
  0% {
    background-position: 0;
  }

  to {
    background-position: -1942px;
  }
}

@keyframes fadeInFromNoneToTop {
  0% {
    height: 0;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    height: 100%;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.shake-left {
  -webkit-animation: shakeLeft 0.2s both;
  animation: shakeLeft 0.2s both;
}

@keyframes shakeLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes animatedClouds {
  0% {
    background-position: 0;
  }

  to {
    background-position: -1942px;
  }
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
  max-height: 600px !important;
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat {
  padding: 10px 0;
}

.cSFCCPrechat .slds-form-element .slds-select,
.stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
  background: transparent;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  color: #333;
  display: inline-block;
  font-family:
    Lato-Regular,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  margin-bottom: 15px;
  width: 250px !important;
}

.embeddedServiceSidebarState.stateBody {
  padding: 0 25px !important;
}

.cSFCCPrechat label {
  font-size: 15px;
  margin-top: 10px !important;
}

.cSFCCPrechat .prechatContent .uiLabel-left,
.prechatContent .slds-form-element label {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  text-align: left;
  width: 90px;
}

.cSFCCPrechat .startButton:hover {
  background-position: 0 100%;
  color: #fff;
  cursor: pointer;
}

.cSFCCPrechat .uiButton--default .label {
  color: #fff !important;
  font-weight: 200 !important;
  white-space: normal;
}

.embeddedServiceSidebarHeader .headerText {
  margin-bottom: 0;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button {
  background: transparent;
  border: 1px solid #03374f;
  border-radius: 5px;
  color: #03374f;
  font-family:
    lato-regular,
    helvetica neue,
    sans-serif !important;
  font-size: 14px;
  margin-bottom: 5px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover {
  background: #7e98a4 !important;
  border: 1.5px solid #03374f;
  border-radius: 5px !important;
  color: #fff !important;
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li {
  border-width: 0 !important;
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent a {
  color: #083f5b !important;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent a:hover {
  color: #3c9 !important;
}

@media (max-width: 525px) {
  .embeddedServiceSidebar.layout-docked .dockableContainer {
    max-height: 600px !important;
    width: 90%;
  }

  .cSFCCPrechat .prechatContent .uiLabel-left {
    float: unset;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
  }

  .stateBody.embeddedServiceSidebarState .slds-select {
    margin-bottom: 0;
  }

  .cSFCCPrechat label {
    float: unset;
    margin-bottom: 5px;
    text-align: center !important;
    width: 100% !important;
  }

  .cSFCCPrechat .startButton {
    margin-top: 15px;
  }

  .stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
    margin-bottom: 0;
  }
}

@media (max-width: 48em) {
  .slds-scope .slds-max-medium-table--stacked-horizontal td:before,
  .slds-scope .slds-max-medium-table--stacked-horizontal th:before,
  .slds-scope .slds-max-medium-table_stacked-horizontal td:before,
  .slds-scope .slds-max-medium-table_stacked-horizontal th:before {
    font-size: 1.1em;
  }
}

.slds-button.btn,
.slds-button.btn-no_style {
  border-radius: 22px !important;
  font-size: 13px !important;
  padding: 8px 35px !important;
  -webkit-transition:
    background 0.2s ease-in-out,
    color 0.3s ease-in-out !important;
  transition:
    background 0.2s ease-in-out,
    color 0.3s ease-in-out !important;
}

.slds-button.btn.t1,
.slds-button.t1.btn-no_style {
  background-color: #06a84e;
  color: #fff !important;
}

.slds-button.btn.t1:hover,
.slds-button.t1.btn-no_style:hover {
  background-color: #0f6d35;
  color: #fff;
}

.slds-button.btn.greenAlt,
.slds-button.greenAlt.btn-no_style {
  border: 1px solid #06a84e;
  border-radius: 22px;
  color: #06a84e;
  padding: 2px 33px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.slds-button.btn.greenAlt:hover,
.slds-button.greenAlt.btn-no_style:hover {
  background-color: #cecece;
  border: 1px solid #cecece;
  border-radius: 22px;
  color: #06a84e;
  padding: 2px 33px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.slds-scope .slds-button--neutral[disabled],
.slds-scope .slds-button_neutral[disabled] {
  background: #cecece !important;
}

.slds-scope .slds-button-group-list li:first-child .slds-button,
.slds-scope .slds-button-group .slds-button:first-child {
  border-radius: 22px 0 0 22px;
  padding: 10px;
}

.ns-ars18 .disclaimer-footer-banner {
  background: #03374f;
  bottom: 0;
  color: #fff;
  display: none;
  height: 49px;
  margin: 0 auto;
  max-width: 90pc;
  opacity: 0.9;
  padding: 9pt;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 99999999999;
}

@media screen and (max-width: 375px) {
  .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    right: 10px;
    top: 27px;
  }

  .ns-ars18 .disclaimer-footer-banner {
    height: 75px;
    padding: 10px 17px;
  }

  .ns-ars18 .disclaimer-footer-banner p {
    font-size: 9pt;
  }

  .ns-ars18 .email-campaign .email-error img {
    display: block;
    max-width: 15px;
    position: absolute;
    right: 115px;
  }
}

@media screen and (max-width: 320px) {
  .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    right: 10px;
    top: 2pc;
  }

  .ns-ars18 .disclaimer-footer-banner {
    height: 5pc;
    padding: 5px 20px 5px 10px;
    text-align: left;
  }

  .ns-ars18 .disclaimer-footer-banner p {
    font-size: 9pt;
  }
}

@media (min-width: 1024px) {
  .notice {
    height: 54px;
    margin: 0 auto;
    max-width: 90pc;
  }

  .notice.active + #container {
    top: 55px;
  }

  .notice.active + #container .ns-ars18-page .mobile_header_menu_nav,
  .notice.active + #container .ns-ars18-page .mobile_header_products_nav {
    top: 110px;
  }

  .notice .close {
    right: 8px;
    top: -8px;
  }
}

@media (max-width: 525px) {
  .notice {
    height: 46px;
    z-index: 0;
  }

  .notice.active + #container {
    top: 47px;
  }
}

.popup-box.basic-coupon .popup-close {
  right: -25px;
  top: -45px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.email-campaign .form-holder span {
  font-size: 9pt;
}

.email-campaign .email-error-msg {
  margin-top: 5px;
}

@media (max-width: 425px) {
  .email-campaign .email-error-msg {
    font-size: 9pt;
    padding: 0 10px;
  }
}

.email-campaign .input-list {
  margin-bottom: 45px;
}

.promo-blurb .promo-asterisk {
  display: inline-block;
}

.email-campaign input[type='checkbox'],
.email-campaign input[type='radio'] {
  border-radius: 50px;
}

.email-campaign span {
  display: none;
}

.email-campaign span.error {
  display: block;
}

.email-campaign .email-error-msg {
  margin-top: 10px;
}

.popup-box .success .text-holder li {
  font-weight: 600;
}

@media (max-width: 1024px) {
  .popup-box .popup-inner {
    margin-top: 150px;
  }

  .popup-box.basic-coupon .popup-inner {
    max-height: 25pc !important;
  }
}

@media (max-width: 768px) {
  .email-campaign .input-block label {
    font-size: 15px;
    margin-right: 10px;
  }

  .email-campaign input[type='email']::-webkit-input-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::-moz-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::-ms-input-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::placeholder {
    font-size: 13px;
  }

  .popup-box h1,
  .popup-box h2,
  .popup-box h3,
  .popup-box h4,
  .popup-box h5,
  .popup-box p {
    margin-bottom: 15px;
  }

  .email-campaign .promo-blurb {
    margin: 0 auto;
    max-width: 90%;
  }

  .email-campaign .promo-description {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .popup-box .popup-content {
    width: 100%;
  }

  .email-campaign .popup-content-top {
    padding: 60px 50px 0;
  }

  .popup-box .popup-inner {
    max-height: 500px;
    max-width: 600px;
  }

  .popup-box .popup-inner .popup-holder {
    background: #fff;
    border-radius: 5px;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 30px 15px;
    position: relative;
  }

  .popup-box .popup-close-wrap {
    position: relative;
  }

  .popup-box .popup-close {
    display: inline-block;
    height: 30px;
    padding-top: 4px;
    position: absolute;
    right: 13px;
    top: 15px;
    width: 30px;
  }

  .popup-box .popup-close-wrap .popup-close:hover {
    background: #000;
    text-decoration: none;
  }

  .popup-box .popup-bodyclose {
    cursor: default;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }

  .popup-box .server-error-msg {
    margin-bottom: 0;
    text-align: center;
  }

  .email-campaign .promo-sale {
    font-size: 1pc;
    letter-spacing: 1px;
    line-height: 20px;
  }

  .email-campaign .promo-blurb {
    margin: 0 !important;
  }

  .email-campaign select {
    font-size: 15px;
  }

  .promo.form-holder {
    top: 30px;
  }
}

@media (max-width: 599px) {
  .email-campaign .popup-overlay-section {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(70%, #fff),
      color-stop(0, transparent)
    );
    background-image: linear-gradient(180deg, #fff 70%, transparent 0);
    width: 90%;
  }

  .email-campaign .popup-content-top {
    background: #fff !important;
    padding: 65px 30px 0 !important;
  }

  .email-campaign .promo-blurb {
    margin: 35px auto 0 !important;
    max-width: 95%;
  }

  .email-campaign .promo-description {
    font-size: 14px;
    line-height: 20px !important;
  }

  .email-campaign .promo-sale {
    font-size: 1pc;
    line-height: 10px;
  }

  .popup-box .popup-inner {
    background: #fff;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 75pt auto 0;
    max-height: 565px;
    max-width: 95%;
    position: relative;
    z-index: 2;
  }

  .popup-box.email-campaign .popup-content {
    padding: 60px 20px;
  }

  .promo.form-holder {
    top: 20px;
  }

  .email-campaign input[type='checkbox']:after,
  .email-campaign input[type='radio']:after {
    background-color: #fff;
    border: 2px solid #dfe2e6;
    border-radius: 50px;
    content: '';
    display: inline-block;
    height: 18px;
    left: -2px;
    position: relative;
    top: -2px;
    visibility: visible;
    width: 18px;
  }

  .email-campaign input[type='checkbox']:checked:after,
  .email-campaign input[type='radio']:checked:after {
    background-color: #3c9;
    border: 0;
    border-radius: 50px;
    content: '';
    display: inline-block;
    height: 18px;
    left: -2px;
    position: relative;
    top: -2px;
    visibility: visible;
    width: 18px;
  }

  .popup-box.basic-coupon .button--static {
    right: 3pc;
  }

  .popup-box.basic-coupon .popup-inner {
    max-height: 450px;
  }

  .popup-box.basic-coupon p.promo-desc {
    font-size: 18px;
  }
}

@media (max-width: 425px) {
  .email-campaign .input-block label {
    vertical-align: super;
  }

  .email-campaign input[type='email']::-webkit-input-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::-moz-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::-ms-input-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::placeholder {
    font-size: 13px;
  }

  .email-campaign .popup-overlay-section {
    left: 6px;
    width: 97%;
  }

  .email-campaign .popup-overlay-section.success {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(90%, #fff),
      color-stop(0, transparent)
    ) !important;
    background-image: linear-gradient(180deg, #fff 90%, transparent 0) !important;
    padding: 20px;
  }

  .popup-box .success .text-holder li {
    letter-spacing: 0 !important;
  }

  .email-campaign p.radio-label-left {
    height: 35px;
    letter-spacing: 0;
    margin-right: 0;
    width: 150px;
  }

  .email-campaign .option-block {
    display: block;
    margin-left: 150px;
    width: 156px;
  }

  .email-campaign .promo-disclaimer {
    margin-top: 30px;
  }

  .email-campaign .promo-sale {
    font-size: 13px;
  }

  .email-campaign .popup-content-top {
    bottom: 10px;
    height: 55%;
    left: 6px;
    padding: 15px !important;
    width: 100%;
  }

  .popup-box .popup-inner {
    background: #fff;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 75pt auto 0;
    max-height: 520px;
    max-width: 95%;
    position: relative;
    z-index: 2;
  }

  .promo .input-wrapper {
    margin-top: 0;
  }

  .popup-box.email-campaign .popup-content {
    padding: 10px;
  }

  .email-campaign .promo-description {
    font-size: 14px;
    line-height: 20px !important;
  }

  .email-campaign .promo-sale {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
  }

  .email-campaign .promo-blurb h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .popup-box .success.popup-overlay-section h3 {
    line-height: 21px;
  }
}

@media screen and (max-width: 375px) {
  .email-campaign .promo-description {
    font-size: 14px;
    line-height: 20px !important;
  }

  .email-campaign .promo-sale {
    font-size: 15px;
    line-height: 23px;
  }

  .email-campaign .promo-blurb h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .popup-box .success.popup-overlay-section h3 {
    line-height: 21px;
  }

  .promo .input-wrapper {
    margin-top: -10px;
  }

  .popup-box.basic-coupon .button--static {
    right: 28px;
  }

  .popup-box.basic-coupon p.promo-desc {
    font-size: 1pc;
  }
}

.tr100 {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.tr200 {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tr300 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tr400 {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.tr600 {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.tr800 {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.embeddedServiceLiveAgentQueuePosition .loadingBall.first {
  float: unset;
}

.embeddedServiceSidebar.layout-docked .dockableContainer #headerSubtext,
.embeddedServiceSidebar.layout-docked .dockableContainer #headerTextLabel {
  font-family:
    NeueHaasUnicaPro-Light,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat {
  padding: 15px;
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat img {
  height: auto;
  max-width: 75px;
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
  border-radius: 4px;
  color: #5a6870;
  display: inline-block;
  font-family:
    Lato-Regular,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
  margin-bottom: 15px;
  width: 250px;
}

.stateBody.embeddedServiceSidebarState .SFCC_email__c.anonymousField {
  border-radius: 5px;
  font-family:
    Lato-Regular,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
  margin: 0 !important;
  margin-bottom: 15px;
  max-width: 210px;
  width: 100%;
}

.embeddedServiceSidebarState.stateBody {
  padding: 0 !important;
}

.cSFCCPrechat .prechatContent {
  color: #5a6870;
  font-family:
    Lato-Regular,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
}

.cSFCCPrechat .prechatContent .uiLabel-left {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  text-align: left;
  width: 90px;
}

.cSFCCPrechat .startButton {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border-radius: 5px;
  border-width: 0;
  color: #fff !important;
  font-family:
    Lato-Regular,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: 1pc;
  height: 50px;
  line-height: 0;
  margin-top: 20px;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 170px;
}

.ns-ars18 .disclaimer-footer-banner.active {
  display: block;
}

.ns-ars18 .disclaimer-footer-banner a {
  color: #fff;
  text-decoration: underline !important;
}

.ns-ars18 .disclaimer-footer-banner p {
  color: #fff;
  font-size: 14px;
}

.ns-ars18 .disclaimer-footer-banner .disclaimer-close {
  display: inline-block;
  position: absolute;
  right: 110px;
  top: 11px;
}

@media screen and (max-width: 1500px) {
  .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    right: 50px;
    top: 11px;
  }
}

@media screen and (max-width: 1024px) {
  .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    right: 7px;
    top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    right: 15px;
    top: 30px;
  }

  .ns-ars18 .disclaimer-footer-banner {
    height: 70px;
    padding: 10px 35px;
  }
}

@media (min-width: 525px) and (max-width: 767px) {
  .ComponentHero--HeroBannerStandard .textHolder {
    left: 50% !important;
    max-width: 500px !important;
    top: 20% !important;
  }
}

@media screen and (max-width: 515px) {
  .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    right: 13px;
    top: 30px;
  }

  .ns-ars18 .disclaimer-footer-banner {
    height: 75px;
    padding: 10px 35px;
  }

  .ns-ars18 .disclaimer-footer-banner p {
    font-size: 13px;
  }
}

.notice {
  background-color: #3c9;
  height: 5pc;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 526px) {
  .notice {
    height: 54px;
    margin: 0 auto;
    max-width: 90pc;
  }
}

@media (max-width: 525px) {
  .notice {
    height: 60px;
    z-index: 0;
  }
}

.notice > .container {
  color: #fff;
  font-size: 15px;
  left: 0;
  max-width: 90pc;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.notice > .container a {
  color: #fff;
  cursor: pointer;
  line-height: 1;
  text-decoration: underline;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.notice > .container a:hover {
  color: #152934;
}

.notice span {
  color: #fff;
  font-family:
    Lato-regular,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 17px;
}

@media (max-width: 525px) {
  .notice span {
    font-size: 15px;
  }
}

.notice.active {
  display: block;
  opacity: 1;
  position: relative;
  visibility: visible;
  width: 100%;
  z-index: 0;
}

.notice.active + #container {
  top: 5pc;
}

@media (min-width: 526px) {
  .notice.active + #container {
    top: 0;
  }

  .notice.active + #container .ns-ars18-page .mobile_header_menu_nav,
  .notice.active + #container .ns-ars18-page .mobile_header_products_nav {
    top: 110px;
  }
}

@media (max-width: 525px) {
  .notice.active + #container {
    top: 0;
  }
}

.notice.active + #container .mobile_header_menu_nav,
.notice.active + #container .mobile_header_products_nav {
  top: 130px;
}

.notice .close {
  font-size: 9pt;
  position: absolute;
  right: 5px;
}

@media (min-width: 526px) {
  .notice .close {
    right: 8px;
    top: -8px;
  }
}

.notice .close:after {
  content: 'x';
  font-family: arloicons;
}

.ns-ars18-page .unfixed + .notice.active {
  position: absolute !important;
}

body.noScroll {
  overflow: hidden;
}

.VideoDoorbellHero--floodlight-teaser .VideoDoorbellHero__toolbar {
  top: 170px !important;
}

.VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
  top: 150px !important;
}

html.not-at-top .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar,
html.not-at-top .VideoDoorbellHero--floodlight-teaser .VideoDoorbellHero__toolbar {
  top: 60px !important;
}

.VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
  top: 90px !important;
}

html.not-at-top .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
  top: 60px !important;
}

.floodlight-teaser-hero .VideoDoorbellHero__toolbar {
  top: 170px !important;
  top: 150px !important;
}

html.not-at-top .floodlight-teaser-hero .VideoDoorbellHero__toolbar {
  top: 60px !important;
}

@media (max-width: 768px) {
  .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
    top: 90px !important;
  }
}

@media (min-width: 1024px) {
  .ns-ars18 .VideoDoorbellHero__toolbar--left {
    max-width: 500px !important;
  }
}

@media (min-width: 768px) {
  .ns-ars18 .VideoDoorbellHero__toolbar--right {
    min-width: 170px;
    width: auto !important;
  }
}

.form-input--floodlight-teaser .form-input__form-response,
.form-input--floodlight-teaser .form-input__heading {
  color: #152934 !important;
}

.form-input--floodlight-teaser .form-input__input {
  border: 1px solid #152934 !important;
  border-right: 0 !important;
}

@media (max-width: 1024px) {
  .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 150px !important;
  }
}

@media (max-width: 768px) {
  .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 150px !important;
  }
}

@media (max-width: 600px) {
  .VideoDoorbellHero--floodlight-teaser .VideoDoorbellHero__toolbar {
    top: 190px !important;
  }

  .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 90px !important;
  }
}

.popup-box {
  background: rgba(0, 0, 0, 0.25);
  display: none;
  height: 100%;
  left: 0;
  overflow-y: auto;
  padding: 20px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.popup-box.email-campaign.opened {
  display: block;
}

.popup-box .popup-close {
  color: #fff;
  cursor: pointer;
  font-size: 19px;
  font-weight: 300;
  position: absolute;
  right: 30px;
  top: 20px;
  -webkit-transition: all 0.4s cubic-bezier(0.11, 0.48, 0.46, 0.84);
  transition: all 0.4s cubic-bezier(0.11, 0.48, 0.46, 0.84);
}

.popup-box.email-campaign .popup-close:before {
  font-family:
    Lato-Regular,
    Helvetica,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: 19px;
}

.popup-box .popup-inner {
  background: 0 0;
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 110px auto 0;
  max-height: 490px;
  max-width: 700px;
  position: relative;
  z-index: 2;
}

.popup-box .popup-inner.error {
  max-height: 200px;
}

.popup-box.email-campaign .popup-inner {
  border-radius: 10px;
}

.popup-box.email-campaign .popup-inner.error,
.popup-box.email-campaign .popup-inner.personalize,
.popup-box.email-campaign .popup-inner.success {
  display: none;
}

.popup-box.email-campaign .popup-content {
  background-image: -webkit-gradient(linear, left top, right top, from(#50b7b9), to(#3c9));
  background-image: linear-gradient(90deg, #50b7b9, #3c9);
  border-radius: 10px;
  height: 100%;
  margin: 0 auto;
  padding: 50px;
  position: absolute;
  top: 0;
  width: 100%;
}

.email-campaign .popup-content-top {
  background: #f5f6f7;
  border-radius: 0 0 10px 10px;
  bottom: 0;
  height: 42%;
  left: 0;
  padding: 60px 75pt 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.email-campaign .promo-blurb {
  margin: 0 0 40px;
  width: 500px;
}

.email-campaign .promo-blurb h2 {
  font-size: 60px;
  font-weight: 600;
}

.email-campaign .promo-blurb h3 {
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 25px;
}

.email-campaign .promo-description {
  font-size: 25px;
  margin: auto 0 25px;
}

.email-campaign .promo-disclaimer {
  display: inline-block;
  opacity: 0.8;
}

.email-campaign .promo-disclaimer p,
.popup .email-campaign .success-disclaimer {
  color: #02374f !important;
  font-size: 13px;
  line-height: 22px;
}

.email-campaign .promo-disclaimer a {
  color: #02374f !important;
  text-decoration: underline !important;
}

.email-campaign .promo-disclaimer a:hover {
  color: #3c9 !important;
}

.email-campaign .promo-sale {
  font-size: 1pc;
  font-weight: 600;
  letter-spacing: 1px;
}

.email-campaign .button--primary.email-signup {
  background: #384851;
  border-radius: 0 4px 4px 0;
  font-size: 1pc !important;
  height: 60px !important;
  line-height: 60px;
  position: absolute;
  right: 0;
  top: -10px;
  width: 110px;
}

.email-campaign .button--primary.promo {
  background: #384851;
  font-size: 1pc !important;
  height: 60px !important;
  line-height: 60px;
  margin: 0 auto;
}

.email-campaign .button--primary.promo:hover {
  background: #3c9;
}

.email-campaign .form-holder {
  display: block;
  position: relative;
  width: 100%;
  z-index: 9999;
}

.email-campaign form {
  display: block;
  margin: 0 auto;
  max-width: 500px;
}

.email-campaign input[type='email'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 0;
  border-radius: 4px;
  color: #152934;
  font-family:
    Neue Haas Unica Pro,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 15px;
  font-weight: 300;
  height: 60px;
  line-height: 22px;
  margin-top: -10px;
  padding: 10px 30px;
  width: 100%;
}

.email-campaign input[type='email']::-webkit-input-placeholder {
  letter-spacing: 0.5px;
}

.email-campaign input[type='email']::-moz-placeholder {
  letter-spacing: 0.5px;
}

.email-campaign input[type='email']::-ms-input-placeholder {
  letter-spacing: 0.5px;
}

.email-campaign input[type='email']::placeholder {
  letter-spacing: 0.5px;
}

.email-campaign .email-error-msg {
  color: red !important;
  font-size: 13px;
}

.email-campaign .email-error img {
  display: block;
  position: absolute;
  right: 135px;
  top: 9pt;
}

.email-campaign .popup-overlay-section {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #fff), to(transparent));
  background-image: linear-gradient(180deg, #fff 40%, transparent);
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  width: 85%;
  z-index: 9999;
}

.email-campaign .input-block label {
  font-size: 1pc;
  margin-right: 20px;
  position: relative;
}

.email-campaign p.radio-label-left {
  color: #152934 !important;
  float: left;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-right: 30px;
  width: 140px;
}

.email-campaign .input-block {
  display: block;
  margin-bottom: 15px;
  width: 100%;
}

.email-campaign .input-list {
  display: block;
  margin-bottom: 25px;
}

.email-campaign .option-block {
  display: inline-block;
}

.promo-blurb .promo-asterisk {
  color: #fff;
  font-size: 30px;
}

.email-campaign::-webkit-input-placeholder {
  color: #02374f;
}

.email-campaign::-moz-placeholder {
  color: #02374f;
}

.email-campaign::-ms-input-placeholder {
  color: #02374f;
}

.email-campaign::placeholder {
  color: #02374f;
}

.email-campaign input[type='checkbox'],
.email-campaign input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.email-campaign input[type='checkbox']:after,
.email-campaign input[type='radio']:after {
  background-color: #fff;
  border: 2px solid #dfe2e6;
  border-radius: 50px;
  content: '';
  display: inline-block;
  height: 9pt;
  left: 0;
  position: relative;
  top: 0;
  visibility: visible;
  width: 9pt;
}

.email-campaign input[type='checkbox']:checked:after,
.email-campaign input[type='radio']:checked:after {
  background-color: #3c9;
  border: 0;
  border-radius: 50px;
  content: '';
  display: inline-block;
  height: 9pt;
  left: 0;
  position: relative;
  top: 0;
  visibility: visible;
  width: 9pt;
}

.email-campaign select {
  border: 0;
  font-size: 1pc;
}

.email-campaign .popup-overlay-section.success {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(transparent));
  background-image: linear-gradient(180deg, #fff 60%, transparent);
  padding: 20px;
}

.popup-box h1,
.popup-box h2,
.popup-box h3,
.popup-box h4,
.popup-box h5,
.popup-box p {
  color: #fff !important;
  text-align: left;
}

.popup-box .success .text-holder ul {
  margin-bottom: 15px;
  opacity: 0.8;
}

.popup-box .success .text-holder li {
  color: #384851;
  font-size: 14px;
  letter-spacing: 1px;
  list-style: disc;
  margin-left: 15px;
  opacity: 0.8;
}

.popup-box .success.popup-overlay-section h3 {
  color: #384851 !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.popup-box .success-disclaimer {
  color: #384851 !important;
  font-size: 9pt;
  opacity: 0.8;
}

.popup-box.basic-coupon {
  font-family:
    Neue Haas Unica Pro,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
}

.popup-box.basic-coupon .popup-inner {
  background: #fff;
  -webkit-box-shadow: 0 0 10px #cacaca;
  box-shadow: 0 0 10px #cacaca;
  max-height: 450px;
  padding: 50px 30px;
  text-align: center;
}

.popup-box.basic-coupon .popup-content {
  display: block;
  height: 100%;
  position: relative;
}

.popup-box.basic-coupon a {
  color: #152934;
}

.popup-box.basic-coupon a:hover {
  color: #3c9;
}

.popup-box.basic-coupon .button--static {
  background: #0f3851;
  border-radius: 0 5px 5px 0;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  position: absolute;
  right: 201px;
  text-align: center;
  top: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: 60px;
}

.popup-box.basic-coupon .button--static.copyTextBtn {
  font-size: 1pc;
}

.popup-box.basic-coupon .button--static.copied {
  background: #3c9;
  width: 78px;
}

.popup-box.basic-coupon .coupon-disclaimer-holder {
  display: block;
}

.popup-box.basic-coupon .coupon-disclaimer {
  font-size: 9pt;
  font-weight: 300;
  margin: auto;
  text-align: center;
}

.popup-box.basic-coupon h3.promo-head,
.popup-box.basic-coupon h4.promo-subhead,
.popup-box.basic-coupon h5 {
  color: #3c9 !important;
  margin-bottom: 20px;
  text-align: center;
}

.popup-box.basic-coupon h3.promo-head {
  font-size: 40px;
  font-weight: 600;
}

.popup-box.basic-coupon h4.promo-subhead {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 40px;
}

.popup-box.basic-coupon p {
  color: #152934 !important;
  margin-bottom: 15px;
}

.popup-box.basic-coupon p.promo-desc {
  font-weight: 300 !important;
  margin: 30px auto 40px;
  max-width: 600px;
  text-align: center;
}

.popup-box.basic-coupon p.copyText {
  border: 2px solid #d4d4d8;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  margin: 0 auto 5px;
  padding: 7px 30px;
  text-align: left;
  width: 15pc !important;
}

.popup-box.basic-coupon span.promo-code {
  font-weight: 500;
}

.popup-box.basic-coupon .coupon-redirect {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  text-decoration: underline;
}

.popup-box.basic-coupon .coupon-redirect img {
  display: inline-block;
  height: auto;
  margin-left: 5px;
  width: 29px;
}

.popup-box.basic-coupon .coupon-redirect-link:hover {
  margin-left: 5px;
}

.popup-box.basic-coupon .input-wrapper.coupon {
  display: block;
  position: relative;
}

@media (max-width: 1024px) {
  .popup-box .popup-inner {
    margin-top: 150px;
  }
}

@media (max-width: 768px) {
  .email-campaign .input-block label {
    font-size: 15px;
    margin-right: 10px;
  }

  .email-campaign input[type='email']::-webkit-input-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::-moz-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::-ms-input-placeholder {
    font-size: 13px;
  }

  .email-campaign input[type='email']::placeholder {
    font-size: 13px;
  }

  .popup-box h1,
  .popup-box h2,
  .popup-box h3,
  .popup-box h4,
  .popup-box h5,
  .popup-box p {
    margin-bottom: 15px;
  }

  .email-campaign .promo-blurb {
    margin: 0 auto;
    max-width: 90%;
  }

  .email-campaign .promo-description {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .popup-box .popup-content {
    width: 100%;
  }

  .email-campaign .popup-content-top {
    padding: 60px 50px 0;
  }

  .popup-box .popup-inner {
    max-height: 500px;
    max-width: 600px;
  }

  .popup-box .popup-inner .popup-holder {
    background: #fff;
    border-radius: 5px;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 30px 15px;
    position: relative;
  }

  .popup-box .popup-close-wrap {
    position: relative;
  }

  .popup-box .popup-close {
    display: inline-block;
    height: 30px;
    padding-top: 4px;
    position: absolute;
    right: 13px;
    top: 15px;
    width: 30px;
  }

  .popup-box .popup-close-wrap .popup-close:hover {
    background: #000;
    text-decoration: none;
  }

  .popup-box .popup-bodyclose {
    cursor: default;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }

  .popup-box .server-error-msg {
    margin-bottom: 0;
    text-align: center;
  }

  .email-campaign .promo-sale {
    font-size: 1pc;
    letter-spacing: 1px;
    line-height: 25px;
  }

  .email-campaign .promo-blurb {
    margin: 0 !important;
  }

  .email-campaign select {
    font-size: 15px;
  }

  .promo.form-holder {
    top: 30px;
  }

  .popup-box.basic-coupon .button--static {
    right: 150px;
  }
}

@media (max-width: 425px) {
  .popup-box.basic-coupon .coupon-redirect {
    font-size: 9pt;
  }
}

@media screen and (max-width: 320px) {
  .email-campaign .email-error-msg {
    font-size: 10px;
    padding: 0 10px;
  }

  .email-campaign .promo-sale {
    font-weight: 500;
  }

  .email-campaign input[type='email'] {
    padding: 10px;
  }

  .email-campaign p.radio-label-left {
    width: 75pt;
  }

  .email-campaign .option-block {
    margin-left: 75pt;
  }

  .popup-box.basic-coupon .button--static {
    right: 2px;
  }

  .popup-box.basic-coupon p.promo-desc {
    font-size: 14px;
  }
}

.ns-ars18 .main .WindowPaneArrangementB {
  padding-top: 75pt;
}

.ns-ars18 .WindowPaneArrangementB h1 {
  padding-bottom: 50px;
}

.ns-ars18 .floodlight-teaser-hero__info-description {
  max-width: 566px !important;
}

.ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__subheading {
  font-family: Lato-Regular, helvetica, sans-serif;
}

.form-input--floodlight-teaser {
  background-color: #ebecef;
}

.form-input--floodlight-teaser .form-input__heading {
  padding-top: 50px;
}

@media screen and (min-width: 375px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 310px;
  }
}

@media screen and (min-width: 768px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 430px;
  }
}

@media screen and (min-width: 1024px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 650px;
  }
}

@media screen and (min-width: 1170px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 870px;
  }
}

@media screen and (min-width: 320px) {
  .privacy-pledge .hero-2019__heading {
    left: 7%;
    position: absolute;
    top: 90px;
  }
}

@media screen and (min-width: 1024px) {
  .privacy-pledge .hero-2019__heading {
    left: 15%;
    position: absolute;
    top: 90pt;
  }
}

.grid-subcopy {
  display: block;
  padding: 0 31px 20px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .grid-subcopy {
    margin-top: -44px;
    text-align: left;
  }
}

.acsb-actions.acsb-clearfix li:first-child {
  display: none;
}

.acsb-copyrights.acsb-bg-lead a,
.acsb-copyrights.acsb-bg-lead span {
  display: none !important;
}

.no-style {
  list-style-type: none;
}

.reset-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.label-arrow {
  z-index: 2;
}

.label-arrow.u-position-absolute {
  top: 2pc;
  right: 0;
}

.label-arrow [class*=' arlo-icon-'],
.label-arrow [class^='arlo-icon-'] {
  font-size: 24px;
}

img,
svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-wrap {
  display: block;
  height: 0;
  position: relative;
  width: 100%;
}

.img-wrap.w16h9 {
  padding-bottom: 56.25%;
}

.img-wrap.w16h10 {
  padding-bottom: 62.5%;
}

.img-wrap.w5h4 {
  padding-bottom: 80%;
}

.img-wrap.w4h3 {
  padding-bottom: 75%;
}

.img-wrap.w3h2 {
  padding-bottom: 66.66%;
}

.img-wrap.w2h1 {
  padding-bottom: 50%;
}

.img-wrap.w1h1 {
  padding-bottom: 100%;
}

.img-wrap img,
.img-wrap svg {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (min-width: 768px) {
  #product .hero_slider .container {
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  #product .hero_slider .container {
    left: 50%;
    -webkit-transform: translate(-590px, -50%);
    transform: translate(-590px, -50%);
    width: 590px;
  }
}

.product-img-banner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  height: 330px;
  width: 100%;
}

@media (max-width: 414px) {
  .video_slider_item video {
    display: none;
  }

  .product-img-banner {
    display: block;
    height: 180px;
  }
}

.product_features_wrap {
  border-top: 1px solid #e1e1e1;
  padding: 30px 0 0;
}

.product_features h2 {
  margin: 0 0 45px;
}

.product_features_image {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
}

.product_features_logos {
  border-top: 1px solid #e1e1e1;
  margin-bottom: 20px;
  text-align: center;
}

.product_features_logos h3 {
  background: #fff;
  color: #b2b2b2;
  display: inline-block;
  font-size: 9pt;
  font-weight: 700;
  line-height: 1pc;
  margin: 0 0 20px;
  padding: 0 25px;
  position: relative;
  top: -8px;
}

.product_features_logos_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.product_features_logos_list_item {
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
}

.product_features_logos_list_item:first-child {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .product_features_wrap {
    border: 0;
    padding: 50px 0 0;
  }

  .product_features h2 {
    margin-bottom: 25px;
  }

  .product_features_image {
    float: left;
    margin-bottom: 50px;
    width: 340px;
  }

  .product_features_image .img-wrap {
    padding-bottom: 75%;
  }

  .product_features_image .img-wrap img {
    bottom: 5%;
    max-height: 80%;
    top: auto;
  }

  .product_features_list {
    margin-left: 365px;
    overflow: hidden;
    padding-bottom: 25px;
  }

  .product_features_logos {
    clear: both;
  }
}

.ps-widget[data-ps-sku].ps-disabled,
.ps-widget[ps-sku].ps-disabled {
  background-color: #666;
  border-radius: 3px;
  border: 1px solid #666;
  cursor: default;
  float: none !important;
}

.ps-widget[data-ps-sku].ps-disabled:hover,
.ps-widget[ps-sku].ps-disabled:hover {
  background-color: #666;
  border-radius: 4px !important;
  border: 1px solid #666;
  cursor: default;
}

.ps-button-label {
  float: unset !important;
}

.ns-ars18 .ps-button-label {
  color: #fff;
  font-family: lato-regular, sans-serif;
  font-size: 17px;
  line-height: 38px;
  padding: 5px 9pt;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.ns-ars18 .ps-button-label.retailer-arrow {
  background: transparent;
  display: inline;
  font-size: unset;
  line-height: unset;
  margin-left: 0;
  padding: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.ns-ars18 .ps-widget .green-right.retailer {
  display: inline;
  margin-left: -5px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 23px;
}

.ns-ars18 .ps-button-label.retailer-arrow:hover {
  margin-left: 15px;
}

.ns-ars18 .find-retailer-block .ps-button-label.retailer-link {
  background: transparent !important;
  display: block;
  padding: 0 !important;
}

.ns-ars18 .ps-button-label.retailer-link {
  background: transparent;
  color: #3c9;
  display: none;
  font-family: lato-regular, Helvetica, sans-serif;
  text-decoration: underline;
}

.ns-ars18 .ps-button-label:hover {
  font-weight: 300;
  margin: inherit;
}

@media screen and (min-width: 768px) {
  .ns-ars18 .find-retailer-block .ps-button-label.retailer-link {
    padding: 0 3px !important;
    text-align: left;
  }
}

@media screen and (min-width: 1024px) {
  .product_features_wrap {
    padding: 60px 0 0;
  }

  .product_features h2 {
    margin: 0 auto;
    max-width: 615px;
  }

  .product_features_image {
    margin: 0;
    padding-right: 25px;
    width: 43%;
  }

  .product_features_image .img-wrap {
    padding-bottom: 93.33%;
  }

  .product_features_list_item img {
    margin-bottom: 15px;
  }

  .product_features_list {
    margin-left: 43%;
    padding-top: 50px;
  }

  .product_features_list_item {
    display: inline-block;
    margin-bottom: 30px;
    padding-right: 20px;
    vertical-align: top;
    width: 45%;
  }

  .product_features_list_item_description {
    max-width: 265px;
  }

  .product_features_list_item_description h3 {
    font-size: 17px;
    line-height: 27px;
  }

  .product_features_logos {
    clear: none;
    margin-left: 43%;
    text-align: left;
  }

  .product_features_logos h3 {
    padding-left: 0;
  }
}

@media screen and (min-width: 1280px) {
  .product_features_list_item_description h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .product_features_logos h3 {
    font-size: 15px;
  }

  .ns-ars18 .ps-button-label.retailer-link {
    display: inline;
    margin-left: 5px;
    text-align: left;
  }

  .ns-ars18 .find-retailer-block .ps-button-label.retailer-link,
  .ns-ars18 .find-retailer-block .retailer-arrow {
    display: none;
  }
}

@media screen and (max-width: 1279px) {
  .ns-ars18 .retailer-arrow {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .ns-ars18 .find-retailer-block .ps-button-label.retailer-link {
    margin: auto;
  }
}

.product_buying {
  padding: 45px 0 50px;
}

.product_buying .ps-button-label {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border: 0;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 17px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 170px;
}

@media screen and (min-width: 768px) {
  .product_buying {
    padding: 55px 0 70px;
  }
}

@media (min-width: 1025px) {
  .product_buying .ps-button-label {
    line-height: 45px;
  }
}

.product_buying_title {
  margin: 0 auto 15px;
  max-width: 900px;
  text-align: center;
}

.product_buying_title h1 {
  font-size: 25px;
}

.product_buying_title h3 {
  font-size: 15px;
  line-height: 21px;
  margin: 10px 0 0;
}

@media screen and (min-width: 1024px) {
  .product_buying_title h1 {
    font-size: 43px;
    font-weight: 400;
    line-height: 55px;
  }

  .product_buying_title h3 {
    font-size: 17px;
    line-height: 23px;
  }
}

.rounded_slider_captions_item h3.black,
.rounded_slider_captions_item p.black {
  color: #000;
}

.product_buying_options .container {
  max-width: none;
}

.product_buying_options_item {
  padding: 15px 10px;
}

.product_buying_options_item_cta {
  border: 1px solid transparent;
  border-radius: 6px;
  display: block;
  height: 100%;
  padding: 25px 15px 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.product_buying_options_item_cta:hover {
  border-color: #d3d3d3;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.product_buying_options_item_cta.active {
  border-color: #06a84e;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product_buying_options_item_cta.active:after {
  background-color: #fff;
  border-radius: 0 0 5px;
  border-color: #06a84e;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: '';
  height: 14px;
  left: 50%;
  margin-left: -7px;
  margin-top: -6px;
  position: absolute;
  top: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 14px;
}

.product_buying_options_item_image {
  margin: 0 auto 5px;
  max-width: 133px;
}

.product_buying_options_item h4 {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 23px;
}

.product_buying_options_item_cta.active h4 {
  color: #06a84e;
}

.product_buying_options_item .price {
  bottom: 20px;
  color: #b2b2b2;
  font-size: 14px;
  left: 15px;
  line-height: 1;
  margin: 0;
  position: absolute;
  right: 15px;
}

.product_buying_options_item .price.green {
  color: #06a84e;
}

.centered_featured_ctas p {
  color: #fff;
  margin: 15px auto;
  max-width: 700px;
}

.product_buying_descriptions_item {
  display: none;
}

.product_buying_descriptions_item.active {
  display: block;
}

.product_buying_descriptions_item_gallery {
  padding-top: 20px;
}

.product_buying_descriptions_item_gallery_wrap {
  margin: 0 auto;
  max-width: 525px;
}

.product_buying_descriptions_item_gallery ul {
  list-style-type: none;
  margin: 0 -5px;
  padding: 0;
}

.product_buying_descriptions_item_gallery ul li {
  display: inline-block;
  margin-top: 10px;
  padding: 0 5px;
  width: 20%;
}

.product_buying_descriptions_item_gallery ul li a {
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  display: block;
  overflow: hidden;
}

.product_buying_descriptions_item_gallery ul li a.active,
.product_buying_descriptions_item_gallery ul li a:hover {
  border-color: #06a84e;
}

.product_buying_descriptions_item_data {
  padding: 20px 0 0;
}

.product_buying_descriptions_item_data h3 {
  margin: 0 0 14px;
  text-align: center;
}

.product_buying_descriptions_item_data h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  margin: 0 0 10px;
}

.product_buying_descriptions_item_data_buy {
  margin-bottom: 15px;
  text-align: center;
}

.product_buying_descriptions_item_data_buy .price {
  color: #6b6b6b;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 9pt 0;
}

.product_buying_descriptions_item_data_description {
  padding-bottom: 15px;
}

.product_buying_descriptions_item_data_description p {
  color: #6b6b6b;
  margin: 0 0 10px;
}

.product_buying_descriptions_item_data_related {
  padding-bottom: 15px;
}

.product_buying_descriptions_item_data_related_item {
  display: table;
  margin: 20px 0;
  width: 100%;
}

.product_buying_descriptions_item_data_related_item_image {
  display: table-cell;
  height: 60px;
  padding-right: 5px;
  vertical-align: middle;
  width: 75pt;
}

.product_buying_descriptions_item_data_related_item_image .img-wrap {
  height: 60px;
  width: 100%;
}

.product_buying_descriptions_item_data_related_item span {
  color: #06a84e;
  display: table-cell;
  font-size: 15px;
  line-height: 21px;
  margin-left: 75pt;
  text-decoration: underline;
  vertical-align: middle;
}

.product_buying_descriptions_item_data_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.product_buying_descriptions_item_data_list li {
  color: #6b6b6b;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px !important;
  padding-left: 20px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.product_buying_descriptions_item_data_list li:first-child {
  margin: 0;
}

.product_buying_descriptions_item_data_list li:before {
  background-color: #06a84e;
  border-radius: 50%;
  content: '';
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 5px;
}

.product_buying_descriptions_item_data_buy .btn,
.product_buying_descriptions_item_data_buy .btn-no_style {
  margin: 5px 3px 10px;
}

.product_buying_descriptions_item_data a {
  display: block;
  font-size: 15px;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .product_buying_descriptions_item_gallery ul {
    margin: 0 auto;
    max-width: 460px;
  }
}

@media screen and (min-width: 768px) {
  .product_buying_descriptions_item_gallery {
    float: left;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
  }

  .product_buying_descriptions_item_data {
    float: left;
    padding-left: 15px;
    width: 50%;
  }

  .product_buying_descriptions_item_data a {
    max-width: 200px;
    text-align: center;
  }

  .product_buying_descriptions_item_data h3 {
    color: 0;
    margin-bottom: 20px;
    text-align: left;
  }

  .product_buying_descriptions_item_data_buy {
    margin-bottom: 30px;
    text-align: left;
  }

  .product_buying_descriptions_item_data_buy .btn,
  .product_buying_descriptions_item_data_buy .btn-no_style {
    margin: 0 10px 0 0;
  }

  .product_buying_descriptions_item_data_buy .price {
    display: inline-block;
    margin-left: 25px;
  }

  .product_buying_descriptions_item_data_buy .ps-disabled {
    width: 170px;
  }
}

@media screen and (max-width: 1024px) {
  .ps-button-label {
    background-color: #06a84e !important;
    padding: 0 20px !important;
  }
}

@media screen and (min-width: 1024px) {
  .product_buying_descriptions_item {
    padding-top: 20px;
  }

  .product_buying_descriptions_item_data h3 {
    color: #333;
    margin-bottom: 20px;
    text-align: left;
  }

  .product_buying_descriptions_item_data h4 {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1280px) {
  .product_buying_descriptions_item_data_buy .price {
    font-size: 17px;
    line-height: 25px;
  }

  .product_buying_descriptions_item_data_list {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
  }

  .product_buying_descriptions_item_data_list li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .product_buying_descriptions_item_data_description {
    float: left;
    padding-right: 40px;
    width: 60%;
  }

  .product_buying_descriptions_item_data_description p {
    font-size: 17px;
    line-height: 27px;
  }

  .product_buying_descriptions_item_data_related {
    float: left;
    width: 40%;
  }
}

.product_specs {
  background-color: #f5f5f5;
  overflow: hidden;
  padding: 45px 0 35px;
}

.product_specs_col {
  width: 100%;
}

.product_specs_col_list {
  margin: 0 auto;
  max-width: 565px;
  padding-bottom: 10px;
}

.product_specs h2 {
  margin: 0 0 25px;
  position: relative;
}

.product_specs h3 {
  border-bottom: 1px solid #e1e1e1;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 2px;
  padding-bottom: 9pt;
}

.product_specs h3.less {
  font-size: 15px;
  line-height: 21px;
}

.product_specs .description + h3.less,
.product_specs ul + h3.less {
  margin-top: 25px;
}

.product_specs h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 3px 0;
  white-space: normal;
  word-break: break-word;
}

.product_specs_col_image {
  margin: 0 auto 15px;
  max-width: 500px;
}

.product_specs h3 + ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.product_specs h3 + ul > li {
  clear: both;
  margin: 0;
  padding: 9px 0;
  white-space: nowrap;
}

.product_specs h4 + ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  white-space: normal;
}

.product_specs h4 + ul > li {
  margin: 0;
}

.product_specs_col p {
  color: #6b6b6b;
  font-size: 14px;
  line-height: 18px;
  padding: 3px 0;
}

.product_specs_col_list h3 {
  font-size: 22px !important;
}

.product_specs_col .description {
  font-size: 17px;
  line-height: 23px;
  padding: 9px 0;
}

.product_specs_col .description p {
  padding: 0;
}

.product_specs_col .description p + p {
  margin-top: 7px;
}

.product_specs_col .description p a {
  text-decoration: underline;
}

.product_specs .product_specs_col_documentation {
  padding: 9px 0;
}

.product_specs .product_specs_col_documentation > li {
  padding: 0;
}

.product_specs .product_specs_col_documentation > li + li {
  margin-top: 7px;
}

.product_specs_col_documentation a {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  text-decoration: underline;
}

.product_specs_col_documentation .pdf {
  padding-left: 22px;
}

.product_specs_col_documentation .pdf:before {
  color: #06a84e;
  content: '\F1C1';
  font-family: arloicons;
  font-size: 14px;
  left: 0;
  line-height: 22px;
  position: absolute;
  top: 0;
}

select.pswidget_products_select {
  display: none;
}

.pswidget_dropdown {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.pswidget_dropdown.active {
  display: block;
}

.pswidget_dropdown:before {
  background-color: #fff;
  border-radius: 4px 0 0;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px 0 0 1px;
  content: '';
  height: 14px;
  position: absolute;
  right: 20px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 14px;
  z-index: 2;
}

.pswidget_dropdown .pswidget_dropdown_ul {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  list-style-type: none;
  margin: 15px 0 0;
  padding: 5px 0;
}

.pswidget_dropdown .pswidget_dropdown_ul li {
  color: #828282;
  cursor: pointer;
  font-size: 13px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  z-index: 10;
}

.pswidget_dropdown .pswidget_dropdown_ul li.active,
.pswidget_dropdown .pswidget_dropdown_ul li:hover {
  background-color: #f6f6f6;
}

.list_grid_product .ps-button-label {
  line-height: 2pc !important;
  margin: 0 auto;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
}

.product_related_list .ps-button-label {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 0);
  background-position: 100% 100%;
  background-size: 200% 100%;
  border: 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 170px;
}

@media (min-width: 1025px) {
  .product_related_list .ps-button-label {
    line-height: 45px;
  }
}

:focus {
  outline: none !important;
}

.ps-online-seller-select > div > div > div > img,
div.ps-online-seller > div > div > div > img,
div[data-online-store] > div > div > div > img {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .product_specs {
    padding: 55px 0 10px;
  }

  .product_specs_col_list {
    padding-bottom: 50px;
  }

  .product_specs h2 {
    margin-bottom: 35px;
  }

  .product_specs h3 {
    margin-bottom: 5px;
    padding-bottom: 15px;
  }

  .product_specs h4 {
    float: left;
    margin-right: 30px;
    width: 180px;
  }

  .product_specs h4 + ul {
    overflow: hidden;
  }
}

@media screen and (min-width: 1024px) {
  .product_specs_grid {
    margin: 0 -20px;
  }

  .product_specs_col {
    padding: 0 20px;
    vertical-align: top;
    width: 50%;
  }

  .product_specs_col_image {
    max-width: 620px;
  }

  .product_specs h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 2pc;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }

  .product_specs h3.less {
    font-size: 17px;
    line-height: 23px;
  }

  .product_specs .description + h3.less,
  .product_specs ul + h3.less {
    margin-top: 30px;
  }

  .product_specs_col .description p {
    max-width: 510px;
  }
}

@media screen and (min-width: 1280px) {
  .product_specs_col p,
  .product_specs h4 {
    font-size: 17px;
    line-height: 23px;
  }

  .product_specs_col p {
    padding: 5px 0;
  }

  .product_specs h3.less {
    font-size: 18px;
    line-height: 24px;
  }

  .product_specs_col_documentation .pdf:before,
  .product_specs_col_documentation a {
    font-size: 17px;
    line-height: 23px;
  }
}

.product_related {
  padding: 35px 0 25px;
}

.product_related h2 {
  margin: 0 0 25px;
}

.product_related_list_item {
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
}

.product_related_list_item_image {
  margin: 0 auto 15px;
  max-width: 195px;
}

.product_related_list_item_image .img-wrap {
  padding-bottom: 67.5%;
}

.product_related_list_item_image .img-wrap img {
  top: auto;
}

.product_related h3 {
  font-size: 15px;
  line-height: 23px;
  margin: 0 0 10px;
}

.product_related h3 a {
  color: #333;
}

.product_related .price {
  color: #b2b2b2;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 9pt;
}

.product_related .heading {
  position: relative;
  text-align: center;
}

.product_related .heading a.go_to_filter {
  display: block;
  margin-bottom: 20px;
}

.product_related .heading a.go_to_filter.shift:after {
  padding-left: 10px;
  right: auto;
}

.product_related .heading a.go_to_filter.shift:hover:after {
  padding-left: 15px;
}

@media screen and (min-width: 768px) {
  .product_related {
    padding: 55px 15px 0;
    vertical-align: top;
    width: 33.33%;
  }

  .product_related_list_item_image {
    max-width: 220px;
  }

  .product_related h3 {
    margin-bottom: 15px;
  }

  .product_related .price {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .product_related {
    padding-bottom: 35px;
  }

  .product_related h2 {
    margin-bottom: 45px;
  }

  .product_related_list_item {
    max-width: 340px;
  }

  .product_related_list_item_image {
    margin-bottom: 30px;
    max-width: 340px;
  }

  .product_related h3 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px;
  }

  .product_related .price {
    margin-bottom: 15px;
  }

  .product_related .heading a.go_to_filter {
    position: absolute;
    right: 0;
    top: 20px;
  }
}

#pswidget_overlay {
  max-width: 780px;
  min-height: 370px;
  padding: 45px 10px;
  text-align: center;
}

#pswidget_overlay h2 {
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 10px;
}

#pswidget_overlay h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
  margin: 0 0 15px;
}

#pswidget_overlay .pswidget_products {
  display: inline-block;
  margin: 0 auto 15px;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

#pswidget_overlay .pswidget_products_cta {
  border: 1px solid #e1e1e1;
  border-radius: 21px;
  color: #06a84e;
  display: inline-block;
  font-size: 9pt;
  font-weight: 700;
  height: 42px;
  line-height: 14px;
  max-width: 25pc;
  min-width: 260px;
  overflow: hidden;
  padding: 13px 45px 13px 1pc;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

#pswidget_overlay .pswidget_products_cta:after {
  content: '\F107';
  font-family: arloicons;
  font-size: 1pc;
  line-height: 42px;
  position: absolute;
  right: 20px;
  top: 0;
}

#pswidget_overlay .pswidget_products_select {
  border: 0;
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

#pswidget_overlay .ps_ErrorStyle,
.pswidget_nodata {
  display: none;
}

#pswidget_overlay .pswidget_data,
.pswidget_nodata {
  color: #b2b2b2;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 2px 0;
}

#pswidget_overlay .pswidget_container {
  margin-top: 15px;
  min-height: 2pc;
  position: relative;
}

#pswidget_overlay .pswidget_container.loading:after {
  background-image: url(../../../resources/images/ps-loading.gif);
  content: '';
  height: 2pc;
  left: 50%;
  margin-left: -1pc;
  position: absolute;
  top: 0;
  width: 2pc;
  z-index: -1;
}

#pswidget_overlay .ps_ResponsiveContainerStyle {
  background: #fff;
}

@media screen and (min-width: 768px) {
  #pswidget_overlay h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  #pswidget_overlay h3 {
    font-size: 17px;
    line-height: 25px;
    margin: 0 0 15px;
  }

  #pswidget_overlay .pswidget_products {
    margin-bottom: 25px;
  }
}

.video_slider_item video {
  height: auto;
  left: 50%;
  max-width: 102%;
  min-height: 100%;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: auto;
  z-index: 0;
}

@media (max-width: 1200px) {
  .video_slider_item video {
    max-height: 100%;
    min-width: 100%;
    position: relative;
  }
}

@media (max-width: 767px) {
  .video_slider_item video {
    position: relative;
    width: 100%;
  }

  .product_buying .product_buying_descriptions_item_data_list li {
    text-align: left;
  }
}

@media (max-width: 414px) {
  .video_slider_item video {
    height: 180px !important;
    min-height: 0;
  }
}

@media (min-width: 1200px) {
  #product .hero_slider .bx-viewport {
    height: 40pc !important;
  }

  .video_slider_item {
    min-height: 40pc !important;
    overflow: hidden;
  }

  .product_specs h2:after {
    right: 8%;
  }
}

.cloud_storage_cta p {
  margin-bottom: 10px !important;
}

.cloud_storage_cta a {
  padding: 9pt 20px;
}

.product_specs h2:after {
  background-position: -1pc -23px;
  content: '+';
  cursor: pointer;
  font-size: 33px;
  height: 38px;
  line-height: 30px;
  position: absolute;
  right: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 38px;
}

@media (min-width: 1200px) {
  .product_specs h2:after {
    right: 8%;
  }
}

.product_specs.close h2:after {
  content: '-';
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product_specs h2:hover:after {
  color: #06a84e;
}

.product_specs .product_specs_grid {
  height: 0;
  opacity: 0;
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}

.product_specs .product_specs_grid.openProdSpecs {
  height: auto;
  min-height: 200px;
  opacity: 1;
}

@media (max-width: 370px) {
  .product_specs h2:after {
    left: 50%;
    top: -34px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .product_specs.close h2:after {
    content: '-';
    left: 37.5%;
    -webkit-transform: rotate(180deg) translateX(-50%);
    transform: rotate(180deg) translateX(-50%);
  }
}

@media (max-width: 414px) {
  .hero_slider.adjustHeroHeight > div.bx-wrapper {
    height: 380px;
  }
}

#product .product_features .product_features_wrap {
  overflow: hidden;
}

.product-logo-wp {
  padding-bottom: 10px;
  padding-top: 2%;
  text-align: center;
}

.product-logo-wp .product-logo-block {
  display: block;
  margin: 0 auto;
  max-width: 165px;
  padding: 5px 0 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .product-logo-wp .product-logo-block {
    max-width: 265px;
    width: 100%;
  }
}

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

.mt-md {
  margin-top: 1pc !important;
}

.mt-lg {
  margin-top: 2pc !important;
}

.mt-xl {
  margin-top: 4pc !important;
}

.mt-48 {
  margin-top: 3pc;
}

.mr-sm {
  margin-right: 8px;
}

.mr-md {
  margin-right: 1pc !important;
}

.mr-lg {
  margin-right: 2pc !important;
}

.mr-xl {
  margin-right: 4pc !important;
}

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

.mb-md {
  margin-bottom: 1pc !important;
}

.mb-lg {
  margin-bottom: 2pc !important;
}

.mb-xl {
  margin-bottom: 4pc !important;
}

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

.ml-md {
  margin-left: 1pc !important;
}

.ml-lg {
  margin-left: 2pc !important;
}

.ml-xl {
  margin-left: 4pc !important;
}

.mx-sm {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-md {
  margin-left: 1pc !important;
  margin-right: 1pc !important;
}

.mx-lg {
  margin-left: 2pc !important;
  margin-right: 2pc !important;
}

.mx-xl {
  margin-left: 4pc !important;
  margin-right: 4pc !important;
}

.my-sm {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-md {
  margin-top: 1pc !important;
  margin-bottom: 1pc !important;
}

.my-lg {
  margin-top: 2pc !important;
  margin-bottom: 2pc !important;
}

.my-xl {
  margin-top: 4pc !important;
  margin-bottom: 4pc !important;
}

.w-100 {
  width: 100% !important;
}

.h-100,
.product-card {
  height: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.danger {
  background: #dc2800;
  color: #fff;
  padding: 8px 0;
}

.border-box {
  border: 1px solid #8c9ba4;
  border-radius: 8px;
  padding: 1pc;
}

.color-picker {
  display: -ms-flexbox;
  display: flex;
}

.color-picker,
.color-picker__group {
  -ms-flex-align: center;
  align-items: center;
}

.color-picker__group {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.color-picker__value {
  display: none;
}

.color-picker__value.is-checked {
  display: block;
}

.color-picker input[type='radio'] {
  display: none;
}

.color-picker input[type='radio']:checked + label span {
  border: 3px solid #48a281;
}

.color-picker label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.color-picker label:hover span {
  border: 3px solid #48a281;
}

.color-picker label span {
  display: block;
  width: 1pc;
  height: 1pc;
  border-radius: 50%;
  border: 1px solid #6d6d6d;
}

@media screen and (min-width: 768px) {
  .color-picker label span {
    width: 2pc;
    height: 2pc;
  }
}

.color-picker label span.transparent {
  background: transparent;
}

.color-picker label span.white {
  background: #fff;
}

.color-picker label span.black {
  background: #000;
}

.color-picker label span.light-grey {
  background: #eee;
}

.color-picker label span.grey {
  background: #5a6871;
}

.color-picker label span.mid-grey {
  background: #5a6870;
}

.color-picker label span.dark-grey {
  background: #6d6d6d;
}

.color-picker label span.ash-grey {
  background: #8c9ba4;
}

.color-picker label span.brand-accent {
  background: #48a281;
}

.color-picker label span.deep-blue {
  background: #1c4b61;
}

.color-picker label span.dark-navy,
.color-picker label span.dark-navy-rgb,
.color-picker label span.heading {
  background: #152934;
}

.color-picker label span.noble-blue {
  background: #03374f;
}

.color-picker label span.sleek-silver {
  background: #dfe3e6;
}

.color-picker label span.tint-grey {
  background: #f1f3f7;
}

.color-picker label span.preparation {
  background: #c7821a;
}

.color-picker label span.arlo-charcoal {
  background: #384952;
}

.color-picker label span.strike-red {
  background: #fc0000;
}

.color-picker label span.warning-orange {
  background: #dc2800;
}

.color-picker label span.warning-light-red {
  background: #fff2ef;
}

.accordion {
  font-family:
    Lato-Regular,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 15px;
}

.accordion__title {
  border-bottom: 1px solid #dfe3e6;
  color: #5a6871;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding: 15px 50px 15px 20px !important;
  position: relative;
}

.accordion__title:after,
.accordion__title:before {
  background: #5a6871;
  content: '';
  height: 1px;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 18px;
}

.accordion__title:after {
  height: 18px;
  right: 26px;
  width: 1px;
}

.accordion__title:hover:after,
.accordion__title:hover:before {
  background: #3c9;
}

.accordion--opened .accordion__title:after {
  top: calc(50% - 9px);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion__container {
  color: #000;
  font-size: 15px;
  list-style-type: none;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.accordion__text {
  padding: 20px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cmp-accordion .cmp-accordion__button {
  border: none;
  border-bottom: 1px solid #f1f3f7;
  padding: 15px 20px;
  cursor: pointer;
  background: none;
  width: 100%;
  text-align: left;
  color: #8c9ba4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cmp-accordion .cmp-accordion__button:focus {
  outline: none;
}

.cmp-accordion .cmp-accordion__icon {
  font-family: icomoon;
  float: right;
  font-size: 18px;
  margin-left: 10px;
}

.cmp-accordion .cmp-accordion__icon:before {
  content: '\E918';
}

.cmp-accordion .cmp-accordion__button--expanded .cmp-accordion__icon:before {
  content: '\E909';
}

.cmp-accordion .cmp-accordion__title {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 18px;
}

.cmp-accordion .cmp-accordion__panel {
  font-size: 15px;
  padding: 30px 20px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.cmp-accordion .cmp-accordion__panel p {
  font-size: 15px;
  line-height: 20.25px;
}

.cmp-accordion .cmp-accordion__panel--expanded {
  display: block;
  border-bottom: 1px solid #f1f3f7;
}

.cmp-accordion .cmp-accordion__panel--hidden {
  display: none;
}

.cmp-accordion .cmp-accordion__header {
  margin: 0;
}

.accordion-react .accordion-react__header {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 0;
  cursor: pointer;
  background-color: #fff;
}

.accordion-react .accordion-react__header .accordion-react__liner {
  border: 1px solid #8c9ba4;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  padding: 0 8px 0 1pc;
}

.accordion-react .accordion-react__header .accordion-react__liner .accordion-react__title {
  position: relative;
  margin-left: 34px;
  font-weight: 600;
  font-size: 1pc;
  color: #152934;
  z-index: 15;
  cursor: pointer;
}

.accordion-react .accordion-react__header .accordion-react__liner .accordion-react__title .accordion__checkbox {
  -moz-appearance: initial;
  position: absolute;
  top: 5px;
  left: -34px;
  width: 0;
  margin: 0;
  cursor: pointer;
}

.accordion-react .accordion-react__header .accordion-react__liner .accordion-react__title .accordion__checkbox:before {
  content: '\E91A';
  font-family: icomoon;
  color: #8c9ba4;
  font-size: 18px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

.accordion-react
  .accordion-react__header
  .accordion-react__liner
  .accordion-react__title
  .accordion__checkbox:checked:before {
  content: '\E90A';
  color: #48a281;
}

.accordion-react .accordion-react__header .accordion-react__liner .accordion__logo {
  max-height: 60%;
}

.accordion-react .accordion-react__content {
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease;
  transition: max-height 0.2s ease;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 0;
}

.wrapper__checkout .accordion-react:first-child .accordion-react__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.wrapper__checkout .accordion-react.open .accordion-react__header,
.wrapper__checkout .accordion-react:last-child .accordion-react__header {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 8px;
}

.wrapper__checkout .accordion-react.open + .accordion-react .accordion-react__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.wrapper__checkout .accordion-react.open .accordion-react__content {
  overflow: visible;
}

.wrapper__checkout .accordion-react.active .accordion-react__liner {
  border-color: #48a281;
}

.text-black .alternative-hero h1,
.text-black .alternative-hero h2,
.text-black .alternative-hero h3,
.text-black .alternative-hero h4,
.text-black .alternative-hero h5,
.text-black .alternative-hero h6 {
  color: #152934;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 46px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 63px;
  margin-bottom: 10px;
}

.text-black .alternative-hero p {
  color: #5a6871;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 9pt;
}

.text-white .alternative-hero h1,
.text-white .alternative-hero h2,
.text-white .alternative-hero h3,
.text-white .alternative-hero h4,
.text-white .alternative-hero h5,
.text-white .alternative-hero h6,
.text-white .alternative-hero p {
  color: #fff;
  margin-bottom: 10px;
}

.font-size-small .alternative-hero h1,
.font-size-small .alternative-hero h2,
.font-size-small .alternative-hero h3,
.font-size-small .alternative-hero h4,
.font-size-small .alternative-hero h5,
.font-size-small .alternative-hero h6 {
  font-size: 24px;
  line-height: 30px;
}

.font-size-medium .alternative-hero h1,
.font-size-medium .alternative-hero h2,
.font-size-medium .alternative-hero h3,
.font-size-medium .alternative-hero h4,
.font-size-medium .alternative-hero h5,
.font-size-medium .alternative-hero h6 {
  font-size: 2pc;
  line-height: 40px;
}

.font-size-large .alternative-hero h1,
.font-size-large .alternative-hero h2,
.font-size-large .alternative-hero h3,
.font-size-large .alternative-hero h4,
.font-size-large .alternative-hero h5,
.font-size-large .alternative-hero h6 {
  font-size: 3pc;
  line-height: 60px;
}

.alternative-hero {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 200px;
  position: relative;
}

.alternative-hero__cta-block {
  padding: 0 30px;
  width: 100%;
}

.alternative-hero__cta-block:not(.true) {
  display: block;
}

.alternative-hero h1,
.alternative-hero h2,
.alternative-hero h3,
.alternative-hero h4,
.alternative-hero h5,
.alternative-hero h6,
.alternative-hero p {
  color: #fff;
  margin-bottom: 10px;
}

.alternative-hero img {
  min-width: 200px;
  width: 100%;
}

.alternative-hero__content-box {
  bottom: 0;
  min-width: 200px;
  position: absolute;
  top: 48%;
  width: 100%;
}

.alternative-hero__content-box h1 {
  font-size: 25px;
  line-height: 30px;
}

.alternative-hero__content-box p {
  font-size: 1pc;
  line-height: 20px;
}

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

.alternative-hero .center {
  left: 0;
  text-align: center;
  top: 0;
}

.alternative-hero .center_top {
  left: 0;
  text-align: center;
  top: 5%;
}

.alternative-hero .center_top .arlo-cta--secondary {
  text-align: left;
  width: auto;
}

.alternative-hero .center_top .arlo-cta--secondary:after {
  width: 68px;
}

.alternative-hero .center_bottom {
  left: 0;
  text-align: center;
  top: 30% !important;
}

.alternative-hero .center_bottom .arlo-cta--secondary {
  margin-left: 8px;
  text-align: left;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: auto;
}

.alternative-hero .center_bottom .arlo-cta--secondary:after {
  width: 68px;
}

.alternative-hero .right {
  text-align: left;
}

.alternative-hero__content {
  min-width: 200px;
  padding: 20px 30px;
}

@media screen and (min-width: 576px) {
  .alternative-hero__content-box {
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    width: 50% !important;
  }

  .alternative-hero__content-box h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .alternative-hero__content-box p {
    font-size: 17px;
    line-height: 25px;
  }

  .alternative-hero .left {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    right: 50%;
  }

  .alternative-hero .center,
  .alternative-hero .center_bottom,
  .alternative-hero .center_top {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 50%;
  }

  .alternative-hero .right {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 64%;
    width: 35% !important;
  }

  .alternative-hero__cta-block {
    padding: 0 30px;
  }

  .alternative-hero__content {
    padding: 20px 40px;
  }
}

@media screen and (min-width: 768px) {
  .alternative-hero__content-box {
    width: 40%;
  }

  .alternative-hero .left {
    left: 0;
  }

  .alternative-hero .center,
  .alternative-hero .center_bottom,
  .alternative-hero .center_top {
    width: 40%;
  }

  .alternative-hero .right {
    right: 4%;
  }

  .alternative-hero .center_top {
    top: -20%;
  }

  #home-page-container .alternative-hero__content h2 {
    font-size: 2pc;
    line-height: 42px;
    font-style: normal;
    font-weight: 400;
  }
}

@media screen and (min-width: 768px) and (min-width: 1200px) {
  #home-page-container .alternative-hero__content h2 {
    font-size: 53px;
    line-height: 63px;
  }
}

@media screen and (min-width: 768px) {
  .font-size-small .alternative-hero h1,
  .font-size-small .alternative-hero h2,
  .font-size-small .alternative-hero h3,
  .font-size-small .alternative-hero h4,
  .font-size-small .alternative-hero h5,
  .font-size-small .alternative-hero h6 {
    font-size: 2pc;
    line-height: 40px;
  }

  .font-size-medium .alternative-hero h1,
  .font-size-medium .alternative-hero h2,
  .font-size-medium .alternative-hero h3,
  .font-size-medium .alternative-hero h4,
  .font-size-medium .alternative-hero h5,
  .font-size-medium .alternative-hero h6 {
    font-size: 3pc;
    line-height: 60px;
  }

  .font-size-large .alternative-hero h1,
  .font-size-large .alternative-hero h2,
  .font-size-large .alternative-hero h3,
  .font-size-large .alternative-hero h4,
  .font-size-large .alternative-hero h5,
  .font-size-large .alternative-hero h6 {
    font-size: 4pc;
    line-height: 5pc;
  }
}

.placeholder {
  min-width: 200px;
}

.productcardlist .alternative-hero h1 {
  font-size: 53px;
  font-style: normal;
  font-weight: 400;
  line-height: 63px;
}

@media only screen and (max-width: 768px) {
  #smart_page .alternative-hero__content {
    padding: 20px 30px !important;
  }

  .productcardlist .alternative-hero__content {
    padding: 10px !important;
    width: 100%;
  }

  .productcardlist .alternative-hero__content h1,
  .productcardlist .alternative-hero__content h2,
  .productcardlist .alternative-hero__content h3,
  .productcardlist .alternative-hero__content h4,
  .productcardlist .alternative-hero__content h5,
  .productcardlist .alternative-hero__content h6,
  .productcardlist .alternative-hero__content p {
    margin: 0 !important;
  }

  #home-page-container .productcardlist .alternative-hero {
    height: auto;
  }

  .productcardlist .alternative-hero h1 {
    font-size: 35px;
    line-height: 45px;
  }
}

.alternative-hero__content img {
  height: 58px;
  width: 75px;
}

@media only screen and (max-width: 767px) {
  .alternative-hero__content-box {
    bottom: 0 !important;
    top: unset !important;
  }
}

.alternative-hero__content h1,
.alternative-hero__content h4 {
  margin: 0 !important;
}

@media only screen and (max-width: 768px) {
  .alternative-hero img {
    min-width: 100% !important;
  }

  .alternative-hero .below_image {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .alternative-hero .below_image .alternative-hero__content-box {
    position: relative !important;
  }

  .alternative-hero .above_image {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .alternative-hero .above_image .alternative-hero__content-box {
    padding-bottom: 5% !important;
    position: relative !important;
  }

  .alternative-hero .top_image .alternative-hero__content-box {
    min-width: 200px !important;
    padding-top: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
  }

  .alternative-hero .bottom_image .alternative-hero__content-box {
    bottom: 0 !important;
    min-width: 200px !important;
    position: absolute !important;
    width: 100% !important;
  }

  .alternative-hero .center_image .alternative-hero__content-box {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .bottom_image .center_bottom,
  .bottom_image .center_top {
    top: auto !important;
  }

  .center_image .center,
  .center_image .center_bottom,
  .center_image .center_top,
  .center_image .left,
  .center_image .right {
    top: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  #home-banner-grey {
    background-color: #f5f6f7;
    padding: 75pt 135px;
  }

  #home-page-container .ProductJ {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -190px !important;
    padding: 0;
  }

  #home-page-container .ProductJ__Info h1,
  #home-page-container .ProductJ__Info h2,
  #home-page-container .ProductJ__Info h3,
  #home-page-container .ProductJ__Info h4,
  #home-page-container .ProductJ__Info h5,
  #home-page-container .ProductJ__Info h6 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .alternative-hero__content-box {
    top: 25% !important;
  }
}

@media only screen and (min-width: 1024px) {
  .alternative-hero .center_bottom {
    top: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .below_image .alternative-hero__cta-block .button.button--primary {
    margin-bottom: 15px !important;
  }

  .textContent {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .homeMiddleBanner .alternative-hero__content-box {
    background-color: #152934;
    background-image:
      -webkit-gradient linear,
      left bottom,
      left top,
      from(#02374f),
      to(#374851);
    background-image:
      linear-gradient 0deg,
      #02374f,
      #374851;
    background-repeat: no-repeat;
    position: relative;
    width: 100% !important;
  }

  .homeMiddleBanner .alternative-hero__content-box h1,
  .homeMiddleBanner .alternative-hero__content-box h2,
  .homeMiddleBanner .alternative-hero__content-box h3,
  .homeMiddleBanner .alternative-hero__content-box h4,
  .homeMiddleBanner .alternative-hero__content-box h5,
  .homeMiddleBanner .alternative-hero__content-box h6 {
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .text-black .alternative-hero h1,
  .text-black .alternative-hero h2,
  .text-black .alternative-hero h3,
  .text-black .alternative-hero h4,
  .text-black .alternative-hero h5,
  .text-black .alternative-hero h6 {
    font-family: Lato-Light, Helvetica, Arial, sans-serif;
    font-size: 29px !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 35px;
  }

  .alternative-hero .text-left {
    left: 10%;
    margin-bottom: 10px;
    max-width: 300px;
  }

  .sticky-menu__body {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .sticky-menu__label {
    display: none;
  }

  .alternative-hero .below_image h1,
  .alternative-hero .below_image h2,
  .alternative-hero .below_image h3,
  .alternative-hero .below_image h4,
  .alternative-hero .below_image h5,
  .alternative-hero .below_image h6,
  .alternative-hero .below_image p {
    color: #000 !important;
  }

  .homeMiddleBanner .below_image h1,
  .homeMiddleBanner .below_image h2,
  .homeMiddleBanner .below_image h3,
  .homeMiddleBanner .below_image h4,
  .homeMiddleBanner .below_image h5,
  .homeMiddleBanner .below_image h6,
  .homeMiddleBanner .below_image p {
    color: #fff !important;
  }
}

@media only screen and (min-width: 768px) {
  .text-black .alternative-hero h1,
  .text-black .alternative-hero h2,
  .text-black .alternative-hero h3,
  .text-black .alternative-hero h4,
  .text-black .alternative-hero h5,
  .text-black .alternative-hero h6 {
    color: #152934;
    font-family: Lato-Light, Helvetica, Arial, sans-serif;
    font-size: 46px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 63px;
  }

  .alternative-hero .text-left {
    left: 20%;
    max-width: 360px;
  }
}

@media only screen and (max-width: 320px) {
  .text-black .alternative-hero h1,
  .text-black .alternative-hero h2,
  .text-black .alternative-hero h3,
  .text-black .alternative-hero h4,
  .text-black .alternative-hero h5,
  .text-black .alternative-hero h6 {
    font-size: 18px !important;
    line-height: 20px;
  }
}

.iconsGrid .arloicon-grid__feature--description {
  min-height: 75pt;
}

@media screen and (max-width: 767px) {
  .iconsGrid .arloicon-grid__feature--description {
    min-height: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .white-smoke .par {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  .text-content p {
    margin-bottom: 20px !important;
  }

  .text-black .alternativeHero .alternative-hero h1,
  .text-black .alternativeHero .alternative-hero h2,
  .text-black .alternativeHero .alternative-hero h3,
  .text-black .alternativeHero .alternative-hero h4,
  .text-black .alternativeHero .alternative-hero h5,
  .text-black .alternativeHero .alternative-hero h6 {
    font-size: 22px !important;
    line-height: 22px !important;
  }

  .alternativeHero .text-content {
    padding: 0 20px !important;
  }

  .header-component .header__nav {
    margin-left: 0 !important;
    padding-top: 50px !important;
  }

  .header-component .header__dropdown.header--active .product-list-overlay {
    margin-top: 0 !important;
  }

  .header-component .header__dropdown.header--active .product-list-overlay__item {
    margin: 1pc 0 0 !important;
  }

  .header--active {
    margin-bottom: 1pc !important;
  }

  .header-component .header-trigger {
    margin-top: 15px !important;
  }

  .setBanner-support .productlistoverlay.parbase {
    margin-top: 50px;
  }
}

.productcardlist.parbase.doorbell h1,
.productcardlist.parbase.doorbell h2,
.productcardlist.parbase.doorbell h3,
.productcardlist.parbase.doorbell h4,
.productcardlist.parbase.doorbell h5,
.productcardlist.parbase.doorbell h6 {
  color: #152934;
  font-size: 18px !important;
  font-weight: 400;
}

.alt_logo {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.alt_logo img:first-child {
  height: 1.49pc;
  width: 58px;
}

.alt_logo img:nth-child(2) {
  height: 18px;
  width: 81px;
}

.alt_logo img {
  margin-right: 26px;
  min-width: auto;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .top_image .alternative-hero__content-box {
    min-width: 200px !important;
    padding-top: 0 !important;
    position: absolute !important;
    top: -150px !important;
    width: 100% !important;
  }

  .alternative-hero .bottom_image .alternative-hero__content-box.right {
    width: 35% !important;
  }

  .alternative-hero__content-box.custom_class {
    left: 0 !important;
  }

  .alternative-hero__content-box.custom_class h1,
  .alternative-hero__content-box.custom_class h2,
  .alternative-hero__content-box.custom_class h3,
  .alternative-hero__content-box.custom_class h4,
  .alternative-hero__content-box.custom_class h5,
  .alternative-hero__content-box.custom_class h6,
  .alternative-hero__content-box.custom_class p {
    color: #000 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
  #home-page-container .alternative-hero.container .text-left h1 + p {
    width: 55%;
  }
}

.carousel.cmp-theme__dark .textCta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 975pt;
  padding: 20px;
  width: 100%;
}

.carousel.cmp-theme__dark .textCta a.youtubelink {
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.carousel.cmp-theme__dark .textCta a:hover {
  color: #0f6d35;
  cursor: pointer;
  font-size: inherit;
  text-decoration: none;
}

.carousel.cmp-theme__dark .textCta .watch-more-content {
  padding-top: 24px;
}

.carousel.cmp-theme__dark .textCta .youtubelink .ctaText {
  color: #fff;
  font-family: Lato-Medium, Helvetica, Arial, sans-serif;
  font-family: Lato-Bold;
  font-size: 17px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  padding-right: 5px;
  will-change: color;
}

.carousel.cmp-theme__dark .textCta .youtubelink .ctaText:hover {
  color: #42ac82;
}

.carousel.cmp-theme__dark .textCta .youtubelink img {
  aspect-ratio: auto 58/15;
  height: 15px;
  position: relative;
  top: 5px;
  width: 39px;
}

.carousel.cmp-theme__dark .product-carousel__dots .product-carousel__dot {
  border-bottom: 1px solid transparent;
  color: #8b9ba2;
  display: inline-block;
  margin-right: 10px;
}

.cmp-theme__dark.text-white div {
  color: #fff;
}

@media screen and (max-width: 480px) {
  .carousel.cmp-theme__dark .textCta {
    display: block;
  }
}

@media screen and (max-width: 767px) and (min-width: 376px) {
  .parsys .alternativeHero:first-child .alternative-hero__content {
    width: 62% !important;
  }
}

@media screen and (max-width: 375px) {
  .parsys .alternativeHero:first-child .alternative-hero__content {
    width: 70% !important;
  }

  .parsys .alternativeHero:first-child .alternative-hero__content p {
    margin-top: 9pt !important;
  }

  #product-push-retailer .retailer-list .retailers {
    margin: 0 auto;
    width: 90% !important;
  }
}

.alternative-hero__content {
  padding: 0 30px !important;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .homeMiddleBanner .alternative-hero .right {
    left: 0 !important;
  }

  .alternative-hero__cta-block {
    margin-bottom: 20px !important;
  }
}

.alternative-hero.container > div {
  width: 100% !important;
  position: relative;
}

.carousel.parbase.white-background .textCta {
  display: none;
}

.product-carousel__info {
  margin: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1260px) {
  .white-smoke .alternative-hero__content-box {
    width: 55% !important;
  }
}

@media screen and (min-width: 980px) and (max-width: 1024px) {
  .white-smoke .alternativeHero .alternative-hero__content-box {
    width: 72% !important;
  }
}

.product-carousel__info {
  display: none;
}

.product-carousel__slide--selected .product-carousel__info {
  display: block;
}

.arlo_title {
  word-break: break-word;
}

.ProductJ .button--primary {
  max-width: unset !important;
  min-width: unset !important;
  width: auto !important;
}

@media only screen and (min-width: 360px) and (max-width: 414px) {
  #Hero-component .hero-banner__image {
    height: 20pc !important;
  }

  #Hero-component-floodlight .hero-banner__image {
    height: 245px !important;
  }
}

@media screen and (max-width: 320px) {
  #Hero-component .hero-banner__image {
    height: 265px !important;
  }

  #Hero-component-floodlight .hero-banner__image {
    height: 215px !important;
  }
}

@media (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .alternative-hero__content-box.right.home-verisure {
    left: 0 !important;
    width: 100% !important;
  }
}

#online-store .alternative-hero__content p {
  padding: 0 !important;
}

@media only screen and (min-width: 1025px) {
  .alternative-hero__content-box.left_top {
    top: -75pt !important;
    width: 60% !important;
  }

  .alternative-hero__content-box.left_top .text-left {
    max-width: 100% !important;
  }

  .alternative-hero__content-box.left_top .text-left p {
    margin: 20px 0 !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 980px) {
  .alternative-hero__content-box.left_top .alternative-hero__content h1,
  .alternative-hero__content-box.left_top .alternative-hero__content h2,
  .alternative-hero__content-box.left_top .alternative-hero__content h3,
  .alternative-hero__content-box.left_top .alternative-hero__content h4,
  .alternative-hero__content-box.left_top .alternative-hero__content h5,
  .alternative-hero__content-box.left_top .alternative-hero__content h6,
  .alternative-hero__content-box.left_top .alternative-hero__content p {
    color: #000;
  }
}

@media only screen and (min-device-width: 980px) and (max-device-width: 1024px) {
  .alternative-hero__content-box.left_top {
    top: -50px !important;
    width: 100% !important;
  }

  .alternative-hero__content-box.left_top .alternative-hero__content {
    min-width: 100% !important;
  }

  .alternative-hero__content-box.left_top .alternative-hero__content div {
    max-width: 80% !important;
  }

  .alternative-hero__content-box.left_top .alternative-hero__content h1,
  .alternative-hero__content-box.left_top .alternative-hero__content h2,
  .alternative-hero__content-box.left_top .alternative-hero__content h3,
  .alternative-hero__content-box.left_top .alternative-hero__content h4,
  .alternative-hero__content-box.left_top .alternative-hero__content h5,
  .alternative-hero__content-box.left_top .alternative-hero__content h6,
  .alternative-hero__content-box.left_top .alternative-hero__content p {
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  #home-page-container .alternative-hero__content-box.left_top .alternative-hero__content {
    margin-top: 20px !important;
    width: 100% !important;
  }

  #home-page-container .alternative-hero__content-box.left_top .alternative-hero__content .text-left {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  .homeVerisure .below_image {
    background: #fd0133;
  }

  .homeVerisure.text-white .alternative-hero h1,
  .homeVerisure.text-white .alternative-hero h2,
  .homeVerisure.text-white .alternative-hero h3,
  .homeVerisure.text-white .alternative-hero h4,
  .homeVerisure.text-white .alternative-hero h5,
  .homeVerisure.text-white .alternative-hero h6,
  .homeVerisure.text-white .alternative-hero p {
    color: #fff !important;
  }
}

.alternative-hero-v2 .lazyload-wrapper {
  height: 100%;
}

.alternative-hero-v2 .alternateHero-banner {
  position: relative;
}

.alternative-hero-v2 .alternateHero-banner .cmp-image__image {
  height: 878px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternateHero-banner .cmp-image__image {
    height: 550px;
  }
}

.alternative-hero-v2 .arrow__link {
  color: #fff !important;
}

.alternative-hero-v2 .alternative-hero__product-mobile-teaser {
  -webkit-transform: translateY(-125px);
  transform: translateY(-125px);
  margin: 0 2pc;
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternative-hero__product-mobile-teaser {
    display: none;
  }
}

.alternative-hero-v2 .alternative-hero__carousel,
.alternative-hero-v2 .alternative-hero__carousel-mobile {
  margin-top: 2pc;
  -webkit-transform: translateY(-125px);
  transform: translateY(-125px);
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternative-hero__carousel,
  .alternative-hero-v2 .alternative-hero__carousel-mobile {
    margin-top: 0;
  }
}

.alternative-hero-v2 .alternative-hero__carousel-mobile .splide__arrows,
.alternative-hero-v2 .alternative-hero__carousel .splide__arrows {
  display: none;
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternative-hero__carousel-mobile .splide__arrows,
  .alternative-hero-v2 .alternative-hero__carousel .splide__arrows {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }
}

.alternative-hero-v2 .alternative-hero__carousel-mobile .splide__arrows .splide__arrow,
.alternative-hero-v2 .alternative-hero__carousel .splide__arrows .splide__arrow {
  font-size: 2pc;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  z-index: 2;
}

.alternative-hero-v2 .alternative-hero__carousel-mobile .splide__arrows .splide__arrow i,
.alternative-hero-v2 .alternative-hero__carousel .splide__arrows .splide__arrow i {
  font-size: 2pc;
  color: inherit;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternative-hero__carousel-mobile .splide__track,
  .alternative-hero-v2 .alternative-hero__carousel .splide__track {
    overflow: visible;
  }
}

@media screen and (max-width: 767px) {
  .alternative-hero-v2 .alternative-hero__carousel {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternative-hero__carousel-mobile {
    display: none;
  }
}

.alternative-hero-v2 .alternative-hero__text {
  position: absolute;
  padding: 2pc;
  width: 100% !important;
}

.alternative-hero-v2 .alternative-hero__text > div,
.alternative-hero-v2 .alternative-hero__text > div h1 {
  color: #fff !important;
}

.alternative-hero-v2 .alternative-hero__text.left {
  top: 0;
  left: 0;
}

.alternative-hero-v2 .alternative-hero__text.right {
  top: calc(50% - 62.5px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.alternative-hero-v2 .alternative-hero__text.center {
  top: calc(50% - 62.5px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.alternative-hero-v2 .alternative-hero__text.center_top {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.alternative-hero-v2 .alternative-hero__text.center_bottom {
  bottom: 125px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .alternative-hero-v2 .alternative-hero__text.top_image {
    top: 0;
    left: 50%;
    bottom: unset;
    right: unset;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .alternative-hero-v2 .alternative-hero__text.center_image {
    top: calc(50% - 62.5px);
    left: 50%;
    bottom: unset;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .alternative-hero-v2 .alternative-hero__text.bottom_image {
    top: unset;
    left: 50%;
    bottom: 125px;
    right: unset;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 768px) {
  .alternative-hero-v2 .alternative-hero__text {
    padding: 0;
    max-width: 346px;
  }

  .alternative-hero-v2 .alternative-hero__text.left {
    top: calc(50% - 62.5px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 4pc;
  }

  .alternative-hero-v2 .alternative-hero__text.right {
    right: 4pc;
  }
}

.font-size-small .alternative-hero-v2 .alternative-hero__text h1,
.font-size-small .alternative-hero-v2 .alternative-hero__text h2,
.font-size-small .alternative-hero-v2 .alternative-hero__text h3,
.font-size-small .alternative-hero-v2 .alternative-hero__text h4,
.font-size-small .alternative-hero-v2 .alternative-hero__text h5,
.font-size-small .alternative-hero-v2 .alternative-hero__text h6 {
  font-size: 24px !important;
  line-height: 30px !important;
}

@media screen and (min-width: 768px) {
  .font-size-small .alternative-hero-v2 .alternative-hero__text h1,
  .font-size-small .alternative-hero-v2 .alternative-hero__text h2,
  .font-size-small .alternative-hero-v2 .alternative-hero__text h3,
  .font-size-small .alternative-hero-v2 .alternative-hero__text h4,
  .font-size-small .alternative-hero-v2 .alternative-hero__text h5,
  .font-size-small .alternative-hero-v2 .alternative-hero__text h6 {
    font-size: 2pc !important;
    line-height: 40px !important;
  }
}

.font-size-small .alternative-hero-v2 .alternative-hero__text p {
  font-size: 1pc !important;
  line-height: 20px !important;
}

.font-size-medium .alternative-hero-v2 .alternative-hero__text h1,
.font-size-medium .alternative-hero-v2 .alternative-hero__text h2,
.font-size-medium .alternative-hero-v2 .alternative-hero__text h3,
.font-size-medium .alternative-hero-v2 .alternative-hero__text h4,
.font-size-medium .alternative-hero-v2 .alternative-hero__text h5,
.font-size-medium .alternative-hero-v2 .alternative-hero__text h6 {
  font-size: 2pc !important;
  line-height: 40px !important;
}

@media screen and (min-width: 768px) {
  .font-size-medium .alternative-hero-v2 .alternative-hero__text h1,
  .font-size-medium .alternative-hero-v2 .alternative-hero__text h2,
  .font-size-medium .alternative-hero-v2 .alternative-hero__text h3,
  .font-size-medium .alternative-hero-v2 .alternative-hero__text h4,
  .font-size-medium .alternative-hero-v2 .alternative-hero__text h5,
  .font-size-medium .alternative-hero-v2 .alternative-hero__text h6 {
    font-size: 3pc !important;
    line-height: 60px !important;
  }
}

.font-size-medium .alternative-hero-v2 .alternative-hero__text p {
  font-size: 20px !important;
  line-height: 24px !important;
}

.font-size-large .alternative-hero-v2 .alternative-hero__text h1,
.font-size-large .alternative-hero-v2 .alternative-hero__text h2,
.font-size-large .alternative-hero-v2 .alternative-hero__text h3,
.font-size-large .alternative-hero-v2 .alternative-hero__text h4,
.font-size-large .alternative-hero-v2 .alternative-hero__text h5,
.font-size-large .alternative-hero-v2 .alternative-hero__text h6 {
  font-size: 3pc !important;
  line-height: 60px !important;
}

@media screen and (min-width: 768px) {
  .font-size-large .alternative-hero-v2 .alternative-hero__text h1,
  .font-size-large .alternative-hero-v2 .alternative-hero__text h2,
  .font-size-large .alternative-hero-v2 .alternative-hero__text h3,
  .font-size-large .alternative-hero-v2 .alternative-hero__text h4,
  .font-size-large .alternative-hero-v2 .alternative-hero__text h5,
  .font-size-large .alternative-hero-v2 .alternative-hero__text h6 {
    font-size: 4pc !important;
    line-height: 5pc !important;
  }
}

.font-size-large .alternative-hero-v2 .alternative-hero__text p {
  font-size: 24px !important;
  line-height: 30px !important;
}

.arlo-products-container .country {
  font-weight: 700;
  text-align: center;
}

.arlo-products-container .arlo-products-heading {
  text-align: center;
}

.arlo-products-container .arlo-products {
  display: -ms-flexbox;
  display: flex;
}

.arlo-products-container .arlo-products .box {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  text-align: center;
}

.arlo-products-container .partner-list {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
}

.arlo-products-container .partner-list li {
  border: 1px solid silver;
  border-radius: 10px;
  list-style-type: none;
  margin: 10px;
  padding: 20px;
  width: 200px;
}

@media screen and (max-width: 768px) {
  .arlo-products {
    display: block !important;
  }

  .partner-list {
    padding: 0;
  }
}

.article-rte {
  background-color: #eee;
  padding: 20px;
}

.article-rte .article {
  margin: 0 auto;
  width: 100%;
}

.article-rte .article__title {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}

.article-rte .article__subtitle .applies-to {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}

.article-rte .article__subtitle a {
  color: #42ac82;
  font-size: 9pt;
  font-weight: 600;
  margin-right: 5px;
}

.article-rte .article__text {
  font-size: 14px;
  text-align: justify;
}

@media screen and (min-width: 576px) {
  .article-rte .article {
    width: 80%;
  }
}

.back-link {
  position: absolute;
  top: 30px;
  left: 2pc;
  color: #384952;
  text-decoration: none;
  z-index: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
}

.banner {
  background: #42ac82;
  padding: 8px;
  -webkit-text-size-adjust: 100%;
}

.banner div {
  text-align: center;
}

.banner div h1,
.banner div h2,
.banner div h3,
.banner div h4,
.banner div h5,
.banner div h6 {
  color: #fff;
}

.banner div p {
  margin: 0;
  color: #fff;
}

.banner div p a {
  color: #fff !important;
  text-decoration: underline;
}

.banner div a.link {
  color: #fff;
}

.banner.banner-background-purple {
  background: #793376;
}

.banner.banner-background-yellow {
  background: #ffc632;
}

.banner.banner-background-yellow a,
.banner.banner-background-yellow p {
  color: #000 !important;
}

.banner.banner-background-red {
  background: #ab192d;
}

.banner.banner-background-charcoal {
  background: #384952;
}

.banner--sticky {
  position: sticky;
  top: 0;
}

@media screen and (min-width: 768px) {
  .banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .banner div p {
    max-width: 50pc;
  }
}

.global-banner {
  top: 0;
  width: 100%;
  z-index: 1;
}

.setBanner-support .global-banner,
.setBanner .global-banner {
  position: fixed;
  top: 0;
}

.divOneTrustMainContainer .btnOneTrust {
  color: #fff;
  text-decoration: none;
  font-size: 1pc;
  line-height: 20px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .divOneTrustMainContainer {
    bottom: 9pt !important;
  }
}

@media only screen and (min-width: 768px) {
  .footer__social {
    margin-right: 25%;
  }

  .setBanner .global-banner {
    margin-top: 0;
  }
}

.btn,
.btn-no_style {
  position: relative;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border: none;
  padding: 8px 0;
  min-width: 0;
}

.btn-no_style .loader-container,
.btn .loader-container {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-add_to_cart,
.btn-disabled,
.btn__product-learn-more {
  width: 100%;
}

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

.product-kits .btn-acessories-filter,
.product-kits .btn-kit {
  color: #8c9ba4;
  background-color: #dfe3e6;
  border-radius: 6px;
  border: none;
}

.product-kits .active.btn-acessories-filter,
.product-kits .btn-acessories-filter:hover,
.product-kits .btn-kit.active,
.product-kits .btn-kit:hover {
  background-color: #48a281;
  color: #fff;
}

.btn-login {
  border-radius: 40px;
  width: 100%;
}

.btn-link_style {
  text-decoration: underline;
}

.btn-link,
.btn-link_style {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.btn-link {
  text-align: left;
  color: #384952;
}

.btn-acessories-filter {
  background-color: #fff;
  border-color: #dfe3e6;
}

.btn-acessories-filter.active,
.btn-acessories-filter:hover {
  border-color: #48a281;
}

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

.btn-primary-modal,
.btn-secondary-modal {
  width: auto;
  padding: 10px 4pc;
  margin-bottom: 8px;
}

.btn-p64 {
  width: unset;
  padding: 10px 4pc;
}

.btn-register_link {
  border-radius: 40px;
  background-color: #fff;
  width: 100%;
}

.btn-disabled {
  opacity: 0.4;
}

.button-disabled {
  opacity: 0.5;
  cursor: default;
}

.btn-acessories-cta {
  font-size: 14px;
}

.inactive {
  background-color: #dfe3e6;
  cursor: default;
}

.card-container {
  background: #e5e5e5;
  padding: 9pt;
}

.card-container .cmp-card {
  background-color: #fff;
  border-radius: 6px;
  max-height: 450px;
  min-height: 260px;
  overflow: hidden;
  padding: 15px 15px 50px;
  position: relative;
}

.card-container .cmp-card.cmp-video__card {
  padding: 0;
}

.card-container .cmp-card.cmp-video__card .cmp-video__link {
  overflow: hidden;
  position: relative;
}

.card-container .cmp-card.cmp-video__card .cmp-video__link__play-icon {
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.card-container .cmp-card.cmp-video__card .cmp-video__link__play-icon img {
  height: 45px !important;
  width: 45px;
}

.card-container .cmp-card.cmp-video__card .cmp-video__link img.video-thumbnail-img {
  height: 15pc;
}

.card-container .cmp-card.cmp-video__card .cmp-video__desc {
  max-height: 110px;
  min-height: 110px;
  overflow: hidden;
  padding: 10px;
}

.card-container .cmp-card.cmp-video__card .cmp-video__desc h1,
.card-container .cmp-card.cmp-video__card .cmp-video__desc h2,
.card-container .cmp-card.cmp-video__card .cmp-video__desc h3,
.card-container .cmp-card.cmp-video__card .cmp-video__desc h4,
.card-container .cmp-card.cmp-video__card .cmp-video__desc h5,
.card-container .cmp-card.cmp-video__card .cmp-video__desc h6 {
  font-size: 17px;
  text-align: center;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 25px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-container .cmp-card.cmp-video__card .cmp-video__desc p {
  text-align: center;
}

.card-container .cmp-card h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  margin: 0 0 15px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-container .cmp-card h4 a {
  color: #42ac82;
  text-decoration: none;
}

.card-container .cmp-card h4 a:hover {
  color: #0f6d35;
  text-decoration: none;
}

.card-container .cmp-card p {
  color: #333;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 18px;
  height: 75pt;
  -webkit-line-clamp: 4;
  line-height: 25px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-container .cmp-card .read a {
  bottom: 20px;
  color: #333;
  font-size: 9pt;
  font-weight: 700;
  left: 15px;
  line-height: 14px;
  padding-right: 36px;
  position: absolute;
  text-decoration: none;
}

.card-container .cmp-card .read a:after {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  content: '';
  font-size: 18px;
  font-weight: 400;
  height: 7px;
  line-height: 1pc;
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 80%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 7px;
}

.card-container .cmp-card .read a:hover {
  padding-right: 42px;
}

.card-container .block-ellipsis p {
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
  .card-container .cmp__card {
    min-height: 250px;
    padding: 20px 25px 55px;
  }

  .card-container .cmp__card h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 15px;
  }

  .card-container .cmp__card .read a {
    bottom: 25px;
    left: 25px;
  }
}

@media only screen and (max-width: 480px) {
  .productlistoverlay.parbase {
    padding: 0 !important;
  }

  .productlistoverlay.parbase .product-list-overlay {
    margin: 0 !important;
  }

  .productlistoverlay.parbase .cmp-card-list {
    margin: 30px 0 !important;
  }

  .productlistoverlay.parbase .productlistoverlay-supportpage .cmp-card-list {
    margin: 20px;
  }

  .productlistoverlay.parbase .filelist {
    border-top: 1px solid #e1e1e1 !important;
    padding: 30px 20px;
  }

  .filelist__file-container {
    margin-top: 0;
  }
}

@media only screen and (device-width: 768px) {
  .productlistoverlay.parbase {
    padding: 0 20px !important;
  }

  .productlistoverlay.parbase .cmp-card-list {
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 30px 0 !important;
  }

  .productlistoverlay.parbase .filelist {
    border-top: 1px solid #e1e1e1 !important;
    padding: 30px 20px !important;
  }

  .filelist__file-container {
    margin-top: 0 !important;
  }

  .productlistoverlay.parbase .cmp-card-list > div {
    -ms-flex: 0 1 48% !important;
    flex: 0 1 48% !important;
  }
}

@media only screen and (min-width: 1024px) {
  .productlistoverlay.parbase .cmp-card-list > div {
    margin: 1px !important;
  }
}

@media only screen and (max-width: 768px) {
  .productlistoverlay.parbase .product-list-overlay .product-list-overlay__item.active:after {
    display: none !important;
  }

  .card-container {
    padding: 20px !important;
    width: 100%;
  }
}

.cmp-card-video-list .card-container .cmp-card.cmp-video__card .cmp-video__desc h1,
.cmp-card-video-list .card-container .cmp-card.cmp-video__card .cmp-video__desc h2,
.cmp-card-video-list .card-container .cmp-card.cmp-video__card .cmp-video__desc h3,
.cmp-card-video-list .card-container .cmp-card.cmp-video__card .cmp-video__desc h4,
.cmp-card-video-list .card-container .cmp-card.cmp-video__card .cmp-video__desc h5,
.cmp-card-video-list .card-container .cmp-card.cmp-video__card .cmp-video__desc h6 {
  -webkit-line-clamp: 1;
}

.safe__carousel-container {
  padding: 0 2pc;
  margin-top: 2pc;
}

@media screen and (max-width: 767px) {
  .safe__carousel-container {
    padding: 0;
  }
}

.safe__carousel-container .safe__carousel .splide__track {
  width: calc(100% - 78pt);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .safe__carousel-container .safe__carousel .splide__track {
    width: 100%;
  }
}

.safe__carousel-container .safe__carousel .splide__slide {
  text-align: center;
}

.safe__carousel-container .safe__carousel .splide__slide:not(.is-active) {
  opacity: 0.2;
}

.safe__carousel-container .safe__carousel .splide__slide:not(.is-active) > :not(.safe-item__image) {
  visibility: hidden;
  opacity: 0;
}

.safe__carousel-container .safe__carousel .splide__pagination {
  margin-top: 2pc;
  padding: 0;
  gap: 4px;
}

.safe__carousel-container .safe__carousel .splide__pagination .splide__pagination__page {
  font-size: 1pc;
  font-weight: 600;
  color: #8c9ba4;
  border: none;
  background: none;
  cursor: pointer;
}

.safe__carousel-container .safe__carousel .splide__pagination .splide__pagination__page.is-active {
  color: #48a281;
}

.safe__carousel-container .safe__carousel .splide__arrows {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  top: 125px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .safe__carousel-container .safe__carousel .splide__arrows {
    display: none;
  }
}

.safe__carousel-container .safe__carousel .splide__arrows .splide__arrow {
  border: 0;
  background: none;
  cursor: pointer;
  color: inherit;
}

.safe__carousel-container .safe__carousel .splide__arrows .splide__arrow i {
  font-size: 2pc;
  color: inherit;
  font-weight: 700;
}

.safe-item__image {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.safe-item__title {
  margin: 1pc 0;
}

.safe-item__text {
  margin: 0 0 2pc;
}

.safe__btn {
  -webkit-transition-property: background-color, color, border-color;
  transition-property: background-color, color, border-color;
  width: auto;
  text-decoration: none;
}

.product-carousel,
.productcard {
  position: relative;
}

.product-carousel__container,
.productcard__container {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 40px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.product-carousel__container:after,
.productcard__container:after {
  content: '.';
  display: block;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .product-carousel__container,
  .productcard__container {
    margin: 0;
  }
}

.product-carousel__slide,
.productcard__slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0.2;
  padding: 0 20px;
  text-align: center;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  width: 66.66%;
}

.product-carousel__slide .ProductCarousel-info,
.productcard__slide .ProductCarousel-info {
  display: none;
}

.product-carousel__slide--selected,
.productcard__slide--selected {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.product-carousel__slide--selected .ProductCarousel-info,
.productcard__slide--selected .ProductCarousel-info {
  display: block;
}

.product-carousel__slide .product-carousel-image .picture__image,
.productcard__slide .product-carousel-image .picture__image {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

@media screen and (max-width: 767px) {
  .product-carousel__slide .product-carousel-image .picture__image,
  .productcard__slide .product-carousel-image .picture__image {
    border-radius: 0;
  }
}

.product-carousel__image,
.productcard__image {
  height: auto;
  width: 100%;
}

.product-carousel__info,
.productcard__info {
  height: 260px;
  margin: 50px 0 0;
  position: relative;
}

.product-carousel__info .ProductJ__Info--Copy,
.product-carousel__info p,
.productcard__info .ProductJ__Info--Copy,
.productcard__info p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 25px;
  max-width: 100%;
  text-overflow: ellipsis;
}

.product-carousel__info h1,
.product-carousel__info h2,
.product-carousel__info h3,
.product-carousel__info h4,
.product-carousel__info h5,
.product-carousel__info h6,
.productcard__info h1,
.productcard__info h2,
.productcard__info h3,
.productcard__info h4,
.productcard__info h5,
.productcard__info h6 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-carousel__copy,
.productcard__copy {
  margin-bottom: 40px;
}

.product-carousel__next,
.product-carousel__prev,
.productcard__next,
.productcard__prev {
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  top: 145px;
  width: 50px;
  font-size: 40px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .product-carousel__next,
  .product-carousel__prev,
  .productcard__next,
  .productcard__prev {
    display: none;
  }
}

.product-carousel__next,
.productcard__next {
  left: unset;
  right: 0;
}

.product-carousel__dots,
.productcard__dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
  padding: 20px;
}

.product-carousel__dot,
.productcard__dot {
  cursor: pointer;
  float: left;
  margin: 0 20px;
}

.product-carousel__dot--selected,
.productcard__dot--selected {
  border-bottom: 1px solid #3c9;
  color: #48a281 !important;
  font-weight: 700;
  padding-bottom: 5px;
}

.carousel-product-editor {
  display: block;
}

.carousel-product-slide {
  float: left;
  margin: 0;
}

@media screen and (min-width: 576px) {
  .product-carousel__slide {
    width: 33.33%;
  }
}

@media only screen and (max-width: 768px) {
  .product-carousel__info h1,
  .product-carousel__info h2,
  .product-carousel__info h3,
  .product-carousel__info h4,
  .product-carousel__info h5,
  .product-carousel__info h6,
  .productcard .ProductJ h1,
  .productcard .ProductJ h2,
  .productcard .ProductJ h3,
  .productcard .ProductJ h4,
  .productcard .ProductJ h5,
  .productcard .ProductJ h6 {
    font-size: 2pc !important;
    line-height: 45px;
    margin: 0;
    max-height: 90px;
    min-height: 90px;
  }

  .product-carousel__info .ProductJ__Info--Copy,
  .product-carousel__info p,
  .productcard .ProductJ .ProductJ__Info--Copy,
  .productcard .ProductJ p {
    min-height: 75px;
  }

  .product-carousel__info .button--primary,
  .productcard .ProductJ .button--primary {
    line-height: 56px !important;
    max-width: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
  }
}

@media only screen and (max-width: 480px) {
  .text {
    padding: 0 19px !important;
  }

  .cmp-title {
    padding-bottom: 20px !important;
    padding-left: 19px !important;
    padding-right: 19px !important;
  }

  .product-carousel__info .button--primary {
    max-width: 32vh;
    text-overflow: ellipsis !important;
  }

  .ProductJ h1,
  .ProductJ h2,
  .ProductJ h3,
  .ProductJ h4,
  .ProductJ h5,
  .ProductJ h6 {
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 1025px) {
  .product-carousel__info h1,
  .product-carousel__info h2,
  .product-carousel__info h3,
  .product-carousel__info h4,
  .product-carousel__info h5,
  .product-carousel__info h6,
  .productcard .ProductJ h1,
  .productcard .ProductJ h2,
  .productcard .ProductJ h3,
  .productcard .ProductJ h4,
  .productcard .ProductJ h5,
  .productcard .ProductJ h6 {
    font-size: 31px !important;
    line-height: 45px;
    margin: 0;
    max-height: 90px;
    min-height: 90px;
  }

  .product-carousel__info .ProductJ__Info--Copy,
  .product-carousel__info p,
  .productcard .ProductJ .ProductJ__Info--Copy,
  .productcard .ProductJ p {
    min-height: 75px;
  }

  .product-carousel__info .button--primary,
  .productcard .ProductJ .button--primary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.ProductJ__Info h1,
.ProductJ__Info h2,
.ProductJ__Info h3,
.ProductJ__Info h4,
.ProductJ__Info h5,
.ProductJ__Info h6 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ProductJ__Info--Copy {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 25px;
  max-width: 100%;
  min-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ProductJ__Info--Title {
  margin-bottom: 0 !important;
  max-height: 90px;
  min-height: 75px;
}

.contact-us {
  background-color: #f5f5f5;
  border-bottom: inset;
  border-bottom-color: #42ac82;
  font-family:
    Lato-Regular,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  margin: 10px 13px;
  min-height: 600px;
  padding: 40px 30px 30px;
  position: relative;
}

.contact-us,
.contact-us > div {
  display: -ms-flexbox;
  display: flex;
}

.contact-us > div {
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

@media screen and (max-width: 767px) {
  .contact-us {
    min-height: unset;
  }
}

.contact-us__icon-wrapper {
  font-size: 35px;
}

.contact-us__col-img {
  display: block;
  height: auto;
  margin-bottom: 20px;
  width: 40px;
}

.contact-us__title {
  color: #000;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.contact-us__info-text {
  min-height: 75pt;
}

@media screen and (max-width: 767px) {
  .contact-us__info-text {
    min-height: unset;
  }
}

.contact-us__info-text p {
  color: #707c82;
  font-size: 15px;
  line-height: 25px;
  margin: 2px 0;
  word-break: break-all;
}

.contact-us__contact-info p {
  color: #707c82;
  font-size: 15px;
  line-height: 25px;
  margin: 4px 0;
}

.contact-us .contactus--secondary {
  margin-top: auto;
  color: #42ac82;
  display: inline;
  font-family: lato-regular, sans-serif;
  font-size: 1pc;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
}

.contact-us .contactus--secondary:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNTgydjQwMkgtMXoiLz48cGF0aCBmaWxsPSIjM2M5IiBkPSJNMSAyNmg0My41ODZsLTYuMjkzIDYuMjkzIDEuNDE0IDEuNDE0TDQ4LjQxNCAyNWwtOC43MDctOC43MDctMS40MTQgMS40MTRMNDQuNTg2IDI0SDF6Ii8+PC9zdmc+)
    0 no-repeat;
  background-size: 63%;
  content: '';
  display: inline-block;
  font-size: 50px;
  height: 60px;
  margin-left: 22px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  width: 60px;
}

.contact-us .contactus--secondary:hover {
  color: #3c9;
  cursor: pointer;
}

.contact-us .contactus--secondary:hover:after {
  margin-left: 2pc;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 60px;
}

.contact-us .contactus--secondary:nth-of-type(2),
.contact-us .contactus--secondary:nth-of-type(3) {
  margin-top: unset;
}

@media screen and (max-width: 767px) {
  .contact-us .contactus--secondary {
    position: relative;
    bottom: unset;
    margin-top: 1pc;
    display: inline-block;
  }
}

.contact-us__dropdown-box {
  margin: 14px 0;
  position: relative;
}

.contact-us__dropdown-box .country-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #dfe3e6;
  border-radius: 2px;
  color: #969696;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-size: 1pc;
  height: 60px;
  margin-top: 5px;
  padding: 5px 20px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.contact-us__dropdown-box .country-dropdown:focus {
  border-color: #5a6871;
  -webkit-box-shadow: inset 0 0 0 1px #5a6871;
  box-shadow: inset 0 0 0 1px #5a6871;
}

.contact-us__dropdown-box:after {
  background-color: transparent;
  border-radius: 0 21px 21px 0;
  content: url(clientlib-site/resources/images/icon-chevron-down.png);
  line-height: 43px;
  position: absolute;
  right: 20px;
  top: 10px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  width: 33px;
  z-index: 1;
}

@media screen and (min-width: 576px) {
  .contact-us__title {
    font-size: 30px;
    line-height: 40px;
  }

  .contact-us__contact-info p,
  .contact-us__info-text p {
    font-size: 1pc;
    line-height: 28px;
  }
}

.embeddedServiceHelpButton .helpButtonDisabled {
  display: none !important;
}

#errorMsg {
  color: #ef0000;
  margin: 0;
}

.hide-text {
  display: none;
}

@media only screen and (max-width: 768px) {
  .embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader {
    height: 46px !important;
    width: auto !important;
  }
}

.embeddedServiceSidebarMinimizedDefaultUI #chatButtonAssistiveText {
  display: block !important;
  line-height: 40px !important;
  padding: 0 10px !important;
}

.embeddedServiceHelpButton .helpButton,
.embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader {
  bottom: 10% !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
  border: 0 !important;
}

@media only screen and (max-width: 768px) {
  .stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
    width: 100% !important;
  }

  .cSFCCPrechat .prechatContent .uiLabel-left,
  .prechatContent .slds-form-element label {
    float: left !important;
    text-align: left !important;
  }
}

.filelist {
  background-color: #eee;
  padding: 30px 18px 60px;
}

.filelist__title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 0;
}

.filelist__file-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.filelist__file-container a {
  color: #333;
  display: inline-block;
  font-size: 17px;
  line-height: 23px;
  position: relative;
  text-decoration: none;
}

.filelist__file-container a:hover {
  color: #0f6d35;
}

.filelist__file-icon {
  color: #06a84e;
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
}

@media screen and (min-width: 576px) {
  .filelist {
    padding-bottom: 70px;
    padding-left: 50px;
    padding-top: 40px;
  }

  .filelist__title {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}

.card {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 560px) {
  .card {
    border: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.card__image-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 15px;
  max-height: 200px;
  width: 90px;
  height: 100%;
}

.card__image-container:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

@media screen and (min-width: 560px) {
  .card__image-container {
    margin: 0 auto;
    width: 80%;
  }
}

.card__description-container {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
  width: 100%;
}

@media screen and (min-width: 560px) {
  .card__description-container {
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
}

.card__description-title {
  margin-bottom: 20px;
}

.listing_grid_filters {
  padding: 33px 0 18px;
}

.listing_grid_filters h3 {
  margin: 0 0 20px;
  text-align: center;
}

.listing_grid_filters_list {
  display: none;
}

.mobile_listing_grid_filters_list {
  margin: 0 auto;
  max-width: 280px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.mobile_listing_grid_filters_cta {
  border: 1px solid #e1e1e1;
  border-radius: 21px;
  color: #06a84e;
  display: block;
  font-size: 9pt;
  font-weight: 700;
  height: 42px;
  line-height: 14px;
  overflow: hidden;
  padding: 13px 30px 13px 1pc;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}

.mobile_listing_grid_filters_cta:after {
  content: '\F107';
  font-family: arloicons;
  font-size: 1pc;
  line-height: 42px;
  position: absolute;
  right: 20px;
  top: 0;
}

.mobile_listing_grid_filters_select {
  border: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (max-width: 425px) {
  .listing_grid_filters {
    padding: 0 0 18px;
  }
}

@media screen and (min-width: 768px) {
  .listing_grid_filters {
    padding-bottom: 30px;
  }

  .listing_grid_filters h3 {
    color: #000;
    font-size: 22px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .listing_grid_filters {
    float: left;
    padding: 0 15px 40px;
  }

  .listing_grid_filters_list {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .listing_grid_filters_list_item {
    border-top: 1px solid #e1e1e1;
  }

  .listing_grid_filters_list_item:first-child {
    border: 0;
  }

  .listing_grid_filters_list_item a {
    color: rgba(51, 51, 51, 0.5);
    display: block;
    font-size: 9pt;
    font-weight: 700;
    line-height: 18px;
    overflow: hidden;
    padding: 9pt 0;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
  }

  .listing_grid_filters_list_item a:hover {
    color: #06a84e;
  }

  .listing_grid_filters_list_item a:before {
    content: '\BB';
    font-size: 1pc;
    font-weight: 500;
    left: 0;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-transition:
      color 0.3s ease,
      -webkit-transform 0.3s ease;
    transition:
      color 0.3s ease,
      -webkit-transform 0.3s ease;
    transition:
      transform 0.3s ease,
      color 0.3s ease;
    transition:
      transform 0.3s ease,
      color 0.3s ease,
      -webkit-transform 0.3s ease;
  }

  .listing_grid_filters_list_item .active {
    color: #42ac82;
    padding-left: 20px;
  }

  .listing_grid_filters_list_item a.active:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .mobile_listing_grid_filters_list {
    display: none;
  }

  .listing_grid_filters h3 {
    color: #333;
    font-size: 30px;
    text-align: left;
  }
}

.list_grid_products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list_grid_products .card {
  margin-bottom: -1px;
}

@media screen and (min-width: 560px) {
  .list_grid_products .card {
    margin-bottom: 20px;
    width: calc(50% - 10px);
  }
}

.list_grid_products .card.active {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 769px) {
  .list_grid_products .card {
    width: calc(33.3% - 10px);
  }
}

.filters {
  margin-top: 90px;
}

@media screen and (max-width: 480px) {
  .filters {
    margin-top: -9pt;
  }

  .mobile_listing_grid_filters_list {
    background-color: #fff;
    margin-top: 15px;
    max-width: 80%;
  }

  .product-carousel__info h1,
  .product-carousel__info h2,
  .product-carousel__info h3,
  .product-carousel__info h4,
  .product-carousel__info h5,
  .product-carousel__info h6,
  .ProductJ h1,
  .ProductJ h2,
  .ProductJ h3,
  .ProductJ h4,
  .ProductJ h5,
  .ProductJ h6 {
    font-size: 2pc !important;
  }
}

@media screen and (min-width: 1024px) {
  .white-light-grey .gridContainer {
    padding: 0 56px;
  }

  .customGrid .white-light-grey {
    min-height: 250px;
  }
}

@media screen and (max-width: 480px) {
  .text {
    padding: 0 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  #about-us-container {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  #about-us-container {
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 130px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .product-card-list.ProductJ {
    margin-top: -75pt !important;
  }
}

#about-us-container a {
  color: #42ac82 !important;
  word-break: break-word;
}

.filters .list_grid_products .card {
  padding: 10px;
}

#about-us-container .button--primary {
  color: #fff !important;
}

.filters .list_grid_products .card__description-title {
  color: #03374f;
  font-size: 18px;
  font-weight: 600;
}

.filters #no-products {
  height: 50vh;
  margin: 0 auto;
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}

.disabled-btn {
  background: #666 !important;
  pointer-events: none !important;
}

.footer {
  font-family:
    Lato-Regular,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
}

.footer .footer__logo-container {
  margin-bottom: 10px;
  width: 100%;
}

.footer .footer__logo {
  width: 75pt;
}

.footer .footer__nav-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-container {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2pc;
  }
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-container .footer__nav-column:first-of-type {
    min-width: 200px;
  }
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-half {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    gap: 2pc;
  }
}

.footer .footer__nav-column-subscribe {
  margin: 0 -1pc 2pc;
}

@media screen and (min-width: 768px) {
  .footer .footer__nav-column-subscribe {
    margin: 0 -40px 2pc;
  }
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-column-subscribe {
    margin: 0;
  }
}

.footer .footer__nav-column-special {
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-column-more {
    min-width: 198px;
  }
}

.footer .footer__nav-column {
  margin-bottom: 2pc;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-column {
    margin-bottom: 4pc;
  }
}

.footer .footer__nav-title {
  color: #fff;
  margin: 0;
  position: relative;
  font-size: 1pc;
  line-height: 20px;
  font-weight: 600;
  display: none;
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-title {
    display: block;
  }
}

.footer .footer__nav-title-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.footer .footer__nav-title-toggle:after {
  content: '';
  display: block;
  background-image: url(../../../etc.clientlibs/arlo/clientlibs/clientlib-site/resources/icons/Icons_Chevron_Down_White.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 9pt;
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-title-toggle {
    display: none;
  }
}

.footer .footer__nav-title-toggle > .footer__nav-title {
  display: block;
}

.footer .footer__nav-title-toggle[aria-expanded='true']:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.footer .footer__nav-title-toggle[aria-expanded='true'] ~ .footer__nav-list {
  display: block;
}

.footer .footer__nav-list {
  color: #5a6871;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 1pc;
  line-height: 20px;
  display: none;
}

@media screen and (min-width: 1200px) {
  .footer .footer__nav-list {
    display: block;
  }
}

.footer .footer__nav-item {
  color: #5a6871;
  display: block;
  line-height: 20px;
}

.footer .footer__nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 1pc;
  line-height: 20px;
}

.footer .footer__payments {
  margin-bottom: 1pc;
}

.footer .footer__payments .payment-icons {
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

.footer .footer__payments .payment-icons .icon-wrapper {
  border-radius: 4px;
  padding: 3px 7px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .footer .footer__payments .icon-wrapper,
  .footer .footer__payments .icon-wrapper:first-child,
  .footer .footer__payments .payment-icons {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    gap: 1pc;
  }
}

.footer .footer__payments .icon {
  max-height: unset !important;
  width: 60px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .footer .footer__payments .icon,
  .footer .footer__payments .icon-wrapper {
    max-height: unset !important;
    -ms-flex-preferred-size: unset !important;
    flex-basis: unset !important;
  }
}

.footer .footer__copyright {
  font-size: 13px;
  margin: 10px 0;
  -ms-flex-order: 1;
  order: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 576px) {
  .footer .footer__copyright {
    margin: 0;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.footer .footer__copyright p {
  font-size: 14px;
  margin: 0;
}

.footer .footer__copyright p a {
  color: #5a6871;
  text-decoration: none;
}

.footer .footer__copyright p a:hover {
  color: #3c9;
  text-decoration: underline;
}

.footer .footer__form {
  display: -ms-flexbox;
  display: flex;
}

.footer .footer__email-input,
.footer .footer__email-submit {
  border: 1px solid #5a6871;
  color: #152934;
  display: block;
  font-size: 15px;
  padding: 20px;
}

.footer .footer__email-submit {
  background-color: transparent;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  margin-left: -1px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer .footer__email-submit:hover {
  background-color: #3c9;
  color: #fff;
}

.footer .footer__email-input {
  border-radius: 4px 0 0 4px;
  border-right-width: 0;
  -ms-flex: 1 1;
  flex: 1 1;
}

.footer__nav-title-toggle {
  display: none;
}

sup {
  font-size: 10px;
}

.footer-content-container {
  background: #03374f;
  padding-left: 1pc;
  padding-right: 1pc;
}

@media screen and (min-width: 768px) {
  .footer-content-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.footer__legal {
  background-color: #dfe3e6;
}

.footer__legal-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0;
  margin-left: 1pc;
  margin-right: 1pc;
}

@media screen and (min-width: 576px) {
  .footer__legal-container {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .footer__legal-container {
    margin-left: 40px;
    margin-right: 40px;
  }
}

.footer-logo {
  background-image: url(clientlib-site/resources/images/logo.png);
}

.foot-notes {
  background-color: #e5e5e5;
  font-size: 9pt;
  margin: 0 auto;
}

.foot-notes .foot-notes__list {
  list-style: decimal;
  padding: 0 0 20px;
  margin: 0 auto;
  max-width: 80pc;
  width: 90%;
}

.foot-notes .foot-notes__list ol,
.foot-notes .foot-notes__list ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}

.foot-notes .foot-notes__list ol li a,
.foot-notes .foot-notes__list ul li a {
  color: #42ac82;
  text-decoration: none;
}

.foot-notes .foot-notes__list ol li a:hover,
.foot-notes .foot-notes__list ul li a:hover {
  color: #0f6d35;
}

.c-2.par {
  width: 50%;
}

.c-3.par {
  width: 33.33%;
}

.customGrid .justify-center .image img {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .customGrid .heroSlide.vertical-bottom .hero-slide__overlay {
    bottom: 3pc;
    width: 100%;
    padding: 0 42px;
  }
}

.header-container {
  -webkit-box-shadow: 0 2px 4px rgba(28, 75, 97, 0.06);
  box-shadow: 0 2px 4px rgba(28, 75, 97, 0.06);
  left: 0;
  top: 0;
}

.header-container__content {
  margin-left: 1pc;
  margin-right: 1pc;
}

@media screen and (min-width: 992px) {
  .header-container__content {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .header-container__content {
    padding: 14px 0;
  }
}

.header-container__content > div {
  gap: 24px;
}

.header-container .header-nav-mobile {
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (min-width: 1200px) {
  .header-container .header-nav-mobile {
    display: none !important;
  }
}

.header-container__mobile-menu {
  gap: 1pc;
}

.header-container__mobile-menu .header__cart {
  height: 20px;
}

.header-container #minicart > span {
  margin-left: 5px;
}

.header-container .header__logo img {
  width: 5pc;
}

@media screen and (max-width: 1199px) {
  .header-container .header__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.header-container .logo-mobile {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 1200px) {
  .header-container .logo-mobile {
    display: none;
  }
}

.header-container .logo-desktop {
  display: none;
}

@media screen and (min-width: 1200px) {
  .header-container .logo-desktop {
    display: -ms-flexbox;
    display: flex;
  }
}

.header-container .header__trigger {
  position: relative;
}

@media screen and (max-width: 1199px) {
  .header-container .header__trigger:after,
  .header-container .header__trigger:before {
    background: #fff;
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
    -webkit-transition:
      background 0.2s ease-in-out,
      -webkit-transform 0.5s ease;
    transition:
      background 0.2s ease-in-out,
      -webkit-transform 0.5s ease;
    transition:
      background 0.2s ease-in-out,
      transform 0.5s ease;
    transition:
      background 0.2s ease-in-out,
      transform 0.5s ease,
      -webkit-transform 0.5s ease;
    width: 1pc;
    height: 1px;
  }

  .header-container .header__trigger:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .header-container .header__trigger:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 11px;
  }

  .header-container .header__trigger.header--active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .header-container .header__trigger.header--active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__trigger:hover > .account_dropdown-menu > .header__dropdown,
  .header-container .header__trigger:hover > .header__dropdown {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__trigger:hover .sticky-menu {
    display: none;
  }
}

.header-container .header__trigger.header--active .header__dropdown {
  display: block;
}

.header-container .arlo-icon-menu {
  cursor: pointer;
  width: 24px;
  overflow: hidden;
}

.header-container .header__navdrop {
  display: none;
  padding: 14px 1pc;
}

@media screen and (min-width: 992px) {
  .header-container .header__navdrop {
    padding: 14px 40px;
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__navdrop {
    display: block;
    padding: 0;
  }
}

.header-container .header-menu-trigger {
  display: none;
}

@media screen and (max-width: 1199px) {
  .header-container .header-menu-trigger:checked ~ .header__navdrop {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media screen and (max-width: 1199px) {
  .header-container .header-menu-trigger:checked ~ .header__close {
    display: block;
  }
}

.header-container .header__close {
  cursor: pointer;
  height: 18px;
  overflow: hidden;
  position: absolute;
  right: 1pc;
  text-indent: -9999px;
  top: 24px;
  width: 18px;
  display: none;
}

@media screen and (min-width: 992px) {
  .header-container .header__close {
    right: 40px;
    top: 24px;
  }
}

.header-container .header__close:after,
.header-container .header__close:before {
  background: #fff;
  content: '';
  height: 1px;
  left: -2px;
  position: absolute;
  right: -1px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.header-container .header__close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header-container .header__dropdown {
  display: none;
}

@media screen and (max-width: 1199px) {
  .header-container .header__dropdown [class*=' arlo-icon-'],
  .header-container .header__dropdown [class^='arlo-icon-'] {
    display: none !important;
  }
}

.header-container .header__dropdown-product {
  font-size: 18px;
  line-height: normal;
}

@media screen and (min-width: 1200px) {
  .header-container .header__dropdown-product {
    font-size: 10px;
  }
}

.header-container .header__supportLinks--account {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks--account {
    display: block;
  }
}

.header-container .header__supportLinks--account .account_dropdown-menu {
  position: relative;
}

.header-container .header__supportLinks--account .account_dropdown-menu > .account_content--menu {
  position: absolute;
  top: 19px;
  right: -8px;
  z-index: 6;
}

.header-container .header__supportLinks--account .account_dropdown-menu > div {
  margin-top: 0 !important;
}

.header-container .header__supportLinks--account .account_content--icon {
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
}

.header-container .header__supportLinks--account .account_content--menu {
  background-color: #f1f3f7;
  border: 0.5px solid #d1d7da;
  border-radius: 6px;
  padding: 0 1pc;
  position: fixed;
  right: 10pc;
  left: unset;
}

.header-container .header__supportLinks--account .account_content--menu .footer__nav-link {
  position: relative;
  padding: 1pc;
}

.header-container .header__supportLinks--account .account_content--menu .footer__nav-link:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #48a281;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  cursor: pointer;
}

.header-container .header__supportLinks--account .account_content--menu .footer__nav-link:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.header-container .header__supportLinks--account .account_content--menu .footer__nav-link:last-child {
  border-top: 0.5px solid #d1d7da;
}

.header-container .header__supportLinks .header-search-opener {
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .header-container .header__nav {
    margin-top: 3pc;
  }
}

.header-container .header__nav a,
.header-container .header__nav label {
  color: #fff;
  font-size: 18px;
  line-height: normal;
  white-space: nowrap;
}

@media screen and (min-width: 1200px) {
  .header-container .header__nav a,
  .header-container .header__nav label {
    color: black;
    font-size: 14px;
  }
}

.header-container .header__nav ul {
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9pt;
}

@media screen and (min-width: 1200px) {
  .header-container .header__nav ul {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
  }
}

.header-container .header__nav ul li {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

@media screen and (min-width: 1200px) {
  .header-container .header__nav ul li {
    padding: 19px 0;
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__nav ul li.underline-xl:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #48a281;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    cursor: pointer;
  }

  .header-container .header__nav ul li.underline-xl.header--active:after,
  .header-container .header__nav ul li.underline-xl:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__nav ul li.underline-xl.header--active a span {
    color: #000;
  }
}

@media screen and (max-width: 1199px) {
  .header-container .header__nav ul li.underline-xl.header--active a.footer__nav-link + span {
    color: #48a281;
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__nav ul li.underline-xl.header--active a.footer__nav-link + span {
    font-weight: 600 !important;
  }
}

.header-container .header__nav ul li:last-child {
  padding-right: 0 !important;
}

@media screen and (max-width: 1199px) {
  .header-container .header__supportLinks {
    margin-top: 3pc;
  }
}

.header-container .header__supportLinks a,
.header-container .header__supportLinks label {
  color: #fff;
  font-size: 18px;
  line-height: normal;
  white-space: nowrap;
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks a,
  .header-container .header__supportLinks label {
    color: #384952;
    font-size: 14px;
  }
}

.header-container .header__supportLinks ul {
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9pt;
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks ul {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
  }
}

.header-container .header__supportLinks ul li {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks ul li {
    padding: 19px 8px;
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks ul li.underline-xl:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #48a281;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    cursor: pointer;
  }

  .header-container .header__supportLinks ul li.underline-xl.header--active:after,
  .header-container .header__supportLinks ul li.underline-xl:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks ul li.underline-xl.header--active a span {
    color: #000;
  }
}

@media screen and (max-width: 1199px) {
  .header-container .header__supportLinks ul li.underline-xl.header--active a.footer__nav-link + span {
    color: black;
  }
}

@media screen and (min-width: 1200px) {
  .header-container .header__supportLinks ul li.underline-xl.header--active a.footer__nav-link + span {
    font-weight: 600 !important;
  }
}

.header-container .header__supportLinks ul li:last-child {
  padding-right: 0 !important;
}

@media screen and (max-width: 1199px) {
  .header-container .header__nav a {
    font-weight: 600;
  }
}

.header-container .sticky-wrap {
  z-index: 12;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .product-list {
    overflow: hidden;
  }
}

.header__dropdown,
.product-list {
  top: 68px;
  left: 0;
}

@media screen and (min-width: 1200px) {
  .header__dropdown,
  .product-list {
    top: 62px;
  }
}

@media screen and (max-width: 1199px) {
  .header__dropdown__list-wrapper,
  .product-list__list-wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .header__dropdown__list-wrapper::-webkit-scrollbar,
  .product-list__list-wrapper::-webkit-scrollbar {
    display: none;
  }
}

.header__dropdown a,
.product-list a {
  display: block;
}

.header__dropdown ul li [class*=' arlo-icon-'],
.header__dropdown ul li [class^='arlo-icon-'],
.product-list ul li [class*=' arlo-icon-'],
.product-list ul li [class^='arlo-icon-'] {
  font-size: 4pc;
}

.icon-account {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3LjY3MSIgY3k9IjMuNTk5IiByPSIyLjYzIiBzdHJva2U9IiMzODQ5NTIiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTS44MTUgMTMuMTQ5YTQuMzIgNC4zMiAwIDAxNC4zMi00LjMyaDUuMDdhNC4zMiA0LjMyIDAgMDE0LjMyMSA0LjMyYzAgLjUyLS40Mi45NC0uOTQuOTRIMS43NTVhLjk0Ljk0IDAgMDEtLjk0LS45NHoiIHN0cm9rZT0iIzM4NDk1MiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4=);
}

.header-search {
  line-height: 20px;
}

.header-search-container {
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .header-search-container {
    left: 0;
    display: none;
    top: 62px;
    height: 146px;
  }
}

.header-search-container form {
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .header-search-container form {
    max-width: 540px;
  }
}

.header-search .header-search-trigger {
  display: none;
}

@media screen and (min-width: 1200px) {
  .header-search .header-search-trigger:checked ~ .header-search-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
}

@media screen and (max-width: 1199px) {
  .header-search {
    display: block;
  }

  .header-search .header-search-opener {
    display: none;
  }
}

.hero-banner .hero-banner__sub-title {
  color: #fff;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  text-align: center;
}

#smart_page .hero-banner .hero-banner__sub-title {
  font-size: 18px !important;
  padding: 10px !important;
}

.hero-banner .hero-banner__title {
  color: #fff;
  line-height: normal;
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
  word-break: break-word;
}

@media screen and (min-width: 576px) {
  .hero-banner .hero-banner__title {
    max-width: 90%;
  }
}

.hero-banner .hero-banner__image {
  height: 25pc;
  margin: -150px auto 150px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
}

.hero-banner .hero-banner__video {
  margin: -150px auto 200px;
  max-height: 25pc;
  max-width: 860px;
  padding: 0 56px;
  position: relative;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
}

.hero-banner .hero-banner__video img {
  height: 25pc;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero-banner .hero-banner__video:before {
  background: url(clientlib-site/resources/images/play-button.svg);
  background-size: 100%;
  content: '';
  cursor: pointer;
  display: block;
  height: 50px;
  left: calc(50% - 25px);
  position: absolute;
  top: calc(50% - 30px);
  width: 50px;
}

.hero-banner .hero-banner__video:after {
  color: #fff;
  content: 'Watch video';
  cursor: pointer;
  display: block;
  font-family: Lato-Medium;
  height: 50px;
  left: 0;
  position: absolute;
  text-align: center;
  top: calc(50% + 30px);
  width: 100%;
}

.hero-banner--small .hero-banner__sub-title {
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 22px;
  padding-top: 60px;
}

.hero-banner--small .hero-banner__title {
  color: #fff;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 35px;
  padding-top: 20px;
  text-align: center;
  width: 25pc;
}

.hero-banner--big .hero-banner__sub-title {
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  font-size: 22px;
  padding-top: 75pt;
}

.hero-banner--big .hero-banner__title {
  color: #fff;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 5pc;
  padding-top: 20px;
}

@media screen and (min-width: 576px) {
  .hero-banner--big .hero-banner__title {
    font-size: 75pt;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner--big .hero-banner__title {
    font-size: 150px;
  }
}

.hero-background-purple .hero-banner {
  background: #793376 !important;
}

.hero-background-yellow .hero-banner {
  background: #ffc632 !important;
}

.hero-background-red .hero-banner {
  background: #ab192d !important;
}

.hero-background-charcoal .hero-banner {
  background: #384952 !important;
}

.hero-background-green .hero-banner {
  background: #42ac82 !important;
}

@media only screen and (max-width: 768px) {
  .hero-banner--small .hero-banner__title {
    width: 80%;
  }

  .c-2.par,
  .c-3.par {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  #home-banner-grey {
    padding: 5pc 20px !important;
  }

  #home-page-container .ProductJ .ProductJ__ItemInner {
    width: auto !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #home-banner-grey {
    padding: 75pt 56px !important;
  }

  #home-banner-grey .text_image_video-container {
    padding: 0;
  }
}

.textContent .text-center {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #home-banner-grey .text_image_video-container {
    margin-right: 40px;
    padding: 0;
  }
}

.arloicon-grid__features {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 285px;
}

@media screen and (max-width: 767px) {
  .arloicon-grid__features {
    min-height: 0;
  }
}

.arloicon-grid__feature {
  padding-bottom: 50px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .arloicon-grid__feature {
    padding-bottom: 25px;
  }
}

.arloicon-grid__feature--image {
  margin: 0 auto 20px;
  max-height: 50px;
}

.arloicon-grid__feature--title {
  color: #172e3c;
  margin: 0;
}

.arloicon-grid__feature--description {
  margin: 0;
}

.arloicon-grid__feature--link {
  color: #3c9;
  font-weight: 600;
  text-decoration: underline;
}

.arloicon-grid__feature--link,
.arloicon-grid__link {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.arloicon-grid__link {
  cursor: pointer;
  padding-top: 20px;
}

.arloicon-grid__link--duration {
  color: #66737c;
  font-weight: lighter;
  padding-left: 5px;
}

.text_image_video-container .title h1,
.text_image_video-container .title h2,
.text_image_video-container .title h3,
.text_image_video-container .title h4,
.text_image_video-container .title h5,
.text_image_video-container .title h6 {
  font-weight: 600;
}

.text_image_video-container .title h1 {
  color: #152934;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  padding-bottom: 10px;
  padding-top: 17px;
}

.text_image_video-container .text {
  color: #5a6871;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 26px;
}

.text_image_video-container .text p {
  min-height: 75px;
}

.text_image_video-container .image.full-img-text-below-left,
.text_image_video-container .image.half-img-text-below-left,
.text_image_video-container .image img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .textimagevideo.half-img-text-right > .text_image_video-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .textimagevideo.half-img-text-right > .text_image_video-container .image-video,
  .textimagevideo.half-img-text-right > .text_image_video-container .title-text {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .textimagevideo.half-img-text-right > .text_image_video-container .title-text .title {
    padding-left: 60px;
  }

  .textimagevideo.half-img-text-right > .text_image_video-container .title-text .text {
    padding-left: 60px;
    text-align: justify;
    word-break: break-word;
  }

  .textimagevideo.half-img-text-left > .text_image_video-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
  }

  .textimagevideo.half-img-text-left > .text_image_video-container .image-video,
  .textimagevideo.half-img-text-left > .text_image_video-container .title-text {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .textimagevideo.half-img-text-left > .text_image_video-container .title-text .text {
    padding-right: 60px;
    text-align: justify;
    word-break: break-word;
  }

  .textimagevideo .image.full-img-text-below-left {
    width: 100%;
  }

  .textimagevideo .image.half-img-text-below-left {
    width: 50%;
  }

  .textimagevideo .image img {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .productlistoverlay.parbase .filelist {
    padding: 20px !important;
  }

  #about-us-container {
    margin: 5pc 20px 0;
  }

  .customGrid .text {
    padding: 20px;
  }

  .text_image_video-container .cmp-title {
    padding: 0 !important;
  }

  .text_image_video-container .title h1,
  .text_image_video-container .title h2,
  .text_image_video-container .title h3,
  .text_image_video-container .title h4,
  .text_image_video-container .title h5,
  .text_image_video-container .title h6 {
    width: 100%;
  }

  .text_image_video-container .text {
    padding: 0 !important;
    width: 100%;
  }

  .text_image_video-container .text p {
    margin: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  #about-us-container {
    background: #e5e5e5;
    margin: 0;
    padding: 0 40px 40px;
  }

  #about-us-container .col-width-x3 {
    background: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 30px;
    padding: 30px;
    width: 27% !important;
  }

  #about-us-container .col-width-x7 {
    background: #fff;
    padding: 30px;
    width: 72% !important;
  }

  #about-us-container .gridContainer {
    margin: 0;
    padding: 0;
  }
}

input,
p {
  font-family: Lato-Regular, Helvetica, Arial, sans-serif !important;
}

@media screen and (max-width: 767px) {
  #article-container .parsys {
    padding: 20px !important;
  }
}

#article-container {
  background: linear-gradient(219deg, #33c7cd, #36a0c8);
  color: #5a6870;
  left: 0;
  padding-bottom: 30px;
  padding-top: 40px;
  right: 0;
}

#article-container .parsys {
  margin: 0 auto;
  max-width: 975pt;
  padding: 20px 140px;
  background: #f5f6f7;
}

#article-container .linklist .linklist__links {
  display: block;
  margin-left: 0;
  padding-left: 0;
}

#article-container li.linklist__link.footer__nav-item {
  float: left;
  list-style-type: none;
  margin-right: 10px;
}

#article-container a.footer__nav-link {
  color: #42ac82;
  font-size: 15px;
  line-height: 24px;
}

#article-container .textContent li {
  color: #5a6870;
  font-size: 14px;
  font-weight: 400;
}

#article-container .textContent {
  clear: both;
}

#article-container .textContent a {
  color: #42ac82;
}

.font-size-small.textimagevideo .title h1,
.font-size-small.textimagevideo .title h2,
.font-size-small.textimagevideo .title h3,
.font-size-small.textimagevideo .title h4,
.font-size-small.textimagevideo .title h5,
.font-size-small.textimagevideo .title h6,
.font-size-small.textimagevideo .title p {
  font-weight: 700;
  font-size: 1pc;
  line-height: 20px;
}

.font-size-small.textimagevideo .text h1,
.font-size-small.textimagevideo .text h2,
.font-size-small.textimagevideo .text h3,
.font-size-small.textimagevideo .text h4,
.font-size-small.textimagevideo .text h5,
.font-size-small.textimagevideo .text h6,
.font-size-small.textimagevideo .text p {
  font-weight: 400;
  font-size: 1pc;
  line-height: 24px;
}

.font-size-medium.textimagevideo .title h1,
.font-size-medium.textimagevideo .title h2,
.font-size-medium.textimagevideo .title h3,
.font-size-medium.textimagevideo .title h4,
.font-size-medium.textimagevideo .title h5,
.font-size-medium.textimagevideo .title h6,
.font-size-medium.textimagevideo .title p {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}

.font-size-medium.textimagevideo .text h1,
.font-size-medium.textimagevideo .text h2,
.font-size-medium.textimagevideo .text h3,
.font-size-medium.textimagevideo .text h4,
.font-size-medium.textimagevideo .text h5,
.font-size-medium.textimagevideo .text h6,
.font-size-medium.textimagevideo .text p {
  font-weight: 400;
  font-size: 1pc;
  line-height: 20px;
}

.font-size-large.textimagevideo .title h1,
.font-size-large.textimagevideo .title h2,
.font-size-large.textimagevideo .title h3,
.font-size-large.textimagevideo .title h4,
.font-size-large.textimagevideo .title h5,
.font-size-large.textimagevideo .title h6,
.font-size-large.textimagevideo .title p {
  font-weight: 700;
  font-size: 2pc;
  line-height: 40px;
}

.font-size-large.textimagevideo .text h1,
.font-size-large.textimagevideo .text h2,
.font-size-large.textimagevideo .text h3,
.font-size-large.textimagevideo .text h4,
.font-size-large.textimagevideo .text h5,
.font-size-large.textimagevideo .text h6,
.font-size-large.textimagevideo .text p {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}

.header__supportLinks ul li.languageSelector__item {
  list-style: none;
  padding: 0 !important;
}

.languageSelector {
  list-style: none;
  position: relative;
}

.languageSelector__image {
  height: auto;
  width: 22px;
}

.languageSelector__link {
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  display: -ms-flexbox;
  display: flex;
  font-size: 1pc;
  margin-bottom: 5px;
  padding: 5px 15px;
  text-decoration: none;
}

.languageSelector__link:hover {
  background: #dfe3e6;
}

.languageSelector__link-content {
  color: #152934;
  display: -ms-flexbox;
  display: flex;
  font-family:
    lato-regular,
    Helvetica,
    Helvetica Neue,
    Sans-serif;
  font-size: 14px;
  line-height: 15px;
  text-decoration: none;
}

.languageSelector .dropdown-content {
  background-color: #f9f9f9;
  border: 1px solid #dfe3e6;
  border-radius: 3px;
  -webkit-box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
  display: none;
  margin: 0;
  max-height: 250px;
  min-width: 250px;
  overflow-y: scroll;
  padding: 10px 0 0;
  position: absolute;
  top: 20px;
  z-index: 4;
}

@media screen and (min-width: 1200px) {
  .languageSelector .dropdown-content {
    top: 50px;
    right: 0;
  }
}

.languageSelector__opener {
  cursor: pointer;
}

.languageSelector__state {
  display: none;
}

.languageSelector__state:checked ~ .dropdown-content {
  display: block;
}

@media screen and (min-width: 768px) {
  .languageSelector {
    background-color: #152934;
    width: 100%;
  }

  .languageSelector .dropdown-content {
    background-color: #152934;
    position: relative;
    top: 5px;
    width: calc(100vw - 60px);
  }

  .languageSelector__opener {
    width: 100%;
  }

  .languageSelector__link {
    color: #fff;
  }

  .languageSelector__link:hover {
    background: none;
  }

  .languageSelector__link > a {
    color: #fff;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .languageSelector .dropdown-content {
    min-width: 190px;
  }
}

.header__supportLinks ul li.languageSelectorNew__item {
  list-style: none;
  padding: 0 !important;
}

.header__container,
.languageSelector,
.languageSelectorNew {
  background: none !important;
}

.languageSelectorNew {
  list-style: none;
  position: relative;
  background-color: #f1f3f7;
  width: 100%;
  height: 58px;
}

.languageSelectorNew .dropdown-content {
  display: none;
  background-color: #f1f3f7;
  padding: 30px;
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.languageSelectorNew .dropdown-content .dropdown-content__items {
  max-height: 90%;
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

@media screen and (min-width: 1200px) {
  .languageSelectorNew .dropdown-content {
    background-color: #f1f3f7;
    border: 1px solid #dfe3e6;
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 1pc 0 rgba(0, 0, 0, 0.2);
    display: none;
    margin: 0;
    width: 643px;
    padding: 5pc 30px 30px;
    position: fixed;
    top: 63px;
    z-index: 4;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: unset;
  }
}

.languageSelectorNew .languageSelectorNew__header-image {
  width: 23px;
  min-width: 23px;
}

.languageSelectorNew .dropdown-content__items.multiple-languages .languageSelectorNew__country {
  background: #fff;
  border-radius: 75pt;
  padding: 10px 1pc !important;
}

.languageSelectorNew
  .dropdown-content__items.multiple-languages
  .languageSelectorNew__country:hover
  .languageSelectorNew__name {
  text-decoration: none;
}

.languageSelectorNew
  .dropdown-content__items.multiple-languages
  .languageSelectorNew__country:hover
  .languageSelectorNew__name
  i {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

.languageSelectorNew .dropdown-content__items.multiple-languages .languageSelectorNew__name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1;
  flex: 1 1;
}

.languageSelectorNew .dropdown-content__items.multiple-languages .languageSelectorNew__name i {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition:
    transform 0.15s ease-out,
    -webkit-transform 0.15s ease-out;
}

.languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country .languageSelectorNew__image {
  height: 1pc;
  width: 25px;
  margin-right: 8px;
}

.languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country .languageSelectorNew__name {
  color: #000;
  margin: 0;
  font-size: 14px;
  line-height: 1;
}

.languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country .languageSelectorNew__country-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  font-family: inherit !important;
}

.languageSelectorNew
  .languageSelectorNew__item
  .languageSelectorNew__country
  .languageSelectorNew__country-list:before {
  content: '(';
}

.languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country .languageSelectorNew__country-list:after {
  content: ')';
}

.languageSelectorNew
  .languageSelectorNew__item
  .languageSelectorNew__country
  .languageSelectorNew__country-list
  .languageSelectorNew__country-link {
  color: #000;
  font-size: 14px;
  font-family: Lato-Regular !important;
}

.languageSelectorNew
  .languageSelectorNew__item
  .languageSelectorNew__country
  .languageSelectorNew__country-list
  .languageSelectorNew__country-link:not(:last-of-type) {
  margin-right: 6px;
}

.languageSelectorNew
  .languageSelectorNew__item
  .languageSelectorNew__country
  .languageSelectorNew__country-list
  .languageSelectorNew__country-link:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 1199px) {
  .languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country .languageSelectorNew__name {
    font-size: 1pc;
  }

  .languageSelectorNew .languageSelectorNew__item .languageSelectorNew__country .languageSelectorNew__country-list {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1pc;
  }

  .languageSelectorNew
    .languageSelectorNew__item
    .languageSelectorNew__country
    .languageSelectorNew__country-list
    .languageSelectorNew__country-link {
    font-size: 1pc;
    text-decoration: underline !important;
    margin-left: 30px;
  }

  .languageSelectorNew
    .languageSelectorNew__item
    .languageSelectorNew__country
    .languageSelectorNew__country-list:before {
    content: '';
  }

  .languageSelectorNew
    .languageSelectorNew__item
    .languageSelectorNew__country
    .languageSelectorNew__country-list:after {
    content: none;
  }
}

.languageSelectorNew .languageSelectorNew__item a.languageSelectorNew__country:hover > .languageSelectorNew__name {
  text-decoration: underline;
}

.languageSelectorNew .dropdown-content__button--close {
  font-family: icomoon;
  font-size: 14px;
  line-height: 2pc;
  text-align: center;
  border-radius: 50%;
  background-color: #dfe3e6;
  width: 2pc;
  height: 2pc;
  position: absolute;
  top: 2pc;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
}

.languageSelectorNew .dropdown-content__button--close:before {
  content: '\E913';
}

.languageSelectorNew .dropdown-content__header {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin: 20px 0;
}

.languageSelectorNew__opener {
  cursor: pointer;
}

.languageSelectorNew__state {
  display: none;
}

.languageSelectorNew__state:checked ~ .dropdown-content {
  display: block;
  padding-top: 5pc;
}

.languageSelectorNew__state:checked ~ .dropdown-content .dropdown-content__items {
  padding: 0;
}

@media screen and (min-width: 1200px) {
  .languageSelectorNew__state:checked ~ .dropdown-content .dropdown-content__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1pc;
  }

  .languageSelectorNew__state:checked ~ .dropdown-content .dropdown-content__items.multiple-languages {
    grid-template-columns: minmax(-webkit-min-content, 315px);
    grid-template-columns: minmax(min-content, 315px);
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.menu__glass {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(91, 91, 91, 0.75);
  z-index: 3;
}

.inline .linklist__title {
  line-height: 36px;
  margin: 0;
}

.inline .linklist__links {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.inline .linklist__link {
  line-height: 2pc;
}

.inline .linklist__link a {
  color: #42ac82;
  font-weight: 600;
  text-decoration: none;
}

.underline .linklist__title {
  margin: 0;
}

.underline .linklist__links {
  margin: 17px 0;
}

.underline .linklist__link {
  line-height: 28px;
}

.underline .linklist__link a {
  color: #3c9;
  font-weight: 600;
}

.tech-specs {
  background-color: #6d6d6d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-weight: lighter;
  overflow: hidden;
}

.tech-specs a {
  text-decoration: none;
}

.tech-specs.content-wrap {
  background-color: #fff;
  margin: 0 auto;
  max-width: 90pc;
}

.tech-specs .specs__headline {
  font-size: 28px;
  margin-bottom: 36px;
  text-align: left;
  width: 80%;
  word-break: break-all;
}

.tech-specs .specs__category {
  border-bottom: 1px solid #dfe3e6;
  padding-top: 10px;
}

.tech-specs .specs__category:last-of-type {
  border-color: transparent;
}

.tech-specs .specs__category-title {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 18px;
}

.tech-specs .specs__wrap {
  margin: 0 auto;
  max-width: 1170px;
  padding: 36px 0;
  width: 90%;
}

.tech-specs .specs__content-wrapper {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.tech-specs .specs__content-container {
  padding-bottom: 1px;
}

.tech-specs .specs__headline {
  color: #fff;
  font-size: 24px;
  font-weight: lighter;
  line-height: 42px;
  margin: 20px 0;
  text-align: center;
  font-weight: 600;
}

.tech-specs .specs__headline:after {
  content: '+';
  cursor: pointer;
  display: inline-block;
  font-size: 34px;
  margin-left: 8px;
  position: absolute;
  right: 75pt;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition:
    transform 0.4s ease,
    -webkit-transform 0.4s ease;
  width: 20px;
  font-weight: 400;
}

.tech-specs .specs__headline:hover {
  cursor: pointer;
}

.tech-specs .specs__headline:hover:after {
  color: #3c9;
}

.tech-specs .open-accordion .specs__content-wrapper {
  overflow: visible;
  -webkit-transition: 2s ease;
  transition: 2s ease;
}

.tech-specs .open-accordion .specs__headline:after {
  content: '-';
  -webkit-transform: rotate(180deg) translateY(-6px);
  transform: rotate(180deg) translateY(-6px);
}

.tech-specs .open-accordion .specs__headline:after:hover {
  cursor: pointer;
}

.tech-specs .specs__headline--bold {
  font-family: Lato-Regular;
  font-weight: 700;
}

.tech-specs .specs {
  background-color: #03374f;
}

.tech-specs .specs__item {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 25px;
}

.tech-specs .specs__links {
  border-bottom: 1px solid #06a94e;
  color: #06a94e;
  display: inline-block;
}

.tech-specs .specs__links:hover {
  border-color: transparent;
  color: #3c9;
}

.tech-specs .specs__list {
  list-style-type: none;
  padding: 0;
}

.tech-specs .specs__title {
  color: #fff;
  display: block;
  font-size: 1pc !important;
  font-weight: 600;
  margin-bottom: 9pt;
}

.tech-specs--essential-spotlight .specs__headline {
  text-align: center;
}

@media (min-width: 480px) {
  .tech-specs .specs__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
  }

  .tech-specs .specs__item {
    margin-right: 8%;
    width: 46%;
  }

  .tech-specs .specs__item .specs__detail {
    margin-top: 5px;
  }

  .tech-specs .specs__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 1025px) {
  .tech-specs .specs__category-title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tech-specs .specs__headline .specs__wrap {
    padding: 40px 0;
  }

  .tech-specs .specs__content-container {
    padding-bottom: 1px;
  }

  .tech-specs .specs__item {
    margin: 0 3% 10px 0;
    width: 17%;
  }

  .tech-specs .specs__item:nth-child(2n) {
    margin-right: 3%;
  }

  .tech-specs .specs__item:nth-child(5n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .tech-specs .specs__headline {
    width: 80%;
    word-break: break-word;
  }
}

#online-store {
  margin: 0 auto;
  max-width: 80pc;
}

#online-store .title.parbase * {
  text-align: center;
}

#online-store .text p {
  padding: 10px 0;
}

#online-store .customGrid {
  padding-bottom: 20px;
}

#online-store .customGrid .image.parbase img {
  max-width: 300px;
  min-height: 140px;
  padding: 20px;
  width: 90%;
}

#online-store .row.grid__columns.justify-center {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#online-store .cta.link.parbase {
  padding-bottom: 25px;
}

#online-store p {
  padding: 0 20px 20px;
  text-align: left;
}

@media only screen and (max-width: 797px) {
  .tech-specs .specs__headline:after {
    right: 30px;
  }
}

@media only screen and (min-width: 968px) {
  .h1-small h1 {
    font-size: 3pc !important;
  }

  .h1-medium h1 {
    font-size: 63px !important;
  }

  .h1-large h1 {
    font-size: 163px !important;
  }

  .h2-small h2 {
    font-size: 28px !important;
  }

  .h2-medium h2 {
    font-size: 3pc !important;
  }

  .h2-large h2 {
    font-size: 63px !important;
  }

  .h3-small h3 {
    font-size: 18px !important;
  }

  .h3-medium h3 {
    font-size: 22px !important;
  }

  .h3-large h3 {
    font-size: 28px !important;
  }

  .h4-small h4 {
    font-size: 1pc !important;
  }

  .h4-medium h4 {
    font-size: 18px !important;
  }

  .h4-large h4 {
    font-size: 22px !important;
  }

  .h5-small h5 {
    font-size: 1pc !important;
  }

  .h5-medium h5 {
    font-size: 18px !important;
  }

  .h5-large h5 {
    font-size: 22px !important;
  }

  .h6-small h6 {
    font-size: 1pc !important;
  }

  .h6-medium h6 {
    font-size: 18px !important;
  }

  .h6-large h6 {
    font-size: 22px !important;
  }
}

.ProductJ__Item {
  display: block;
  text-align: center;
  white-space: normal;
}

.ProductJ__ItemInner {
  background-color: hsla(0, 0%, 100%, 0);
  margin: 0 auto 40px;
  padding: 40px 20px;
}

.ProductJ__ItemInner .ProductJ__Images {
  height: 350px;
  margin: 0 auto 10px;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

.ProductJ__ItemInner .ProductJ__Images .ProductJ__Image {
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.ProductJ__ItemInner .ProductJ__Info {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.ProductJ__ItemInner .ProductJ__Info .ProductJ__InfoLink,
.ProductJ__ItemInner .ProductJ__Info a {
  text-decoration: none;
}

.ProductJ__ItemInner .ProductJ__Info .ProductJ__InfoTitle {
  padding-bottom: 15px;
}

.ProductJ__ItemInner .ProductJ__Info .ProductJ__InfoCopy {
  color: #5a6870;
  padding: 0 8% 45px;
}

@media screen and (min-width: 576px) {
  .ProductJ__ItemInner:hover .ProductJ__Images {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.product-card {
  border-radius: 10px;
}

.product-card__title {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .alternative-hero-v2 .alternative-hero__carousel-mobile .product-card .product-card__title,
  .alternative-hero-v2 .alternative-hero__carousel .product-card .product-card__title,
  .product-card__xsmall .product-card__title {
    font-size: 1pc;
  }
}

.product-card [class*=' arlo-icon-'],
.product-card [class^='arlo-icon-'] {
  display: block;
}

.product-card__label {
  border-radius: 20px;
  padding: 4px 1pc;
}

@media screen and (min-width: 768px) {
  .product-card__label {
    padding: 4px 8px;
  }
}

.product-card__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.alternative-hero-v2 .alternative-hero__carousel-mobile .product-card .product-card__icons,
.alternative-hero-v2 .alternative-hero__carousel .product-card .product-card__icons,
.product-card__xsmall .product-card__icons {
  gap: 1pc;
}

@media screen and (max-width: 767px) {
  .alternative-hero-v2 .alternative-hero__carousel-mobile .product-card .product-card__icons,
  .alternative-hero-v2 .alternative-hero__carousel .product-card .product-card__icons,
  .product-card__xsmall .product-card__icons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.product-card__icons .product-card__icon {
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0 4px;
}

@media screen and (max-width: 767px) {
  .product-card__icons .product-card__icon:nth-child(n + 4) {
    display: none;
  }
}

.product-card__icons .product-card__icon [class*=' arlo-icon-'],
.product-card__icons .product-card__icon [class^='arlo-icon-'] {
  font-size: 24px;
}

.product-card__icons .product-card__icon .arlo-icon-caption {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .alternative-hero-v2 .alternative-hero__carousel-mobile .product-card .product-card__icons .product-card__icon,
  .alternative-hero-v2 .alternative-hero__carousel .product-card .product-card__icons .product-card__icon,
  .product-card__xsmall .product-card__icons .product-card__icon {
    -ms-flex: 100% 1;
    flex: 100% 1;
    width: 100% !important;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .alternative-hero-v2
    .alternative-hero__carousel-mobile
    .product-card
    .product-card__icons
    .product-card__icon
    .arlo-icon-caption,
  .alternative-hero-v2
    .alternative-hero__carousel
    .product-card
    .product-card__icons
    .product-card__icon
    .arlo-icon-caption,
  .product-card__xsmall .product-card__icons .product-card__icon .arlo-icon-caption {
    text-align: left;
    margin-left: 8px;
    margin-top: 0;
  }
}

.product-card.product-card__individual,
.text-image-product .product-card {
  border-radius: 0;
}

.product-card.product-card__individual .product-card__title,
.text-image-product .product-card .product-card__title {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .product-card.product-card__individual .product-card__title,
  .text-image-product .product-card .product-card__title {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .product-card.product-card__individual,
  .text-image-product .product-card {
    padding: 4pc !important;
    font-size: 24px;
  }

  .product-card.product-card__individual .product-card__icons,
  .text-image-product .product-card .product-card__icons {
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4pc;
  }

  .product-card.product-card__individual .product-card__icons .product-card__icon,
  .text-image-product .product-card .product-card__icons .product-card__icon {
    display: list-item;
    padding: 0;
    -ms-flex: unset;
    flex: unset;
  }
}

.product-card .product-card__price {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  gap: 4px;
}

.product-card .product-card__price .price--strikethrough {
  font-size: 9pt;
  line-height: 1pc;
  text-decoration: line-through;
  -webkit-text-decoration-color: #fc0000;
  text-decoration-color: #fc0000;
}

.product-card .product-card__price .price--discount {
  font-weight: 700;
}

.product-features__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .product-features__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.product-features__item {
  padding: 20px;
  text-align: center;
}

@media screen and (min-width: 576px) {
  .product-features__item {
    width: 20%;
  }
}

.product-features__icon {
  display: inline-block;
  font-size: 47px;
  width: auto;
}

.product-features__title {
  color: #152934;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin: 20px 0 5px;
}

.product-features__description {
  color: #5a6871;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 26px;
  margin: 0;
}

.works-with__title {
  color: #152934;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 28px;
  margin-bottom: 30px;
  text-align: center;
}

.works-with__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
}

.works-with__icon {
  height: 60px;
  margin: 20px;
  width: auto;
}

.product-image {
  position: relative;
  height: 707px;
  max-height: 707px;
  background: #f1f3f7;
  padding: 65px 0 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-image .lazyload-wrapper {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .product-image {
    height: 397px;
    padding: 45px 0 1pc;
  }
}

.product-image .pi__main-image-slider {
  -ms-flex: 1 1;
  flex: 1 1;
  position: relative;
  padding: 0 2pc !important;
}

.product-image .pi__main-image-slider .splide__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-image .pi__thumbnail-slider {
  margin: 0 25px;
}

.product-image .pi__thumbnail-slider .splide__arrows {
  height: 0;
  width: 0;
}

.product-image .pi__thumbnail-slider .splide__arrows .splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background: none;
  cursor: pointer;
}

.product-image .pi__thumbnail-slider .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -31px;
}

.product-image .pi__thumbnail-slider .splide__arrows .splide__arrow.splide__arrow--next {
  right: -31px;
}

.product-image .pi__thumbnail-slider .splide__arrows .splide__arrow i {
  font-size: 1pc;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .product-image .pi__container-thumbnail-slide {
    width: 57px !important;
    height: 61px !important;
  }
}

.product-image .pi__container-thumbnail-slide.is-active .pi__thumbnail-slide {
  border: 1px solid #48a281;
}

.product-image .pi__thumbnail-slide {
  background-color: #fff !important;
  border-radius: 4px;
  border: 1px solid #f1f3f7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding: 4px;
  margin: 0 4px;
  height: 100%;
}

.product-image .pi__thumbnails-video {
  border-left: 1px solid #dfe3e6;
  margin-left: 1pc;
  padding-left: 1pc;
}

.product-image .pi__thumbnails-video .pi__video-link {
  height: 75px;
  width: 71px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .product-image .pi__thumbnails-video .pi__video-link {
    height: 61px;
    width: 57px;
  }
}

.product-image .pi__thumbnails-video .pi__video-link .pi__video-icon {
  color: #48a281;
  font-size: 20px;
}

.product-details {
  position: relative;
}

.product-details #WAR {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .product-details {
    margin-left: 75pt;
  }
}

.product-details .product-title {
  font-size: 2pc;
  line-height: 40px;
  color: #384952;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 2pc;
}

.product-details .product-description {
  color: #000;
  padding-bottom: 1pc;
}

.product-details .product-description p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0;
}

.product-details .product-description p + p {
  margin-top: 9pt;
}

.product-details .product-description a {
  color: #000;
  font-weight: 600;
}

.product-details .product-description ul {
  margin: 0;
  padding: 0 0 0 1em;
}

.product-details .product-description p + ul,
.product-details .product-description ul + p {
  margin-top: 10px;
}

.product-details .product-highlights {
  margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
  .product-details .product-highlights {
    margin-bottom: 40px;
  }
}

.product-details .product-highlights p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0;
}

.product-details .product-highlights p + p {
  margin-top: 9pt;
}

.product-details .product-highlights a {
  color: #000;
  font-weight: 600;
}

.product-details .product-highlights ul {
  margin: 0;
  padding: 0 0 0 1em;
}

.product-details .product-highlights p + ul,
.product-details .product-highlights ul + p {
  margin-top: 10px;
}

.product-details .promotion-text {
  font-size: 18px;
  font-weight: 700;
  color: #3c9;
  margin: 8px 0 2pc;
}

.product-details .disclosure_text {
  font-size: 11px;
  margin: 1pc 0;
  line-height: 1.4;
}

.product-details .active_subscription_text_wrapper {
  margin-bottom: 2pc;
}

.product-details .active_subscription_text,
.product-details .active_subscription_text_secondary {
  font-size: 9pt;
  line-height: normal;
  color: #384952;
  margin: 0;
}

.product-details .active_subscription_text_secondary {
  margin-top: 9pt;
}

.product-details .notification-box {
  margin: 0 0 1pc;
}

.product-details .price-availability {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 1pc 0;
}

.product-details .add-to-cart {
  margin-bottom: 2pc;
}

.product-details .buy-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 4pc;
}

.product-details .product-rating {
  margin: 1pc 0;
}

.product-details:has(.active_subscription_text) .add-to-cart,
.product-details:has(.notification-box) .add-to-cart {
  margin-bottom: 1pc;
}

.variant {
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}

.variant span {
  display: none;
  margin-right: 8px;
}

.variant .circle {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #8c9ba4;
  border-radius: 100%;
}

.variant.active .circle {
  border: 3px solid #48a281;
}

.variant.active span {
  display: block;
}

.font-size-small .product-details .product-title {
  font-size: 1pc;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .font-size-small .product-details .product-title {
    font-size: 24px;
    line-height: 30px;
  }
}

.font-size-small .product-details .product-title .product-description {
  font-size: 1pc;
  line-height: 20px;
}

.font-size-medium .product-details .product-title {
  font-size: 24px;
  line-height: 30px;
}

@media screen and (min-width: 768px) {
  .font-size-medium .product-details .product-title {
    font-size: 2pc;
    line-height: 40px;
  }
}

.font-size-medium .product-details .product-description {
  font-size: 20px;
  line-height: 24px;
}

.font-size-large .product-details .product-title {
  font-size: 2pc;
  line-height: 40px;
}

@media screen and (min-width: 768px) {
  .font-size-large .product-details .product-title {
    font-size: 3pc;
    line-height: 60px;
  }
}

.font-size-large .product-details .product-description {
  font-size: 24px;
  line-height: 30px;
}

#klarna-placement {
  display: block;
  margin-bottom: 2pc;
}

.product-details-included ul {
  margin: 0;
  list-style-position: inside;
  padding: 0 0 0 1em;
}

.product-details-included .collapsible-bundle {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  gap: 1pc;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 2pc;
  padding: 0;
  margin-top: 0;
}

.product-details-included .collapsible-bundle .collapsible-bundle__part {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  gap: 8px;
}

.product-details-included .collapsible-bundle .collapsible-bundle__part.last {
  -ms-flex-order: 1;
  order: 1;
}

.product-details-included .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__img {
  height: 70px;
}

.product-details-included .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__url {
  display: block;
  -ms-flex: 1 1;
  flex: 1 1;
  text-decoration: none;
}

.product-details-included .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__name {
  font-size: 14px;
  font-weight: 400;
  color: #152934;
  margin: 0;
  -ms-flex: 1 1;
  flex: 1 1;
  line-height: 1.2;
  text-align: center;
}

.product-details-included .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__amount {
  color: #fff;
  font-size: 9pt;
  position: relative;
  background-color: #48a281;
  height: 2pc;
  width: 2pc;
  border-radius: 50%;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.extra-product-promo,
.product-details-extra-shipping-info {
  padding-top: 9pt;
}

.extra-product-promo ul,
.product-details-extra-shipping-info ul {
  margin: 0;
  padding: 0 0 0 1em;
}

.extra-product-promo li,
.product-details-extra-shipping-info li {
  font-weight: 600;
}

.extra-product-promo a,
.product-details-extra-shipping-info a {
  color: #000;
}

.extra-product-promo p,
.product-details-extra-shipping-info p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0;
}

.extra-product-promo p + ul,
.extra-product-promo ul + p,
.product-details-extra-shipping-info p + ul,
.product-details-extra-shipping-info ul + p {
  margin-top: 10px;
}

.product-details-accordion .accordion__item {
  border-bottom: 1px solid #d1d7da;
}

.product-details-accordion .accordion__item:first-child {
  border-top: 0.5px solid #d1d7da;
}

.product-details-accordion .accordion__button {
  font-size: 1pc;
  line-height: 24px;
  color: #5a6871;
  font-weight: 700;
  cursor: pointer;
  padding: 9pt 2pc;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .product-details-accordion .accordion__button {
    padding: 9pt 1pc 9pt 0;
  }
}

.product-details-accordion .accordion__button:after {
  content: '';
  display: block;
  -webkit-mask-image: url(../../../etc.clientlibs/arlo/clientlibs/clientlib-site/resources/icons/Icons_Chevron_Down_Gray.svg);
  mask-image: url(../../../etc.clientlibs/arlo/clientlibs/clientlib-site/resources/icons/Icons_Chevron_Down_Gray.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 15px;
  height: 9px;
  background-color: #5a6871;
}

.product-details-accordion .accordion__button[aria-expanded='true']:after,
.product-details-accordion .accordion__button[aria-selected='true']:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-details-accordion [hidden] {
  display: none;
}

.product-details-accordion .accordion__panel {
  padding: 9pt 2pc 1pc;
}

@media screen and (min-width: 768px) {
  .product-details-accordion .accordion__panel {
    padding: 9pt 0 1pc;
  }
}

.highlight-list {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.highlight-list .highlight {
  padding: 2pc 0;
}

.highlight-list .highlight .icon {
  max-width: 34px;
  max-height: 34px;
  margin: 0 auto;
}

.highlight-list .highlight h3 {
  margin: 0;
  padding-top: 1pc;
}

.collapsible-menu {
  border-radius: 6px;
  margin-bottom: 2pc;
  border: 1px solid #8c9ba4;
}

.collapsible-menu .title {
  font-size: 1pc;
  line-height: 20px;
  color: #5a6871;
}

.collapsible-menu.blue {
  border: 1px solid #fff;
}

.collapsible-menu.blue .title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #fff;
}

.collapsible-menu.blue .collapsible-button:after {
  content: '';
  color: #fff;
  position: absolute;
  top: 19px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background:
    -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),
    -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-position: 50%;
  background-size:
    50% 1px,
    1px 50%;
  background-repeat: no-repeat;
}

.collapsible-menu.blue .collapsible-button.open:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: linear-gradient(#fff, #fff);
  background-position: 50%;
  background-size:
    50% 1px,
    1px 50%;
  background-repeat: no-repeat;
}

.collapsible-menu .collapsible-button {
  position: relative;
  padding: 1pc 20px;
  cursor: pointer;
}

.collapsible-menu .collapsible-button:after {
  content: '';
  color: #000;
  position: absolute;
  right: 15px;
  top: 15px;
  display: inline-block;
  width: 25px;
  height: 25px;
  background:
    -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)),
    -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background: linear-gradient(#000, #000), linear-gradient(#000, #000);
  background-position: 50%;
  background-size:
    50% 1px,
    1px 50%;
  background-repeat: no-repeat;
}

.collapsible-menu .collapsible-button.open:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background: linear-gradient(#000, #000);
  background-position: 50%;
  background-size:
    50% 1px,
    1px 50%;
  background-repeat: no-repeat;
}

.collapsible-menu .collapsible-content {
  display: none;
  position: relative;
  padding: 0 20px;
  line-height: 24px;
}

.collapsible-menu .collapsible-content ul {
  padding: 0 20px 9pt;
}

.collapsible-menu .collapsible-content .collapsible-bundle {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  gap: 1pc;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 2pc;
  padding: 0;
  margin-top: 0;
}

.collapsible-menu .collapsible-content .collapsible-bundle .collapsible-bundle__part {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  gap: 8px;
}

.collapsible-menu .collapsible-content .collapsible-bundle .collapsible-bundle__part.last {
  -ms-flex-order: 1;
  order: 1;
}

.collapsible-menu .collapsible-content .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__img {
  height: 70px;
}

.collapsible-menu .collapsible-content .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__url {
  display: block;
  -ms-flex: 1 1;
  flex: 1 1;
  text-decoration: none;
}

.collapsible-menu .collapsible-content .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__name {
  font-size: 14px;
  font-weight: 400;
  color: #152934;
  margin: 0;
  -ms-flex: 1 1;
  flex: 1 1;
  line-height: 1.2;
  text-align: center;
}

.collapsible-menu .collapsible-content .collapsible-bundle .collapsible-bundle__part .collapsible-bundle__amount {
  color: #fff;
  font-size: 9pt;
  position: relative;
  background-color: #48a281;
  height: 2pc;
  width: 2pc;
  border-radius: 50%;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.collapsible-menu .text {
  color: #000;
}

.collapsible-menu .text--negative {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
}

.collapsible-menu .open {
  display: block;
}

.pdp-sticky_menu {
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  -webkit-box-shadow: 0 4px 2px 0 rgba(4, 56, 79, 0.06);
  box-shadow: 0 4px 2px 0 rgba(4, 56, 79, 0.06);
  border-radius: 0 0 9pt 9pt;
  position: fixed;
  top: 69px;
  left: 0;
  padding: 1pc 1pc 24px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .pdp-sticky_menu {
    border-radius: 0;
  }
}

.pdp-sticky_menu .pdp-sticky__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: 1pc;
  max-width: 80pc;
  margin: 0 auto;
}

.pdp-sticky_menu .pdp-sticky__header .pdp-sticky__thumbnail {
  max-height: 44px;
}

.pdp-sticky_menu .pdp-sticky__header .pdp-sticky__title_and_subtitle {
  -ms-flex: 1 1;
  flex: 1 1;
}

.pdp-sticky_menu .pdp-sticky__header .pdp-sticky__title_and_subtitle .pdp-sticky__title {
  margin: 0 0 4px;
  line-height: 1 !important;
}

.pdp-sticky_menu .pdp-sticky__header .pdp-sticky__title_and_subtitle .pdp-sticky__subtitle {
  line-height: 1;
  margin: 0;
}

.pdp-sticky_menu .pdp-sticky__header .pdp-sticky__price_and_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  gap: 2pc;
  padding-top: 4px;
}

.pdp-sticky_menu .pdp-sticky__header .pdp-sticky__price_and_btn .pdp-sticky__price-btn {
  width: auto;
  border-radius: 75pt;
  padding: 4px 1pc;
  font-size: 14px;
}

.pdp-sticky_menu .pdp-sticky_content {
  max-width: 80pc;
  margin: 1pc auto 0;
}

.pdp-sticky_menu .sleek-bar {
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 77px;
  height: 5px;
  background-color: #dfe3e6;
  border-radius: 75pt;
}

.pdp-sticky_menu .disclosure_text {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
}

.pdp-sticky_menu .price-availability {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 1pc;
}

.retailers__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 2pc 0;
}

.retailers__container .retailer__link {
  height: 50px;
  padding: 8px;
  border: 1px solid #8c9ba4;
  border-radius: 6px;
}

.retailers__container .retailer__link .lazyload-wrapper {
  height: 100%;
}

.retailers__container .retailer__img {
  width: 100%;
}

.product-kits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1pc;
}

.product-kits .kit-option {
  padding: 8px;
  min-width: auto;
  font-weight: 500;
}

.ComponentHero--VideoCalloutA4 {
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#50b7b9), to(#3c9));
  background-image: linear-gradient(90deg, #50b7b9, #3c9);
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 170px;
  position: relative;
}

.ComponentHero--VideoCalloutA4:before {
  content: '';
  display: block;
  float: left;
  height: 0;
  margin-left: -1px;
  padding-bottom: 27.77778%;
  width: 1px;
}

.ComponentHero--VideoCalloutA4:after {
  clear: both;
  content: '';
  display: table;
}

.ComponentHero--VideoCalloutA4 .ComponentHero__Background {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.ComponentHero--VideoCalloutA4 .ComponentHero__Foreground {
  position: relative;
  z-index: 1;
}

.ComponentHero--VideoCalloutA4 .ComponentHero__Foreground .ComponentHero__Headline {
  color: #fff;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 30px;
  text-align: center;
}

.l-padding-sides {
  padding-left: 19px;
  padding-right: 19px;
  -webkit-transition: padding 0.2s cubic-bezier(0.5, 0, 0.1, 1);
  transition: padding 0.2s cubic-bezier(0.5, 0, 0.1, 1);
  will-change: padding;
}

.main-carousel,
.main-carousel-arrow {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: visible;
  padding-top: 5pc;
  white-space: wrap;
}

.main-carousel-arrow .ProductJ__Item,
.main-carousel .ProductJ__Item {
  width: calc(50% - 2px);
}

.main-carousel-arrow .ProductJ__ItemInner,
.main-carousel .ProductJ__ItemInner {
  padding-top: 0;
  width: 100%;
}

.main-carousel-arrow .ProductJ__Images,
.main-carousel .ProductJ__Images {
  width: 100%;
}

.main-carousel-arrow > *,
.main-carousel > * {
  white-space: normal;
}

.main-carousel-arrow .page-dots,
.main-carousel .page-dots {
  counter-reset: a;
  list-style-type: none;
  margin-bottom: 75pt;
  text-align: center;
}

.main-carousel-arrow .page-dots .dot,
.main-carousel .page-dots .dot {
  display: inline-block;
  margin-right: 10px;
}

.main-carousel-arrow .page-dots .dot:after,
.main-carousel .page-dots .dot:after {
  content: '0' counter(a);
  counter-increment: a;
}

.ProductJ {
  margin-top: -190px;
  padding-bottom: 0;
  padding-left: 19px;
  padding-right: 19px;
  -webkit-transition: padding 0.2s cubic-bezier(0.5, 0, 0.1, 1);
  transition: padding 0.2s cubic-bezier(0.5, 0, 0.1, 1);
  will-change: padding;
}

.ProductJ .dot.is-selected {
  border-bottom: 1px solid #3c9;
  color: #3c9;
}

@media screen and (min-width: 576px) {
  .ProductJ {
    padding-bottom: 68px;
  }

  .l-padding-sides,
  .ProductJ {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  .ProductJ {
    display: -ms-flexbox;
    display: flex;
    padding-left: 79px;
    padding-right: 56px;
  }

  .ProductJ .ProductJ__Item {
    width: unset;
  }

  .ProductJ .ProductJ__ItemInner {
    width: 370px !important;
  }

  .ProductJ .ProductJ__Images {
    display: block;
    margin: 0 auto;
    width: 330px;
  }

  .l-padding-sides {
    padding-left: 56px;
    padding-right: 56px;
  }

  .main-carousel {
    overflow: hidden;
    white-space: nowrap;
  }

  .main-carousel .page-dots .dot:nth-child(2),
  .main-carousel .page-dots .dot:nth-child(3) {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .l-padding-sides,
  .ProductJ {
    padding-left: 135px;
    padding-right: 135px;
  }
}

@media screen and (min-width: 1170px) {
  .ProductJ {
    padding-bottom: 98px;
  }

  .page-dots {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .ProductJ {
    padding-left: 135px;
    padding-right: 135px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ProductJ {
    margin-top: -122px !important;
  }

  .product-card-list .productcard .ProductJ .ProductJ__ItemInner {
    width: 225px !important;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1024px) {
  .ProductJ {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .ProductJ .ProductJ__ItemInner .button--primary {
    max-width: unset !important;
    min-width: unset !important;
    text-overflow: ellipsis !important;
    width: auto !important;
  }
}

.product-list-overlay {
  background: #fff;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  padding: 30px;
}

.product-list-overlay__list {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  max-width: 975pt;
  padding: 0;
}

.product-list-overlay__img {
  height: 70px;
  margin: 15px 0;
}

.product-list-overlay__img > img {
  height: 70px;
  margin: 0 auto;
  width: 80%;
}

.product-list-overlay__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 9pt;
  height: auto;
  list-style: none;
  margin: 15px;
  text-align: center;
  width: calc(50% - 30px);
}

@media screen and (min-width: 0) {
  .product-list-overlay__item {
    margin: 22px 15px;
  }
}

@media screen and (min-width: 576px) {
  .product-list-overlay__item {
    margin: 15px;
    width: calc(33% - 30px);
  }
}

@media screen and (min-width: 768px) {
  .product-list-overlay__item {
    width: calc(25% - 30px);
  }
}

@media screen and (min-width: 1440px) {
  .product-list-overlay__item {
    width: calc(12.5% - 30px);
  }
}

.product-list-overlay__link {
  color: #152934;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.product-list-overlay__link:hover {
  color: #3c9;
}

.product-list-overlay__sec {
  border-top: 1px solid #e1e1e1;
  font-size: 14px;
  margin-top: 22px;
  padding-top: 30px;
  text-align: center;
}

.product-push {
  margin: 0 auto;
  max-width: 765px;
  overflow: hidden;
}

.product-push .product-push__list-container {
  margin-top: 0 !important;
  overflow: hidden;
}

.product-push .product-push__list {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  margin-bottom: 20px !important;
  overflow: auto;
  padding: 0 0 40px;
  text-align: center;
  z-index: 0;
}

.product-push .product-push__list-item {
  border-bottom: 0 solid transparent;
  cursor: pointer;
  display: block;
  margin-right: 15px;
  opacity: 0.3;
  padding: 0 1pc;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transition-property: opacity, border-bottom-color;
  transition-property: opacity, border-bottom-color;
  width: 180px;
}

.product-push .product-push__list-item:last-of-type {
  margin-right: 0;
}

.product-push .product-push__list-item.active {
  border-bottom: 1px solid #3c9;
  opacity: 1;
}

.product-push .product-push__list-item__image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 75pt;
}

.product-push .product-push__list-item__title {
  color: #152934;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
  white-space: normal;
}

.product-push .product-push__list-item__code {
  color: #5a6871;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.83px;
  line-height: 20px;
  margin-top: 0;
}

.product-push .product-push__selected {
  z-index: 1;
}

.product-push .product-push__item-container {
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  left: 0;
  position: relative;
  -webkit-transition: left 0.2s linear;
  transition: left 0.2s linear;
  white-space: nowrap;
}

.product-push .product-push__item {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 17px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-width: 100%;
}

@media screen and (min-width: 576px) {
  .product-push .product-push__item {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.product-push .product-push__item.selected {
  opacity: 1;
}

.product-push .product-push__item__side {
  -ms-flex: 1 1;
  flex: 1 1;
  max-width: 335px;
  min-width: 300px;
  text-align: center;
  white-space: normal;
}

@media screen and (min-width: 576px) {
  .product-push .product-push__item__side {
    text-align: left;
  }
}

.product-push .product-push__item__code {
  color: #5a6871;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2pc;
}

.product-push .product-push__item__title {
  color: #152934;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 42px;
}

.product-push .product-push__item__title-section {
  color: #152934;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.product-push .product-push__item__list {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.product-push .product-push__item__text {
  color: #5a6871;
  font-family: Lato-Light, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 29px;
}

.product-push .product-push__item__image {
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
  width: 820px;
  z-index: -1;
}

@media screen and (min-width: 576px) {
  .product-push .product-push__item__image {
    display: block;
  }
}

.product-push .product-push__item__image-element {
  display: block;
  z-index: -2;
}

@media screen and (min-width: 576px) {
  .product-push .product-push__item__image-element {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .ProductJ {
    margin-top: -110px !important;
  }

  #home-page-container .ProductJ__ItemInner {
    margin-bottom: 0 !important;
  }

  .ProductJ__Info h1,
  .ProductJ__Info h2,
  .ProductJ__Info h3,
  .ProductJ__Info h4,
  .ProductJ__Info h5,
  .ProductJ__Info h6 {
    font-size: 18px !important;
    line-height: 26px !important;
    max-height: 75px !important;
    min-height: 55px !important;
  }

  .ProductJ__ItemInner .ProductJ__Images .ProductJ__Image {
    height: 100% !important;
    width: auto !important;
  }

  .ProductJ__ItemInner .ProductJ__Images {
    height: 150px !important;
    margin: 0 auto;
    width: 150px !important;
  }

  .ProductJ .ProductJ__ItemInner {
    width: auto !important;
  }

  #home-page-container .ProductJ__ItemInner .ProductJ__Images {
    margin: 0 auto !important;
  }
}

@media only screen and (max-width: 768px) {
  .header-search {
    z-index: 99;
  }

  .ProductJ {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .ProductJ .button--primary {
    max-width: 34vw !important;
    width: 100% !important;
  }

  .product-push .product-push__item .product-push__item__image-element {
    width: 250px !important;
  }
}

.xf-content-height {
  margin: 0 !important;
  min-height: unset !important;
}

.product-carousel__info .cmp-title h1 {
  min-height: 40px !important;
}

@media only screen and (min-width: 480px) and (max-width: 1024px) {
  .productspush.parbase {
    margin: 0 auto;
    width: 80%;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ProductJ {
    margin-top: 255px !important;
  }
}

.productcard .ProductJ__Info--Copy {
  color: #5a6870;
  margin: 0 20px 4%;
  min-height: 75px;
  padding: 0 8%;
}

.product-push__list::-webkit-scrollbar-track,
.retailer-list::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.product-push__list::-webkit-scrollbar,
.retailer-list::-webkit-scrollbar {
  background-color: #f5f5f5;
  height: 6px;
  width: 6px;
}

.product-push__list::-webkit-scrollbar-thumb,
.retailer-list::-webkit-scrollbar {
  background-color: #42ac82;
}

#product-push-retailer .retailer-list {
  display: block;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

#product-push-retailer .retailer-list .retailers {
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid silver;
  border-radius: 8px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 69px;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 8px;
  margin-right: 9pt;
  padding: 8px;
  width: 287px;
}

#product-push-retailer .retailer-list .retailers p {
  margin: 0;
}

#product-push-retailer .retailer-list .retailers img {
  margin-left: 9pt;
  max-height: 50px !important;
  max-width: 140px !important;
}

@media screen and (max-width: 480px) {
  #product-push-retailer {
    width: 100%;
  }

  #product-push-retailer .retailer-list {
    display: block;
  }

  #product-push-retailer .retailer-list .retailers {
    width: 100%;
  }
}

.recommeded-accessories__card {
  border-radius: 10px;
}

.recommeded-accessories__card .recommeded-accessories__image-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.recommeded-accessories__card .recommeded-accessories__image-wrapper .recommeded-accessories__image {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}

.recommeded-accessories__info {
  text-decoration: none;
  color: inherit;
  line-height: 1.3 !important;
}

@media screen and (min-width: 768px) {
  .recommeded-accessories .recommeded-accessories__carousel {
    display: none;
  }
}

.recommeded-accessories .recommeded-accessories__carousel .splide__track {
  overflow: visible;
}

.recommeded-accessories .recommeded-accessories__carousel .splide__track .lazyload-wrapper {
  height: 100%;
}

.recommeded-accessories .recommeded-accessories__desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .recommeded-accessories .recommeded-accessories__desktop {
    display: -ms-flexbox;
    display: flex;
  }
}

.input-wrapper {
  position: relative;
}

.search input {
  background-color: #42ac82;
  border: 0;
  border-radius: 26px;
  color: #fff;
  height: 52px;
  opacity: 1;
  outline: 0;
  outline-offset: -2px;
  padding: 8px 4pc 4px 2pc;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 100%;
  font-size: 1pc;
}

@media screen and (max-width: 1199px) {
  .search input {
    background-color: #022b3d;
  }
}

@media screen and (min-width: 1200px) {
  .search input {
    font-family:
      Source Sans Pro,
      Lato-Light,
      Helvetica,
      Arial,
      sans-serif !important;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
  }
}

.search input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.search input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.search input::-ms-input-placeholder {
  opacity: 1;
}

.search input::placeholder {
  color: #fff;
  opacity: 1;
}

.search input::-ms-input-placeholder {
  color: #fff;
}

.search .submit {
  background-color: #fff;
  border-radius: 23px;
  bottom: 10px;
  position: absolute;
  right: 9pt;
  text-align: center;
  width: 3pc;
  height: 2pc;
}

.search .submit input {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.search .submit:after {
  color: #06a94e;
  content: '\F002';
  display: inline-block;
  font-family: arloicons;
  font-size: 18px;
  font-weight: 400;
  left: 50%;
  line-height: normal;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
}

@media screen and (max-width: 1199px) {
  .search .submit:after {
    color: #033147;
  }
}

.social-link {
  text-decoration: none;
}

.social-link:hover .social-link__icon {
  color: #3c9;
}

.social-link__container .social-link {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

.social-link__icon {
  color: #fff;
  font-size: 22px;
}

.spacer {
  width: 100%;
}

.spacer__small {
  height: 1pc;
}

.spacer__medium {
  height: 2pc;
}

.spacer__large {
  height: 4pc;
}

.sticky-menu {
  background-color: transparent;
  left: 0;
  margin: 0 auto;
  max-width: 90pc;
  position: fixed;
  right: 0;
  top: 90px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
}

.sticky-menu__body {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 53px;
  padding: 20px;
}

.sticky-menu__body .sticky-menu__label {
  float: left;
  min-width: 0;
}

.sticky-menu__body .sticky-menu__label a {
  color: #fff;
  font-family: Lato-Bold, Helvetica, Arial, sans-serif;
  font-size: 9pt;
  margin-right: 15px;
  text-decoration: none;
  white-space: nowrap;
}

.sticky-menu__body .sticky-menu__button {
  float: right;
}

.sticky-menu__body .sticky-menu__button .button--tertiary {
  font-size: 9pt;
  font-weight: 400;
  height: 40px;
  line-height: 34px;
  padding: 0 20px;
  width: auto;
}

.sticky-menu--active {
  background-color: #152934;
  left: 0;
  margin: 0 auto;
  max-width: 90pc;
  position: fixed;
  right: 0;
  top: 90px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sticky-menu-responsive .sticky-menu__body {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.sticky-menu-responsive .sticky-menu__body .sticky-menu__label {
  display: none;
}

@media screen and (min-width: 576px) {
  .sticky-menu {
    top: 90px;
  }

  .sticky-menu__body {
    padding: 20px 56px;
  }

  .sticky-menu__body .sticky-menu__label a {
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .sticky-menu__body {
    padding: 20px 135px;
  }

  .sticky-menu__body .sticky-menu__label a {
    font-size: 18px;
    margin-right: 30px;
  }

  .sticky-menu__body .sticky-menu__button .button--tertiary {
    font-size: 14px;
    font-weight: 700;
    height: 60px;
    line-height: 53px;
  }

  .sticky-menu-responsive .sticky-menu__body {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .sticky-menu-responsive .sticky-menu__body .sticky-menu__label {
    display: block;
  }
}

.slim-dropdown {
  top: 60px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.sticky-none {
  display: none;
}

#retailer-list-container {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1pc;
  display: none;
  padding: 15px 30px;
  position: absolute;
  right: 10%;
  top: 90px;
  width: 351px;
}

#retailer-list-container .close-btn {
  display: none;
}

#retailer-list-container .variant-detail {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

#retailer-list-container .variant-detail span p {
  font-size: 1pc;
  font-weight: 600;
  margin: 0 0 0 20px;
}

#retailer-list-container .variant-detail span p:nth-child(2) {
  font-size: 14px;
  font-weight: 400 !important;
  margin-top: 10px;
}

#retailer-list-container .variant-detail span img {
  max-height: 103px;
  max-width: 97px;
}

#retailer-list-container .retailer-list {
  max-height: 188px;
  overflow-y: auto;
  padding: 0;
  width: 20pc;
}

#retailer-list-container .retailer-list .retailers {
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid silver;
  border-radius: 8px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 8px;
  padding: 8px;
  width: 287px;
}

#retailer-list-container .retailer-list .retailers p {
  margin: 0;
}

#retailer-list-container .retailer-list .retailers a {
  height: 50px;
  width: 140px;
}

#retailer-list-container .retailer-list .retailers a img,
#retailer-list-container .retailer-list .retailers a svg {
  margin-left: 20px;
  max-height: 50px !important;
  max-width: 140px !important;
}

#retailer-list-container .kit {
  color: #5a6870;
  cursor: pointer;
  display: block;
  margin-top: 20px;
  text-align: center;
  text-decoration: underline;
}

@media only screen and (max-width: 480px) {
  #retailer-list-container {
    border-radius: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
  }

  #retailer-list-container .close-btn {
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }

  #retailer-list-container .close-btn .cross {
    background: #d0d0d0;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 10px 9pt;
    width: 20px;
  }

  #retailer-list-container .retailers {
    height: auto;
    width: 100% !important;
  }

  #retailer-list-container .retailer-list {
    overflow-x: hidden;
    width: 100% !important;
  }

  .hide-header {
    display: none;
  }
}

.retailers img {
  display: block;
  height: 50px;
  margin-left: 20px;
  max-height: 50px;
  max-width: 140px;
  width: 140px;
}

.cta-support {
  display: block;
}

.cta-support .titletextcta {
  padding: 5pc 0 5pc 150px;
}

.cta-support .titletextcta.cmp-theme__dark {
  background: none !important;
}

.cta-support .wrapper {
  height: 100%;
}

.cta-support .wrapper .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cta-support .wrapper .row .par:first-child {
  background: #384952;
}

.cta-support .wrapper .row .par:nth-child(2) {
  background: #42ac82;
}

.cta-support div {
  line-height: unset;
  margin: 0;
  text-align: left;
}

.cta-support h1,
.cta-support p {
  color: #fff;
  font-family: Lato, sans-serif;
  margin: 0;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .cta-support .wrapper .row .par {
    float: none;
    min-height: auto;
    width: 100%;
  }

  .cta-support .titletextcta {
    padding: 1pc;
  }

  .cta-support .titletextcta a,
  .cta-support .titletextcta h1,
  .cta-support .titletextcta p {
    height: auto;
  }
}

.productlistoverlay.parbase {
  background: #f5f5f5;
  padding: 0 50px;
}

.productlistoverlay.parbase .product-list-overlay {
  border-bottom: 1px solid #dfe3e6;
  margin: 0 -50px 50px;
}

.productlistoverlay.parbase .product-list-overlay .product-list-overlay__item.active {
  position: relative;
}

.productlistoverlay.parbase .product-list-overlay .product-list-overlay__item.active a {
  color: #06a94e;
}

.productlistoverlay.parbase .product-list-overlay .product-list-overlay__item.active:after {
  background-color: #fff;
  border-radius: 0 0 5px;
  border-color: #d3d3d3;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: '';
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: 2pc;
  position: absolute;
  top: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
}

.productlistoverlay.parbase .cmp-card-video-list {
  background: #fff;
  border-bottom: 1px solid #dfe3e6;
  margin: 50px 30px;
  position: relative;
}

.productlistoverlay.parbase .cmp-card-video-list .card-container {
  max-width: 300px;
  padding: 0;
}

.productlistoverlay.parbase .cmp-card-video-list .row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 -20px;
  overflow-x: hidden;
}

.productlistoverlay.parbase .cmp-card-video-list .row > div {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 20px;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-next,
.productlistoverlay.parbase .cmp-card-video-list .bx-prev {
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  color: #c6c6c6;
  color: hsla(0, 0%, 63.9%, 0.8);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  height: 85px;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
  width: 45px;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-next:after,
.productlistoverlay.parbase .cmp-card-video-list .bx-prev:after {
  display: block;
  font-family: arloicons;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-next.bx-show,
.productlistoverlay.parbase .cmp-card-video-list .bx-prev.bx-show {
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: visible;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-prev {
  border-radius: 0 36px 36px 0;
  left: -5pc;
  text-align: left;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-prev:after {
  content: '\E901';
  margin-right: 5px;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-next {
  border-radius: 36px 0 0 36px;
  right: -5pc;
  text-align: right;
}

.productlistoverlay.parbase .cmp-card-video-list .bx-next:after {
  content: '\E902';
  margin-left: 5px;
}

.productlistoverlay.parbase .cmp-card-list {
  margin: 30px 20px;
}

.productlistoverlay.parbase h3.title--tertiary {
  margin: 0 30px;
}

.productlistoverlay.parbase .card-container {
  background: none;
  margin: 0 auto;
}

.productlistoverlay.parbase .card-container .cmp-card.cmp-video__card {
  border-radius: 0;
}

.productlistoverlay.parbase .card-container .cmp-card.cmp-video__card img.video-thumbnail-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.productlistoverlay.parbase .card-container .cmp-card.cmp-video__card .cmp-video__desc {
  min-height: 0;
}

.productlistoverlay.parbase .filelist {
  background: none;
  padding: 0 35px 50px;
}

.productlistoverlay.parbase .filelist .filelist__title {
  margin-bottom: 30px;
}

.text {
  font-size: 1rem;
  font-weight: 400;
}

.text a {
  color: #42ac82;
}

.text a:hover {
  color: #0f6d35;
}

.text h4,
.text p {
  margin: 0 !important;
}

.textContent .my-orders__small-card,
.textContent .product-card,
.textContent .text-center,
.textContent .u-text-align-center,
.textContent .u-text-align-right {
  width: 100%;
}

.textContent blockquote {
  margin: 0;
}

.textContent p a {
  color: #42ac82 !important;
}

.textContent h3 {
  font-size: 24px;
  line-height: 34px;
}

.textContent h4 {
  font-size: 20px;
  line-height: 2pc;
}

.textContent.font-size-small p {
  font-size: 1pc;
  line-height: 20px;
}

.textContent.font-size-medium p {
  font-size: 18px;
  line-height: 22px;
}

.textContent.font-size-large p {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
}

.textContent.font-size-caption {
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
}

.disable_spacing p {
  margin-top: 0;
  margin-bottom: 0;
}

.text.font-color-blue,
.textContent.font-color-blue {
  color: #152934;
}

.text.font-color-black,
.textContent.font-color-black {
  color: #000;
}

.title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700 !important;
  color: #152934;
}

.title.title-size-small h2,
.title.title-size-small h3,
.title.title-size-small h4 {
  font-size: 24px;
  line-height: 34px;
}

.title.title-size-medium h2,
.title.title-size-medium h3,
.title.title-size-medium h4 {
  font-size: 28px;
  line-height: 38px;
}

.title.title-size-large h2,
.title.title-size-large h3,
.title.title-size-large h4 {
  font-size: 2pc;
  line-height: 40px;
}

.title.font-color-black {
  color: #000;
}

.title--secondary {
  font-size: 1.75rem;
  font-weight: 400;
}

.title--tertiary {
  font-size: 1.375rem;
  font-weight: 400;
}

.cmp-title h1 {
  margin: 0 !important;
}

.VideoLoop-container {
  padding: 20px;
}

.videoBox {
  position: relative;
}

.videoBox img {
  width: 100%;
}

.image-icon {
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.image-icon img {
  height: auto;
}

.parbase video {
  max-width: 100%;
}

.cart-title {
  color: #03374f;
  font-weight: 700;
  font-size: 2pc;
  margin: 0 0 8px;
}

.cart-title.mb32 {
  margin-bottom: 2pc;
}

#emptyCart .textContent {
  display: block;
}

.filled-cart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.filled-cart .out-of-stock-title {
  font-size: 24px;
  font-weight: 600;
  color: #03374f;
  margin: 2pc 0 0;
  border-top: 1px solid #8c9ba4;
  padding-top: 1pc;
}

.filled-cart .out-of-stock-warning {
  color: #dc2800;
  margin: 0 0 1pc;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.filled-cart .out-of-stock-warning .prefix-icon {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .filled-cart .out-of-stock-warning {
    -ms-flex-align: center;
    align-items: center;
  }

  .filled-cart .out-of-stock-warning .prefix-icon {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .filled-cart {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .filled-cart .products-column {
    margin-right: 2pc;
    -ms-flex: 1 1;
    flex: 1 1;
  }
}

.summary_container {
  margin-bottom: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .summary_container {
    margin-top: 2pc;
  }
}

.summary_payment_container {
  padding: 2pc;
  width: 100%;
  margin-bottom: 2pc;
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .summary_payment_container {
    width: 375px;
  }
}

.summary_payment_buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.summary_payment_buttons--inverted {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.btn__checkout {
  margin-top: 24px;
  width: 100%;
}

.btn__guest-checkout {
  margin-top: 10px;
  width: 100%;
}

.btn__guest-checkout:disabled {
  background-color: transparent;
  color: #727c86;
  border: 1px solid #a1a7ac;
  font-weight: 400;
}

.payment-icons,
.shipping-icons {
  width: 100%;
}

.cart-modal-product-removed p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #384952;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1pc;
  -ms-flex-align: center;
  align-items: center;
  word-break: normal;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .cart-modal-product-removed p {
    gap: 24px;
  }
}

.cart-modal-product-removed p:before {
  content: '';
  width: 60px;
  height: 60px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiByeD0iMzAiIGZpbGw9IiNGRkYxREMiLz48cmVjdCB4PSIxMy44MjgiIHk9IjEzLjgyOCIgd2lkdGg9IjMyLjM0NCIgaGVpZ2h0PSIzMi4zNDQiIHJ4PSIxNi4xNzIiIGZpbGw9IiNGRkYxREMiLz48cmVjdCB4PSIxMy44MjgiIHk9IjEzLjgyOCIgd2lkdGg9IjMyLjM0NCIgaGVpZ2h0PSIzMi4zNDQiIHJ4PSIxNi4xNzIiIHN0cm9rZT0iI0U5OUEyMiIgc3Ryb2tlLXdpZHRoPSIyLjM0NCIvPjxwYXRoIGQ9Ik0yOC42ODggMjAuODEzaDIuNjI1djEzLjEyNWgtMi42MjVWMjAuODEyem0wIDE1Ljc1aDIuNjI1djIuNjI0aC0yLjYyNXYtMi42MjR6IiBmaWxsPSIjRTk5QTIyIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}

.cart-modal-product-removed__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9pt;
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .cart-modal-product-removed__buttons {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center;
  }
}

.cart-modal-product-removed .button {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-weight: 400;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .cart-modal-product-removed .button {
    width: auto;
  }
}

.price__with-discount {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 767px) {
  .price__with-discount {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .price__with-discount .price--discount {
    line-height: 1;
  }
}

.price__with-discount .price--strikethrough {
  font-size: 9pt;
  line-height: 1pc;
  text-decoration: line-through;
  -webkit-text-decoration-color: #fc0000;
  text-decoration-color: #fc0000;
}

.price__with-discount.price__sticky-menu {
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 1pc;
}

.price__with-discount.price__sticky-menu .price--strikethrough {
  display: none;
}

.price__with-discount.pdp.price__sticky-menu .price--strikethrough {
  display: block;
}

.pdp {
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -ms-flex-align: unset;
  align-items: unset;
}

.pdp .price--discount,
.pdp .price--regular {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}

.pdp.price__sticky-menu .price--discount,
.pdp.price__sticky-menu .price--regular {
  font-size: 1pc;
  line-height: 20px;
}

.login_container_form {
  width: 316px;
}

.login_container_form .login_form,
.login_container_form .login_header,
.login_container_form .remember_me {
  margin-bottom: 2pc;
}

.login_container_form .remember_me_label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login_container_form .mb-md {
  margin-bottom: 1pc;
}

.login_container_form .back_checkout,
.login_container_form .forgot_pw {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.login_container_form .back_checkout .label {
  margin: 1pc 0 0;
}

.login_container_form .forgot_pw {
  margin-bottom: 1pc;
}

.subtitle {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.subtitle.warning {
  color: #dc2800;
}

.register_cta {
  width: 316px;
}

@media screen and (max-width: 991px) {
  .register_cta {
    width: 100%;
    padding: 0 20px;
  }
}

.checkout__login {
  background: #152934;
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 1pc;
  border-radius: 8px;
}

.checkout__login .cl-description {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.checkout__login .cl-description a {
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
}

.checkout__header {
  text-align: center;
  padding: 2pc 0;
}

@media screen and (min-width: 768px) {
  .checkout__header {
    display: none;
  }
}

.checkout__header .ch-close-btn {
  height: 2pc;
  width: 2pc;
  border-radius: 50%;
  border: 0;
  background: #dfe3e6;
  margin: 0 0 1pc;
}

.checkout__header a {
  text-decoration: none;
  color: inherit !important;
}

.checkout__header .ch-total {
  margin: -5px 0;
  text-decoration: underline;
}

.checkout__header .checkout__title {
  font-size: 2pc;
  color: #03374f;
  margin: 0;
  font-weight: 700;
}

.checkout__main {
  background: #f1f3f7;
  padding: 2pc 9pt;
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .checkout__main {
    padding: 2pc;
  }
}

.checkout__main.checkout__main-mobile {
  border-radius: 0;
  margin-bottom: 2pc;
}

@media only screen and (max-width: 385px) {
  .checkout__main.checkout__main-mobile {
    padding: 2pc 8px;
  }
}

.checkout__steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4pc;
  margin-bottom: 2pc;
}

.checkout__steps .cs__step {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.checkout__steps .cs__step:before {
  content: '';
  position: absolute;
  height: 1px;
  top: 9pt;
  background: #dfe3e6;
}

.checkout__steps .cs__step:first-of-type:before {
  left: calc(50% + 9pt);
  width: 4pc;
}

.checkout__steps .cs__step:first-of-type.clickable {
  cursor: pointer;
}

.checkout__steps .cs__step:first-of-type.clickable .cs_step-number {
  font-size: 8px;
}

.checkout__steps .cs__step:first-of-type.clickable .cs_step-name {
  cursor: pointer;
}

.checkout__steps .cs__step:last-of-type:before {
  right: calc(50% + 9pt);
  width: 4pc;
}

.checkout__steps .cs__step.cs_current .cs_step-number {
  background-color: #48a281;
  color: #fff;
}

.checkout__steps .cs__step.cs_current .cs_step-name {
  font-weight: 600;
}

.checkout__steps .cs__step .cs_step-number {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #dfe3e6;
  text-align: center;
  font-size: 9pt;
  margin-bottom: 1pc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.checkout__form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1pc;
}

.checkout__form .form-field {
  margin-bottom: 0;
  position: relative;
}

.checkout__form .form-field.span2 {
  grid-column: span 2;
}

.checkout__form .form-field.span3 {
  grid-column: span 3;
}

.checkout__form .form-field.span4 {
  grid-column: span 4;
}

.checkout__form .form-field__autocomplete-dropdown-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: auto;
  position: absolute;
  top: 55px;
  z-index: 11;
  background: #fff;
  border: 1px solid #8c9ba4;
  border-radius: 4px;
}

.checkout__form .form-field__autocomplete-dropdown-item {
  padding: 6px 1pc;
  margin-bottom: 8px;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 14px;
  cursor: pointer;
}

.checkout__form .form-field__autocomplete-dropdown-item:first-child {
  margin-top: 8px;
}

.checkout__form .form-field__autocomplete-dropdown-item:hover {
  color: #fff;
  background-color: #48a281;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.checkout__form-note {
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.checkout__customer-shipping-p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

.checkout__edit-address {
  font-size: 14px;
  line-height: 18px;
  margin: 1pc 0 0;
  text-decoration: underline;
  color: #384952;
  cursor: pointer;
}

.checkout__delivery-method {
  padding: 1pc;
  border: 1px solid #8c9ba4;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1pc;
  cursor: pointer;
}

.checkout__delivery-method:last-of-type {
  margin-bottom: 0;
}

.checkout__delivery-method.active {
  border-color: #48a281;
  background: #fff;
}

.checkout__delivery-method .cdm__checkbox_container {
  position: relative;
  margin-right: 1pc;
  width: 14px;
}

.checkout__delivery-method .cdm__content_container {
  -ms-flex: 1 1;
  flex: 1 1;
}

.checkout__delivery-method .cdm__content_container .cdm__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.checkout__delivery-method .cdm__content_container .cdm__price,
.checkout__delivery-method .cdm__content_container .cdm__title {
  font-size: 1pc;
  font-weight: 600;
  margin: 0;
  line-height: 24px;
}

.checkout__delivery-method .cdm__content_container p {
  margin: 0;
  font-size: 9pt;
  line-height: 1pc;
}

.checkout__delivery-info .checkout__shipping .cs-title {
  margin: 0 0 8px;
}

.checkout__delivery-info .checkout__toogleBillingForm {
  position: relative;
  margin-top: 1pc;
}

.checkout__delivery-info .checkout__billing {
  margin-top: 1pc;
}

.checkout__delivery-info .cidm__subtitle {
  margin: 2pc 0 8px;
}

.checkout__delivery-info .checkout-info__confirm-button {
  margin-top: 2pc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 1pc;
}

@media screen and (max-width: 991px) {
  .checkout__delivery-info .checkout-info__confirm-btn {
    width: 100%;
  }
}

.checkout__delivery-info .checkout-payment__error {
  color: #dc2800;
  margin: 0 0 1pc;
}

.checkout-payment {
  max-width: 435px;
  margin: 0 auto;
}

.checkout-payment.checkout-payment-mobile {
  width: unset;
}

.checkout-payment .checkout-payment__sale-conditions {
  margin: 1pc 0;
}

.checkout-payment .checkout-payment__sale-conditions-error {
  font-size: 9pt;
  line-height: 1pc;
  color: #dc2800;
  margin: 0;
  padding-left: 27px;
}

.checkout-payment .checkout-payment__privacy-notice {
  margin: 8px 0 0;
  font-size: 14px;
}

.checkout-payment .checkout-payment__action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (max-width: 991px) {
  .checkout-payment .checkout-payment__action-btn {
    width: 100%;
  }
}

.checkout-payment .checkout-payment__error {
  color: #dc2800;
  margin: 0;
}

.checkout-payment .payment-container {
  position: relative;
}

.checkout-payment .payment-blocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity: 0.7;
  background-color: #dfe3e6;
  z-index: 1;
}

.checkout-payment .payment-blocker.visible {
  display: block;
}

.checkout-payment .adyen-checkout__paypal__button {
  margin-bottom: 0;
}

#klarna__container {
  padding: 0 24px;
}

#klarna__container .klarna__type {
  border-bottom: 1px solid #dfe3e6;
  padding: 24px 0;
  cursor: pointer;
}

#klarna__container .klarna__type:last-of-type {
  border-bottom: none;
}

#klarna__container .klarna__type .klarna__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
}

#klarna__container .klarna__type .klarna__header .klarna__checkbox {
  -moz-appearance: initial;
  position: relative;
  top: 0;
  width: 0;
  margin: 0;
}

#klarna__container .klarna__type .klarna__header .klarna__checkbox:before {
  content: '\E91A';
  font-family: icomoon;
  color: #8c9ba4;
  font-size: 18px;
  position: absolute;
  top: 3px;
}

#klarna__container .klarna__type .klarna__header .klarna__checkbox:checked:before {
  content: '\E90A';
  color: #48a281;
}

#klarna__container .klarna__type .klarna__header .klarna__title {
  -ms-flex: 1 1;
  flex: 1 1;
  margin-left: 34px;
}

#klarna__container .klarna__type .klarna__header .klarna__title .klarna__main-title {
  margin: 0;
}

#klarna__container .klarna__type .klarna__header .klarna__title .klarna__sub-title {
  margin: 0;
  color: #8c9ba4;
  font-size: 14px;
}

#klarna__container .klarna__type .klarna__header .klarna__logo {
  max-width: 45px;
}

#klarna__container .klarna__type .klarna__content {
  background-color: #f1f3f7;
  padding: 1pc;
  border-radius: 3px;
  margin: 8px 0;
}

#klarna__container .klarna__type .klarna__content ul {
  margin: 0;
  padding: 0 0 0 1pc;
  line-height: 12.5px;
  font-size: 11px;
}

#klarna__container .klarna__type .klarna__terms-and-conditions {
  margin: 0;
  color: #5a6871;
  font-size: 10px;
}

#creditcard-container {
  padding: 2pc;
}

@media only screen and (max-width: 455px) {
  #creditcard-container {
    padding: 8px;
  }
}

.adyen-checkout__dropdown .adyen-checkout__dropdown__list {
  z-index: 16;
}

.checkout__warning-message {
  position: relative;
  margin-top: 2pc;
  padding: 15px 11px 19px 3pc;
  border-radius: 6px;
  border: 1px solid #dc2800;
  background: #fff2ef;
}

@media only screen and (min-width: 1000px) {
  .checkout__warning-message {
    padding: 15px 47px;
  }
}

.checkout__warning-message-info,
.checkout__warning-message-label,
.checkout__warning-message-suggestion {
  margin: 0;
}

.checkout__warning-message-label {
  font-weight: 600;
}

.checkout__warning-message-suggestion {
  margin-bottom: 15px;
}

.checkout__warning-message-info,
.checkout__warning-message-suggestion {
  font-size: 9pt;
  line-height: normal;
}

.checkout__warning-message-info span,
.checkout__warning-message-suggestion span {
  text-decoration: underline;
  cursor: pointer;
}

.checkout__warning-message p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.checkout__warning-message .icon-item {
  position: absolute;
  left: 17px;
  top: 19px;
  font-size: 18px;
}

.csa {
  margin-top: 58px;
  background-color: #fff;
  border: 1px solid #3c9;
  border-radius: 6px;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 992px) {
  .csa {
    -webkit-box-shadow: 0 2px 9pt 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 9pt 0 rgba(0, 0, 0, 0.08);
  }
}

.csa__banner {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #3c9;
  border-radius: 4px;
  padding: 8px 18px;
  min-width: 140px;
  z-index: 1;
}

@media screen and (min-width: 992px) {
  .csa__banner {
    left: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.csa__banner-text {
  font-size: 1pc;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  display: block;
  text-align: center;
}

.csa__content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.csa__teaser {
  position: relative;
}

.csa__teaser-title {
  padding: 3pc 20px 72px;
}

@media screen and (min-width: 992px) {
  .csa__teaser-title {
    padding: 2pc 20px;
  }
}

.csa__teaser-title p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .csa__teaser-title p {
    font-size: 20px;
    line-height: 24px;
    max-width: 4in;
  }
}

.csa__teaser-title p b {
  font-weight: 700;
}

.csa__teaser-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.csa__teaser-logo {
  width: 99pt;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 6px 0 0 0;
  padding: 8px 1pc;
}

.csa__image,
.csa__logo-image {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.csa__image {
  height: 100%;
  border-radius: 5px 5px 0 0;
  display: none;
}

@media screen and (min-width: 768px) {
  .csa__image {
    display: block;
  }
}

.csa__image--mobile {
  display: block;
}

@media screen and (min-width: 768px) {
  .csa__image--mobile {
    display: none;
  }
}

.csa__consent {
  line-height: normal;
  padding: 0 1pc 1pc;
}

@media screen and (min-width: 992px) {
  .csa__consent {
    padding: 0 24px 24px;
  }
}

.csa__consent .csa__checkbox-text {
  display: inline;
}

.csa__consent .csa__checkbox-text p {
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  font-weight: 400;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #384952;
  margin: 0;
  display: inline;
}

.csa__consent .csa__checkbox-text a {
  color: #384952;
  text-decoration: underline;
}

.csa__consent .csa__more-informations {
  position: relative;
  display: inline;
}

.csa__consent .csa__more-informations > span {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  font-weight: 400;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #384952;
  text-decoration: underline;
}

.csa__content {
  margin: 2pc 0 30px;
  padding: 0 1pc;
}

.csa__content .csa__content-title p {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #03374f;
  margin: 0;
}

.csa__content .csa__content-title .warning-edit__address {
  color: #ed002f;
  font-weight: 600;
  text-transform: uppercase;
}

.csa__content .csa__content-text p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #384952;
  text-align: center;
}

.csa__content .csa__content-text p b {
  font-weight: 700;
}

.csa__content .csa__content-text .warning__edit-address {
  font-weight: 600;
}

.csa__toggle-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px;
  padding: 0 1pc;
}

@media screen and (min-width: 992px) {
  .csa__toggle-wrapper {
    padding: 0;
  }
}

.csa__toggle-input-wrapper {
  background-color: #fafafa;
  padding: 1pc 9pt;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #e8ebed;
  gap: 1pc;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .csa__toggle-input-wrapper {
    gap: 8px;
    padding: 9pt;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
  }
}

.csa__toggle-radio-label {
  color: #03374f;
  font-weight: 600;
  font-size: 13px;
  line-height: 1pc;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 9pt;
}

.csa__toggle-radio-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.csa__toggle-radio-icon {
  display: block;
  width: 19px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOS4xMzkiIGN5PSI5IiByPSI4LjUiIHN0cm9rZT0iIzhDOUJBNCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.csa__toggle-radio-input:checked + .csa__toggle-radio-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOS4xMzkiIGN5PSI5IiByPSI4LjUiIHN0cm9rZT0iI0RDMjgwMCIvPjxwYXRoIGQ9Ik01LjExIDkuMzQzTDguMTUyIDEyLjhsNi4wMTYtNi42IiBzdHJva2U9IiNEQzI4MDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
}

.csa__toggle-radio-input:focus-visible + .csa__toggle-radio-icon {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.csa__toggle-panel {
  padding: 0 1pc 1pc;
}

@media screen and (min-width: 992px) {
  .csa__toggle-panel {
    padding: 0 24px 20px;
  }
}

.csa__date-time-title {
  font-size: 1pc;
  line-height: 1;
  font-weight: 700;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #03374f;
  text-align: center;
  margin: 0 0 20px;
}

.csa__checkout-warning-message {
  margin: 1pc 0 0;
  padding: 9pt 9pt 9pt 38px;
}

.csa__checkout-warning-message .checkout__warning-message-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.csa__checkout-warning-message .icon-item {
  top: 9pt;
  left: 9pt;
}

.csa__checkout-warning-message--confirm {
  margin: 2pc 1pc 1pc;
}

@media screen and (min-width: 992px) {
  .csa__checkout-warning-message--confirm {
    margin: 2pc 24px 20px;
  }
}

body:has(.checkout-popup--mobile) {
  overflow: hidden;
}

.checkout-popup {
  position: absolute;
  left: 0;
  top: calc(100% + 1pc);
}

.checkout-popup--mobile {
  position: fixed;
  top: 0;
  z-index: 10;
}

.checkout-popup--mobile .checkout-popup__backdrop {
  height: 100vh;
  width: 100vw;
  background: #152934;
  opacity: 0.8;
}

.checkout-popup--mobile .checkout-popup__content-container {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  padding: 2pc 1pc;
}

.checkout-popup--mobile .checkout-popup__content-container:before {
  display: none;
}

.checkout-popup__content-container {
  padding: 8px 24px;
  border: 1px solid #8c9ba4;
  width: 267px;
  border-radius: 6px;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.checkout-popup__content-container:before {
  content: '';
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #8c9ba4;
  border-left: 1px solid #8c9ba4;
  background: #fff;
  position: absolute;
  z-index: 11;
  left: 15px;
  top: -11px;
}

.checkout-popup__header {
  display: -ms-flexbox;
  display: flex;
}

.checkout-popup__header .checkout-popup__header-title {
  font-size: 1pc;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #000;
  margin: 0;
  -ms-flex: 1 1;
  flex: 1 1;
}

.checkout-popup__close {
  background-color: #dfe3e6;
  border-radius: 75pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 9pt;
  top: 9pt;
}

.checkout-popup__close i {
  font-size: 0.672pc;
  color: #152934;
}

.checkout-popup__content {
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  color: #000;
}

.checkout-popup__content a,
.checkout-popup__content a:visited {
  color: #ed002f;
}

.dt-picker__btn {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 1pc 4px;
  border: 1px solid #e8ebed;
  background-color: #fff;
  color: #384952;
  cursor: pointer;
  width: 60px;
  border-radius: 4px;
}

.dt-picker__btn--selected {
  background-color: #ed1c2c;
  color: #fff;
}

.dt-picker__btn--selected .dt-picker__btn-text {
  color: #fff;
}

.dt-picker__btn--disabled .dt-picker__btn-text {
  color: #d1d7da;
}

.dt-picker__btn-text {
  color: #384952;
}

.dt-picker__btn-text--day {
  font-size: 1pc;
  line-height: 1;
  font-weight: 600;
}

.dt-picker__btn-text--day-name {
  font-size: 14px;
  line-height: 1pc;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.dt-picker__btn-text--day-name:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #d1d7da;
  display: block;
  opacity: 0.5;
  margin-bottom: 6px;
}

.dt-picker__btn-text--month {
  font-weight: 600;
}

.dt-picker__wrapper {
  border-radius: 8px;
  background-color: #f9f9f9;
  border: 1px solid #e8ebed;
  padding: 24px 0;
  position: relative;
}

@media screen and (min-width: 992px) {
  .dt-picker__wrapper {
    padding: 20px;
  }
}

.dt-picker__wrapper:after,
.dt-picker__wrapper:before {
  content: '';
  display: block;
  position: absolute;
  top: 24px;
  width: 24px;
  height: 75pt;
  z-index: 3;
}

@media screen and (min-width: 992px) {
  .dt-picker__wrapper:after,
  .dt-picker__wrapper:before {
    top: 20px;
  }
}

.dt-picker__wrapper:after {
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 97.6%, 0)), color-stop(63.15%, #f9f9f9));
  background: linear-gradient(90deg, hsla(0, 0%, 97.6%, 0), #f9f9f9 63.15%);
  right: 0;
}

@media screen and (min-width: 992px) {
  .dt-picker__wrapper:after {
    right: 35px;
  }
}

.dt-picker__wrapper:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(19.44%, #f9f9f9), to(hsla(0, 0%, 97.6%, 0)));
  background: linear-gradient(90deg, #f9f9f9 19.44%, hsla(0, 0%, 97.6%, 0));
}

@media screen and (min-width: 992px) {
  .dt-picker__wrapper:before {
    left: 35px;
  }
}

.dt-picker__splide {
  position: relative;
}

@media screen and (min-width: 992px) {
  .dt-picker__splide {
    padding: 0 2pc;
  }
}

.dt-picker__splide .splide__arrows {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dt-picker__splide .splide__arrow {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.dt-picker__splide .splide__track {
  z-index: 2;
}

.dt-picker__preferred-wrapper {
  padding: 24px 0;
  border-bottom: 1px solid #e8ebed;
}

.dt-picker__preferred {
  border: 1px solid #e8ebed;
  border-radius: 4px;
  padding: 9pt;
  background-color: #fafafa;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.dt-picker__preferred-label {
  line-height: 1pc;
  color: #03374f;
  margin: 0 0 10px;
}

.dt-picker__preferred-label,
.dt-picker__preferred-value {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}

.dt-picker__preferred-value {
  line-height: 1;
  color: #384952;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.dt-picker__preferred-value:before {
  content: '';
  display: block;
  width: 1pc;
  height: 1pc;
  background-image: url(clientlib-site/resources/images/Icons_calendar.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.time-slot-select {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.time-slot-select:before {
  content: '';
  display: block;
  width: 1pc;
  height: 1pc;
  background-image: url(clientlib-site/resources/images/Icons_clock.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.time-slot-select__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 28px;
}

@media screen and (min-width: 768px) {
  .time-slot-select__wrapper {
    margin-top: 20px;
  }
}

.time-slot-select__select {
  height: 40px;
  border: 1px solid #e8ebed;
  color: #384952;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
  padding: 10px 9pt;
  min-width: 165px;
}

.checkout-header {
  max-width: 82pc;
  margin: 0 auto;
  padding: 0 1pc;
  display: none;
}

@media screen and (min-width: 768px) {
  .checkout-header {
    display: block;
  }
}

.checkout-header .header__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 2pc;
  font-size: 2pc;
  font-weight: 700;
  margin-top: 2pc;
}

.checkout__content {
  position: relative;
  gap: 4pc;
}

@media screen and (min-width: 768px) {
  .checkout__content {
    margin-top: 2pc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .checkout__content .cc__col-left {
    width: 100%;
    max-width: calc(100% - 343px);
  }

  .checkout__content .cc__col-right {
    width: 343px;
  }
}

.checkout-confirmation-create-account {
  text-align: center;
}

.checkout-confirmation-create-account .ccca__title {
  margin: 0 0 1pc;
}

.checkout-confirmation-payment .ccp__title {
  font-weight: 600;
  font-size: 24px;
  color: #5a6871;
  margin: 0 0 1pc;
}

.checkout-confirmation-payment .ccp__text {
  margin: 0;
}

.checkout-confirmation__container {
  max-width: 425px;
  margin: 0 auto;
}

.checkout-confirmation__container .checkout-confirmation__header {
  margin-bottom: 1pc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.checkout-confirmation__container .checkout-confirmation__header .checkout-confirmation__close-btn {
  height: 2pc;
  width: 2pc;
  border-radius: 50%;
  border: 0;
  background: #dfe3e6;
  margin: 0 0 1pc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkout-confirmation__container .checkout-confirmation__header .checkout-confirmation__close-btn a {
  text-decoration: none;
  color: inherit !important;
}

.checkout-confirmation__container .checkout-confirmation__header .checkout-confirmation__title {
  font-size: 2pc;
  line-height: 40px;
  font-weight: 700;
  color: #03374f;
  margin: 0;
}

.checkout-confirmation__container .checkout-confirmation__header .checkout-confirmation__text {
  margin: 0;
}

.checkout-confirmation__container .checkout-confirmation__header .checkout-confirmation__text.highlighted {
  font-weight: 600;
}

.checkout-confirmation__container .checkout-confirmation__link-container {
  text-align: center;
}

.checkout-confirmation__container .checkout-confirmation__link {
  cursor: pointer;
  text-decoration: underline;
  color: #000;
  opacity: 0.7;
}

.checkout-confirmation__btn {
  width: 100%;
}

.shipping-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
}

.shipping-icons .icon-item {
  text-align: center;
}

.shipping-icons .icon-item .icon {
  font-size: 24px;
}

.shipping-icons.small-icons .icon {
  font-size: 1pc;
}

.shipping-icons.center-mode {
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1pc;
}

@media screen and (min-width: 400px) {
  .shipping-icons.center-mode {
    gap: 50px;
  }
}

.payment-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.payment-icons .icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.payment-icons .icon {
  max-height: 24px;
}

.payment-icons.small-icons .icon {
  font-size: 1pc;
}

.payment-icons.center-mode {
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .payment-icons:not(.center-mode) {
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1pc;
  }
}

@media screen and (max-width: 767px) {
  .payment-icons:not(.center-mode) .icon-wrapper {
    -ms-flex-preferred-size: 29%;
    flex-basis: 29%;
  }
}

@media screen and (max-width: 767px) {
  .payment-icons--3:not(.center-mode) .icon-wrapper:nth-child(3n-2),
  .payment-icons--6:not(.center-mode) .icon-wrapper:nth-child(3n-2) {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .payment-icons--3:not(.center-mode) .icon-wrapper:nth-child(3n),
  .payment-icons--6:not(.center-mode) .icon-wrapper:nth-child(3n) {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .payment-icons--4:not(.center-mode) .icon-wrapper:first-child,
  .payment-icons--5:not(.center-mode) .icon-wrapper:first-child {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .payment-icons--4:not(.center-mode) .icon-wrapper:nth-child(3),
  .payment-icons--5:not(.center-mode) .icon-wrapper:nth-child(3) {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.register-page {
  margin-bottom: 4pc;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2pc;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.register-page-centered {
  -ms-flex-pack: center;
  justify-content: center;
}

.register-form_container {
  width: 316px;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .register-form_container {
    margin: 0;
  }
}

.register-form_container .privacy-container {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.register-form_container .privacy-container .link {
  color: #384952;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 3px;
}

.register-form_container .cancel_btn {
  margin-bottom: 1pc;
  width: 100%;
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

.register-form .warning {
  color: #dc2800;
}

.register-form .mb-md {
  margin-bottom: 1pc;
}

.register-form .pass-requirements {
  margin-bottom: 2pc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.register-form .pass-requirements .subtitle {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0 0 8px;
}

.register-form .pass-requirements .reqs {
  font-size: 9pt;
  line-height: 1pc;
  font-weight: 400;
  margin: 0 0 1pc;
}

.register-form .pass-requirements .reqs:nth-last-child {
  margin-bottom: 0;
}

.register-form .login_btn {
  margin: 8px auto;
  width: 100%;
}

.register-form .register-form__newsletter_consent {
  color: #03374f;
  display: block;
  line-height: 1.6 !important;
}

.register-banner {
  display: none;
}

@media screen and (min-width: 992px) {
  .register-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: start;
    background-color: #f1f3f7;
  }
}

.register-success {
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (max-width: 991px) {
  .register-success .btn,
  .register-success .btn-no_style {
    width: unset;
    padding: 10px 4pc;
  }
}

.register__success-btn {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .register__success-btn {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .register__success-btn {
    width: 100%;
  }
}

.loader-container {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 99;
}

.loader-container .loader,
.loader-container .loader:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.loader-container .loader {
  text-indent: -9999em;
  border: 2px solid #b6dacd;
  border-left-color: #48a281;
  -webkit-animation: load8 1.1s linear infinite;
  animation: load8 1.1s linear infinite;
}

.loader-container .loader__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  padding: 4pc;
  line-height: 1.5;
  border-radius: 20px;
  background: #f1f3f7;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
}

@media screen and (max-width: 767px) {
  .loader-container .loader__box {
    max-width: unset;
    height: 100%;
    width: 100%;
    border-radius: 0;
  }
}

.loader-container .loader__box.spinner-only {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.loader-container .loader__box .loader__title {
  color: #03374f;
  font-size: 2pc;
  font-weight: 700;
  line-height: 1.1;
  margin: 1pc 0 0;
}

.loader-container .loader__box .loader__subtitle {
  margin: 0;
}

.loader-container.full-blocker,
.loader-container.partial-blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 42.7%, 0.75);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.loader-container.full-blocker .spinner-only .loader,
.loader-container.partial-blocker .spinner-only .loader {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
}

.loader-container.full-blocker .loader,
.loader-container.partial-blocker .loader {
  border-width: 10px;
  width: 60px;
  height: 60px;
}

.loader-container.partial-blocker {
  position: absolute;
  border-radius: 8px;
}

.loader-container.center-spinner {
  display: block;
  margin: 0 auto;
}

.loader-container.large-spinner .loader {
  border-width: 10px;
  width: 60px;
  height: 60px;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.recover_confirmation {
  width: 422px;
  text-align: center;
}

.recover_confirmation .button_container-316 {
  width: 316px;
  margin: 0 auto;
}

.recover-form_container {
  width: 444px;
  text-align: center;
}

.recover-form_container .recover-header {
  margin-bottom: 2pc;
}

.recover-form_container .recover-el_con {
  width: 316px;
  margin: 0 auto;
}

.recover-form_container .recover-form {
  margin-bottom: 2pc;
}

.recover-form_container .to_login_link {
  text-align: left;
  color: #384952;
  margin-bottom: 2pc;
  text-decoration: underline;
  cursor: pointer;
}

.recover-form_container .recover-password-link {
  width: 100%;
}

.recover-page_container {
  padding: 4pc 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.default-header {
  margin-bottom: 2pc;
}

.default-header .dh-title {
  margin-bottom: 8px;
  color: #03374f;
}

.default-header .warning {
  color: #dc2800;
}

.default-header .hide {
  display: none;
}

.margin-b-sm {
  margin-bottom: 1pc;
}

.dh-with-back-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1pc;
}

@media screen and (min-width: 768px) {
  .dh-with-back-wrapper {
    margin-bottom: 24px;
  }
}

.dh-with-back-wrapper .default-header,
.dh-with-back-wrapper .dh-title {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .dh-with-back-wrapper {
    display: block;
  }
}

.minicart-icon {
  vertical-align: text-top;
}

.minicart-icon:before {
  font-size: 1pc;
}

.cart__product {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.cart__product .disabled {
  line-height: inherit !important;
}

.cart__product:last-of-type {
  margin-bottom: 0;
}

.cart__product .image-wrapper {
  height: 90pt;
  width: 99px;
  min-width: 99px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 1pc;
  cursor: pointer;
}

.cart__product .image-wrapper__disabled {
  pointer-events: none;
}

.cart__product .image-wrapper.checkoutImg {
  width: 72px;
  height: 87px;
  min-width: 72px;
}

.cart__product .image-wrapper .filled-cart__product-image {
  -o-object-fit: contain;
  object-fit: contain;
}

.cart__product .product-price-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: -8px 0;
}

@media screen and (min-width: 768px) {
  .cart__product .product-price-wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }

  .cart__product .product-price-wrapper .product-old-price {
    margin-right: 8px;
  }
}

.cart__product .product-content {
  position: relative;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cart__product .product-content .product-name {
  color: #03374f;
  font-weight: 600;
}

.cart__product .product-content .product-description {
  font-size: 9pt;
  margin: 0 0 8px;
  line-height: 1pc;
}

.cart__product .product-content .product-miscellaneous {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  max-width: 250px;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .cart__product .product-content .product-miscellaneous {
    max-width: unset;
  }
}

.cart__product .product-content .product-miscellaneous.spaced {
  margin-bottom: 0;
}

.cart__product .product-content .product-miscellaneous.spaced .product-quantity {
  margin: 0;
  font-size: 9pt;
}

.cart__product .product-content .product-miscellaneous.right-content {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cart__product .product-content .product-miscellaneous .product-quantity-btn {
  height: 20px;
  width: 20px;
  border: 0;
  border-radius: 50%;
  background: #dfe3e6;
  cursor: pointer;
}

.cart__product .product-content .product-miscellaneous .product-quantity {
  margin: 0 8px;
}

.cart__product .product-content .product-miscellaneous .product-old-price {
  font-size: 9pt;
  line-height: 15px;
  -webkit-text-decoration: line-through #fc0000;
  text-decoration: line-through #fc0000;
}

.cart__product .product-content .product-remove {
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 8px;
}

.cart__product .product-content .product-remove .product-remove__btn {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 9pt;
  color: #384952;
}

.cart__product .product-content .product-remove .product-remove__btn:hover {
  text-decoration: underline;
}

.cart__products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1pc;
}

.cart__products .out-of-stock-title {
  font-size: 24px;
  font-weight: 600;
  color: #03374f;
  margin: 8px 0 0;
}

.cart__products .out-of-stock-warning {
  color: #dc2800;
  margin: 0 0 1pc;
}

.cart__products.myOrders {
  gap: 8px;
}

.cart__products.myOrders .cart__product .image-wrapper {
  margin-right: 0;
}

.myaccount-container {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f1f3f7;
  margin: 0 -1pc;
  padding-top: 2pc;
  padding-bottom: 2pc;
}

@media screen and (min-width: 768px) {
  .myaccount-container {
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    margin: 0 auto;
    padding-top: 4pc;
    padding-bottom: 4pc;
  }
}

.myaccount-container .inline-account-menu {
  width: 210px;
}

@media screen and (min-width: 768px) {
  .myaccount-container .myaccount-component-container {
    width: calc(100% - 230px);
  }
}

.acc_dashboard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.acc_dashboard:not(.acc-dashboard-index) .dash-header,
.acc_dashboard:not(.acc-dashboard-index) .dash-tabs,
.acc_dashboard:not(.acc-dashboard-index) .dash-title {
  display: none;
}

@media screen and (min-width: 768px) {
  .acc_dashboard:not(.acc-dashboard-index) .dash-header,
  .acc_dashboard:not(.acc-dashboard-index) .dash-tabs,
  .acc_dashboard:not(.acc-dashboard-index) .dash-title {
    display: block;
  }
}

.acc-dashboard-index .dash-title {
  display: none;
}

@media screen and (min-width: 768px) {
  .acc-dashboard-index .dash-title {
    display: block;
  }
}

.dash-title {
  color: #03374f;
  margin-bottom: 4px;
}

.dash-title-mobile-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dash-title-mobile-email {
  margin: 0;
  font-size: 9pt;
  line-height: normal;
}

@media screen and (min-width: 768px) {
  .dash-title-mobile {
    display: none;
  }
}

.dash-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .dash-header {
    display: block;
  }
}

.dash-logout {
  color: #8c9ba4;
  font-size: 14px;
  line-height: 18px;
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .dash-logout {
    margin-bottom: 8px;
  }
}

.dash-back {
  color: #8c9ba4;
  font-size: 14px;
  line-height: 18px;
  text-decoration: underline;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .dash-back {
    display: none;
  }
}

.dash-tabs {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: auto;
  margin-top: 1pc;
}

@media screen and (min-width: 768px) {
  .dash-tabs {
    width: auto;
    display: -ms-flexbox;
    display: flex;
  }
}

.dash-tabs .tab-item {
  padding: 9pt 18px;
  color: #03374f;
  font-size: 1pc;
  line-height: 20px;
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
  .dash-tabs .tab-item {
    display: block;
    color: #8c9ba4;
    font-size: 1pc;
    line-height: 20px;
    margin-bottom: 1pc;
    padding: 0 1pc 0 0;
    cursor: pointer;
    border-bottom: 2px solid #8c9ba4;
  }
}

.dash-tabs .tab-item:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  margin-right: 20px;
}

@media screen and (min-width: 768px) {
  .dash-tabs .tab-item:before {
    content: none;
  }
}

.dash-tabs .tab-item-details:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwIDBDNy4yNSAwIDUgMi44IDUgNi4yNXMyLjI1IDYuMjUgNSA2LjI1IDUtMi44IDUtNi4yNVMxMi43NSAwIDEwIDB6TTQuNzc1IDEyLjVBNS4wMDUgNS4wMDUgMCAwMDAgMTcuNVYyMGgyMHYtMi41YzAtMi43LTIuMS00Ljg3NS00Ljc3NS01LTEuMzUgMS41MjUtMy4yIDIuNS01LjIyNSAyLjUtMi4wMjUgMC0zLjg3NS0uOTc1LTUuMjI1LTIuNXoiIGZpbGw9IiM4QzlCQTQiLz48L3N2Zz4=);
}

.dash-tabs .tab-item-address:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTcuNSAwQTcuNDkgNy40OSAwIDAwMCA3LjVDMCAxMi41IDcuNSAyMCA3LjUgMjBTMTUgMTIuNSAxNSA3LjVDMTUgMy4zNSAxMS42NSAwIDcuNSAwem0wIDIuNWMyLjc3NSAwIDUgMi4yNSA1IDUgMCAyLjc3NS0yLjIyNSA1LTUgNS0yLjc1IDAtNS0yLjIyNS01LTUgMC0yLjc1IDIuMjUtNSA1LTV6IiBmaWxsPSIjOEM5QkE0Ii8+PC9zdmc+);
}

.dash-tabs .tab-item-orders:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTS4wMjUgMHYyLjVoMjBWMGgtMjB6bTAgNXYxNC43NzVjMCAuMTI1LjEuMjI1LjIyNS4yMjVoMTkuNTI1Yy4xMjUgMCAuMjI1LS4xLjIyNS0uMjI1VjVoLTcuNDI1djIuNTc1SDcuNVY1SDBoLjAyNXoiIGZpbGw9IiM4QzlCQTQiLz48L3N2Zz4=);
}

.dash-tabs .tab-item-contact-preferences:before {
  height: 1pc;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTAgMHYyLjVsMTAgNSAxMC01VjBIMHptMCA1djEwaDIwVjVsLTEwIDVMMCA1eiIgZmlsbD0iIzhDOUJBNCIvPjwvc3ZnPg==);
}

.dash-tabs .tab-item-subscription:before {
  width: 22px;
  height: 18px;
  background-image: url(clientlib-site/resources/images/Icons_Arlo_Secure.svg);
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .dash-tabs .active {
    color: #48a281;
    border-bottom: 2px solid #48a281;
  }
}

.dash-tabs::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 768px) {
  .acc_dashboard {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .dash-title {
    font-size: 1pc;
    line-height: 20px;
    float: none;
  }

  .dash-logout {
    font-size: 9pt;
    line-height: 1pc;
  }

  .dash-tabs .tab-item {
    border-bottom: none;
  }

  .dash-tabs .tab-item.active {
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
  }
}

.details-view .email,
.details-view .name,
.details-view .public_name {
  margin-bottom: 8px;
}

.details-view .email .label,
.details-view .email .value,
.details-view .name .label,
.details-view .name .value,
.details-view .public_name .label,
.details-view .public_name .value {
  margin: 0;
  color: #000;
}

.details-view .email .label,
.details-view .name .label,
.details-view .public_name .label {
  font-size: 9pt;
  line-height: 1pc;
}

.details-view .email .value,
.details-view .name .value,
.details-view .public_name .value {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 18px;
}

.details-view .email .email,
.details-view .name .email,
.details-view .public_name .email,
.edit_details-link {
  margin-bottom: 1pc;
}

.edit_details-container .edit_details-form {
  width: 315px;
}

.edit_details-container .email {
  margin-bottom: 24px;
}

.edit_details-container .email .label {
  font-size: 9pt;
  line-height: 1pc;
}

.edit_details-container .email .value {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

.change_pass-form {
  width: 315px;
}

.form_buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .form_buttons {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.my_details-container .default-header .dh-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .my_details-container .default-header .dh-title {
    font-size: 2pc;
    line-height: 40px;
    font-weight: 700;
  }
}

.my_details-container .details-container {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .my_details-container .details-container {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .my_details-container {
    background-color: #f1f3f7;
    border-radius: 9pt;
  }
}

.view_container .shipping-address {
  margin-bottom: 1pc;
}

.view_container .shipping-address .sa_title {
  font-size: 9pt;
  line-height: 1pc;
}

.view_container .shipping-address .sa_apa,
.view_container .shipping-address .sa_country,
.view_container .shipping-address .sa_name,
.view_container .shipping-address .sa_phone,
.view_container .shipping-address .sa_postal,
.view_container .shipping-address .sa_street {
  margin: 0;
  font-size: 1pc;
  line-height: 20px;
}

.edit-address_container {
  width: 315px;
}

.edit-address_container .toggle_billing {
  margin-bottom: 1pc;
}

.edit-address_container .edit-billing_address {
  margin-bottom: 2pc;
}

.address_container .default-header .dh-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .address_container .default-header .dh-title {
    font-weight: 700;
    font-size: 2pc;
    line-height: 40px;
  }
}

.address_container .view_container {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .address_container .view_container {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .address_container {
    background-color: #f1f3f7;
    border-radius: 9pt;
  }
}

.contactpreferences_container {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.contactpreferences_container .preferences-box {
  border: 1px solid #48a281;
  background-color: #fff;
  border-radius: 6px;
  padding: 1pc;
  max-width: 579px;
}

.contactpreferences_container .preferences-box__title {
  margin: 0;
  font-size: 1pc;
  line-height: 24px;
  font-weight: 600;
}

.contactpreferences_container .preferences-box__description {
  margin: 0;
}

.contactpreferences_container .preferences-box__options {
  margin-top: 1pc;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2pc;
  -moz-column-gap: 2pc;
  column-gap: 2pc;
  row-gap: 1pc;
}

.contactpreferences_container .preferences-box__options .option__toggle {
  position: relative;
  display: block;
  width: 40px;
  height: 18px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.contactpreferences_container .preferences-box__options .option__toggle input[type='checkbox'] {
  width: 0;
  height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.contactpreferences_container .preferences-box__options .option__toggle--shape {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #5a6871;
}

.contactpreferences_container .preferences-box__options .option__toggle--slider {
  position: absolute;
  height: 9pt;
  width: 9pt;
  border-radius: 50%;
  background-color: #fff;
  left: 3px;
  top: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contactpreferences_container .preferences-box__options .option__toggle--slider:before {
  content: 'On';
  position: absolute;
  color: #fff;
  font-size: 9pt;
  right: calc(100% + 6px);
  top: 0;
  line-height: 1;
}

.contactpreferences_container .preferences-box__options .option__toggle--slider:after {
  content: 'Off';
  position: absolute;
  color: #fff;
  font-size: 9pt;
  left: calc(100% + 4px);
  top: 0;
  line-height: 1;
}

.contactpreferences_container .preferences-box__options .option__toggle input:checked + .option__toggle--shape {
  background-color: #48a281;
}

.contactpreferences_container .preferences-box__options .option__toggle input:checked ~ .option__toggle--slider {
  left: calc(100% - 3px);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.contactpreferences_container .preferences-btn {
  margin-top: 30px;
}

.contactpreferences_container .contactpreferences__errorMessage {
  margin: 4px 0 0;
  color: #ef0000;
}

@media screen and (min-width: 768px) {
  .contactpreferences_container {
    background-color: #f1f3f7;
    border-radius: 9pt;
  }
}

.pass-requirements {
  margin-bottom: 2pc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pass-requirements .subtitle {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0 0 8px;
}

.pass-requirements .reqs {
  font-size: 9pt;
  line-height: 1pc;
  font-weight: 400;
  margin: 0 0 1pc;
}

.pass-requirements .reqs:nth-last-child {
  margin-bottom: 0;
}

.pass-requirements .warning {
  color: #dc2800;
}

.modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  position: fixed;
  background-color: #f1f3f7;
  margin: 0 auto;
  padding: 2pc;
  border: 1px solid #888;
  text-align: center;
  width: 100%;
  bottom: 0;
  border-radius: 20px 20px 0 0;
}

@media screen and (min-width: 768px) {
  .modal-content {
    bottom: auto;
    top: 9%;
    left: 50%;
    width: 50%;
    border-radius: 0 0 20px 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 600px;
  }
}

.modal-content .boxclose {
  display: none;
}

@media screen and (min-width: 768px) {
  .modal-content .boxclose {
    cursor: pointer;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 40px;
    background: #dfe3e6;
    font-size: 2pc;
    line-height: 40px;
    font-weight: 100;
    display: inline-block;
    line-height: 0;
    padding: 14px 7px;
    margin-bottom: 2pc;
  }

  .modal-content .boxclose:before {
    content: '\D7';
  }
}

@media screen and (min-width: 768px) {
  .my-orders {
    background-color: #f1f3f7;
    border-radius: 9pt;
  }
}

.my-orders__card {
  border-radius: 8px;
  border: 1px solid #dfe3e6;
}

.my-orders__small-card {
  border-radius: 6px;
}

.my-orders .divider {
  border-bottom: 1px solid #8c9ba4;
}

.mysubscription__container {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif;
}

@media screen and (min-width: 768px) {
  .mysubscription__container {
    background-color: #f1f3f7;
    border-radius: 9pt;
  }
}

.mysubscription__info {
  background-color: #fff;
  border-radius: 8px;
}

.mysubscription__info-header {
  text-align: center;
  border-radius: 8px 8px 0 0;
  color: #fff;
  padding: 5px;
}

.mysubscription__info-header--expired {
  background-color: #8c9ba4;
}

.mysubscription__info-header--active {
  background-color: #1b669d;
}

.mysubscription__info-header-label {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 1pc;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
}

.mysubscription__details {
  padding: 24px;
}

.mysubscription__entries {
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.mysubscription__entries,
.mysubscription__entry {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.mysubscription__entry-name {
  font-size: 9pt;
  line-height: normal;
  color: #8c9ba4;
}

.mysubscription__entry-data,
.mysubscription__entry-name {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0;
}

.mysubscription__entry-data {
  font-size: 1pc;
  line-height: 24px;
  color: #03374f;
}

.mysubscription__entry-data:not(.card--info) {
  font-weight: 700;
}

.mysubscription__entry-data.card--info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.mysubscription__entry-data .card--type {
  text-transform: capitalize;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.mysubscription__entry-data .card--ending {
  font-weight: 700;
}

.mysubscription__entry-data .type--visa:before {
  background-image: url(clientlib-site/resources/images/Icons_Visa.svg);
}

.mysubscription__entry-data .type--mastercard:before,
.mysubscription__entry-data .type--visa:before {
  content: '';
  display: block;
  width: 30px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}

.mysubscription__entry-data .type--mastercard:before {
  background-image: url(clientlib-site/resources/images/Icons_Mastercard.svg);
}

.mysubscription__cta {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .mysubscription__cta {
    display: block;
  }
}

.mysubscription__expired-text {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.mysubscription__expired-text b {
  font-weight: 600;
}

.mysubscription__expired-text p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0;
}

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

.help_contact .contact,
.help_contact .question {
  margin: 0;
  font-size: 1pc;
  line-height: 24px;
}

.help_contact .phone {
  cursor: pointer;
  text-decoration: underline;
  color: #000;
  opacity: 0.7;
}

.help_contact .availability {
  margin: 1pc 0 0;
  font-size: 9pt;
  line-height: 1pc;
}

.order-summary-shipping .oss-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.order-summary-shipping .oss-header .oss-price,
.order-summary-shipping .oss-header .oss-title {
  font-size: 1pc;
  font-weight: 600;
  margin: 0;
}

.order-summary-shipping .oss-shipping-info-p,
.order-summary-shipping .oss-sub-title {
  font-size: 14px;
  margin: 0;
  line-height: 18px;
}

.order-summary-shipping .oss-shipping-info {
  margin-top: 8px;
}

.order-summary {
  border: 1px solid #8c9ba4;
  border-radius: 8px;
  padding: 1pc;
}

.order-summary.order-summary__mobile {
  width: unset;
}

.order-summary .order-summary__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.order-summary .order-summary__header .order-summary__title {
  font-weight: 600;
  font-size: 24px;
  color: #5a6871;
  margin: 0;
  line-height: 1.2;
}

.order-summary .order-summary__header .order-summary__detail-toogler {
  font-size: 9pt;
  line-height: 1pc;
}

.order-summary .order-summary__header .order-summary__detail-toogler:hover {
  text-decoration: underline;
}

.order-summary .order-summary__divider {
  margin: 1pc 0;
  border: 1px solid #8c9ba4;
  border-top: 0 solid #8c9ba4;
}

.order-summary .order-summary__link {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #384952;
  text-decoration: underline;
  cursor: pointer;
  margin: 1pc 0;
}

.order-summary .order-summary__total {
  font-weight: 700;
  margin: 1pc 0 0;
}

.order-summary-payment .osp__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1pc;
}

.order-summary-payment .osp__row:last-of-type {
  margin-bottom: 0;
}

.order-summary-payment .checkout {
  margin-bottom: 2pc;
}

.order-summary-payment .osp__value {
  text-align: right;
}

.order-summary-payment .osp__title,
.order-summary-payment .osp__value {
  font-size: 1pc;
  line-height: 24px;
}

.order-summary-payment .osp__title.bold,
.order-summary-payment .osp__value.bold {
  font-weight: 700;
}

.order-summary-payment .osp__value {
  white-space: nowrap;
}

.order-summary-payment .osp__savings,
.order-summary-payment .osp__subtitle {
  font-size: 9pt;
  line-height: 1pc;
  margin: 0;
  font-weight: 400;
}

.reset-pass_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4pc 1pc;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .reset-pass_container {
    width: 444px;
    padding: 4pc 0;
  }
}

.reset-pass_container .reset_pass-form {
  width: 315px;
  margin: 0 auto;
}

.reset-pass_container .new-pass-btn {
  width: 100%;
}

.product-comparison-table {
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.product-comparison-table hr {
  margin: 0 -22px;
}

.product-comparison-table .product-list-overlay__item {
  display: none;
  width: 30% !important;
}

.product-comparison-table .product-list-overlay__item.show {
  display: block;
}

.product-comparison-table .product-list-overlay__item .product-list-overlay__img img {
  width: auto !important;
}

.product-comparison-table .header-product {
  margin-top: 4pc;
}

.product-comparison-table .header-product p {
  color: #152934;
  font-size: 22px;
  font-weight: 600;
}

.product-comparison-table .product-list-overlay__link span {
  color: #03374f;
  font-size: 1pc;
}

.product-comparison-table .product-list-overlay__link p {
  color: #000;
  font-size: 14px;
}

.product-comparison-table .product-list-overlay__link:hover {
  color: #03374f;
}

.product-comparison-table .see-more {
  background: #03374f !important;
  border-radius: 40px;
  font-size: 14px !important;
  line-height: 2pc;
  margin-top: 24px;
  min-width: unset !important;
  padding: 4px 1pc;
  width: auto !important;
}

.product-carousel.comparison {
  background: #f1f3f7;
}

.product-carousel.comparison .product-carousel__container {
  margin: 0 auto;
  max-width: 946px;
}

.product-carousel.comparison .product-carousel__slide {
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 8px;
  opacity: 1;
  width: 15%;
}

.product-carousel.comparison .product-carousel__slide .container {
  background: none !important;
  margin: 0 -20px;
}

.product-carousel.comparison .product-carousel__slide.product-selected {
  background-color: #fff;
}

.product-carousel.comparison .product-carousel__dots {
  display: none;
}

.round {
  position: relative;
}

.round label {
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  margin: 8px;
  position: absolute;
  top: 0;
  width: 20px;
}

.round label:after {
  height: 3px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: -1px;
  -webkit-transform: none;
  transform: none;
  width: 8px;
}

.product-selected .round label:after {
  border: 0;
  color: #66bb6a;
  content: '\D7';
}

.round input[type='checkbox'] {
  visibility: hidden;
}

.product-selected .round label {
  background-color: #fff;
  border-color: #66bb6a;
}

.product-selected .round label:after {
  opacity: 1;
}

.center {
  text-align: center;
}

.comparison {
  padding-top: 4pc;
}

.comparison .product-carousel__container {
  margin-top: 4pc !important;
}

.comparison h1 {
  color: #03374f;
  font-size: 3pc;
}

.comparison h2 {
  color: #000;
  font-size: 18px;
  margin: 10px 0;
}

.comparison .product-list-overlay__link:hover {
  color: #000;
}

.comparison .disabled-product {
  opacity: 0.5 !important;
  pointer-events: none;
}

.comparison .product-list-overlay__link span {
  color: #03374f;
  font-size: 14px;
}

#compare {
  margin: 4pc 0;
  width: 190px !important;
}

.feature_name .title {
  color: #000;
  font-size: 2pc;
  font-weight: 600;
}

.feature_name .sub-title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.see-more {
  background: #03374f !important;
  border-radius: 40px;
  cursor: pointer;
  font-size: 14px !important;
  line-height: 2pc;
  margin-top: 24px;
  min-width: unset !important;
  padding: 4px 1pc;
  width: auto !important;
}

.diasbled {
  opacity: 0.5;
  pointer-events: none;
}

.see-more-line {
  margin-left: 75pt !important;
  margin-right: 75pt !important;
  margin-top: 20px !important;
}

.empty-box {
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dfe3e6;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  height: 223px;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 50px;
  padding: 20px;
  position: absolute;
  right: 10%;
  text-align: center;
  top: 0;
  width: 165px;
}

@media screen and (max-width: 480px) {
  .product-carousel.comparison .product-carousel__slide {
    width: 46%;
  }

  #empty {
    display: none !important;
  }
}

.properties {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.product-list-overlay__item .feature:nth-child(3) {
  height: 25pc;
}

.product-list-overlay__item .feature:nth-child(4) {
  height: 250px;
}

.product-list-overlay__item .feature:nth-child(5) {
  height: 300px;
}

.pc__side-to-side {
  padding: 1pc 0;
}

@media screen and (min-width: 768px) {
  .pc__side-to-side {
    padding: 2pc 1pc;
  }
}

@media screen and (min-width: 1200px) {
  .pc__side-to-side {
    padding: 2pc 8pc;
  }
}

.pc__side-to-side .pc__section {
  display: -ms-flexbox;
  display: flex;
}

.pc__side-to-side .pc__section .pc__col {
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0 1pc;
}

.pc__side-to-side .pc__table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.pc__side-to-side .pc__table .pc__table-row-accordion {
  border: none;
  padding: 0;
}

.pc__side-to-side .pc__table .pc__table-row-accordion .pc__table-row:last-child {
  border: none;
}

.pc__side-to-side .pc__table .pc__table-row-accordion .pc__table-row-accordion__heading {
  background-color: #f1f3f7;
  padding: 8px;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pc__side-to-side
  .pc__table
  .pc__table-row-accordion
  .pc__table-row-accordion__heading
  .pc__table-row-accordion__heading-text {
  color: #5a6871;
}

.pc__side-to-side
  .pc__table
  .pc__table-row-accordion
  .pc__table-row-accordion__heading
  .pc__table-row-accordion__heading-icon {
  -webkit-transition: 0.24s ease;
  transition: 0.24s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.pc__side-to-side
  .pc__table
  .pc__table-row-accordion
  .pc__table-row-accordion__heading
  .pc__table-row-accordion__heading-icon
  i {
  font-size: 24px;
}

.pc__side-to-side
  .pc__table
  .pc__table-row-accordion
  .pc__table-row-accordion__heading
  .pc__table-row-accordion__heading-icon--open {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pc__side-to-side .pc__table .pc__table-row {
  text-align: center;
  border-bottom: 1px solid #dfe3e6;
}

.pc__side-to-side .pc__table .pc__table-row.pc__table-row-description {
  border-bottom: none;
}

.pc__side-to-side .pc__table .pc__table-row:first-child {
  border-top: 1px solid #dfe3e6;
}

.pc__side-to-side .pc__table .pc__table-row .pc__table-col {
  position: relative;
  min-width: 33.33333%;
  max-width: 33.33333%;
  padding: 1pc 8px;
}

.pc__side-to-side .pc__table .pc__table-row .pc__table-col i {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .pc__side-to-side .pc__table .pc__table-row .pc__table-col {
    min-width: 50%;
    max-width: 50%;
  }
}

.pc__side-to-side .pc__table .pc__table-row .pc__table-col .pc-td__value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  color: #03374f;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}

.pc__side-to-side .pc__table .pc__table-row .pc__table-col .pc-td__characteristic {
  color: #5a6871;
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: normal;
}

@media screen and (max-width: 767px) {
  .pc__side-to-side .pc__table .pc__table-row .pc__table-col .pc-td__characteristic {
    text-align: center;
  }
}

.pct-generic-info {
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4pc;
}

.pct-generic-info,
.pct-generic-info .pct-generic-info__top-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pct-generic-info .pct-generic-info__top-info {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .pct-generic-info .pct-generic-info__top-info {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.pct-generic-info .pct-generic-info__image-wrapper {
  width: 100%;
  height: 140px;
}

.pct-generic-info .pct-generic-info__image-wrapper .lazyload-wrapper {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.pct-generic-info .pct-generic-info__image-wrapper .lazyload-wrapper .pct-generic-info__image {
  max-height: 90pt;
  -o-object-fit: contain;
  object-fit: contain;
}

.pct-generic-info .pct-generic-info__selection {
  width: 100%;
}

.pct-generic-info .pct-generic-info__title {
  margin: 1pc 0 0;
  font-size: 14px;
  font-weight: 700;
  color: #03374f;
  background: #f1f3f7;
  padding: 8px 1pc;
  width: 100%;
}

.pct-generic-info .pct-generic-info__subtitle {
  color: #5a6871;
  padding: 8px 24px;
  font-size: 14px;
  text-align: center;
  height: 4pc;
}

@media screen and (max-width: 991px) {
  .pct-generic-info .pct-generic-info__subtitle {
    height: 84px;
  }
}

@media screen and (max-width: 767px) {
  .pct-generic-info .pct-generic-info__subtitle {
    height: 78pt;
  }
}

.pct-generic-info .pct-generic-info__price {
  font-weight: 700 !important;
  color: #03374f;
  margin: 8px 0;
  text-align: center;
}

.pct-generic-info .pct-generic-info__button {
  line-height: 24px !important;
  width: auto;
  text-decoration: none;
  min-width: 123px;
}

.pct-generic-info .pct-generic-info__learn-more {
  padding: 8px 24px;
}

.pct-generic-info .pct-generic-info__select-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .pct-generic-info .pct-generic-info__select-wrapper {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .pct-generic-info .pct-generic-info__select-wrapper .pct-generic-info__image-wrapper,
  .pct-generic-info .pct-generic-info__select-wrapper .pct-generic-info__select-banner {
    margin-top: 8px;
  }
}

.pct-generic-info .pct-generic-info__select-banner {
  height: 140px;
  width: 100%;
  background-color: #f1f3f7;
}

.pct-generic-info .pct-generic-info__select {
  margin: 1pc 0 0;
  width: 100%;
}

.pct-generic-info .pct-generic-info__select:has(.pct-generic-info__select-el) {
  position: relative;
}

.pct-generic-info .pct-generic-info__select:has(.pct-generic-info__select-el):after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 22px;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(1.78%, #f1f3f7),
    color-stop(127.3%, rgba(241, 243, 247, 0))
  );
  background: linear-gradient(270deg, #f1f3f7 1.78%, rgba(241, 243, 247, 0) 127.3%);
  z-index: 30;
  right: 36px;
  pointer-events: none;
}

.pct-generic-info .pct-generic-info__select .pct-generic-info__select-el,
.pct-generic-info .pct-generic-info__select .pct-generic-info__select-name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  color: #03374f;
  border: none;
  width: 100%;
  padding: 8px 1pc;
}

.pct-generic-info .pct-generic-info__select .pct-generic-info__select-el:disabled,
.pct-generic-info .pct-generic-info__select .pct-generic-info__select-name:disabled {
  -webkit-appearance: none;
}

.pct-generic-info .pct-generic-info__select .pct-generic-info__select-el {
  border-radius: 4px;
  -webkit-appearance: none;
  background-color: #f1f3f7;
  background-image: url(../../../etc.clientlibs/arlo/clientlibs/clientlib-site/resources/icons/Icons_Chevron_Down_Tinted.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 1pc);
  background-position-y: 50%;
  background-size: 1pc;
  outline: none;
  overflow: hidden;
  padding-right: 40px;
}

.pct-generic-info .pct-generic-info__select .pct-generic-info__select-name {
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  text-align: center;
}

.product-comparison .pc__products-list {
  padding: 1pc 0;
}

.product-comparison .pc__products-list .pc__title {
  color: #152934;
  font-size: 2pc;
  font-weight: 700;
  line-height: 40.22px;
  text-align: center;
  margin: 0;
}

.product-comparison .pc__products-list .pc__subtitle {
  font-size: 18px;
  text-align: center;
  margin: 0;
}

.product-comparison .pc__products-list .pc__compareBtn {
  display: block;
  margin: 4pc auto 0;
  line-height: inherit !important;
}

.technical-specifications {
  background-color: #03374f;
  padding-bottom: 2pc;
  margin: 150px auto 0 0;
  padding-top: 1px;
}

.technical-specifications.no-margin {
  margin-top: 0;
}

.technical-specifications .image {
  max-width: calc(100% - 60px);
  margin: -150px auto 0;
}

@media screen and (max-width: 767px) {
  .technical-specifications .image {
    margin: -75pt auto 0;
  }
}

.technical-specifications .title {
  padding-top: 1pc;
  color: #fff;
  margin: 0;
}

.technical-specifications .description {
  color: #fff;
}

.technical-specifications .inner-container {
  margin: 0 auto;
  max-width: calc(100% - 60px);
}

@media screen and (min-width: 992px) {
  .technical-specifications .inner-container {
    max-width: calc(100% - 428px);
  }
}

.technical-specifications .collapsible {
  border: 1px solid #fff;
  border-radius: 10px;
  margin-top: 2pc;
  padding: 8px 1pc;
}

@media screen and (min-width: 992px) {
  .technical-specifications .collapsible {
    padding: 1pc 2pc;
  }
}

.technical-specifications .collapsible-title {
  color: #fff;
  margin: 0;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}

.technical-specifications .collapsible-title.collapsible-open:before {
  -webkit-transform: rotate(90deg) translate(-8px, 8px);
  transform: rotate(90deg) translate(-8px, 8px);
}

.technical-specifications .collapsible-title:before {
  content: '';
  height: 1pc;
  outline: 1px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-8px, -8px);
  transform: translate(-8px, -8px);
}

.technical-specifications .collapsible-title:after {
  content: '';
  width: 1pc;
  outline: 1px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
}

.technical-specifications .collapsible-content {
  display: none;
}

.technical-specifications .collapsible-content.collapsible-open {
  display: block;
}

.technical-specifications .section-title {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  border-top: 1px solid #fff;
  padding-top: 1pc;
  margin-top: 1pc;
  margin-bottom: 8px;
}

.technical-specifications .section-title:first-child {
  margin-top: 0;
  border-top: none;
}

.technical-specifications .section-inline-data {
  color: #fff;
  padding: 0 0 8px;
}

@media screen and (min-width: 768px) {
  .technical-specifications .section-inline-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .technical-specifications .section-inline-data :nth-child(2) {
    text-align: right;
  }
}

.technical-specifications .section-inline-data div:first-child {
  margin-right: 20px;
}

.text-image-product {
  position: relative;
}

@media screen and (max-width: 767px) {
  .text-image-product {
    background: #152934;
  }
}

.textimagevideo2 {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.textimagevideo2.half-img-text-right .arrow__link {
  color: #fff !important;
}

@media screen and (min-width: 768px) {
  .textimagevideo2.half-img-text-right .text-image__text-col {
    -ms-flex-order: 2;
    order: 2;
  }
}

.textimagevideo2.half-img-text-right > .reverse-sm {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .textimagevideo2.half-img-text-right > .reverse-sm {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
    padding: 0;
  }
}

.textimagevideo2 .text-image__text-col > div:first-child > :first-child {
  color: #fff;
}

.textimagevideo2 .text-image__image-col img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .textimagevideo2 .text-image__image-col {
    height: 100%;
  }

  .textimagevideo2 .text-image__image-col img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 3/4;
  }
}

@media screen and (min-width: 992px) {
  .textimagevideo2 .text-image__image-col img {
    aspect-ratio: unset;
  }
}

.icon-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f3f7;
  padding: 2pc 2pc 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .icon-bar {
    padding: 2pc;
  }
}

.icon-bar .icon-bar-item {
  width: 50%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .icon-bar .icon-bar-item {
    margin: 0 4pc;
    width: auto;
  }
}

.icon-bar .icon-bar-item .icon,
.icon-bar .icon-bar-item .icon-bar-text {
  color: #152934;
}

.icon-bar .icon-bar-item .icon {
  font-size: 2pc;
}

.icon-bar .icon-bar-item .icon-bar-text {
  margin: 0 0 2pc;
}

@media screen and (min-width: 768px) {
  .icon-bar .icon-bar-item .icon-bar-text {
    margin: 0;
  }
}

.discover-more {
  overflow: hidden;
}

.discover-more .discover-more__description > * {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .discover-more .discover-more__description > * {
    text-align: left !important;
    font-size: 1pc !important;
  }
}

.discover-more__card {
  border-radius: 10px;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .discover-more__card {
    height: 437px;
    width: 166px;
  }
}

@media screen and (min-width: 992px) {
  .discover-more__card {
    height: 437px;
    width: 13pc;
  }
}

.discover-more .discover-more__link-wrapper {
  text-decoration: none;
}

.discover-more .discover-more__desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .discover-more .discover-more__desktop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
  }
}

.discover-more img {
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (min-width: 768px) {
  .discover-more .discover-more__carousel {
    display: none;
  }
}

.discover-more .discover-more__carousel .splide__track {
  overflow: visible;
}

.discover-more .discover-more__carousel .splide__track .lazyload-wrapper {
  height: 100%;
}

.simple-hero {
  color: #fff;
}

.simple-hero .simple-hero__text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: left;
}

.simple-hero .simple-hero__text h1 {
  color: #fff;
}

.simple-hero .cmp-image__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.snackbar__container {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2pc;
  padding: 8px 9pt;
  background: #03374f;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 11;
}

@media screen and (max-width: 767px) {
  .snackbar__container {
    bottom: 3pc;
    left: 1pc;
    right: 1pc;
  }
}

@media screen and (min-width: 768px) {
  .snackbar__container {
    top: 75pt;
    right: 1pc;
    max-width: 25pc;
  }
}

@media screen and (min-width: 1327px) {
  .snackbar__container {
    right: calc(50vw - 648px);
  }
}

.snackbar__container .snackbar__text {
  -ms-flex: 1 1;
  flex: 1 1;
  margin: 0;
  color: #fff;
}

.snackbar__container .snackbar__btn {
  width: auto;
  font-weight: 500;
}

.divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.divider .divider__line {
  -ms-flex: 1 1;
  flex: 1 1;
  height: 1px;
  border: none;
  border-top: 1px solid #dfe3e6;
}

.divider .divider__text {
  text-align: center;
  margin: 0 10px;
  font-weight: 600;
  font-size: 14px;
}

.promo-code {
  width: 100%;
}

.promo-code .pc__have-coupon,
.promo-code .pc__remove-coupon {
  margin: 0;
  text-decoration: underline;
  color: #384952;
  cursor: pointer;
  font-size: 14px;
}

.promo-code .pc__container {
  position: relative;
  height: 45px;
  width: 100%;
  border: 1px solid #8c9ba4;
  border-radius: 4px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
}

.promo-code .pc__container .pc__input {
  -ms-flex: 1 1;
  flex: 1 1;
  border: 0;
  height: 100%;
  background-color: transparent;
  padding: 0 6px;
}

.promo-code .pc__container .pc__cta {
  border-radius: 0 3px 3px 0;
  width: auto;
  min-width: auto;
  min-height: 0;
  height: 43px;
  padding: 0 14px;
}

.promo-code .pc__message {
  margin: 0;
}

.promo-code .pc__message--warning {
  margin: 0;
  font-size: 9pt;
  color: #dc2800;
}

.promo-code .pc__message--success {
  margin: 0;
  font-size: 9pt;
  color: #48a281;
}

.socialcontainer .post {
  position: relative;
  width: 177.5px;
  height: 177.5px;
}

@media screen and (max-width: 767px) {
  .socialcontainer .post {
    width: 50%;
    height: 0;
    padding-bottom: 50%;
    overflow: visible;
  }
}

.socialcontainer .post__icon {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  z-index: 1;
}

.socialcontainer .post .cmp-image {
  width: 100%;
  height: 100%;
}

.socialcontainer .post .cmp-image .cmp-image__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .socialcontainer .post .cmp-image .cmp-image__image {
    position: absolute;
  }
}

.socialcontainer .title {
  width: 100%;
}

.socialcontainer .cmp-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 92px 0 93pt;
}

@media screen and (max-width: 767px) {
  .socialcontainer .cmp-container {
    padding: 20px 0 40px;
  }
}

.cx-common-container .cx-titlebar,
.cx-webchat {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.cx-common-container .cx-titlebar {
  border-style: none !important;
}

.cx-webchat .cx-form {
  padding: 20px 24px 2pc !important;
}

.cx-common-container .cx-titlebar .cx-icon g {
  fill: #3c9;
}

.cx-common-container .cx-titlebar .cx-title {
  font-size: 14px !important;
  line-height: 18px;
  color: #03374f !important;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.cx-widget .cx-form-control {
  height: 45px !important;
  border-radius: 4px !important;
}

.cx-widget .cx-side-button .cx-svg-icon-tone1 {
  fill: #3c9 !important;
}

.cx-webchat .cx-form table td {
  padding: 1pc 0 0 !important;
}

.cx-webchat .cx-form .cx-button-group {
  padding-top: 14px;
}

.cx-webchat .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #3c9;
}

.cx-webchat .cx-buttons-window-control .cx-button-close .cx-svg-icon-tone1,
.cx-webchat .cx-buttons-window-control .cx-button-minimize rect {
  fill: #000 !important;
}

.cx-webchat .cx-form .cx-button-group {
  text-align: center;
}

.cx-webchat .cx-form .cx-button-group .cx-submit {
  float: none;
  background: #03374f !important;
  border-color: #03374f !important;
  border-radius: 40px;
  width: 100%;
  height: 44px;
  font-weight: 400;
  font-size: 14px;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.cx-webchat .cx-form .cx-button-group > :not(.cx-submit) {
  display: none;
}

.cx-footer {
  display: none !important;
}

.cx-body .cx-form-inputs th {
  display: none;
}

.cx-body .cx-form-inputs input {
  border-color: #8c9ba4 !important;
}

.cx-body .cx-form-inputs input::-webkit-input-placeholder {
  color: #000 !important;
}

.cx-body .cx-form-inputs input::-moz-placeholder {
  color: #000 !important;
}

.cx-body .cx-form-inputs input::-ms-input-placeholder {
  color: #000 !important;
}

.cx-body .cx-form-inputs input::placeholder {
  color: #000 !important;
}

.cx-body .cx-webchat-smokescreen {
  background-color: rgba(91, 91, 91, 0.75) !important;
}

.cx-body .cx-chat-close,
.cx-body .cx-chat-end {
  background-color: #fff !important;
}

.cx-webchat .cx-alert > .cx-wrapper {
  margin: 0 !important;
  border: none !important;
}

.cx-body .cx-chat-close .cx-buttons-binary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cx-body .cx-chat-close .cx-buttons-binary .cx-close-cancel {
  background: #fff;
  border-radius: 40px;
  height: 44px;
  color: #03374f;
  border-color: #03374f !important;
  margin-bottom: 1pc;
}

.cx-body .cx-chat-close .cx-buttons-binary .cx-close-confirm {
  background: #03374f;
  border-radius: 40px;
  border-color: #03374f !important;
  height: 44px;
}

.cx-body .cx-chat-end .cx-buttons-binary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cx-body .cx-chat-end .cx-buttons-binary .cx-end-cancel {
  background: #fff;
  border-radius: 40px;
  height: 44px;
  color: #03374f;
  border-color: #03374f !important;
  margin-bottom: 1pc;
}

.cx-body .cx-chat-end .cx-buttons-binary .cx-end-confirm {
  background: #03374f;
  border-radius: 40px;
  border-color: #03374f !important;
  height: 44px;
}

.cx-body .cx-wrapper p {
  font-size: 18px;
  line-height: 23px;
}

.cx-body .cx-Bot .cx-bubble {
  background-color: #dfe3e6 !important;
}

.cx-body .cx-Bot .cx-bubble-arrow svg * {
  fill: #dfe3e6 !important;
}

.cx-body .cx-Bot .cx-quick-reply {
  color: #131313 !important;
  background-color: #fff !important;
  border: 1px solid #03374f !important;
}

.cx-body .cx-Bot .cx-quick-reply:hover,
.cx-body .cx-you .cx-bubble {
  color: #fff !important;
  background-color: #03374f !important;
}

.cx-body .cx-you .cx-bubble .cx-name {
  color: #fff !important;
}

.cx-body .cx-input-container .cx-send svg * {
  fill: #03374f !important;
}

.cx-widget .cx-side-button-group {
  top: auto !important;
  bottom: 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  right: 4% !important;
}

.cx-widget.cx-webchat-chat-button > span {
  margin-bottom: 0 !important;
}

.cx-body .cx-form-inputs .genesys-consent__error-message {
  color: #e4051f !important;
}

.cx-body .cx-form-inputs .genesys-consent__error-input {
  display: none !important;
}

.cx-body .cx-form-inputs .cx_webchat_form_privacy_consent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cx-body .cx-form-inputs .cx_webchat_form_privacy_consent input {
  height: auto !important;
}

.cx-body .cx-form-inputs .cx_webchat_form_privacy_consent label {
  font-size: 0.7em;
  font-weight: 500;
}

.titletextcta {
  color: #152934;
  padding: 0;
}

.cmp-theme__dark,
.cmp-theme__dark-blue,
.cmp-theme__grey,
.cmp-theme__secure-blue,
.cmp-theme__verisure-red {
  padding: 42px;
}

@media screen and (max-width: 767px) {
  .cmp-theme__dark,
  .cmp-theme__dark-blue,
  .cmp-theme__grey,
  .cmp-theme__secure-blue,
  .cmp-theme__verisure-red {
    padding: 24px;
  }
}

.cmp-theme__dark {
  background-color: #02374f;
}

.cmp-theme__dark-blue {
  background-color: #152934;
}

.cmp-theme__grey {
  background-color: #e8ebed;
}

.cmp-theme__secure-blue {
  background-color: #1b669d;
}

.cmp-theme__verisure-red {
  background-color: #ed1c2c;
}

.cmp-theme__dark-blue h1,
.cmp-theme__dark-blue h2,
.cmp-theme__dark-blue h3,
.cmp-theme__dark-blue h4,
.cmp-theme__dark-blue h5,
.cmp-theme__dark-blue h6,
.cmp-theme__dark-blue p,
.cmp-theme__dark h1,
.cmp-theme__dark h2,
.cmp-theme__dark h3,
.cmp-theme__dark h4,
.cmp-theme__dark h5,
.cmp-theme__dark h6,
.cmp-theme__dark p,
.cmp-theme__secure-blue h1,
.cmp-theme__secure-blue h2,
.cmp-theme__secure-blue h3,
.cmp-theme__secure-blue h4,
.cmp-theme__secure-blue h5,
.cmp-theme__secure-blue h6,
.cmp-theme__secure-blue p,
.cmp-theme__verisure-red h1,
.cmp-theme__verisure-red h2,
.cmp-theme__verisure-red h3,
.cmp-theme__verisure-red h4,
.cmp-theme__verisure-red h5,
.cmp-theme__verisure-red h6,
.cmp-theme__verisure-red p {
  color: #fff !important;
}

.vertical-alignment__top {
  position: relative;
  bottom: 7px;
}

.vertical-alignment__bottom {
  position: relative;
  top: 15px;
}

.faqs {
  --customLeft: 0;
  --footerWidth: 1280px;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr;
  padding: 30px 0;
  position: relative;
}

.faqs:before {
  content: '';
  background: #f1f3f7;
  position: absolute;
  right: 0;
  left: var(--customLeft);
  top: 0;
  bottom: 0;
  width: var(--footerWidth);
  z-index: -1;
}

@media screen and (min-width: 576px) {
  .faqs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 40px 0;
  }
}

.faqs-title {
  font-weight: 700;
  font-size: 2pc;
  line-height: 40px;
  color: #03374f;
}

.faqs-article {
  background: #fff;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  padding: 27px 1pc;
  overflow: hidden;
}

.faqs__article-title {
  font-weight: 400;
  font-size: 1pc;
  line-height: 24px;
  color: #48a281;
  margin: 0;
  padding-bottom: 1pc;
  text-decoration: none;
}

.faqs__article-title:hover {
  color: #0f6d35;
}

.faqs__article-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #152934;
  margin: 0;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.faqs__article-link {
  margin-top: auto;
  text-decoration: none;
  padding-top: 30px;
}

.faqs__article-link__text {
  font-weight: 700;
  font-size: 1pc;
  line-height: 20px;
  color: #03374f;
  padding-right: 1pc;
  text-transform: uppercase;
}

.faqs__article-link__icon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxbDUgNS01IDUiIHN0cm9rZT0iIzVBNjg3MSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+');
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 9pt;
}

.search-products__carousel {
  margin: 40px 0 5pc;
}

@media screen and (max-width: 767px) {
  .search-products__carousel {
    margin: 20px 0;
  }
}

.search-products__carousel .splide__track {
  padding: 5px;
  overflow: visible;
  z-index: 2;
}

.search-products__carousel .splide__track .lazyload-wrapper {
  height: 100%;
}

.search-products__carousel .splide__slide {
  position: relative;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.search-products__carousel .splide__slide .search-product__image-wrapper {
  height: 251px;
}

@media screen and (max-width: 767px) {
  .search-products__carousel .splide__slide .search-product__image-wrapper {
    height: 200px;
  }
}

.search-products__carousel .splide__slide .search-product__image {
  margin: 0;
  width: 100%;
}

.search-products__carousel .splide__slide .search-product__content {
  padding: 1pc;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .search-products__carousel .splide__slide .search-product__content {
    padding-bottom: 50px;
  }
}

.search-products__carousel .splide__slide .search-product__content .search-product__name {
  font-size: 24px;
  font-weight: 600;
  color: #03374f;
  text-align: center;
  margin: 0;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (max-width: 767px) {
  .search-products__carousel .splide__slide .search-product__content .search-product__name {
    font-size: 20px;
  }
}

.search-products__carousel .splide__slide .search-product__content .search-product__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.search-products__carousel
  .splide__slide
  .search-product__content
  .search-product__actions
  .search-product__learn-more {
  padding: 9pt 24px;
  text-decoration: none;
}

.search-products__carousel
  .splide__slide
  .search-product__content
  .search-product__actions
  .search-product__learn-more:active,
.search-products__carousel
  .splide__slide
  .search-product__content
  .search-product__actions
  .search-product__learn-more:focus {
  color: inherit;
}

.search-products__carousel .splide__slide .search-product__content .search-product__actions .search-product__support {
  color: #03374f;
  font-weight: 600;
  margin-right: 8px;
}

.search-products__carousel
  .splide__slide
  .search-product__content
  .search-product__actions
  .search-product__support:active,
.search-products__carousel
  .splide__slide
  .search-product__content
  .search-product__actions
  .search-product__support:focus {
  color: inherit;
}

@media screen and (max-width: 767px) {
  .search-products__carousel .splide__slide .search-product__content .search-product__actions .search-product__support {
    position: absolute;
    bottom: -2pc;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.search-products__carousel .splide__arrows {
  height: 0;
  width: 0;
}

@media screen and (max-width: 767px) {
  .search-products__carousel .splide__arrows {
    display: none;
  }
}

.search-products__carousel .splide__arrows .splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background: none;
  color: #5a6871;
  cursor: pointer;
}

.search-products__carousel .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 0;
}

.search-products__carousel .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0;
}

.search-products__carousel .splide__arrows .splide__arrow i {
  font-size: 2pc;
  color: inherit;
  font-weight: 700;
}

.search-results__container {
  padding-top: 2pc;
}

.search-results__container .search-results__title {
  color: #152934;
  font-size: 3pc;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.search-results__container .search-results__title .quotes:before {
  content: open-quote;
}

.search-results__container .search-results__title .quotes:after {
  content: close-quote;
}

.search-results__container .search-results__subtitle {
  color: #03374f;
  font-size: 24px;
  font-weight: 700;
  margin: 1pc 0 0;
  line-height: 1.2;
}

.search-results__container .faqs-title {
  margin-bottom: 1pc;
}

@media screen and (max-width: 767px) {
  .search-results__container {
    padding-top: 1pc;
  }

  .search-results__container .search-results__title {
    font-size: 2pc;
  }

  .search-results__container .search-results__subtitle {
    font-size: 24px;
    margin-top: 8px;
  }

  .search-results__container .faqs-title {
    font-size: 24px;
  }
}

.related-products__title {
  font-weight: 700;
  font-size: 2pc;
  line-height: 40px;
  color: #152934;
  margin-top: 0;
}

.products__carousel {
  margin: 0 auto;
}

.products__carousel .splide__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

.products__carousel .splide__track {
  z-index: 2;
  padding-top: 6px;
  padding-bottom: 6px;
}

.products__carousel .splide__arrows {
  height: 0;
  width: 0;
}

@media screen and (max-width: 767px) {
  .products__carousel .splide__arrows {
    display: none;
  }
}

.products__carousel .splide__arrows .splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background: none;
  cursor: pointer;
}

.products__carousel .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -40px;
}

.products__carousel .splide__arrows .splide__arrow.splide__arrow--next {
  right: -40px;
}

.products__carousel .splide__arrows .splide__arrow i {
  font-size: 2pc;
  font-weight: 700;
}

.products__carousel .product__image-wrapper {
  margin: 0 auto;
}

.products__carousel .product__image {
  height: 251px;
}

.products__carousel .product__content {
  padding: 1pc 24px;
  -ms-flex: 1 1;
  flex: 1 1;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.products__carousel .product__price-regular {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #03374f;
  text-align: center;
}

.products__carousel .product__price-discounted {
  font-weight: 400;
  font-size: 9pt;
  line-height: 15px;
  color: #000;
  text-decoration: line-through;
  -webkit-text-decoration-color: #fc0000;
  text-decoration-color: #fc0000;
  text-align: center;
}

.products__carousel .product__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-top: 24px;
}

.products__carousel .product__name {
  padding: 0 20px;
  font-weight: 600;
  font-size: 1pc;
  line-height: 20px;
  text-align: center;
  color: #03374f;
  margin: 0;
  -ms-flex: 1 1;
  flex: 1 1;
}

.products__carousel .product__add-to-cart {
  padding: 9pt 10.5px;
  text-decoration: none;
  min-width: auto;
  line-height: 1 !important;
  max-width: 110px;
}

.products__carousel .product__learn-more {
  font-weight: 600;
  font-size: 1pc;
  line-height: 20px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #03374f;
  max-width: 75pt;
}

@media screen and (max-width: 767px) {
  .products__carousel .product__content {
    padding: 1pc;
  }

  .products__carousel .product__image {
    height: 141px;
  }

  .products__carousel .product__learn-more,
  .products__carousel .product__name {
    font-size: 14px;
    padding: 0;
  }

  .products__carousel .product__price-regular {
    font-size: 1pc;
    line-height: 1.2;
  }

  .products__carousel .product__actions {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    padding-top: 1pc;
  }

  .products__carousel .product__add-to-cart {
    padding: 8px 10.5px;
  }
}

.compatible-accessories {
  max-width: 1405px;
}

.compatible-accessories .compatible-accessories__title {
  font-weight: 700;
  font-size: 2pc;
  line-height: 40px;
  color: #152934;
}

.hero__carousel {
  position: relative;
  height: 93vh;
}

@media screen and (min-width: 768px) {
  .hero__carousel {
    height: 100%;
  }
}

.hero__carousel .splide__track,
.hero__carousel .splide__track .lazyload-wrapper {
  height: 100%;
}

.hero__carousel .splide__arrows {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 40px;
  pointer-events: none;
}

.hero__carousel .splide__arrows.light-theme .splide__arrow {
  color: #152934;
}

.hero__carousel .splide__arrows .splide__arrow {
  border: 0;
  padding: 8px;
  background: transparent;
  font-size: 2pc;
  font-weight: 700;
  color: #f1f3f7;
  cursor: pointer;
  pointer-events: all;
}

.hero__carousel .splide__arrows .splide__arrow:disabled {
  opacity: 0;
  cursor: none;
}

.hero__carousel .splide__arrows .splide__arrow > i {
  font-size: 2pc;
  color: inherit;
  font-weight: 700 !important;
}

.hero__carousel .splide__pagination {
  position: absolute;
  padding: 0;
  width: 100%;
  bottom: 5%;
  gap: 6px;
}

.hero__carousel .splide__pagination .splide__pagination__page {
  padding: 0;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  cursor: pointer;
  border: 0;
  background-color: #384952;
}

.hero__carousel .splide__pagination .splide__pagination__page.is-active {
  background-color: #f1f3f7;
}

.video-icon {
  font-family: icomoon;
  color: #fff;
  font-size: 18px;
}

.range-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 4px;
  background: #ccc;
}

.range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 9pt;
  width: 9pt;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.range-input::-moz-range-thumb {
  height: 9pt;
  width: 9pt;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.current-time,
.video-duration {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.video-container {
  position: relative;
  height: 100%;
}

.video-container .video-wrapper {
  height: 100%;
  display: none;
}

@media screen and (min-width: 768px) {
  .video-container .video-wrapper {
    display: block;
  }
}

.video-container .video-wrapper .video {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-container .video-wrapper .play-pause-btn__wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.video-container .video-wrapper .play-pause-btn__wrapper .play-pause-btn {
  background: rgba(177, 179, 181, 0.35);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 50%;
  border: 0;
  margin: 0 24px;
  color: #fff;
  cursor: pointer;
  padding: 9px 9.5px;
}

.video-container .video-wrapper .play-pause-btn__wrapper .play-pause-btn i {
  font-size: 40px;
}

.video-container .video-wrapper .video-controls {
  width: 96%;
  height: 52px;
  padding: 14px 20px;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: 24px;
  bottom: 22px;
  border-radius: 1pc;
  background: rgba(177, 179, 181, 0.35);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  display: -ms-flexbox;
  display: flex;
}

.video-container .video-wrapper .video-controls__wrapper {
  width: 99%;
  height: inherit;
  position: absolute;
  bottom: -9pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.video-container .video-wrapper .video-controls .video-time-stamp {
  padding: 8px 9pt;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  background: #f1f3f7;
  -webkit-box-shadow: 0 4px 1pc 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 1pc 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  bottom: 36px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-container .video-wrapper .video-controls .play-pause-button {
  font-family: icomoon;
  color: #fff;
  margin-right: 10px;
  width: 22px;
  height: 22px;
}

.video-container .video-wrapper .video-controls .video--played:before {
  content: '\E968';
  color: #fff;
  font-size: 28px;
}

.video-container .video-wrapper .video-controls .video--paused:before {
  content: '\EA1D';
  color: #fff;
  font-size: 20px;
}

.video-container .video-wrapper .video-controls .seek-backward:before {
  content: '\E967';
  margin-right: 10px;
}

.video-container .video-wrapper .video-controls .seek-forward:before {
  content: '\E965';
  margin-right: 10px;
}

.video-container .video-wrapper .video-controls .video-controls__actions {
  position: absolute;
}

.video-container .video-wrapper .video-controls .video-controls__actions .video-volume--high:before {
  content: '\E966';
  font-size: 30px;
}

.video-container .video-wrapper .video-controls .video-controls__actions .video-volume--low:before {
  content: '\E969';
  font-size: 30px;
}

.video-container .video-wrapper .video-controls .video-controls__actions .video-volume--mute:before {
  content: '\EA2A';
  font-size: 18px;
}

.video-container .video-wrapper .video-controls .video-controls__actions .volume-wrapper {
  width: 30px;
  height: 30px;
  text-align: center;
  margin-left: 10px;
  position: relative;
}

.video-container .video-wrapper .video-controls .video-controls__actions input[type='range'] {
  height: 4px;
  -webkit-transform: translate(10%, -50%) rotate(-90deg);
  transform: translate(10%, -50%) rotate(-90deg);
  position: absolute;
  top: -35px;
  left: -27px;
  width: 65px;
}

.video-container .video-wrapper .video-controls .video-controls__actions #video-volume {
  display: block;
  width: 30px;
  height: 30px;
}

.video-container .video-wrapper .video-controls .video-controls__actions--start {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.video-container .video-wrapper .video-controls .video-controls__actions--end {
  right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: self-start;
  align-items: self-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.video-container .video-wrapper .video-controls .progress-bar {
  height: 4px;
  border-radius: 20px;
  background: #fff;
  position: absolute;
  width: calc(100% - 265px);
  top: 10px;
  margin-left: 130px;
}

@media screen and (max-width: 991px) {
  .video-container .video-wrapper .video-controls .progress-bar {
    width: calc(100% - 260px);
    margin-left: 8pc;
  }
}

@media screen and (min-width: 1439px) {
  .video-container .video-wrapper .video-controls .progress-bar {
    width: calc(100% - 230px);
    margin-left: 125px;
  }
}

.video-container .video-mobile-wrapper,
.video-container .video__alt-mobile-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .video-container .video-mobile-wrapper,
  .video-container .video__alt-mobile-image {
    display: none;
  }
}

.video-container .video-mobile-wrapper .video-mobile {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.video-container .video-mobile-wrapper .video-controls {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.video-container .video-mobile-wrapper .video-controls #mobile-play-pause {
  background: rgba(177, 179, 181, 0.35);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  width: 3pc;
  height: 3pc;
  border-radius: 50%;
  border: 0;
  margin: 0 24px;
  font-family: icomoon;
  font-size: 22px;
  color: #fff;
}

.video-container .video-mobile-wrapper .video-controls #mobile-play-pause .seek-backward:before {
  content: '\E967';
}

.video-container .video-mobile-wrapper .video-controls #mobile-play-pause .seek-forward:before {
  content: '\E965';
}

.video-container .video-mobile-wrapper .video-controls .video--played:before {
  content: '\E968';
  color: #fff;
  font-size: 30px;
}

.video-container .video-mobile-wrapper .video-controls .video--paused:before {
  content: '\EA1D';
  color: #fff;
}

@supports (-webkit-touch-callout: none) {
  .video-container .video-mobile-wrapper .video-controls .video--played:before {
    margin-left: -9pt;
  }

  .video-container .video-mobile-wrapper .video-controls .video--paused:before {
    margin-left: -9px;
  }
}

.video-container .video-mobile-wrapper .video-controls .seek-backward,
.video-container .video-mobile-wrapper .video-controls .seek-forward {
  width: 36px;
  height: 36px;
  background: rgba(177, 179, 181, 0.35);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 50%;
  border: 0;
  color: #fff;
}

.video-container .video-mobile-wrapper .progress {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 34px;
  padding: 8px 1pc;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: -0.056px;
  background: rgba(177, 179, 181, 0.35);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.video-container .video-mobile-wrapper .progress .current-time,
.video-container .video-mobile-wrapper .progress .video-duration {
  font-size: 14px;
  height: 18px;
}

.video-container .video-mobile-wrapper .progress input[type='range'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 4px;
  background: #ccc;
}

.video-container .video-mobile-wrapper .progress input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 9pt;
  width: 9pt;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.video-container .video-mobile-wrapper .progress input[type='range']::-moz-range-thumb {
  height: 9pt;
  width: 9pt;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.video-container .video-mobile-wrapper .progress .progress-bar {
  height: 4px;
  position: absolute;
  border-radius: 20px;
  width: calc(100% - 90px);
  background: #fff;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  top: 15px;
  margin: 0 10px 0 29px;
}

.range-input::-webkit-slider-thumb:hover {
  -webkit-box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0.1);
}

.range-input:active::-webkit-slider-thumb,
.range-input:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 13px hsla(0, 0%, 100%, 0.2);
  box-shadow: 0 0 0 13px hsla(0, 0%, 100%, 0.2);
}

.range-input::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0.1);
}

.range-input:active::-moz-range-thumb,
.range-input:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px hsla(0, 0%, 100%, 0.2);
}

.video-react {
  position: relative;
  height: 100%;
}

.video-react__btn {
  border: 1px solid #5a6871;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: #5a6871;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.video-react__btn > i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.parbase video {
  max-width: none;
  height: 100%;
}

.productcardv3,
div[data-g-name='ProductCardV3'] {
  height: 100%;
}

.product-card-v3 {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 2pc;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: #f9f9f9;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}

.product-card-v3__promotion-banner {
  position: absolute;
  right: 24px;
  width: 140px;
  height: 2pc;
  border-radius: 0 0 8px 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding-top: 4px;
  color: #fff;
  text-align: center;
  top: 0;
}

@media screen and (max-width: 767px) {
  .product-card-v3__promotion-banner {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.product-card-v3__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 24px 24px 9pt;
  text-align: center;
}

.product-card-v3__image {
  margin: auto;
  height: 230px;
}

@media screen and (max-width: 767px) {
  .product-card-v3__image {
    height: 211px;
  }
}

.product-card-v3__image-wrapper {
  padding-bottom: 34px;
}

@media screen and (max-width: 767px) {
  .product-card-v3__image-wrapper {
    padding-bottom: 18px;
  }
}

.product-card-v3__name {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #03374f;
  margin: 0;
  padding-bottom: 8px;
}

.product-card-v3__description {
  font-weight: 400;
  font-size: 1pc;
  line-height: 20px;
  color: #03374f;
  padding-bottom: 8px;
  margin: 0;
}

.product-card-v3__color {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}

.product-card-v3__color-btn {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
}

.product-card-v3__color-btn:first-of-type {
  padding-right: 8px;
}

.product-card-v3__color--grey {
  border: 1px solid #8c9ba4;
}

.product-card-v3__color--active {
  border: 3px solid #48a281;
}

.product-card-v3__bottom {
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px 24px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 70px;
  width: 100%;
}

.product-card-v3__bottom__center {
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1199px) {
  .product-card-v3__bottom {
    padding: 0 9pt 24px;
  }
}

.product-card-v3__price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}

.product-card-v3__price__label {
  font-weight: 600;
  font-size: 1pc;
  line-height: 20px;
  color: #03374f;
}

.product-card-v3__price__discounted {
  font-weight: 400;
  font-size: 1pc;
  line-height: 20px;
  color: #03374f;
  text-decoration: line-through;
  -webkit-text-decoration-color: #fc0000;
  text-decoration-color: #fc0000;
}

.product-card-v3__price__final {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #03374f;
}

.product-card-v3__buy-btn {
  background: #03374f;
  border-radius: 40px;
  font-weight: 400;
  font-size: 1pc;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  padding: 8px 56px;
}

@media screen and (max-width: 991px) {
  .product-card-v3__buy-btn {
    padding: 8px 40px;
  }
}

.product-teaser {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2pc;
}

@media screen and (max-width: 767px) {
  .product-teaser {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-teaser__column > * {
  height: 100%;
  contain: content;
}

.product-teaser__column .image > * {
  height: 100%;
}

.product-teaser__column .image > * .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.product-teaser__column div[data-g-name='ProductCardV3'] {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .product-teaser__column div[data-g-name='ProductCardV3'] {
    max-width: 29pc;
    margin: 0 auto 20px;
  }
}

.product-teaser .textContent {
  background-color: #152934;
}

.product-teaser .textContent > * {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 36px;
}

@media screen and (max-width: 767px) {
  .product-teaser .textContent > * {
    padding: 36px;
  }
}

.product-teaser .textContent h1,
.product-teaser .textContent h2,
.product-teaser .textContent h3,
.product-teaser .textContent h4,
.product-teaser .textContent h5,
.product-teaser .textContent h6 {
  font-weight: 700;
  font-size: 2pc;
  line-height: 40px;
  color: #f1f3f7;
}

.product-teaser .textContent blockquote,
.product-teaser .textContent p,
.product-teaser .textContent pre {
  font-weight: 400;
  font-size: 1pc;
  line-height: 20px;
  color: #f1f3f7;
}

.product-teaser__column--edit,
.product-teaser__column--edit > * {
  padding: 0 !important;
}

.product-teaser .product-card-v3__color-picker {
  padding-bottom: 0;
}

.product-card-carousel {
  margin: 0 auto;
}

.product-card-carousel .splide__track {
  z-index: 2;
  padding-top: 6px;
  padding-bottom: 6px;
}

@media screen and (max-width: 767px) {
  .product-card-carousel .splide__track {
    margin: 0;
    overflow: visible;
  }
}

.product-card-carousel .splide__track .lazyload-wrapper {
  height: 100%;
}

@media screen and (min-width: 1440px) {
  .product-card-carousel .splide__track {
    margin: 0;
  }
}

.product-card-carousel .splide__slide > *,
.product-card-carousel .splide__slide > * > *,
.product-card-carousel .splide__slide > * > * > * {
  height: 100%;
}

.product-card-carousel .splide__arrows {
  display: none;
}

.product-card-carousel .splide__arrows.product-card-carousel__arrows {
  height: 0;
  width: 0;
  display: block;
}

.product-card-carousel .splide__arrows.product-card-carousel__arrows .splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background: none;
  cursor: pointer;
}

.product-card-carousel .splide__arrows.product-card-carousel__arrows .splide__arrow.splide__arrow--prev {
  left: 0;
}

.product-card-carousel .splide__arrows.product-card-carousel__arrows .splide__arrow.splide__arrow--next {
  right: 0;
}

@media screen and (min-width: 1440px) {
  .product-card-carousel .splide__arrows.product-card-carousel__arrows .splide__arrow.splide__arrow--prev {
    left: -40px;
  }

  .product-card-carousel .splide__arrows.product-card-carousel__arrows .splide__arrow.splide__arrow--next {
    right: -40px;
  }
}

@media screen and (min-width: 1200px) {
  .u-full-bleed
    .product-card-carousel
    .splide__arrows.product-card-carousel__arrows
    .splide__arrow.splide__arrow--prev {
    left: 30px;
  }

  .u-full-bleed
    .product-card-carousel
    .splide__arrows.product-card-carousel__arrows
    .splide__arrow.splide__arrow--next {
    right: 30px;
  }
}

@media screen and (min-width: 1440px) {
  .u-full-bleed
    .product-card-carousel
    .splide__arrows.product-card-carousel__arrows
    .splide__arrow.splide__arrow--prev {
    left: 25px;
  }

  .u-full-bleed
    .product-card-carousel
    .splide__arrows.product-card-carousel__arrows
    .splide__arrow.splide__arrow--next {
    right: 25px;
  }
}

.customer-support__header p {
  color: #384952;
}

.customer-support__header--support-options,
.customer-support__header--user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.customer-support__header--user {
  padding: 50px 0;
}

@media screen and (min-width: 992px) {
  .customer-support__header--user {
    padding: 50px 2pc;
  }
}

.customer-support__header--user .logout-link,
.customer-support__header--user .subscription-text {
  margin-top: 14px;
}

.customer-support__header--user .subscription-text:first-letter {
  text-transform: uppercase;
}

.customer-support__header .description {
  margin-top: 9pt;
}

.customer-support__header--support-options {
  background: linear-gradient(116deg, #f6f7f7 34.99%, #eef0f2 95.18%);
  padding: 50px 20px;
}

@media screen and (min-width: 992px) {
  .customer-support__header--support-options {
    padding: 50px;
  }
}

.customer-support__header--support-options .support-options__title {
  font-size: 28px;
  line-height: normal;
  font-weight: 700;
}

.customer-support__header--support-options .support-options__bot,
.customer-support__header--support-options .support-options__chat,
.customer-support__header--support-options .support-options__live-chat,
.customer-support__header--support-options .support-options__phone {
  margin-top: 28px;
}

.customer-support__header--support-options .support-options__bot .description .contact-number,
.customer-support__header--support-options .support-options__bot .label,
.customer-support__header--support-options .support-options__chat .description .contact-number,
.customer-support__header--support-options .support-options__chat .label,
.customer-support__header--support-options .support-options__live-chat .description .contact-number,
.customer-support__header--support-options .support-options__live-chat .label,
.customer-support__header--support-options .support-options__phone .description .contact-number,
.customer-support__header--support-options .support-options__phone .label {
  font-weight: 600;
}

.customer-support__header--support-options .support-options__bot .description .country-dropdown,
.customer-support__header--support-options .support-options__chat .description .country-dropdown,
.customer-support__header--support-options .support-options__live-chat .description .country-dropdown,
.customer-support__header--support-options .support-options__phone .description .country-dropdown {
  background-color: transparent;
  border: 1px solid #dfe3e6;
  border-radius: 4px;
  font-weight: 600;
  color: inherit;
  cursor: pointer;
  padding: 7px 9pt;
  width: 155px;
  margin-top: 18px;
}

@media screen and (min-width: 576px) {
  .customer-support__header--support-options .support-options__bot .description .country-dropdown,
  .customer-support__header--support-options .support-options__chat .description .country-dropdown,
  .customer-support__header--support-options .support-options__live-chat .description .country-dropdown,
  .customer-support__header--support-options .support-options__phone .description .country-dropdown {
    margin-left: 9pt;
    margin-top: 0;
    width: 185px;
  }
}

.customer-support__header--support-options .support-options__bot .description .contact-number,
.customer-support__header--support-options .support-options__chat .description .contact-number,
.customer-support__header--support-options .support-options__live-chat .description .contact-number,
.customer-support__header--support-options .support-options__phone .description .contact-number {
  margin-left: 9pt;
}

@media screen and (min-width: 576px) {
  .customer-support__header--support-options .support-options__bot .description .contact-number,
  .customer-support__header--support-options .support-options__chat .description .contact-number,
  .customer-support__header--support-options .support-options__live-chat .description .contact-number,
  .customer-support__header--support-options .support-options__phone .description .contact-number {
    margin-left: 10px;
  }
}

.customer-support__header--support-options .support-options__find-more {
  margin-top: 9pt;
}

.customer-support__header .link {
  display: block;
  text-decoration: underline;
  color: #172e3c;
  margin-top: 10px;
  cursor: pointer;
}

.customer-support__header .logout-link {
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: none;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 1pc;
  line-height: 24px;
}

.customer-support__header .text-disabled {
  opacity: 0.6;
}

.customer-support__header .icon-label {
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: text-bottom;
}

.customer-support__header #customer__email,
.customer-support__header #customer__last__name {
  display: none;
}

.customer-support-overview-container {
  margin-bottom: 50px;
}

.customer-support-overview-container * {
  margin: 0;
}

.customer-support-overview-container .customer-support__header {
  margin-bottom: 2pc;
}

.icon-logout {
  background-image: url(clientlib-site/resources/images/Icons_log-out.svg);
}

.icon-chat-v2 {
  background-image: url(clientlib-site/resources/images/Icons_chat_v2.svg);
}

.icon-mobile-phone {
  background-image: url(clientlib-site/resources/images/Icons_smartphone.svg);
}

.customerSupportOverview .customer-support_faq-section .arlo_title h1 {
  font-size: 2pc;
  font-weight: 700;
  line-height: normal;
}

.simple-teaser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: relative;
  top: 0;
}

.simple-teaser .cmp-image {
  overflow: hidden;
}

.simple-teaser .cmp-image:hover .cmp-image__image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.simple-teaser .cmp-image__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1;
  -webkit-transition: -webkit-transform 0.4s ease-in;
  transition: -webkit-transform 0.4s ease-in;
  transition: transform 0.4s ease-in;
  transition:
    transform 0.4s ease-in,
    -webkit-transform 0.4s ease-in;
}

.simple-teaser > div {
  height: 100%;
}

.simple-teaser__text {
  color: #152934;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
}

.title-color--white .simple-teaser__text {
  color: #fff;
}

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

.text-align--left .simple-teaser__text {
  text-align: left;
  padding-left: 28px;
}

.background--grey .simple-teaser {
  background-color: #f9f9f9;
  padding: 28px;
}

.background--grey .simple-teaser .cmp-image {
  height: auto;
  margin-bottom: 53px;
}

.background--white .simple-teaser {
  background-color: #fff;
  padding: 28px;
}

.background--white .simple-teaser .cmp-image {
  height: auto;
  margin-bottom: 53px;
}

.hard-entitlement-login,
.hardEntitlementLogin {
  height: 100%;
}

.he-form__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3pc 90px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(-2.69%, #132e48),
    color-stop(102.93%, #112736)
  );
  background: linear-gradient(180deg, #132e48 -2.69%, #112736 102.93%);
  height: 100%;
}

.he-form__container .he-login__header .dh-title {
  color: #fff;
  font-size: 28px !important;
  font-style: normal;
  line-height: normal;
  margin-bottom: 20px;
}

.he-form__container .he-login__header .dh-subtitle {
  color: #f1f3f7;
  font-size: 1pc !important;
  font-style: normal;
  line-height: 23px !important;
  margin-bottom: 24px;
}

.he-form__container .he-login__form .he-login__form-error {
  color: #ff8a71;
  font-family: Source Sans Pro;
  font-size: 1pc;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}

.form-field .form-field__control .he-form__container .he-login__form .form-field__select,
.he-form__container .he-login__form .form-field .form-field__control .form-field__select,
.he-form__container .he-login__form .form-field__input {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(-2.69%, #132e48),
    color-stop(102.93%, #112736)
  );
  background: linear-gradient(180deg, #132e48 -2.69%, #112736 102.93%);
  color: #fff;
  border-radius: 4px;
  border: 0.8px solid #d4d4d4;
}

.he-form__container .he-login__form input:-webkit-autofill,
.he-form__container .he-login__form input:-webkit-autofill:focus {
  -webkit-transition:
    background-color 0s 600000s,
    color 0s 600000s !important;
  transition:
    background-color 0s 600000s,
    color 0s 600000s !important;
}

.he-form__container .he-login__form .password_show_hide {
  color: #fff;
}

.he-form__container .he-login__form .form-field__label {
  color: #fff;
  font-size: 1pc;
  font-weight: 400;
  line-height: normal;
}

.he-form__container .forgot-password__style {
  color: #f1f3f7;
  font-size: 1pc;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .he-form__container {
    padding: 40px 24px;
  }

  .he-form__container .he-login__header .dh-title {
    font-size: 24px !important;
  }

  .he-form__container .he-login__form .he-login__btn {
    padding: 10px 4pc;
  }
}

@media screen and (max-width: 767px) {
  .carouselv2 {
    margin: 0;
    overflow: hidden;
  }
}

.carouselv2 .titletextcta {
  border-radius: 8px;
  background: #f9f9f9;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 300px;
}

.carouselv2 .titletextcta .titletextcta__video-title {
  height: auto;
}

.carouselv2 .titletextcta .titletextcta__video-title p {
  margin-top: 0;
  font-weight: 600;
  font-size: 1pc;
  line-height: 20px;
  color: #03374f;
}

.carouselv2 .titletextcta .titletextcta__video-paragraph {
  height: auto;
}

.carouselv2 .titletextcta .titletextcta__video-link {
  margin-top: auto;
  height: auto;
}

.carouselv2 .image {
  border-radius: 8px;
  background: #f9f9f9;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.carouselv2 .image picture {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.carouselv2 .product-card-v3 {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.carouselv2 .splide__arrow {
  font-size: 28px;
}

.carouselv2 .splide__arrow:disabled {
  display: none;
}

.customer-plans-container {
  margin-top: 50px;
}

.customer-plans-container p {
  margin: 0 0 1pc;
}

.customer-plans-container .customer-plans__header--title {
  color: #152934;
}

.plans-component_container .plans-component__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
}

.plans-component_container .plans-component__header--periodicity {
  margin-top: 1pc;
}

.plans-component_container .plans-component__header--periodicity .payment-label {
  color: #8c9ba4;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}

.plans-component_container .plans-component__header--periodicity .payment-label.checked {
  color: #384952;
}

.plans-component_container .plans-component__header .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
  margin: 0 20px;
}

.plans-component_container .plans-component__header .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.plans-component_container .plans-component__header .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b669d;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.plans-component_container .plans-component__header .slider:before {
  position: absolute;
  content: '';
  height: 1pc;
  width: 1pc;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.plans-component_container .plans-component__header input:checked + .slider {
  background-color: #1b669d;
}

.plans-component_container .plans-component__header input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #1b669d;
  box-shadow: 0 0 1px #1b669d;
}

.plans-component_container .plans-component__header input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  transform: translateX(20px);
}

.plans-component_container .plans-component__header .slider.round {
  border-radius: 34px;
}

.plans-component_container .plans-component__header .slider.round:before {
  border-radius: 50%;
}

.plans-component_container .plans-component__carousel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.plans-component_container .plans-component__carousel .splide:not(.is-overflow) .splide__slide:last-child {
  margin: 0 !important;
}

.plan-card {
  color: #152934;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border: 1px solid #f0f0f0;
  background: #f9f9f9;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
  width: 330px;
  height: 100%;
  padding: 50px 20px 2pc;
}

.plan-card,
.plan-card__aditional-details__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.plan-card__aditional-details__label {
  color: #384952;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 0.8px solid #dfe3e6;
  padding-bottom: 9pt;
  -ms-flex-align: baseline;
  align-items: baseline;
  cursor: pointer;
}

.plan-card__aditional-details .plan-card__aditional-features {
  margin-top: 9pt;
}

.plan-card__button {
  text-decoration: none;
}

.plan-card__button-icon {
  display: inline-block;
  margin-left: 10px;
  width: 18px;
  height: 18px;
}

.plan-card__button-icon:before {
  font-size: 9pt;
}

.plan-card__chip {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 4px;
  border: 1px solid rgba(27, 102, 157, 0.15);
  background: #e7eef4;
  padding: 5px 10px;
  color: #1b669d;
  font-size: 9pt;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  top: 22px;
}

.plan-card__description,
.plan-card__feature {
  font-size: 1pc;
  font-weight: 400;
}

.plan-card__feature {
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  color: #152934;
}

.plan-card__feature [class*=' arlo-icon-'],
.plan-card__feature [class^='arlo-icon-'] {
  color: #1b669d;
}

.plan-card__aditional-features,
.plan-card__features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 9pt;
}

.plan-card__price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-top: 20px;
}

.plan-card__price .plan-card__period {
  font-size: 9pt;
  font-weight: 400;
}

.plan-card__promo-chip {
  border-radius: 0 0 8px 8px;
  padding: 5px 9pt;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 18.477px;
  top: -0.812px;
}

.plan-card__price,
.plan-card__title {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.plan-card__description,
.plan-card__title {
  margin-top: 8px;
  margin-bottom: 0;
}

.plan-card__aditional-details,
.plan-card__button,
.plan-card__features {
  margin-top: 28px;
}

.plan-card.plus-plan {
  background: linear-gradient(195deg, #044787 13.16%, #1b669d 98.1%);
  color: #fff;
}

.plan-card.plus-plan .plan-card__aditional-details__label,
.plan-card.plus-plan .plan-card__feature,
.plan-card.plus-plan .plan-card__feature [class*=' arlo-icon-'],
.plan-card.plus-plan .plan-card__feature [class^='arlo-icon-'],
.plan-card.plus-plan .plan-card__title {
  color: #fff;
}

.heroSlide {
  height: 100%;
}

.heroSlide > div {
  position: relative;
  height: 100%;
}

.heroSlide .cmp-image:before,
.heroSlide .video-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .heroSlide .cmp-image:before,
  .heroSlide .video-container:before {
    content: none;
  }
}

.heroSlide .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.heroSlide.light-theme .hero-slide__overlay {
  color: #152934;
}

.heroSlide .hero-slide__overlay {
  height: auto;
  position: absolute;
  max-width: 34pc;
  left: 110px;
  top: 14%;
  color: #f1f3f7;
  font-family: Source Sans Pro;
  font-style: normal;
  text-align: left;
}

.heroSlide .hero-slide__overlay .hero-slide__overlay-title {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .heroSlide .hero-slide__overlay .hero-slide__overlay-title {
    font-size: 2pc;
    line-height: 40px;
    font-weight: 700;
    font-family:
      Source Sans Pro,
      Lato-Light,
      Helvetica,
      Arial,
      sans-serif !important;
  }
}

.heroSlide .hero-slide__overlay .hero-slide__overlay-text {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .heroSlide .hero-slide__overlay .hero-slide__overlay-text {
    font-size: 1pc;
    line-height: 24px;
    font-weight: 400;
  }
}

.heroSlide .hero-slide__overlay p {
  font-family: Source Sans Pro !important;
  margin: 0;
}

.heroSlide .hero-slide__overlay .hero-slide__overlay-text > p {
  margin: 24px 0 18px;
}

.heroSlide .hero-slide__overlay div > div > a {
  margin-top: 14px;
  padding: 10px 4pc;
}

@media screen and (max-width: 991px) {
  .heroSlide .hero-slide__overlay {
    padding: 40px 10px;
    leading-trim: both;
    text-edge: cap;
    font-family: Source Sans Pro;
    font-style: normal;
  }

  .heroSlide .hero-slide__overlay .hero-slide__overlay-title {
    font-size: 2pc;
    line-height: 40px;
    font-family:
      Source Sans Pro,
      Lato-Light,
      Helvetica,
      Arial,
      sans-serif !important;
    font-weight: 700;
  }

  .heroSlide .hero-slide__overlay .hero-slide__overlay-text {
    font-size: 1pc;
    line-height: 24px;
    font-weight: 400;
  }

  .heroSlide .hero-slide__overlay-cta {
    padding: 8px 2pc;
    margin-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .heroSlide .hero-slide__overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #f1f3f7;
    padding: 10px 1pc;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-style: normal;
  }

  .heroSlide .hero-slide__overlay .hero-slide__overlay-title {
    font-size: 2pc;
    line-height: 40px;
    font-family:
      Source Sans Pro,
      Lato-Light,
      Helvetica,
      Arial,
      sans-serif !important;
    font-weight: 700;
  }

  .heroSlide .hero-slide__overlay .hero-slide__overlay-text {
    font-size: 1pc;
    line-height: 24px;
    font-weight: 400;
  }

  .heroSlide .hero-slide__overlay-cta {
    padding: 1pc 4pc;
    margin-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .heroSlide.vertical-top-mobile .hero-slide__overlay {
    top: 27%;
    bottom: 40%;
  }

  .heroSlide.vertical-center-mobile .hero-slide__overlay {
    left: 50%;
    top: 50%;
    bottom: unset;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .heroSlide.vertical-bottom-mobile .hero-slide__overlay {
    top: unset;
    bottom: -40px;
  }
}

@media screen and (min-width: 768px) {
  .heroSlide.vertical-top .hero-slide__overlay {
    top: 14%;
  }

  .heroSlide.vertical-center .hero-slide__overlay {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .heroSlide.vertical-bottom .hero-slide__overlay {
    top: unset;
    bottom: 14%;
  }

  .heroSlide.horizontal-left .hero-slide__overlay {
    left: 110px;
  }

  .heroSlide.horizontal-center .hero-slide__overlay {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
  }

  .heroSlide.horizontal-center.vertical-center .hero-slide__overlay {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 992px) {
  .font-size-–small .hero-slide__overlay .hero-slide__overlay-title {
    font-size: 2pc;
    line-height: 40px;
    font-weight: 700;
    font-family:
      Source Sans Pro,
      Lato-Light,
      Helvetica,
      Arial,
      sans-serif !important;
  }

  .font-size-–small .hero-slide__overlay .hero-slide__overlay-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
  }

  .font-size-–medium .hero-slide__overlay .hero-slide__overlay-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
  }

  .font-size-–medium .hero-slide__overlay .hero-slide__overlay-text {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
  }

  .font-size--large .hero-slide__overlay .hero-slide__overlay-title {
    font-size: 3pc;
    line-height: 54px;
    font-weight: 700;
  }

  .font-size--large .hero-slide__overlay .hero-slide__overlay-text {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
  }
}

.product-card-carousel .cq-dd-image {
  height: 75pt;
  width: 200px;
}

.product-card-carousel .cq-dd-container {
  width: 200px;
}

.product-card-carousel .cq-dd-text div {
  height: 50px;
}

.notification-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 6px;
  margin-top: 24px;
}

.notification-box--warning {
  border: 1px solid #e99a22;
  background: #fff8ed;
}

.notification-box--error {
  border: 1px solid #dc2800;
  background: #fff2ef;
}

.notification-box--success {
  border: 1px solid #3c9;
}

.notification-box__label {
  font-weight: 600;
  margin: 0;
}

.notification-box__message {
  font-size: 14px;
  line-height: normal;
  padding: 9pt 9pt 15px;
  font-weight: 400;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  margin: 0 0 0 28px;
}

.notification-box__icon {
  position: absolute;
  left: 9pt;
  top: 9pt;
  font-size: 18px;
  color: #e99a22;
}

.notification-box__icon .arlo-icon-warning:before {
  color: #e99a22;
}

.button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 44px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 75pt;
  font-size: 1pc;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  background: #03374f;
  cursor: pointer;
  border: none;
  min-width: 200px;
  min-height: 44px;
  padding: 0 2pc;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .button {
    padding: 0 24px;
  }
}

.button:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  border: 0;
}

.button:disabled {
  opacity: 0.5;
  cursor: default;
}

.btn__variant--inverted > a {
  background: #fff;
  color: #03374f;
}

.btn__variant--inverted > a:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.btn__variant--inverted > a:disabled {
  opacity: 0.5;
  background: #fff;
  color: #03374f;
  cursor: default;
}

.btn__color--verisure-red > a {
  background: #ed1c2c;
}

.btn__color--verisure-red.btn__variant--inverted > a {
  background: #fff;
  color: #ed1c2c;
}

.btn__color--verisure-red.btn__variant--inverted > a:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.btn__color--verisure-red.btn__variant--inverted > a:disabled {
  opacity: 0.5;
  background: #8c9ba4;
  color: #ed1c2c;
  cursor: default;
}

.btn__color--arlo-pink > a {
  background-color: #fc8ede;
}

.btn__color--arlo-pink.btn__variant--inverted > a {
  background: #fff;
  color: #fc8ede;
}

.btn__color--arlo-pink.btn__variant--inverted > a:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.btn__color--arlo-pink.btn__variant--inverted > a:disabled {
  opacity: 0.5;
  background: #8c9ba4;
  color: #fc8ede;
  cursor: default;
}

.btn__color--arlo-green > a {
  background: #3c9;
}

.btn__color--arlo-green.btn__variant--inverted > a {
  background: #fff;
  color: #3c9;
}

.btn__color--arlo-green.btn__variant--inverted > a:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.btn__color--arlo-green.btn__variant--inverted > a:disabled {
  opacity: 0.5;
  background: #8c9ba4;
  color: #3c9;
  cursor: default;
}

.btn__color--secure-light-blue > a {
  background-color: #1b669d;
}

.btn__color--secure-light-blue.btn__variant--inverted > a {
  background: #fff;
  color: #1b669d;
}

.btn__color--secure-light-blue.btn__variant--inverted > a:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.btn__color--secure-light-blue.btn__variant--inverted > a:disabled {
  opacity: 0.5;
  background: #8c9ba4;
  color: #03374f;
  cursor: default;
}

.btn__color--secondary-filled > a,
.plan-card.plus-plan .plan-card__button,
.secondary-filled {
  border: 1px solid #03374f;
  background: #fff;
  color: #03374f;
}

.btn__color--secondary-filled > a:hover:not([disabled]),
.plan-card.plus-plan .plan-card__button:hover:not([disabled]),
.secondary-filled:hover:not([disabled]) {
  border: 1px solid #a3afb6;
  background: #d1d7da;
}

.btn__color--secondary-filled > a:disabled,
.plan-card.plus-plan .plan-card__button:disabled,
.secondary-filled:disabled {
  border: 1px solid #152934;
  opacity: 0.5;
  background: #fff;
  color: #152934;
  cursor: default;
}

.secondary-outline {
  border: 1px solid #03374f;
  color: #03374f;
  background: transparent;
}

.secondary-outline:hover:not([disabled]) {
  border: 1px solid #a3afb6;
  color: #03374f;
  background: transparent;
}

.secondary-outline:disabled {
  border: 1px solid #152934;
  opacity: 0.45;
  color: #152934;
  cursor: default;
}

.btn__color--secondary-outline > a {
  border: 1px solid #03374f;
  color: #03374f;
  background: transparent;
}

.btn__color--secondary-outline > a:hover:not([disabled]) {
  border: 1px solid #a3afb6;
  color: #03374f;
  background: transparent;
}

.btn__color--secondary-outline > a:disabled {
  border: 1px solid #152934;
  opacity: 0.45;
  color: #152934;
  cursor: default;
}

.btn__color--secondary-outline.btn__variant--inverted > a {
  border: 1px solid #fff;
  color: #fff;
}

.btn__color--secondary-outline.btn__variant--inverted > a:hover:not([disabled]) {
  border: 1px solid #8c9ba4;
  background: transparent;
  color: #fff;
}

.btn__color--secondary-outline.btn__variant--inverted > a:disabled {
  border: 1px solid #fff;
  opacity: 0.45;
  cursor: default;
}

.btn__size--small,
.btn__size--small > a {
  min-width: 90pt;
  min-height: 44px;
  padding: 0 24px;
}

.teaser-product-detail .cmp-teaser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser {
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
  }
}

.teaser-product-detail .cmp-teaser__content {
  background: linear-gradient(278.47deg, #044787 -16.68%, #1b669d 105.25%);
  color: #fff;
  padding: 3pc 1pc;
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser__content {
    width: 50%;
    padding: 60px 3pc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 600px;
  }
}

@media screen and (min-width: 1440px) {
  .teaser-product-detail .cmp-teaser__content {
    min-height: 50pc;
  }
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser__image {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

.teaser-product-detail .cmp-teaser__image--authored .cmp-image:not(.cmp-image--mobile) {
  display: none;
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser__image--authored .cmp-image:not(.cmp-image--mobile) {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser__image--authored .cmp-image.cmp-image--mobile,
  .teaser-product-detail .cmp-teaser__image-mobile {
    display: none;
  }
}

.teaser-product-detail .cmp-teaser .cmp-image__image {
  display: block;
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser .cmp-image__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.teaser-product-detail .cmp-teaser__title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 6px;
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser__title {
    font-size: 2pc;
    line-height: 40px;
  }
}

.teaser-product-detail .cmp-teaser__description {
  color: #fff;
}

.teaser-product-detail .cmp-teaser__description p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 10px;
}

.teaser-product-detail .cmp-teaser__description p:last-of-type {
  margin: 0;
}

.teaser-product-detail .cmp-teaser__features {
  margin-top: 40px;
}

.teaser-product-detail .cmp-teaser__features-title {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
}

.teaser-product-detail .cmp-teaser__feature-item {
  background-color: #074b8a;
  padding: 6px 10px 6px 7px;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border-radius: 75pt;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.teaser-product-detail .cmp-teaser__feature-item:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeT0iLjA1OSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMyA2LjM1NGwtNS41IDUuNS0yLjUtMi41IiBzdHJva2U9IiMwNzRCOEEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
}

.teaser-product-detail .cmp-teaser__feature-item-text {
  font-size: 1pc;
  line-height: 20px;
  margin: 0;
}

.teaser-product-detail .cmp-teaser__features-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.teaser-product-detail .cmp-teaser__price {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 2pc;
  line-height: 40px;
  font-weight: 600;
  margin: 0 0 28px;
}

.teaser-product-detail .cmp-teaser__price--strikethrough {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 5px;
  text-decoration: line-through;
  -webkit-text-decoration-color: #fc0000;
  text-decoration-color: #fc0000;
}

.teaser-product-detail .cmp-teaser__action-container {
  margin-top: 40px;
}

.teaser-product-detail .cmp-teaser__action-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 44px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 75pt;
  text-align: center;
  font-size: 1pc;
  font-weight: 600;
  line-height: 24px;
  color: #1b669d;
  text-decoration: none;
  background-color: #fff;
  cursor: pointer;
  border: none;
  min-width: 200px;
  min-height: 44px;
  padding: 0 24px;
  -webkit-transition:
    background-color 0.15s,
    color 0.15s;
  transition:
    background-color 0.15s,
    color 0.15s;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .teaser-product-detail .cmp-teaser__action-link {
    width: auto;
  }
}

@media screen and (min-width: 992px) {
  .teaser-product-detail .cmp-teaser__action-link {
    padding: 0 2pc;
  }
}

.teaser-product-detail .cmp-teaser__action-link:hover:not([disabled]) {
  background: #d1d7da;
}

@media screen and (min-width: 992px) {
  .product-teaser .teaser-product-detail .cmp-teaser {
    height: 100%;
  }
}

.product-teaser .teaser-product-detail .cmp-teaser__image {
  display: none;
}

.product-teaser .teaser-product-detail .cmp-teaser__content {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .product-teaser .teaser-product-detail .cmp-teaser__content {
    min-height: auto;
  }
}

@media screen and (min-width: 1440px) {
  .product-teaser .teaser-product-detail .cmp-teaser__content {
    min-height: auto;
  }
}

.newsletter-subscription {
  width: 100%;
}

.newsletter-subscription.color--green .cmp-newsletter-subscription__title {
  color: #3c9;
}

.newsletter-subscription.color--green .cmp-newsletter-subscription .button {
  background-color: #3c9;
}

.newsletter-subscription.color--green .cmp-newsletter-subscription .button:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.newsletter-subscription.color--pink .cmp-newsletter-subscription__title {
  color: #fc8ede;
}

.newsletter-subscription.color--pink .cmp-newsletter-subscription .button {
  background-color: #fc8ede;
}

.newsletter-subscription.color--pink .cmp-newsletter-subscription .button:hover:not([disabled]) {
  background: #d1d7da;
  color: #03374f;
}

.cmp-newsletter-subscription {
  background-color: #f1f3f7;
  padding: 30px 1pc;
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .cmp-newsletter-subscription {
    padding: 30px 40px;
  }
}

@media screen and (min-width: 992px) {
  .cmp-newsletter-subscription {
    border-radius: 20px;
    padding: 2pc 28px;
  }
}

.cmp-newsletter-subscription__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 25pc;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .cmp-newsletter-subscription__inner {
    min-height: 315px;
    max-width: 644px;
  }
}

.cmp-newsletter-subscription p {
  font-family:
    Source Sans Pro,
    Lato-Light,
    Helvetica,
    Arial,
    sans-serif !important;
}

.cmp-newsletter-subscription__title {
  margin: 0 0 9pt;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

.cmp-newsletter-subscription__description {
  margin-bottom: 9pt;
}

.cmp-newsletter-subscription__description p {
  margin: 0 0 9pt;
  font-size: 1pc;
  line-height: 20px;
}

.cmp-newsletter-subscription__description p:last-of-type {
  margin: 0;
}

.cmp-newsletter-subscription__features {
  margin: 0 0 9pt;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9pt;
}

.cmp-newsletter-subscription__feature {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.cmp-newsletter-subscription__feature p {
  margin: 0;
  font-size: 1pc;
  line-height: 20px;
}

.cmp-newsletter-subscription__feature:before {
  content: '';
  display: block;
  width: 17px;
  height: 9pt;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNSA1Ljc2Mkw2LjIwMiAxMSAxNS41IDEiIHN0cm9rZT0iIzNDOSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: 4px;
}

.cmp-newsletter-subscription__form {
  margin-bottom: 9pt;
}

.cmp-newsletter-subscription__form-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9pt;
}

@media screen and (min-width: 992px) {
  .cmp-newsletter-subscription__form-inner {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 18px;
  }
}

.cmp-newsletter-subscription__footnote p {
  font-size: 10px;
  line-height: 9pt;
}

@media screen and (min-width: 992px) {
  .cmp-newsletter-subscription__footnote {
    text-align: center;
  }
}

.cmp-newsletter-subscription__input {
  border: 1px solid #8c9ba4;
  border-radius: 75pt;
  padding: 9pt 1pc;
  background-color: #fff;
  font-size: 1pc;
  line-height: 20px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.cmp-newsletter-subscription__error {
  font-size: 14px;
  line-height: normal;
  margin-top: 5px;
  color: #fc0000;
  padding-left: 1pc;
}

.cmp-newsletter-subscription__success-msg {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
  text-align: center;
}

.cmp-newsletter-subscription__submit {
  -ms-flex-item-align: center;
  align-self: center;
}

.u-full-bleed,
.u-full-bleed-padding {
  position: relative;
  width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw + var(--scrollbar-width) / 2);
  margin-right: calc(-50vw + var(--scrollbar-width) / 2);
}

.u-full-bleed-padding {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 767px) {
  .u-full-bleed-padding {
    padding-left: 1pc;
    padding-right: 1pc;
  }
}

.u-fixed-width {
  max-width: 85pc;
  margin-left: auto;
  margin-right: auto;
}

.background-grey {
  background-color: #f9f9f9;
}

.cmp-image,
.cmp-image > picture {
  height: 100%;
}

.adyen-checkout__spinner__wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
}

.adyen-checkout__spinner__wrapper--inline {
  display: inline-block;
  height: auto;
  margin-right: 8px;
}

[dir='rtl'] .adyen-checkout__spinner__wrapper--inline {
  margin-left: 8px;
  margin-right: 0;
}

.adyen-checkout__spinner {
  -webkit-animation: rotateSpinner 1.5s linear infinite;
  animation: rotateSpinner 1.5s linear infinite;
  border-radius: 50%;
  border: 3px solid #0075ff;
  border-top-color: transparent;
  height: 43px;
  width: 43px;
}

.adyen-checkout__spinner--large {
  height: 43px;
  width: 43px;
}

.adyen-checkout__spinner--small {
  border-width: 2px;
  height: 1pc;
  width: 1pc;
}

.adyen-checkout__spinner--medium {
  height: 28px;
  width: 28px;
}

@-webkit-keyframes rotateSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes rotateSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.adyen-checkout__button {
  background: #00112c;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  height: 3pc;
  margin: 0;
  padding: 15px;
  text-decoration: none;
  -webkit-transition:
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    background 0.3s ease-out,
    box-shadow 0.3s ease-out;
  transition:
    background 0.3s ease-out,
    box-shadow 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  width: 100%;
}

.adyen-checkout__button:focus {
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
  outline: 0;
}

.adyen-checkout__button:hover {
  background: #1c3045;
  -webkit-box-shadow:
    0 0,
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14);
  box-shadow:
    0 0,
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14);
}

.adyen-checkout__button:active {
  background: #3a4a5c;
}

.adyen-checkout__button:hover:focus {
  -webkit-box-shadow:
    0 0 0 2px #99c2ff,
    0 3px 4px rgba(0, 15, 45, 0.2);
  box-shadow:
    0 0 0 2px #99c2ff,
    0 3px 4px rgba(0, 15, 45, 0.2);
}

.adyen-checkout__button:disabled,
.adyen-checkout__button:disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.4;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.adyen-checkout__button.adyen-checkout__button--loading {
  background: #687282;
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.adyen-checkout__button.adyen-checkout__button--pay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}

.adyen-checkout__button.adyen-checkout__button--pay:disabled {
  opacity: 0.4;
}

.adyen-checkout__button.adyen-checkout__button--standalone {
  margin-top: 0;
}

.adyen-checkout__button.adyen-checkout__button--inline {
  display: block;
  font-size: 0.81em;
  height: auto;
  padding: 10px 8px;
  width: auto;
}

.adyen-checkout__button.adyen-checkout__button--ghost {
  background: none;
  border: 0;
  color: #00112c;
}

.adyen-checkout__button.adyen-checkout__button--ghost:hover {
  background: #f7f8f9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__button.adyen-checkout__button--ghost:active {
  background: #e6e9eb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__button.adyen-checkout__button--secondary {
  background: #fff;
  border: 1px solid #00112c;
  color: #00112c;
  padding: 10px 9pt;
}

.adyen-checkout__button.adyen-checkout__button--secondary:hover {
  background: #f7f8f9;
  -webkit-box-shadow:
    0 2px 4px rgba(27, 42, 60, 0.2),
    0 4px 5px rgba(27, 42, 60, 0.14);
  box-shadow:
    0 2px 4px rgba(27, 42, 60, 0.2),
    0 4px 5px rgba(27, 42, 60, 0.14);
}

.adyen-checkout__button.adyen-checkout__button--secondary:active,
.adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
  background: #f7f8f9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__button.adyen-checkout__button--secondary:disabled,
.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
  background-color: #f7f8f9;
  border-color: #99a3ad;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
  border-color: transparent #00112c #00112c;
}

.adyen-checkout__button.adyen-checkout__button--action {
  background: rgba(0, 102, 255, 0.1);
  border: 1px solid transparent;
  color: #0075ff;
  padding: 10px 9pt;
}

.adyen-checkout__button.adyen-checkout__button--action:hover {
  background: rgba(0, 102, 255, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__button.adyen-checkout__button--action:active,
.adyen-checkout__button.adyen-checkout__button--action:active:hover {
  background: rgba(0, 102, 255, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__button.adyen-checkout__button--link {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #0075ff;
  font-weight: 400;
  padding: 2px;
}

.adyen-checkout__button.adyen-checkout__button--link:hover {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: underline;
}

.adyen-checkout__button.adyen-checkout__button--completed,
.adyen-checkout__button.adyen-checkout__button--completed:active,
.adyen-checkout__button.adyen-checkout__button--completed:active:hover,
.adyen-checkout__button.adyen-checkout__button--completed:hover {
  background: #089a43;
  color: #fff;
}

.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.adyen-checkout__button__content {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
}

.adyen-checkout__button__icon {
  margin-right: 9pt;
}

[dir='rtl'] .adyen-checkout__button__icon {
  margin-left: 9pt;
  margin-right: 0;
}

.adyen-checkout__button__text {
  display: block;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adyen-checkout__button .adyen-checkout__spinner {
  border-color: transparent #fff #fff;
}

.checkout-secondary-button__text {
  font-size: 0.85em;
  margin-left: 5px;
  margin-top: 1px;
}

.adyen-checkout__fieldset {
  display: block;
  padding-bottom: 8px;
  width: 100%;
}

.adyen-checkout__fieldset:last-of-type {
  padding-bottom: 0;
}

.adyen-checkout__fieldset + .adyen-checkout__fieldset {
  margin-top: 1pc;
}

.adyen-checkout__fieldset__title {
  color: #687282;
  display: block;
  font-size: 0.68em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  padding: 0 0 9pt;
  text-transform: uppercase;
}

.adyen-checkout__field-group,
.adyen-checkout__fieldset__fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.adyen-checkout__field-group:last-of-type .adyen-checkout__field {
  margin-bottom: 0;
}

.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
  color: #00112c;
  font-size: 0.81em;
  line-height: 19px;
  margin: 0;
}

.adyen-checkout__field {
  display: block;
  margin-bottom: 1pc;
  width: 100%;
}

.adyen-checkout__field:last-of-type {
  margin-bottom: 0;
}

.adyen-checkout__label {
  display: block;
  position: relative;
}

.adyen-checkout__helper-text,
.adyen-checkout__label__text {
  color: #00112c;
  display: block;
  font-size: 0.81em;
  font-weight: 400;
  line-height: 13px;
  padding-bottom: 5px;
}

.adyen-checkout__label-adornment--end {
  position: absolute;
  right: 0;
  top: 0;
}

.adyen-checkout__helper-text {
  color: #687282;
}

.adyen-checkout__label__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.1s ease-out;
  transition: color 0.1s ease-out;
  white-space: nowrap;
}

.adyen-checkout__label__text--error {
  color: #c12424;
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
  color: #0075ff;
}

.adyen-checkout__error-text {
  -ms-flex-align: center;
  align-items: center;
  color: #c12424;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75em;
  font-weight: 400;
  margin-top: 4px;
}

.adyen-checkout__radio_group + .adyen-checkout-input__inline-validation {
  display: none;
}

.adyen-checkout__radio_group__input {
  opacity: 0;
  position: absolute;
}

.adyen-checkout__radio_group__label {
  color: inherit;
  display: block;
  font-size: 0.81em;
  font-weight: 400;
  line-height: 1pc;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 24px;
  position: relative;
}

.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
  color: inherit;
}

.adyen-checkout__radio_group__label:before {
  background-color: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 50%;
  content: '';
  height: 1pc;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition:
    border-color 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border-color 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border-color 0.2s ease-out,
    box-shadow 0.2s ease-out;
  transition:
    border-color 0.2s ease-out,
    box-shadow 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  width: 1pc;
}

.adyen-checkout__radio_group__label:hover:before {
  border-color: #99a3ad;
  -webkit-box-shadow: 0 0 0 2px #d4d9db;
  box-shadow: 0 0 0 2px #d4d9db;
  cursor: pointer;
}

.adyen-checkout__radio_group__label:after {
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 15, 45, 0.25);
  box-shadow: 0 1px 1px rgba(0, 15, 45, 0.25);
  content: '';
  display: block;
  height: 6px;
  left: 5px;
  margin: 0 auto;
  position: absolute;
  top: 5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition:
    transform 0.2s ease-out,
    -webkit-transform 0.2s ease-out;
  width: 6px;
}

.adyen-checkout__radio_group__label:hover {
  border-color: #0075ff;
  cursor: pointer;
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__label--selected {
  background-color: #0075ff;
  border: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before {
  border-color: #0075ff;
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:hover:before,
.adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label:before,
.adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
}

.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
  border: 1px solid #c12424;
}

.adyen-checkout__checkbox {
  display: block;
}

.adyen-checkout__checkbox__label {
  color: #00112c;
  cursor: pointer;
  display: inline-block;
  font-size: 0.81em;
  font-weight: 400;
  line-height: 19px;
  padding-left: 24px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[dir='rtl'] .adyen-checkout__checkbox__label {
  padding-left: 0;
  padding-right: 24px;
}

.adyen-checkout__checkbox__input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:before {
  opacity: 1;
}

.adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after {
  background-color: #0075ff;
  border: 1px solid #0075ff;
}

.adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after {
  border-color: #0075ff;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
}

.adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after {
  border: 1px solid #0075ff;
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
}

.adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after {
  border-color: #99a3ad;
  -webkit-box-shadow: 0 0 0 2px #d4d9db;
  box-shadow: 0 0 0 2px #d4d9db;
}

.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  border-radius: 0 2px 1px 2px;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  content: '';
  height: 11px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 2px;
  -webkit-transform: rotate(37deg);
  transform: rotate(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  width: 6px;
  z-index: 1;
}

[dir='rtl'] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  left: auto;
  right: 8px;
}

.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  background-color: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 3px;
  content: '';
  height: 1pc;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition:
    background 0.15s ease-out,
    border 0.05s ease-out,
    -webkit-box-shadow 0.1s ease-out;
  transition:
    background 0.15s ease-out,
    border 0.05s ease-out,
    -webkit-box-shadow 0.1s ease-out;
  transition:
    background 0.15s ease-out,
    border 0.05s ease-out,
    box-shadow 0.1s ease-out;
  transition:
    background 0.15s ease-out,
    border 0.05s ease-out,
    box-shadow 0.1s ease-out,
    -webkit-box-shadow 0.1s ease-out;
  width: 1pc;
  z-index: 0;
}

[dir='rtl'] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  left: auto;
  right: 0;
}

.adyen-checkout__field--consentCheckbox {
  background: #e6e9eb;
  border: 1px solid #e6e9eb;
  border-radius: 6px;
  padding: 14px 14px 13px;
}

[dir='rtl'] .adyen-checkout__field--consentCheckbox {
  padding: 14px 14px 13px;
}

.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
  border-color: #c12424;
}

.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
  right: -5px;
  top: 10px;
}

.Select-module_adyen-checkout__dropdown__0Mj-n {
  position: relative;
}

.Select-module_adyen-checkout__dropdown__button__yTyqq {
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
}

.Select-module_adyen-checkout__dropdown__button__yTyqq:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 001.6 0l2.992-3.98a1 1 0 00-.8-1.602H1.013a1 1 0 00-.8 1.6l2.983 3.982z' fill='%23687282'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  height: 6px;
  position: absolute;
  right: 1pc;
  width: 8px;
}

[dir='rtl'] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
  left: 1pc;
  right: auto;
}

.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.Select-module_adyen-checkout__filter-input__CwPBS {
  background: #fff;
  border: 0;
  caret-color: #0075ff;
  color: #00112c;
  font-family: inherit;
  font-size: 1em;
  height: 100%;
  padding: 0;
  width: 100%;
}

.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder {
  color: #b9c4c9;
  font-weight: 200;
}

.Select-module_adyen-checkout__filter-input__CwPBS::-webkit-input-placeholder {
  color: #b9c4c9;
  font-weight: 200;
}

.Select-module_adyen-checkout__filter-input__CwPBS::-ms-input-placeholder {
  color: #b9c4c9;
  font-weight: 200;
}

.Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
  color: #b9c4c9;
  font-weight: 200;
}

.Select-module_adyen-checkout__filter-input__CwPBS:active,
.Select-module_adyen-checkout__filter-input__CwPBS:focus {
  outline: 0;
}

.Select-module_adyen-checkout__dropdown__list__YtEzj {
  background: #fff;
  display: none;
  list-style: none;
  margin: 0 0 50px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
  display: block;
}

.Select-module_adyen-checkout__dropdown__element__ORU4- {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout__image {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.adyen-checkout__image--loaded {
  opacity: 1;
}

.adyen-checkout__dropdown__button-icon--left {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.adyen-checkout__dropdown__button-icon--left > img {
  margin-left: 0;
  margin-right: 9pt;
}

.adyen-checkout__dropdown {
  font-size: 1em;
  max-width: 100%;
  width: 100%;
}

.adyen-checkout__dropdown__button {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 6px;
  color: #00112c;
  font-size: 1em;
  height: 40px;
  line-height: 20px;
  outline: 0;
  padding: 7px 24px 7px 9pt;
  text-decoration: none;
  -webkit-transition:
    border 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border 0.2s ease-out,
    box-shadow 0.2s ease-out;
  transition:
    border 0.2s ease-out,
    box-shadow 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

[dir='rtl'] .adyen-checkout__dropdown__button {
  padding: 7px 9pt 7px 24px;
}

.adyen-checkout__dropdown__button:hover {
  border-color: #99a3ad;
}

.adyen-checkout__dropdown__button__icon {
  border-radius: 3px;
  height: 26px;
  margin-right: 9pt;
  max-width: 40px;
}

.adyen-checkout__dropdown__button--disabled {
  opacity: 0.4;
}

.adyen-checkout__dropdown__button--active,
.adyen-checkout__dropdown__button--active:hover,
.adyen-checkout__dropdown__button:active,
.adyen-checkout__dropdown__button:focus {
  border-color: #0075ff;
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
}

.adyen-checkout__dropdown__button--readonly,
.adyen-checkout__dropdown__button--readonly--active,
.adyen-checkout__dropdown__button--readonly:focus,
.adyen-checkout__dropdown__button--readonly:hover {
  background: #e6e9eb;
  border-color: transparent;
  color: #00112c;
  cursor: not-allowed;
}

.adyen-checkout__dropdown__button--readonly:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 001.6 0l2.992-3.98a1 1 0 00-.8-1.602H1.013a1 1 0 00-.8 1.6l2.983 3.982z' fill='%23B9C4C9'/%3E%3C/svg%3E");
}

.adyen-checkout__dropdown__button--invalid {
  border-color: #c12424;
}

.adyen-checkout__dropdown__button--valid {
  border-bottom-color: #089a43;
}

.adyen-checkout__dropdown__button__text {
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  pointer-events: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adyen-checkout__dropdown__button__secondary-text {
  margin-right: 1pc;
}

.adyen-checkout__dropdown__list {
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 7px rgba(0, 15, 45, 0.3);
  box-shadow: 0 2px 7px rgba(0, 15, 45, 0.3);
  max-height: 375px;
  z-index: 2;
}

.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
  margin-top: 2px;
}

.adyen-checkout__dropdown__element {
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 0.81em;
  hyphens: auto;
  line-height: 20px;
  outline: 0;
  padding: 8px;
  -webkit-transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out;
  transition:
    background 0.2s ease-out,
    border-color 0.2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: break-word;
}

.adyen-checkout__dropdown__element:last-child {
  border-bottom: 0;
}

.adyen-checkout__dropdown__element:active,
.adyen-checkout__dropdown__element:focus,
.adyen-checkout__dropdown__element:hover {
  background: rgba(230, 233, 235, 0.6);
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
  background: rgba(0, 102, 255, 0.1);
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:active,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:focus,
.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active:hover {
  background: rgba(0, 102, 255, 0.15);
}

.adyen-checkout__dropdown__element--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.adyen-checkout__dropdown__element__icon {
  border-radius: 3px;
  margin-right: 9pt;
  max-height: 26px;
  max-width: 40px;
}

.adyen-checkout__dropdown__element__text {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
  margin-right: 8px;
}

.adyen-checkout__dropdown__element__flag {
  margin-left: 8px;
  margin-right: 10px;
  max-height: 18px;
  max-width: 27px;
}

.adyen-checkout__dropdown + .adyen-checkout-input__inline-validation {
  right: 2pc;
}

.adyen-checkout__field-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.adyen-checkout__field--20 {
  width: 20%;
}

.adyen-checkout__field--30 {
  width: 30%;
}

.adyen-checkout__field--40 {
  width: 40%;
}

.adyen-checkout__field--50 {
  width: 50%;
}

.adyen-checkout__field--60 {
  width: 60%;
}

.adyen-checkout__field--70 {
  width: 70%;
}

.adyen-checkout__field--80 {
  width: 80%;
}

.adyen-checkout__field--col-70 {
  width: calc(70% - 8px);
}

.adyen-checkout__field--col-30 {
  width: calc(30% - 8px);
}

.adyen-checkout__field--col-50 {
  width: calc(50% - 8px);
}

.adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-right: 8px;
}

[dir='rtl'] .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-left: 8px;
  margin-right: 0;
}

.adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: 8px;
}

[dir='rtl'] .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: 0;
  margin-right: 8px;
}

.adyen-checkout__field-wrapper:last-of-type > .adyen-checkout__field {
  margin-bottom: 0;
}

.adyen-checkout__input {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 6px;
  caret-color: #0075ff;
  color: #00112c;
  display: block;
  font-family: inherit;
  font-size: 1em;
  height: 40px;
  outline: none;
  padding: 5px 8px;
  position: relative;
  -webkit-transition:
    border 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border 0.2s ease-out,
    box-shadow 0.2s ease-out;
  transition:
    border 0.2s ease-out,
    box-shadow 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  width: 100%;
}

.adyen-checkout__input:hover {
  border-color: #99a3ad;
}

.adyen-checkout__input:required {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__input--disabled,
.adyen-checkout__input[readonly] {
  background: #e6e9eb;
  border-color: #e6e9eb;
}

.adyen-checkout__input--disabled:hover {
  border-color: #e6e9eb;
}

.adyen-checkout__input-wrapper {
  display: block;
  position: relative;
}

.adyen-checkout__input-wrapper--block {
  display: block;
}

.adyen-checkout-input__inline-validation {
  height: 1pc;
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1pc;
}

[dir='rtl'] .adyen-checkout-input__inline-validation {
  left: 14px;
  right: auto;
}

[dir='ltr'] .adyen-checkout-input__inline-validation {
  left: auto;
  right: 14px;
}

.adyen-checkout-input__inline-validation--valid {
  color: #089a43;
}

.adyen-checkout-input__inline-validation--invalid {
  color: #c12424;
}

.adyen-checkout__input--valid {
  border-bottom-color: #089a43;
}

.adyen-checkout__input--error,
.adyen-checkout__input--error:hover,
.adyen-checkout__input--invalid,
.adyen-checkout__input--invalid:hover {
  border-color: #c12424;
}

.adyen-checkout__input::-moz-placeholder {
  color: #707070;
  font-weight: 200;
}

.adyen-checkout__input::-webkit-input-placeholder {
  color: #707070;
  font-weight: 200;
}

.adyen-checkout__input::-ms-input-placeholder {
  color: #707070;
  font-weight: 200;
}

.adyen-checkout__input::placeholder {
  color: #707070;
  font-weight: 200;
}

.adyen-checkout__input--date {
  padding-right: 30px;
}

.adyen-checkout__input--focus,
.adyen-checkout__input--focus:hover,
.adyen-checkout__input:active,
.adyen-checkout__input:active:hover,
.adyen-checkout__input:focus,
.adyen-checkout__input:focus:hover {
  border: 1px solid #0075ff;
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
}

.adyen-checkout__input[readonly],
.adyen-checkout__input[readonly]:hover {
  background-color: #e6e9eb;
  border-color: transparent;
  color: #687282;
  cursor: default;
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
  margin-right: 20px;
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
  margin: 0;
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
  padding-bottom: 8px;
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
  margin-top: 24px;
  padding-bottom: 8px;
}

.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
  margin-bottom: 0;
}

.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
  margin-top: 22px;
}

.adyen-checkout__input--separateDeliveryAddress + .adyen-checkout__checkbox__label {
  margin-top: 1pc;
}

.adyen-checkout__amazonpay__button {
  margin: auto;
}

.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
  display: block;
  margin: 8px auto 0;
  width: auto;
}

@supports (-webkit-appearance: -apple-pay-button) {
  .ApplePayButton-module_apple-pay-button__l5g-d,
  .ApplePayButton-module_apple-pay__gYjuP {
    -webkit-appearance: -apple-pay-button;
  }

  .ApplePayButton-module_apple-pay-button__l5g-d {
    cursor: pointer;
    display: inline-block;
  }

  .ApplePayButton-module_apple-pay-button-black__istwW {
    -apple-pay-button-style: #000;
  }

  .ApplePayButton-module_apple-pay-button-white__-wLaE {
    -apple-pay-button-style: #fff;
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
    -apple-pay-button-style: white-outline;
  }

  .ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
    -apple-pay-button-type: plain;
  }

  .ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
    -apple-pay-button-type: buy;
  }

  .ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
    -apple-pay-button-type: donate;
  }

  .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
    -apple-pay-button-type: check-out;
  }

  .ApplePayButton-module_apple-pay-button--type-book__-v-VY {
    -apple-pay-button-type: book;
  }

  .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
    -apple-pay-button-type: subscribe;
  }

  .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
    -apple-pay-button-type: add-money;
  }

  .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
    -apple-pay-button-type: contribute;
  }

  .ApplePayButton-module_apple-pay-button--type-order__ggI6j {
    -apple-pay-button-type: order;
  }

  .ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
    -apple-pay-button-type: reload;
  }

  .ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
    -apple-pay-button-type: rent;
  }

  .ApplePayButton-module_apple-pay-button--type-support__6EjmY {
    -apple-pay-button-type: support;
  }

  .ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
    -apple-pay-button-type: tip;
  }

  .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
    -apple-pay-button-type: top-up;
  }
}

@supports not (-webkit-appearance: -apple-pay-button) {
  .ApplePayButton-module_apple-pay-button__l5g-d {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 60%;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    max-height: 4pc;
    min-height: 2pc;
    min-width: 200px;
    padding: 0;
  }

  .ApplePayButton-module_apple-pay-button-black__istwW {
    background-color: #000;
    background-image: -webkit-named-image(apple-pay-logo-white);
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7,
  .ApplePayButton-module_apple-pay-button-white__-wLaE {
    background-color: #fff;
    background-image: -webkit-named-image(apple-pay-logo-black);
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
    border: 0.5px solid #000;
  }
}

.adyen-checkout__applepay__button {
  height: 3pc;
  width: 15pc;
}

.adyen-checkout__dropin .adyen-checkout__applepay__button {
  width: 100%;
}

.adyen-checkout__issuer-button {
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #b9c4c9;
  box-shadow: inset 0 0 0 1px #b9c4c9;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 47%;
  flex-basis: 47%;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 0.81em;
  height: 40px;
  padding: 0 9pt;
  -webkit-transition:
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    background 0.3s ease-out,
    box-shadow 0.3s ease-out;
  transition:
    background 0.3s ease-out,
    box-shadow 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
}

.adyen-checkout__issuer-button:active {
  color: #000;
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus,
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible,
.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
  -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
  box-shadow: inset 0 0 0 2px #99a3ad;
  outline: none;
}

.adyen-checkout__issuer-button--selected {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 2px #0075ff;
  box-shadow: inset 0 0 0 2px #0075ff;
  color: #0075ff;
  font-weight: 500;
  height: 40px;
  -webkit-transition: none;
  transition: none;
}

.adyen-checkout__issuer-button-img {
  margin-right: 8px;
  max-height: 26px;
}

.adyen-checkout__issuer-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1pc 1pc;
}

.adyen-checkout__content-separator {
  -ms-flex-align: center;
  align-items: center;
  color: #687282;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 19px;
  margin-bottom: 1pc;
  margin-top: 1pc;
  white-space: nowrap;
}

.adyen-checkout__content-separator:after,
.adyen-checkout__content-separator:before {
  background: #e6e9eb;
  content: '';
  display: block;
  height: 1px;
  width: 100%;
}

.adyen-checkout__content-separator:after {
  margin-left: 20px;
}

.adyen-checkout__content-separator:before {
  margin-right: 20px;
}

.adyen-checkout__field--issuer-list {
  margin-bottom: 0;
}

.adyen-checkout__issuer-list__termsAndConditions {
  text-align: center;
}

.adyen-checkout__card-input__form {
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.adyen-checkout__card__cardNumber {
  max-width: 25pc;
}

.adyen-checkout__card__cardNumber__input {
  padding: 5px 8px;
}

.adyen-checkout__card__exp-date__input--oneclick {
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adyen-checkout__card__holderName,
.adyen-checkout__field--expiryDate,
.adyen-checkout__field--storedCard {
  margin-bottom: 0;
}

.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,
.adyen-checkout__card__holderName,
.adyen-checkout__card__kcp-authentication,
.adyen-checkout__card__socialSecurityNumber,
.adyen-checkout__installments,
.adyen-checkout__store-details {
  margin-top: 1pc;
}

.adyen-checkout__card-input.adyen-checkout__card-input--loading {
  pointer-events: none;
}

.adyen-checkout-error-panel + .adyen-checkout__card__holderName,
.adyen-checkout-error-panel--sr-only + .adyen-checkout__card__holderName,
.adyen-checkout__card__holderName:first-child {
  margin: 0 0 1pc;
}

.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon,
.adyen-checkout__field--cardNumber
  .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)
  + .adyen-checkout-input__inline-validation--valid {
  display: none;
}

.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,
.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
  opacity: 0;
}

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

  to {
    opacity: 0.3;
  }
}

@keyframes cvcIndicateLocation {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0.3;
  }
}

.adyen-checkout__label--focused
  .adyen-checkout__field__cvc--back-hint
  .adyen-checkout__card__cvc__hint--back
  .adyen-checkout__card__cvc__hint__location,
.adyen-checkout__label--focused
  .adyen-checkout__field__cvc--front-hint
  .adyen-checkout__card__cvc__hint--front
  .adyen-checkout__card__cvc__hint__location {
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: cvcIndicateLocation;
  animation-name: cvcIndicateLocation;
}

.adyen-checkout__card__cvc__hint__wrapper {
  -ms-flex-align: center;
  align-items: center;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition:
    transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 27px;
  will-change: transform;
}

.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.adyen-checkout__card__cvc__hint {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.adyen-checkout__card__cvc__hint,
.adyen-checkout__field__exp-date_hint_wrapper {
  position: absolute;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}

.adyen-checkout__field__exp-date_hint_wrapper {
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  top: 0;
}

.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
  opacity: 0;
}

.adyen-checkout__field__exp-date_hint {
  height: 18px;
  margin: 0 10px 0 0;
  width: 27px;
}

.adyen-checkout__card__cvc__hint--front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .adyen-checkout__card__cvc__hint__wrapper {
    -webkit-transition: none;
    transition: none;
  }
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
  -ms-flex-pack: left;
  justify-content: left;
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
  margin-top: 20px;
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
  margin-left: 15px;
  position: relative;
  top: 42px;
  width: 30%;
}

.LoadingWrapper-module_loading-input__form__ffCKa {
  opacity: 1;
}

.LoadingWrapper-module_loading-input__form--loading__7GmVo {
  opacity: 0;
}

.LoadingWrapper-module_loading-input__spinner__GxA51 {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
  display: block;
}

.CardInput-module_card-input__wrapper__wXSCw {
  position: relative;
}

.CardInput-module_card-input__wrapper__wXSCw *,
.CardInput-module_card-input__wrapper__wXSCw :after,
.CardInput-module_card-input__wrapper__wXSCw :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.CardInput-module_card-input__icon__3Cz5M {
  border-radius: 3px;
  height: 18px;
  margin-left: 7px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 27px;
}

.CardInput-module_card-input__form__fRo1r {
  opacity: 1;
}

.CardInput-module_card-input__spinner__-j2Qi {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.CardInput-module_card-input__spinner--active__slD7w {
  display: block;
}

.CardInput-module_card-input__form--loading__rrmdj {
  opacity: 0;
}

.CardInput-module_adyen-checkout__input__11tlB {
  display: block;
  max-height: 75pt;
}

.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV,
.CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
  display: none;
}

.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
  opacity: 0.4;
  pointer-events: none;
}

.adyen-checkout-error-panel {
  margin-bottom: 20px;
}

.adyen-checkout-error-panel .adyen-checkout-error-panel__wrapper {
  font-size: 0.75em;
}

.adyen-checkout-error-panel--sr-only {
  height: 1px;
  left: -625pc;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.adyen-checkout__card__dual-branding__buttons {
  display: -ms-flexbox;
  display: flex;
  opacity: 0.4;
  pointer-events: none;
}

.adyen-checkout__card__dual-branding__buttons--active {
  opacity: 1;
  pointer-events: auto;
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
  cursor: pointer;
  opacity: 1;
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
  right: 40px;
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
  opacity: 0.5;
}

.adyen-checkout__card__brands {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  height: 1pc;
  margin-bottom: 1pc;
  margin-top: -8px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.adyen-checkout__card__brands--hidden {
  height: 0;
  opacity: 0;
}

.adyen-checkout__card__brands img {
  border-radius: 3px;
  height: 1pc;
  width: 24px;
}

.adyen-checkout__card__brands__brand-wrapper {
  display: inline-block;
  height: 1pc;
  position: relative;
  width: 24px;
}

.adyen-checkout__card__brands__brand-wrapper:after {
  border: 1px solid rgba(0, 27, 43, 0.17);
  border-radius: 3px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.adyen-checkout-ctp__otp-resend-code {
  color: #0075ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
}

.adyen-checkout-ctp__otp-resend-code--confirmation,
.adyen-checkout-ctp__otp-resend-code--disabled {
  color: #687282;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
  pointer-events: none;
}

.adyen-checkout-ctp__otp-resend-code--confirmation {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout-ctp__otp-resend-code--confirmation > img {
  margin-left: 4px;
}

.adyen-checkout-ctp__otp-resend-code-counter {
  color: #000;
  cursor: default;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
  text-align: right;
}

.adyen-checkout__field.adyen-checkout__field--otp {
  margin-bottom: 24px;
}

.adyen-checkout__modal-wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 24px;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}

.adyen-checkout__modal-wrapper:before {
  background: rgba(0, 17, 44, 0.5);
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 10;
}

.adyen-checkout__modal-wrapper--open {
  visibility: visible;
}

.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,
.adyen-checkout__modal-wrapper--open:before {
  opacity: 1;
}

.adyen-checkout__modal {
  background-color: #fff;
  border-radius: 9pt;
  -webkit-box-shadow: 0 8px 24px rgba(0, 17, 44, 0.15);
  box-shadow: 0 8px 24px rgba(0, 17, 44, 0.15);
  margin: auto;
  opacity: 0;
  padding: 1pc;
  position: relative;
  -webkit-transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
  transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
  z-index: 11;
}

@media (max-width: 480px) {
  .adyen-checkout__modal-wrapper {
    padding: 0;
  }

  .adyen-checkout__modal {
    border-radius: 0;
    height: 100%;
  }
}

.adyen-checkout__ctp-modal-header-image {
  display: block;
  margin: auto;
}

.adyen-checkout__ctp-modal-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 9pt;
  padding: 0;
}

.adyen-checkout__ctp-modal-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 1pc;
}

.adyen-checkout__ctp-modal-benefits {
  margin-left: 0;
  padding-left: 20px;
}

.adyen-checkout__ctp-modal-benefits li {
  list-style: disc;
  margin-bottom: 1pc;
}

.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
  max-width: 29pc;
}

.adyen_checkout-ctp__brand-wrapper--popup {
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px;
}

.adyen_checkout-ctp__brand-wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
}

.adyen_checkout-ctp__brand-logo {
  margin-right: 6px;
  width: 24px;
}

.adyen_checkout-ctp__brand-pipe {
  height: 15px;
  margin-right: 6px;
}

.adyen_checkout-ctp__brand-scheme {
  margin-right: 6px;
  -o-object-fit: none;
  object-fit: none;
}

.adyen_checkout-ctp__brand-scheme-mc {
  width: 27px;
}

.adyen_checkout-ctp__brand-scheme-visa {
  width: 35px;
}

.adyen-web__ctp-info-button {
  background-color: #fff;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.adyen-checkout-ctp__otp-subtitle--highlighted {
  color: #00112c;
  font-weight: 500;
}

.adyen-checkout-ctp__section-logout-button {
  color: #0075ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-left: auto;
}

.adyen-checkout-ctp__section-logout-button--disabled {
  color: #687282;
  pointer-events: none;
}

.adyen-checkout-ctp__section {
  background-color: #fff;
  border-radius: 9pt;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  padding: 1pc;
  position: relative;
}

.adyen-checkout-ctp__section-brand {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  margin-bottom: 14px;
}

.adyen-checkout-ctp__section .adyen-checkout__fieldset {
  margin-bottom: 24px;
}

.adyen-checkout-ctp__section-header {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout-ctp__section-header-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 4px;
  padding: 0;
  width: auto;
}

@media screen and (max-width: 400px) {
  .adyen-checkout-ctp__section-header-title {
    font-size: 15px;
  }
}

.adyen-checkout-ctp__section-header-adornment {
  margin-left: 5px;
}

.adyen-checkout-ctp__section-text {
  color: #687282;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 0 0 1pc;
}

.adyen-checkout-ctp__separator {
  color: #00112c;
  font-size: 13px;
  font-weight: 400;
}

.adyen-checkout-ctp__card-list-single-card {
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f8f9;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 19px;
  padding: 9pt;
}

.adyen-checkout-ctp__card-list-single-card-expired {
  color: #687282;
  text-decoration: line-through;
}

.adyen-checkout-ctp__expired-label {
  color: #687282;
  font-weight: 500;
  line-height: 17px;
  margin-left: auto;
}

.adyen-checkout-ctp__card-image {
  border-radius: 3px;
  margin-right: 8px;
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
  opacity: 1;
}

.adyen-checkout-ctp__cards-list-dropdown
  .adyen-checkout__dropdown__element--disabled
  .adyen-checkout__dropdown__element__text {
  opacity: 0.4;
  text-decoration: line-through;
}

.adyen-checkout-ctp__cards-list-dropdown
  .adyen-checkout__dropdown__element--disabled
  .adyen-checkout__dropdown__element__secondary-text {
  color: #687282;
  font-weight: 500;
  line-height: 17px;
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
  opacity: 1;
}

.adyen-checkout-ctp__cards-list-dropdown
  .adyen-checkout__dropdown__button--disabled
  .adyen-checkout__dropdown__button__text {
  opacity: 0.4;
  text-decoration: line-through;
}

.adyen-checkout-ctp__cards-list-dropdown
  .adyen-checkout__dropdown__button--disabled
  .adyen-checkout__dropdown__button__secondary-text {
  color: #687282;
  font-weight: 500;
  opacity: 1;
}

.adyen-checkout-ctp__card {
  background-color: #fff;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 2px #999595;
  box-shadow: 0 0 0 2px #999595;
  cursor: pointer;
  height: 40px;
  margin-bottom: 20px;
  width: 100%;
}

.adyen-checkout-ctp__empty-cards {
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f8f9;
  border-radius: 6px;
  color: #687282;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 19px;
  margin-bottom: 24px;
  padding: 9pt 1pc;
}

.adyen-checkout__iframe--ctpIframe {
  pointer-events: auto;
}

.adyen-checkout__iframe--ctpIframe-hidden {
  display: none;
}

.adyen-checkout-ctp__loading-image {
  display: block;
  margin: 30px auto auto;
}

.adyen-checkout-ctp__loading-subtitle {
  font-size: 1pc;
  line-height: 19px;
  margin: 0 auto 58px;
  max-width: 280px;
  text-align: center;
}

.adyen-checkout__field.adyen-checkout__field--shopperLogin {
  margin-bottom: 24px;
}

.adyen-checkout__button-group {
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.adyen-checkout__button-group .adyen-checkout__button {
  background: transparent;
  border: 0;
  -webkit-box-shadow: inset 0 0 0 1px #99a3ad;
  box-shadow: inset 0 0 0 1px #99a3ad;
  color: #00112c;
  font-size: 0.81em;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  padding: 0;
  text-align: center;
}

.adyen-checkout__button-group .adyen-checkout__button:last-child {
  margin-right: 0;
}

.adyen-checkout__button-group .adyen-checkout__button:hover {
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
  box-shadow: inset 0 0 0 2px #99a3ad;
}

.adyen-checkout__button-group .adyen-checkout__button:active {
  background: #f7f8f9;
  -webkit-box-shadow: inset 0 0 0 2px #99a3ad;
  box-shadow: inset 0 0 0 2px #99a3ad;
}

.adyen-checkout__button-group .adyen-checkout__button--disabled,
.adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
  cursor: not-allowed;
  opacity: 0.4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.adyen-checkout__button-group .adyen-checkout__button--selected,
.adyen-checkout__button-group .adyen-checkout__button--selected:active,
.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,
.adyen-checkout__button-group .adyen-checkout__button--selected:hover {
  background: #e5efff;
  -webkit-box-shadow: inset 0 0 0 2px #0075ff;
  box-shadow: inset 0 0 0 2px #0075ff;
  color: #0075ff;
  font-weight: 500;
  height: 40px;
  -webkit-transition: none;
  transition: none;
}

.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
  display: block;
  margin: 56px auto 2pc;
}

.adyen-checkout__adyen-giving .adyen-checkout__status__text {
  color: #00112c;
  margin-bottom: 56px;
  text-align: center;
}

.adyen-checkout__campaign {
  background: #00112c;
  border-radius: 6px;
  height: 227px;
  overflow: hidden;
  position: relative;
}

.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
  text-decoration: underline;
}

.adyen-checkout__campaign-container {
  height: 100%;
}

.adyen-checkout__campaign-logo {
  border: 2px solid hsla(0, 0%, 100%, 0.4);
  border-radius: 3px;
  display: block;
  height: 3pc;
  margin-bottom: 1pc;
  overflow: hidden;
  width: 3pc;
}

.adyen-checkout__campaign-background-image {
  background-color: #00112c;
  background-position: 50%;
  background-size: cover;
  height: 100%;
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
  background: inherit;
  content: '';
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition:
    transform 0.6s ease-out,
    -webkit-transform 0.6s ease-out;
  width: 100%;
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
  pointer-events: none;
}

.adyen-checkout__campaign-content {
  bottom: 0;
  padding: 1pc;
  position: absolute;
  z-index: 2;
}

.adyen-checkout__campaign-description,
.adyen-checkout__campaign-title {
  color: #fff;
  font-weight: 400;
  margin: 0;
}

.adyen-checkout__campaign-title {
  font-size: 1em;
  margin-bottom: 8px;
}

.adyen-checkout__campaign-description {
  font-size: 0.81em;
  line-height: 19px;
}

.adyen-checkout__adyen-giving-actions {
  margin-top: 1pc;
}

.adyen-checkout__button.adyen-checkout__button--donate {
  margin: 1pc auto 8px;
}

.adyen-checkout__button.adyen-checkout__button--decline {
  display: block;
  margin: auto;
  width: auto;
}

.adyen-checkout__paywithgoogle {
  height: 3pc;
}

.adyen-checkout__paywithgoogle > div > button,
.adyen-checkout__paywithgoogle > div > button.long,
.adyen-checkout__paywithgoogle > div > button.short {
  height: 3pc;
  -webkit-transition:
    background-color 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    background-color 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    background-color 0.3s ease-out,
    box-shadow 0.3s ease-out;
  transition:
    background-color 0.3s ease-out,
    box-shadow 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
}

.adyen-checkout__paywithgoogle > div > button.long:focus,
.adyen-checkout__paywithgoogle > div > button.short:focus,
.adyen-checkout__paywithgoogle > div > button:focus {
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
  outline: 0;
}

.adyen-checkout__paywithgoogle > div > button.gpay-button {
  padding: 15px 24px 13px;
}

.adyen-checkout__econtext-input__field > .adyen-checkout__button--pay:only-child {
  margin-top: 0;
}

.adyen-checkout__voucher-result {
  border-radius: 9pt;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}

.adyen-checkout__voucher-result__bottom,
.adyen-checkout__voucher-result__top {
  background: #fff;
  border: 1px solid #d4d9db;
}

.adyen-checkout__voucher-result__top {
  border-bottom: 0;
  border-radius: 9pt 9pt 0 0;
  padding: 40px 0 24px;
}

.adyen-checkout__voucher-result__bottom {
  border-radius: 0 0 9pt 9pt;
  border-top: 0;
}

.adyen-checkout__voucher-result__separator {
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 13px;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 14px);
}

.adyen-checkout__voucher-result__separator:after,
.adyen-checkout__voucher-result__separator:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwbDUgMiAxLjUgNEg3VjBIMHptMCAxM2w1LTIgMS41LTRIN3Y2SDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTYuNDIzIDYuNUM2LjQyMyAzLjMxMiAzLjc4My43NTYuNS41MThjMy4zODYuMjM2IDYgMi44NTUgNiA1Ljk4MiAwIDMuMTI3LTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MnoiIHN0cm9rZT0iI0Q0RDlEQiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6bTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
}

.adyen-checkout__voucher-result__separator:before {
  left: -7px;
}

.adyen-checkout__voucher-result__separator:after,
.adyen-checkout__voucher-result__separator:before {
  background-position: 100%;
  background-repeat: no-repeat;
  content: '';
  height: 13px;
  position: absolute;
  top: 0;
  width: 7px;
}

.adyen-checkout__voucher-result__separator:after {
  right: -7px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.adyen-checkout__voucher-result__separator__inner {
  border-top: 1px solid #e6e9eb;
  width: 100%;
}

.adyen-checkout__voucher-result__image {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%;
}

.adyen-checkout__link--voucher-result-instructions {
  display: inline-block;
}

.adyen-checkout__voucher-result__image__wrapper {
  display: block;
  height: 3pc;
  margin: 0 24px;
  position: relative;
}

.adyen-checkout__voucher-result__image__wrapper:after {
  border: 1px solid rgba(0, 27, 43, 0.17);
  border-radius: 3px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
  border-left: 1px solid #d4d9db;
  content: '';
  height: 4pc;
  left: -24.5px;
  position: absolute;
  top: -8px;
  width: 1px;
}

.adyen-checkout__voucher-result__image__brand,
.adyen-checkout__voucher-result__image__issuer {
  border-radius: 3px;
  height: 3pc;
}

.adyen-checkout__voucher-result__introduction {
  color: #00112c;
  font-size: 0.81em;
  line-height: 19px;
  margin: 0 auto;
  max-width: 25pc;
  text-align: center;
}

.adyen-checkout__voucher-result__amount {
  color: #00112c;
  font-size: 1em;
  font-weight: 700;
  margin: 24px auto 0;
  text-align: center;
}

.adyen-checkout__voucher-result__surcharge {
  color: #687282;
  display: block;
  font-size: 0.81em;
  font-weight: 400;
  line-height: 19px;
  text-align: center;
}

.adyen-checkout__voucher-result__code__label {
  display: block;
  font-weight: 400;
  left: 0;
  line-height: 19px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
}

.adyen-checkout__voucher-result__code__label:before {
  content: '';
  position: absolute;
}

.adyen-checkout__voucher-result__code__label__text {
  background: #fff;
  color: #00112c;
  font-size: 13px;
  letter-spacing: normal;
  line-height: 1;
  padding: 0 8px;
}

.adyen-checkout__voucher-result__code__barcode {
  display: block;
  height: 56px;
  margin: 0 auto 8px;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.adyen-checkout__voucher-result__code {
  border-width: 1px 0;
  color: #00112c;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 auto;
  padding: 1pc 3pc;
  position: relative;
  text-align: center;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  width: 100%;
  word-break: break-word;
}

.adyen-checkout__voucher-result__details {
  list-style: none;
  margin: -1px auto 0;
  padding: 0;
}

.adyen-checkout__voucher-result__details__item {
  border-top: 1px solid #e6e9eb;
  color: #00112c;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.81em;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1pc 24px;
  word-break: break-word;
}

.adyen-checkout__voucher-result__details__item:last-child {
  margin-bottom: 0;
}

.adyen-checkout__voucher-result__details__label {
  max-width: 50%;
  text-align: left;
}

.adyen-checkout__voucher-result__details__value {
  font-weight: 700;
  max-width: 50%;
  text-align: right;
}

.adyen-checkout__voucher-result__actions {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin: 0 auto 2pc;
  max-width: 100%;
  min-width: 200px;
  padding: 0;
  width: 300px;
}

.adyen-checkout__voucher-result__actions__item {
  margin: 0 4px;
}

.adyen-checkout__paypal__buttons {
  position: relative;
  z-index: 0;
}

.adyen-checkout__paypal__button {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1pc;
}

.adyen-checkout__paypal__button:empty {
  display: none;
}

.adyen-checkout__paypal__status--pending {
  margin: 1pc 0;
}

.adyen-checkout__paypal__status--processing {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 0;
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
  margin: -1pc 0 38px;
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
  padding: 20px 0 65px;
}

.adyen-checkout__phone-input {
  direction: ltr;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper {
  width: 100%;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
  height: auto;
  padding: 0;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
  border: 1px solid #0075ff;
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 35px;
  width: auto;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
  -webkit-box-sizing: revert;
  box-sizing: revert;
  height: 10px;
  left: 40px;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
  border: 1px solid transparent;
  height: 35px;
  margin-left: 8px;
  padding-left: 15px;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
  border: 1px solid #0075ff;
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-left: 65px;
  width: 100%;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
  position: absolute;
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,
.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__threeds2__challenge,
.adyen-checkout__threeds2__challenge-container {
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: inherit;
  min-height: 25pc;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.adyen-checkout__threeds2__challenge--01,
.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
  height: 25pc;
  width: 250px;
}

.adyen-checkout__threeds2__challenge--02,
.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
  height: 25pc;
  width: 390px;
}

.adyen-checkout__threeds2__challenge--03,
.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
  height: 600px;
  width: 500px;
}

.adyen-checkout__threeds2__challenge--04,
.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
  height: 25pc;
  width: 600px;
}

.adyen-checkout__threeds2__challenge--05,
.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
  height: 100%;
  width: 100%;
}

.adyen-checkout__iframe--threeDSIframe {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
  display: block;
  margin: 56px auto 2pc;
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
  color: #c12424;
  margin-bottom: 56px;
  text-align: center;
}

.adyen-checkout__qr-loader {
  background: #fff;
  border: 1px solid #d4d9db;
  border-radius: 9pt;
  padding: 40px;
  text-align: center;
}

.adyen-checkout__qr-loader--result {
  padding: 75pt;
}

.adyen-checkout__qr-loader__brand-logo {
  border-radius: 3px;
  width: 74px;
}

.adyen-checkout__qr-loader__subtitle {
  margin: 2pc auto 0;
  max-width: 25pc;
}

.adyen-checkout__qr-loader__subtitle--result {
  margin-bottom: 2pc;
}

.adyen-checkout__qr-loader__payment_amount,
.adyen-checkout__qr-loader__subtitle {
  color: #00112c;
  font-size: 1em;
  line-height: 19px;
}

.adyen-checkout__qr-loader__icon {
  height: 88px;
  width: 88px;
}

.adyen-checkout__qr-loader__payment_amount {
  font-weight: 700;
}

.adyen-checkout__qr-loader__progress {
  background: #d4d9db;
  border-radius: 24px;
  height: 4px;
  margin: 2pc auto 9pt;
  padding-right: 3%;
  width: 152px;
}

[dir='rtl'] .adyen-checkout__qr-loader__progress {
  padding-left: 3%;
  padding-right: 0;
}

.adyen-checkout__qr-loader__percentage {
  background: #0075ff;
  border-radius: 24px;
  display: block;
  height: 100%;
}

.adyen-checkout__qr-loader__countdown {
  color: #687282;
  font-size: 0.81em;
}

.adyen-checkout__qr-loader > .adyen-checkout__spinner__wrapper {
  margin: 60px 0;
}

.adyen-checkout__qr-loader__app-link {
  display: none;
  margin-top: 1pc;
}

.adyen-checkout__button.adyen-checkout__button--qr-loader {
  margin-top: 24px;
  text-decoration: none;
}

.adyen-checkout__qr-loader__instructions {
  color: #687282;
  font-size: 1em;
  line-height: 1.5;
  margin-top: 2pc;
}

.adyen-checkout__qr-loader__actions {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2pc;
}

@media only screen and (max-device-width: 1200px) {
  .adyen-checkout__qr-loader__app-link {
    display: block;
  }
}

.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code,
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
  font-size: 0.81em;
  line-height: 19px;
  padding: 24px;
  word-break: break-all;
}

.adyen-checkout__alert-message {
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.81em;
  margin: 0 0 1pc;
  padding: 9pt;
  text-align: left;
}

.adyen-checkout__alert-message--error {
  background: #fbe6ed;
}

.adyen-checkout__alert-message--warning {
  background: #ffeacc;
}

.adyen-checkout__alert-message--info {
  background: #e5efff;
}

.adyen-checkout__alert-message__icon {
  height: 14px;
  margin-right: 8px;
  width: 14px;
}

.adyen-checkout__giftcard-result__header {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 400;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.adyen-checkout__giftcard-result__header,
.adyen-checkout__giftcard-result__header__title {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout__giftcard-result__name {
  margin-left: 8px;
}

.adyen-checkout__giftcard-result__balance {
  list-style: none;
  margin: 1pc 0 0;
  padding: 0;
}

.adyen-checkout__giftcard-result__balance__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
  color: #687282;
}

.adyen-checkout__giftcard-result__balance__item:last-child {
  margin-bottom: 0;
}

.adyen-checkout__giftcard-result__balance__value--amount {
  font-weight: 700;
}

.adyen-checkout__giftcard-result__remaining-balance {
  color: #687282;
  font-size: 13px;
  line-height: 19px;
  margin: 8px auto 0;
  text-align: center;
}

.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
  list-style: none;
  margin: 0;
  padding: 0;
}

.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
  display: block;
  max-height: 60px;
}

.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: none;
}

.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
  height: 26px;
  width: 40px;
}

.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
  margin-right: 8px;
}

[dir='rtl'] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
  margin-left: 8px;
  margin-right: 0;
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
  max-height: 100%;
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF
  .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: block;
}

.adyen-checkout__payment-method__disable-confirmation {
  background: #c12424;
  border-left: 1px solid #b82222;
  border-right: 1px solid #b82222;
  color: #fff;
  font-size: 0.81em;
  margin: 0 -17px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition:
    opacity 0.15s ease-out,
    max-height 0.15s linear,
    margin-bottom 0.1s linear;
  transition:
    opacity 0.15s ease-out,
    max-height 0.15s linear,
    margin-bottom 0.1s linear;
}

.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
  margin-bottom: 1pc;
  max-height: 62px;
  opacity: 1;
}

.adyen-checkout__payment-method__disable-confirmation__content {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 1pc;
}

.adyen-checkout__payment-method__disable-confirmation__buttons {
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout__payment-method__disable-confirmation__button {
  background: #c12424;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: 14px;
  margin: 0 0 0 8px;
  padding: 8px;
  width: auto;
}

.adyen-checkout__payment-method__disable-confirmation__button:hover,
.adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
  background: #ac2020;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__payment-method__disable-confirmation__button:active,
.adyen-checkout__payment-method__disable-confirmation__button:hover:active {
  background: #961c1c;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout__payment-method__disable-confirmation__button--remove,
.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
  border-color: #fff;
}

.adyen-checkout__payment-method__disable-confirmation__button--cancel,
.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
  border-color: transparent;
}

.adyen-checkout__payment-method {
  background: #fff;
  border: 1px solid #e6e9eb;
  cursor: pointer;
  margin-top: -1px;
  position: relative;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  width: 100%;
}

.adyen-checkout__payment-method:focus {
  outline: 0;
}

.adyen-checkout__payment-method--selected + .adyen-checkout__payment-method,
.adyen-checkout__payment-method:first-child {
  border-top-left-radius: 9pt;
  border-top-right-radius: 9pt;
  margin-top: 0;
}

.adyen-checkout__payment-method--next-selected,
.adyen-checkout__payment-method:last-child {
  border-bottom-left-radius: 9pt;
  border-bottom-right-radius: 9pt;
  margin-bottom: 0;
}

.adyen-checkout__payment-method--loading {
  opacity: 0.2;
}

.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
  opacity: 0.9;
}

.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,
.adyen-checkout__payment-method--disabling {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.adyen-checkout__payment-method--disabling {
  opacity: 0.3;
}

.adyen-checkout__payment-method__header {
  -ms-flex-align: center;
  align-items: center;
  color: #00112c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 400;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 9pt 1pc 9pt 44px;
  position: relative;
  -webkit-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
  width: 100%;
}

[dir='rtl'] .adyen-checkout__payment-method__header {
  padding: 9pt 44px 9pt 9pt;
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
  padding: 1pc;
}

.adyen-checkout__payment-method__header__title {
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  color: #00112c;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  margin-right: 1pc;
  max-width: 100%;
  padding: 4px;
}

[dir='rtl'] .adyen-checkout__payment-method__header__title {
  margin-left: 1pc;
  margin-right: 0;
}

.adyen-checkout__payment-method__surcharge {
  color: #687282;
  margin-left: 5px;
}

.adyen-checkout__payment-method--selected {
  background: #f7f8f9;
  border: 1px solid #e6e9eb;
  border-radius: 9pt;
  cursor: default;
  margin: 8px 0;
  -webkit-transition:
    margin 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    opacity 0.3s ease-out;
  transition:
    margin 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    opacity 0.3s ease-out;
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.adyen-checkout__payment-method__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adyen-checkout__payment-method__name--selected {
  font-weight: 500;
}

.adyen-checkout__payment-method__details {
  padding: 0 1pc;
  position: relative;
}

.adyen-checkout__payment-method__details__content {
  margin: 0 0 1pc;
}

.adyen-checkout__payment-method__image__wrapper {
  height: 26px;
  position: relative;
  width: 40px;
}

.adyen-checkout__payment-method__image__wrapper--outline:after {
  border: 1px solid rgba(0, 27, 43, 0.17);
  border-radius: 3px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.adyen-checkout__payment-method__image {
  border-radius: 3px;
  display: block;
}

.adyen-checkout__payment-method__brands {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 1pc;
  margin: 4px 0;
  overflow: hidden;
  text-align: right;
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
  color: #99a3ad;
  font-size: 13px;
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
  height: auto;
  overflow: visible;
  text-align: left;
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  display: inline-block;
  height: 1pc;
  margin-right: 4px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  width: 24px;
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
  margin: 0;
}

.adyen-checkout__payment-method--selected
  .adyen-checkout__payment-method__brands
  .adyen-checkout__payment-method__image__wrapper {
  margin-bottom: 4px;
}

.adyen-checkout__payment-method__brands img {
  height: 1pc;
  width: 24px;
}

.adyen-checkout__payment-method__image__wrapper--disabled {
  opacity: 0.25;
}

.adyen-checkout__payment-method__radio {
  background-color: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 50%;
  height: 1pc;
  left: 1pc;
  position: absolute;
  -webkit-transition:
    border-color 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border-color 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  transition:
    border-color 0.2s ease-out,
    box-shadow 0.2s ease-out;
  transition:
    border-color 0.2s ease-out,
    box-shadow 0.2s ease-out,
    -webkit-box-shadow 0.2s ease-out;
  width: 1pc;
}

[dir='rtl'] .adyen-checkout__payment-method__radio {
  left: auto;
  right: 1pc;
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
  display: none;
}

.adyen-checkout__payment-method__radio:after {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  display: block;
  height: 6px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
  width: 6px;
}

.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected)
  .adyen-checkout__payment-method__radio {
  border-color: #99a3ad;
  -webkit-box-shadow: 0 0 0 2px #d4d9db;
  box-shadow: 0 0 0 2px #d4d9db;
  cursor: pointer;
}

.adyen-checkout__payment-method__radio--selected {
  background-color: #0075ff;
  border: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.adyen-checkout__payment-method__radio--selected:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
}

.adyen-checkout__payment-method__radio--selected:after {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.adyen-checkout__order-payment-methods-list {
  list-style: none;
  margin: 0 auto 1pc;
  padding: 0;
}

.adyen-checkout__order-payment-method {
  background: #fff;
  border: 1px solid #e6e9eb;
  margin-top: -1px;
  position: relative;
  width: 100%;
}

.adyen-checkout__order-payment-method:first-child {
  border-top-left-radius: 9pt;
  border-top-right-radius: 9pt;
}

.adyen-checkout__order-payment-method:last-child {
  border-bottom-left-radius: 9pt;
  border-bottom-right-radius: 9pt;
}

.adyen-checkout__order-payment-method__header {
  -ms-flex-align: center;
  align-items: center;
  color: #00112c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 500;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1pc;
  position: relative;
  -webkit-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
  width: 100%;
}

.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
  padding: 0;
}

.adyen-checkout__order-payment-method__details {
  padding: 0 1pc 1pc;
}

.adyen-checkout__order-payment-method__deducted-amount {
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1em;
}

.adyen-checkout__order-payment-method__deducted-amount__label {
  font-size: 0.81em;
}

.adyen-checkout__order-payment-method__deducted-amount__value {
  font-weight: 500;
}

.adyen-checkout__order-remaining-amount {
  background: #ffeacc;
  border-radius: 6px;
  color: #7f4a00;
  display: block;
  font-size: 0.81em;
  margin-bottom: 1pc;
  padding: 8px 1pc;
  width: 100%;
}

.adyen-checkout__order-remaining-amount strong {
  font-weight: 700;
}

.adyen-checkout__status {
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #d4d9db;
  border-radius: 6px;
  color: #00112c;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1em;
  height: 350px;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 2pc;
  text-align: center;
}

.adyen-checkout__status__icon {
  margin-bottom: 24px;
}

.adyen-checkout__status .adyen-checkout__spinner__wrapper {
  max-height: 88px;
}

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

.adyen-checkout__payment-methods-list--loading {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.adyen-checkout__instant-payment-methods-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.adyen-checkout__instant-payment-methods-list li:not(:last-child) {
  margin-bottom: 8px;
}

.adyen-checkout__link {
  color: #0075ff;
  text-decoration: none;
}

.adyen-checkout__link:hover {
  text-decoration: underline;
}

.AchInput-module_sf-input__wrapper__lfdiv {
  position: relative;
}

.AchInput-module_sf-input__wrapper__lfdiv *,
.AchInput-module_sf-input__wrapper__lfdiv :after,
.AchInput-module_sf-input__wrapper__lfdiv :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.AchInput-module_adyen-checkout__input__8WwCR {
  display: block;
  max-height: 75pt;
}

.adyen-checkout__pm__holderName {
  margin-bottom: 0;
}

.adyen-checkout__fieldset__title + .adyen-checkout__ach-sf__form {
  margin-top: 0;
}

.adyen-checkout__ach-input .adyen-checkout__fieldset--address,
.adyen-checkout__ach-sf__form {
  margin-top: 1pc;
}

.adyen-checkout__loading-input__form {
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.adyen-checkout-phone-input--new {
  direction: ltr;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
  width: 100%;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
  height: auto;
  padding: 0;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
  border: 1px solid #0075ff;
}

.adyen-checkout-phone-input--new
  .adyen-checkout__input-wrapper
  .adyen-checkout__input:focus-within
  .adyen-checkout-dropdown--countrycode-selector {
  border-right: 1px solid #0075ff;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 35px;
  width: auto;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
  -webkit-box-sizing: revert;
  box-sizing: revert;
  height: 10px;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active,
.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
  border: 1px solid transparent;
  height: 35px;
  line-height: 35px;
  min-height: 35px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-top: 0;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
  border: 1px solid #0075ff;
  -webkit-box-shadow: 0 0 0 2px #99c2ff;
  box-shadow: 0 0 0 2px #99c2ff;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
  border-right: 1px solid #dce0e5;
  min-width: 134px;
  width: 134px;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 3 1;
  flex: 3 1;
}

.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
  margin-top: -10px;
}

.adyen-checkout__await {
  background: #fff;
  border: 1px solid #d4d9db;
  border-radius: 9pt;
  padding: 40px;
  text-align: center;
}

.adyen-checkout__await--result {
  padding: 75pt;
}

.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.adyen-checkout__await__brand-logo {
  border-radius: 3px;
  width: 74px;
}

.adyen-checkout__await__indicator-text,
.adyen-checkout__await__subtitle {
  color: #00112c;
  font-size: 1em;
  line-height: 19px;
  margin-top: 2pc;
}

.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
  margin-left: 10px;
  margin-top: 6px;
}

.adyen-checkout__await__indicator-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 2pc;
}

.adyen-checkout__await__subtitle--result {
  margin-bottom: 2pc;
}

.adyen-checkout__await__icon {
  height: 88px;
  width: 88px;
}

.adyen-checkout__await__progress {
  background: #d4d9db;
  border-radius: 24px;
  height: 4px;
  margin: 2pc auto 9pt;
  width: 152px;
}

.adyen-checkout__await__percentage {
  background: #0075ff;
  border-radius: 24px;
  display: block;
  height: 100%;
}

.adyen-checkout__await__countdown {
  color: #687282;
  font-size: 0.81em;
}

.adyen-checkout__await > .adyen-checkout__spinner__wrapper {
  margin: 60px 0;
}

.adyen-checkout__await__app-link {
  display: none;
  margin-top: 1pc;
}

@media only screen and (max-device-width: 1200px) {
  .adyen-checkout__await__app-link {
    display: block;
  }
}

.adyen-checkout__blik__helper {
  color: #00112c;
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 1pc;
  padding: 0;
}

.adyen-checkout__bankTransfer__introduction {
  color: #00112c;
  font-size: 0.81em;
  font-weight: 400;
  margin: 0 0 1pc;
  padding: 0;
}

.adyen-checkout__bankTransfer__emailField {
  margin: 0 0 1pc;
}

.adyen-checkout__bacs--confirm {
  position: relative;
}

.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
  display: none;
}

.adyen-checkout__bacs .adyen-checkout__field--inactive {
  pointer-events: none;
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -25px;
  width: 20%;
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
  top: -50px;
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
  background: none;
  border: none;
  color: #0075ff;
  cursor: pointer;
  text-align: end;
  text-decoration: underline;
}

.adyen-checkout__voucher-result__introduction {
  font-size: 1em;
  max-width: 420px;
}

.adyen-checkout__klarna-widget {
  pointer-events: all;
}

.adyen-checkout__field--vpa {
  margin-bottom: 0;
}

.adyen-checkout__segmented-control {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 5px;
}

.adyen-checkout__segmented-control--disabled {
  pointer-events: none;
}

.adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment {
  color: #8390a3;
}

.adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment--selected {
  background: #f3f6f9;
  border: 1.5px solid #8390a3;
}

.adyen-checkout__segmented-control-segment {
  background: #fff;
  border: 0;
  border-radius: 6px;
  color: #0075ff;
  cursor: pointer;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 500;
  height: 40px;
  text-align: center;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
  width: 100%;
}

.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
  background-color: #f7f8f9;
}

.adyen-checkout__segmented-control-segment:active {
  background-color: #f7f8f9;
  border: 1.5px solid #687282;
}

.adyen-checkout__segmented-control-segment--selected {
  background: #e5f1ff;
  border: 1.5px solid #0075ff;
  color: #0075ff;
  font-weight: 700;
}

.adyen-checkout_upi-mode-selection-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 7px;
  margin-top: 0;
}

.adyen-checkout__segmented-control--upi-margin-bottom {
  margin-bottom: 1pc;
}

.body-modal-fix {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.pure-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.6);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.backdrop-overflow-hidden {
  overflow: hidden !important;
}

.pure-modal-backdrop .pure-modal {
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-height: 100%;
  -webkit-box-shadow: 0 40px 2pc -20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 40px 2pc -20px rgba(0, 0, 0, 0.15);
  padding: 0 1pc;
}

@media screen and (min-width: 768px) {
  .pure-modal-backdrop .pure-modal {
    max-width: 6in;
  }
}

.pure-modal.auto-height {
  position: static;
}

.pure-modal-backdrop.scrollable {
  overflow-y: auto;
}

.pure-modal-backdrop .panel {
  display: grid;
  grid-template-rows: repeat(3, -webkit-min-content);
  grid-template-rows: repeat(3, min-content);
  position: relative;
}

.pure-modal-backdrop:not(.scrollable) .panel {
  grid-template-rows: -webkit-min-content minmax(0, 1fr) -webkit-min-content;
  grid-template-rows: min-content minmax(0, 1fr) min-content;
  max-height: -moz-available;
  max-height: -webkit-fill-available;
  max-height: fill-available;
  height: 100%;
}

.pure-modal > * > * {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pure-modal > * > .scrollable {
  overflow-x: hidden;
  overflow-scrolling: touch;
}

.pure-modal .panel-body {
  background-color: #fff;
  border-radius: 8px;
}

.pure-modal .panel-heading {
  background: #f0f0f0;
}

.pure-modal .panel-title {
  padding: 9pt 45px 9pt 15px;
  margin: 0;
}

.pure-modal .close {
  right: 20px;
  top: 20px;
  background: none;
  border: none;
  font-size: 18px;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}

.pure-modal .panel-heading .close:hover {
  color: #000;
}

.pure-modal .panel-body {
  padding: 3pc 24px 45px;
}

@media screen and (min-width: 768px) {
  .pure-modal .panel-body {
    padding: 3pc 2pc 45px;
  }
}

.pure-modal .panel-footer {
  padding: 9pt 45px 9pt 15px;
  background: #f0f0f0;
}

.pure-modal-backdrop .additional-row,
.pure-modal-backdrop:not(.scrollable) .additional-row {
  display: grid;
  grid-template-rows: -webkit-min-content minmax(0, 1fr) -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content minmax(0, 1fr) min-content min-content;
}

@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

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

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@-webkit-keyframes modal-video {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modal-video {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes modal-video-inner {
  0% {
    -webkit-transform: translateY(75pt);
    transform: translateY(75pt);
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes modal-video-inner {
  0% {
    -webkit-transform: translateY(75pt);
    transform: translateY(75pt);
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translateY(75pt);
  transform: translateY(75pt);
}

.modal-video-body {
  max-width: 60pc;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.modal-video-body,
.modal-video-inner {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-video-inner {
  -ms-flex-align: center;
  align-items: center;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}

.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-video-close-btn:after,
.modal-video-close-btn:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

.cmp-social-icons__icon {
    background-color: var(--white);
    display: inline-flex;
    height: var(--size-6);
    width: var(--size-6);
}

.icon--x {
    mask-image: url(/de/x.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    height: var(--size-5);
    width: var(--size-5);
}