.form-error {
  color: #ce1126
}

.required-prop {
  color: red
}

.lightbox {
  position: fixed;
  z-index: 100
}

.lightbox,
.lightbox__cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.lightbox__cover {
  position: absolute;
  z-index: 101
}

.lightbox__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 102
}

.lightbox__content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  height: 60vh;
  position: relative
}

.lightbox__close-btn {
  border: 0;
  align-self: flex-end;
  background: transparent
}

.lightbox__close-btn span {
  display: none
}

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

.grid-wrapper {
  max-width: 1302px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #fff
}

.row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between
}

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

.col {
  width: 100%;
  padding: 0 15px;
  margin: .625rem 0
}

.col--no-gutters {
  padding: 0;
  margin: 0
}

.col--no-padding {
  padding: 0
}

.col--sm1 {
  width: 8.33333%
}

.col--sm2 {
  width: 16.66667%
}

.col--sm3 {
  width: 25%
}

.col--sm4 {
  width: 33.33333%
}

.col--sm5 {
  width: 41.66667%
}

.col--sm6 {
  width: 50%
}

.col--sm7 {
  width: 58.33333%
}

.col--sm8 {
  width: 66.66667%
}

.col--sm9 {
  width: 75%
}

.col--sm10 {
  width: 83.33333%
}

.col--sm11 {
  width: 91.66667%
}

.col--sm12 {
  width: 100%
}

@media print,
screen and (min-width:768px) {
  .col--md1 {
    width: 8.33333%
  }

  .col--md2 {
    width: 16.66667%
  }

  .col--md3 {
    width: 25%
  }

  .col--md4 {
    width: 33.33333%
  }

  .col--md5 {
    width: 41.66667%
  }

  .col--md6 {
    width: 50%
  }

  .col--md7 {
    width: 58.33333%
  }

  .col--md8 {
    width: 66.66667%
  }

  .col--md9 {
    width: 75%
  }

  .col--md10 {
    width: 83.33333%
  }

  .col--md11 {
    width: 91.66667%
  }

  .col--md12 {
    width: 100%
  }
}

@media print,
screen and (min-width:992px) {
  .col--lg1 {
    width: 8.33333%
  }

  .col--lg2 {
    width: 16.66667%
  }

  .col--lg3 {
    width: 25%
  }

  .col--lg4 {
    width: 33.33333%
  }

  .col--lg5 {
    width: 41.66667%
  }

  .col--lg6 {
    width: 50%
  }

  .col--lg7 {
    width: 58.33333%
  }

  .col--lg8 {
    width: 66.66667%
  }

  .col--lg9 {
    width: 75%
  }

  .col--lg10 {
    width: 83.33333%
  }

  .col--lg11 {
    width: 91.66667%
  }

  .col--lg12 {
    width: 100%
  }
}

@media print,
screen and (min-width:1199px) {
  .col--xl1 {
    width: 8.33333%
  }

  .col--xl2 {
    width: 16.66667%
  }

  .col--xl3 {
    width: 25%
  }

  .col--xl4 {
    width: 33.33333%
  }

  .col--xl5 {
    width: 41.66667%
  }

  .col--xl6 {
    width: 50%
  }

  .col--xl7 {
    width: 58.33333%
  }

  .col--xl8 {
    width: 66.66667%
  }

  .col--xl9 {
    width: 75%
  }

  .col--xl10 {
    width: 83.33333%
  }

  .col--xl11 {
    width: 91.66667%
  }

  .col--xl12 {
    width: 100%
  }
}

.button-link {
  display: inline-block;
  border-style: solid
}

.button__img {
  vertical-align: middle
}

.Collapsible {
  padding: 0 1.25rem .25rem
}

.Collapsible__trigger {
  display: block;
  color: #000;
  position: relative;
  padding: 1.25rem;
  background: #f7f7f7;
  border: 1px solid #dfdfdf;
  cursor: pointer
}

.Collapsible__trigger:after {
  font-family: Font Awesome\ 5 Free;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1rem;
  content: "\F107";
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  display: block;
  transition: transform .3s
}

.Collapsible__trigger.is-open:after {
  transform: rotate(180deg)
}

.Collapsible__text {
  margin: 0
}

.tag {
  display: inline-block;
  font-size: 1rem;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: .3em .6em;
  margin: 0 .25em .5em 0;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #777
}

.tag:hover {
  background-color: #5e5e5e
}

.tag a,
.tag a:active,
.tag a:hover,
.tag a:visited {
  color: #fff
}

.filter {
  display: inline-block;
  font-size: 1rem;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  color: #000;
  padding: .3em .6em;
  margin: 0 .25em .5em 0;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #777
}

.filter--active {
  color: #fff;
  background-color: #777
}

.filter:active,
.filter:focus,
.filter:hover,
.filter:visited {
  color: #000;
  background-color: #dfdfdf;
  cursor: pointer
}

