/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../node_modules/postcss-loader/dist/cjs.js!../node_modules/resolve-url-loader/index.js??clonedRuleSet-2.use[3]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./styles/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * This file may be used to add CSS to the front-end of the project.
 * SASS is welcome, this is compiled in the build script and enqueued within Core.
 */
.selection-guide .accordion .metering-pumps__product-selection .accordion__item--active,
.selection-guide .accordion .hardeners__product-selection .accordion__item--active,
.selection-guide .accordion .filler__product-selection .accordion__item--active,
.selection-guide .accordion .additives__product-selection .accordion__item--active {
  background-color: #fff;
  box-shadow: 0 4px 40px 9px rgba(0, 0, 0, 0.1); }

.selection-guide .accordion .metering-pumps__product-selection .accordion__heading,
.selection-guide .accordion .hardeners__product-selection .accordion__heading,
.selection-guide .accordion .filler__product-selection .accordion__heading,
.selection-guide .accordion .additives__product-selection .accordion__heading {
  background-color: rgba(198, 212, 237, 0.1) !important; }
  @media screen and (max-width: 568px) {
    .selection-guide .accordion .metering-pumps__product-selection .accordion__heading .accordion__title,
    .selection-guide .accordion .hardeners__product-selection .accordion__heading .accordion__title,
    .selection-guide .accordion .filler__product-selection .accordion__heading .accordion__title,
    .selection-guide .accordion .additives__product-selection .accordion__heading .accordion__title {
      font-size: 24px; } }

.selection-guide .accordion .metering-pumps__product-selection .accordion__body-cards .card,
.selection-guide .accordion .hardeners__product-selection .accordion__body-cards .card,
.selection-guide .accordion .filler__product-selection .accordion__body-cards .card,
.selection-guide .accordion .additives__product-selection .accordion__body-cards .card {
  cursor: pointer; }
  .selection-guide .accordion .metering-pumps__product-selection .accordion__body-cards .card .card__footer.selection__footer,
  .selection-guide .accordion .hardeners__product-selection .accordion__body-cards .card .card__footer.selection__footer,
  .selection-guide .accordion .filler__product-selection .accordion__body-cards .card .card__footer.selection__footer,
  .selection-guide .accordion .additives__product-selection .accordion__body-cards .card .card__footer.selection__footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; }
    .selection-guide .accordion .metering-pumps__product-selection .accordion__body-cards .card .card__footer.selection__footer .unselect,
    .selection-guide .accordion .hardeners__product-selection .accordion__body-cards .card .card__footer.selection__footer .unselect,
    .selection-guide .accordion .filler__product-selection .accordion__body-cards .card .card__footer.selection__footer .unselect,
    .selection-guide .accordion .additives__product-selection .accordion__body-cards .card .card__footer.selection__footer .unselect {
      border: unset;
      background-color: transparent !important;
      color: #000 !important;
      margin-top: 10px; }

.selection-guide .accordion .metering-pumps__product-selection .selection-content-wrapper,
.selection-guide .accordion .hardeners__product-selection .selection-content-wrapper,
.selection-guide .accordion .filler__product-selection .selection-content-wrapper,
.selection-guide .accordion .additives__product-selection .selection-content-wrapper {
  max-width: 1300px; }

.selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__heading {
  color: #0085CA; }
  .selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__heading:hover {
    color: #006397; }

.selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__body-cards .card .card__header .card__title {
  color: #0085CA; }

.selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__body-cards .card .card__footer .button {
  border-color: #0085CA;
  color: #0085CA; }

.selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__body-cards .card:hover {
  border: 4px solid #0085CA; }
  .selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__body-cards .card:hover .card__footer .button.hollow {
    background-color: #0085CA;
    color: #fff; }

.selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__body-cards .card.active--card {
  border: 4px solid #0085CA; }
  .selection-guide .accordion .metering-pumps__product-selection .accordion__item .accordion__body-cards .card.active--card .card__footer .button.hollow {
    background-color: #0085CA;
    color: #fff; }

.selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__heading {
  color: #F81111; }
  .selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__heading:hover {
    color: #d00606; }

.selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__body-cards .card .card__header .card__title {
  color: #F81111; }

.selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__body-cards .card .card__footer .button {
  border-color: #F81111;
  color: #F81111; }

.selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__body-cards .card:hover {
  border: 4px solid #F81111; }
  .selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__body-cards .card:hover .card__footer .button.hollow {
    background-color: #F81111;
    color: #fff; }

.selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__body-cards .card.active--card {
  border: 4px solid #F81111; }
  .selection-guide .accordion .hardeners__product-selection .accordion__item .accordion__body-cards .card.active--card .card__footer .button.hollow {
    background-color: #F81111;
    color: #fff; }

.selection-guide .accordion .filler__product-selection .accordion__item .accordion__heading {
  color: #00A68A; }
  .selection-guide .accordion .filler__product-selection .accordion__item .accordion__heading:hover {
    color: #007360; }

.selection-guide .accordion .filler__product-selection .accordion__item .accordion__body-cards .card .card__header .card__title {
  color: #00A68A; }

.selection-guide .accordion .filler__product-selection .accordion__item .accordion__body-cards .card .card__footer .button {
  border-color: #00A68A;
  color: #00A68A; }

.selection-guide .accordion .filler__product-selection .accordion__item .accordion__body-cards .card:hover {
  border: 4px solid #00A68A; }
  .selection-guide .accordion .filler__product-selection .accordion__item .accordion__body-cards .card:hover .card__footer .button.hollow {
    background-color: #00A68A;
    color: #fff; }

.selection-guide .accordion .filler__product-selection .accordion__item .accordion__body-cards .card.active--card {
  border: 4px solid #00A68A; }
  .selection-guide .accordion .filler__product-selection .accordion__item .accordion__body-cards .card.active--card .card__footer .button.hollow {
    background-color: #00A68A;
    color: #fff; }

.selection-guide .accordion .additives__product-selection .accordion__item .accordion__heading {
  color: #F68121; }
  .selection-guide .accordion .additives__product-selection .accordion__item .accordion__heading:hover {
    color: #db6809; }

.selection-guide .accordion .additives__product-selection .accordion__item .accordion__body-cards .card .card__header .card__title {
  color: #F68121; }

.selection-guide .accordion .additives__product-selection .accordion__item .accordion__body-cards .card .card__footer .button {
  border-color: #F68121;
  color: #F68121; }

.selection-guide .accordion .additives__product-selection .accordion__item .accordion__body-cards .card:hover {
  border: 4px solid #F68121; }
  .selection-guide .accordion .additives__product-selection .accordion__item .accordion__body-cards .card:hover .card__footer .button.hollow {
    background-color: #F68121;
    color: #fff; }

.selection-guide .accordion .additives__product-selection .accordion__item .accordion__body-cards .card.active--card {
  border: 4px solid #F68121; }
  .selection-guide .accordion .additives__product-selection .accordion__item .accordion__body-cards .card.active--card .card__footer .button.hollow {
    background-color: #F68121;
    color: #fff; }

.selection-guide .accordion .accordion__item {
  margin-bottom: 10px !important; }
  .selection-guide .accordion .accordion__item .accordion__heading {
    padding: 20px;
    background: none;
    border-bottom: unset !important; }
    @media screen and (min-width: 1460px) {
      .selection-guide .accordion .accordion__item .accordion__heading {
        padding: 40px !important; } }
    @media screen and (min-width: 1460px) {
      .selection-guide .accordion .accordion__item .accordion__heading .accordion__title {
        margin-left: 40px !important; } }
  .selection-guide .accordion .accordion__item .accordion__body {
    padding: 0 10px;
    border-bottom: unset !important; }
    .selection-guide .accordion .accordion__item .accordion__body-description {
      max-width: 1450px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px; }
      @media screen and (min-width: 1460px) {
        .selection-guide .accordion .accordion__item .accordion__body-description {
          padding-left: 20px;
          padding-right: 20px; } }
  @media screen and (min-width: 1420px) {
    .selection-guide .accordion .accordion__item .selection-footer {
      padding: 40px;
      max-width: 1500px; } }
  .selection-guide .accordion .accordion__item .selection-footer .selection-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .selection-guide .accordion .accordion__item .selection-footer .selection-nav .button:nth-child(2) {
      margin-top: 15px; }
    .selection-guide .accordion .accordion__item .selection-footer .selection-nav .button.prev-btn {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      align-items: center; }
      .selection-guide .accordion .accordion__item .selection-footer .selection-nav .button.prev-btn:after {
        transform: rotate(90deg);
        left: -10px;
        top: 0px;
        margin-left: -18px; }
        @media screen and (min-width: 562px) {
          .selection-guide .accordion .accordion__item .selection-footer .selection-nav .button.prev-btn:after {
            margin-left: 0; } }
    @media screen and (min-width: 762px) {
      .selection-guide .accordion .accordion__item .selection-footer .selection-nav {
        flex-direction: row; }
        .selection-guide .accordion .accordion__item .selection-footer .selection-nav .button:nth-child(2) {
          margin-top: 0px; } }
  .selection-guide .accordion .accordion__item.accordion__item--active .accordion__heading {
    background-color: #fff !important; }

.selection-carousel .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.03); }
  .selection-carousel .card .card__header .card__title {
    color: #131516; }
  .selection-carousel .card .card__footer .button.hollow {
    cursor: pointer; }
  .selection-carousel .card.selection-card .card__footer .button.hollow:hover {
    background-color: #0085CA;
    color: #fff; }
  .selection-carousel .card.selection-card:hover {
    border: 4px solid #0085CA; }
    .selection-carousel .card.selection-card:hover .card__footer .button.hollow {
      background-color: #0085CA;
      color: #fff; }
  .selection-carousel .card.selection-card.active--card {
    border: 4px solid #0085CA; }
    .selection-carousel .card.selection-card.active--card .card__footer .button.hollow {
      background-color: #0085CA;
      color: #fff; }
  .selection-carousel .card.standard-card .card__footer .button.hollow {
    border-color: #F82A2A;
    color: #F82A2A; }
  .selection-carousel .card.standard-card:hover {
    border: 4px solid #F82A2A; }
    .selection-carousel .card.standard-card:hover .card__footer .button.hollow {
      background-color: #F82A2A;
      color: #fff; }
  .selection-carousel .card.standard-card.active--card {
    border: 4px solid #F82A2A; }
    .selection-carousel .card.standard-card.active--card .card__footer .button.hollow {
      background-color: #F82A2A;
      color: #fff; }

.selection-carousel {
  padding: 20px; }
  .selection-carousel .carousel-wrapper .carousel {
    position: relative;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.03); }
    .selection-carousel .carousel-wrapper .carousel .carousel__track .carousel__slides {
      overflow: visible; }
    .selection-carousel .carousel-wrapper .carousel .carousel__arrows .carousel__arrow {
      display: none; }
      @media (max-width: 1300px) {
        .selection-carousel .carousel-wrapper .carousel .carousel__arrows .carousel__arrow {
          display: block; } }
      .selection-carousel .carousel-wrapper .carousel .carousel__arrows .carousel__arrow svg {
        display: block; }
      .selection-carousel .carousel-wrapper .carousel .carousel__arrows .carousel__arrow::after {
        content: "";
        display: none; }
      .selection-carousel .carousel-wrapper .carousel .carousel__arrows .carousel__arrow--left {
        left: -2em; }
      .selection-carousel .carousel-wrapper .carousel .carousel__arrows .carousel__arrow--right {
        right: -2em; }

.accordion__icon svg {
  transition: transform 300ms ease-in-out; }
  .accordion__icon svg.open--arrow {
    transform: rotate(0deg); }
  .accordion__icon svg.close--arrow {
    transform: rotate(180deg); }

.selection-guide-container .section-title {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px; }
  .selection-guide-container .section-title h2 {
    font-weight: 700; }
  .selection-guide-container .section-title p {
    font-size: 18px; }
    @media screen and (min-width: 1400px) {
      .selection-guide-container .section-title p {
        max-width: 60%;
        font-size: 26px; } }
    .selection-guide-container .section-title p.sub-description {
      font-size: 19px; }

.selection-guide-container .selection-content-wrapper {
  padding: 20px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1460px) {
    .selection-guide-container .selection-content-wrapper {
      padding: 40px; } }

.section-review {
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 80px; }
  @media screen and (min-width: 920px) {
    .section-review {
      padding: 60px; } }
  @media screen and (min-width: 1460px) {
    .section-review {
      padding: 80px; } }
  .section-review .section-header {
    margin-bottom: 40px; }
    @media screen and (min-width: 1200px) {
      .section-review .section-header p {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; } }
  .section-review .section-footer {
    margin: 40px auto;
    width: 100%; }
    .section-review .section-footer .actions {
      display: grid;
      grid-gap: 10px;
      grid-template-columns: repeat(1, 1fr);
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 648px) {
        .section-review .section-footer .actions {
          grid-template-columns: repeat(2, 1fr);
          justify-items: center; } }
      @media screen and (min-width: 768px) {
        .section-review .section-footer .actions {
          max-width: 90%; } }
      @media screen and (min-width: 1024px) {
        .section-review .section-footer .actions {
          max-width: 80%; } }
      @media screen and (min-width: 1386px) {
        .section-review .section-footer .actions {
          max-width: 70%; } }
  .section-review .card--review {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 462px;
    width: 100%;
    padding: 20px;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.03); }
    .section-review .card--review .card__title {
      text-transform: uppercase; }
    .section-review .card--review.review-epoxy-resins-hardeners .card__title, .section-review .card--review.review-105-epoxy-resin .card__title {
      color: #F81111; }
    @media screen and (min-width: 1200px) {
      .section-review .card--review {
        padding: 40px; } }
  .section-review .initial--card {
    cursor: pointer; }
    .section-review .initial--card .card__header,
    .section-review .initial--card .card__header h4 {
      pointer-events: none; }
  .section-review .default--card.review-hardeners .card__header .card__title {
    color: #F81111; }
  .section-review .default--card.review-filler .card__header .card__title {
    color: #00A68A; }
  .section-review .default--card.review-additives .card__header .card__title {
    color: #F68121; }

.selection-content .content li::before {
  content: "•" !important; }

.selection-content .content li::after {
  display: none; }

body.selection-guides section.the-content .section-body {
  max-width: 1600px; }

body.selection-guides .page-banner {
  display: none; }

#reviewFormModal {
  display: none;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }
  #reviewFormModal.active {
    display: block; }
  #reviewFormModal .form,
  #reviewFormModal .no-form {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border-radius: 5px; }
  #reviewFormModal .form {
    width: 90%; }
    @media screen and (min-width: 768px) {
      #reviewFormModal .form {
        width: 50%; } }
  #reviewFormModal .close-button {
    display: flex;
    padding: 10px;
    justify-content: flex-end;
    cursor: pointer; }


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