.finder-box__title {
  text-align: center
}

.finder-box__body,
.finder-box__title {
  padding: 1.25rem;
  background: #f7f7f7;
  border: 1px solid #dfdfdf
}

.finder-box__body {
  background: #fff;
  border-top: none
}

.finder-box__button {
  text-align: center;
  width: 75%;
  padding: .375rem .75rem;
  margin: auto 12.5%;
  border-radius: .125rem
}

.finder .finder__control {
  border: 1px solid #dfdfdf
}

.finder .finder__control--is-focused,
.finder .finder__control--is-focused:hover,
.finder .finder__control:hover {
  border-color: #15b5c6;
  box-shadow: 0 0 0 .0625rem #15b5c6
}

.finder .finder__placeholder {
  color: grey
}

.finder .finder__multi-value__remove:hover {
  color: #fff;
  background-color: #15b5c6
}

.finder .finder__option--is-focused,
.finder .finder__option--is-focused:hover {
  background-color: #15b5c6
}

.left-navigation__title {
  padding: 1.25rem;
  background: #f7f7f7;
  border: 1px solid #dfdfdf
}

.left-navigation__list {
  padding: 1.25rem;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-top: none
}

.left-navigation__item {
  position: relative;
  display: block;
  padding: 15px;
  word-wrap: break-word
}

.left-navigation__item:focus,
.left-navigation__item:hover {
  background-color: #eee;
  cursor: pointer;
  border-radius: .125rem
}

.left-navigation__item--child {
  margin-left: 1.25rem
}

.left-navigation__item--grandchild {
  margin-left: 2.75rem
}

.left-navigation__item--active,
.left-navigation__item--active.link,
.left-navigation__item--active.link--child-active,
.left-navigation__item--has-active,
.left-navigation__item--has-active.link,
.left-navigation__item--has-active.link--child-active {
  background-color: #15b5c6;
  color: #fff
}

.left-navigation__badge {
  position: absolute;
  right: .9375rem;
  font-weight: 700;
  padding: .1875rem .4375rem;
  font-size: .75rem;
  color: #fff;
  background-color: #777;
  border-radius: .75rem
}

.product-tag {
  position: relative;
  border-radius: .125rem;
  padding: .3125rem;
  background: #f9f9f9
}

.product-tag--with-img {
  padding: .3125rem .3125rem .3125rem 3.75rem
}

.product-tag__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.75rem;
  bottom: 0;
  padding: .3125rem
}

.product-tag__body {
  padding: .3125rem;
  font-size: .9rem
}

.product-tag__category,
.product-tag__name {
  display: block;
  margin: 0;
  padding: 0
}

.content-grid__row {
  display: flex;
  flex: 1 0 0px;
  flex-wrap: nowrap;
  justify-content: space-between
}

.content-grid__column {
  flex: 1 0 0px;
  flex-basis: 100%;
  max-width: 100%
}

@media screen and (min-width:768px) {
  .content-grid__column--size-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
  }

  .content-grid__column--size-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .content-grid__column--size-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
  }

  .content-grid__column--size-3 {
    flex-basis: 25%;
    max-width: 25%
  }
}

html {
  position: relative !important
}

.load-more__button,
.product__sk-pricespider {
  cursor: pointer
}

.pagination {
  text-align: center
}

.pagination__item {
  display: inline-block;
  padding: .325rem .75rem;
  line-height: 1.42857143rem;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  margin: .625rem -1px 0;
  cursor: pointer
}

.pagination__item:hover {
  background-color: #eee
}

.pagination__item--is-active {
  background-color: #15b5c6;
  color: #fff;
  cursor: default
}

.pagination__item--is-active:hover {
  background-color: #15b5c6
}

.blog-navigation {
  margin-bottom: 1rem
}

.blog-navigation__text--with-badge {
  display: inline-block;
  width: 85%
}

.blog-navigation__title {
  padding: 1.25rem;
  background: #f7f7f7;
  border: 1px solid #dfdfdf
}

.blog-navigation__list {
  padding: 1.25rem;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-top: none
}

.blog-navigation__item {
  position: relative;
  display: block;
  padding: 15px;
  word-wrap: break-word
}

.blog-navigation__item:focus,
.blog-navigation__item:hover {
  background-color: #eee;
  cursor: pointer;
  border-radius: .125rem
}

.blog-navigation__item--active,
.blog-navigation__item--active.link,
.blog-navigation__item--active.link--child-active,
.blog-navigation__item--has-active,
.blog-navigation__item--has-active.link,
.blog-navigation__item--has-active.link--child-active {
  background-color: #15b5c6;
  color: #fff
}

.blog-navigation__badge {
  position: absolute;
  right: .9375rem;
  font-weight: 700;
  padding: .1875rem .4375rem;
  font-size: .75rem;
  color: #fff;
  background-color: #777;
  border-radius: .75rem
}