body {
    font-family: "Titillium Web", sans-serif;
    color: #000;
    line-height: 1.5;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    overflow-x: hidden;
    position: relative;
}

/** JR's CSTM CSS **/
html {
  scroll-behavior: smooth;
}

.homepage-text h1,
.hero-text h1 {
    font-weight: 600;
    font-size: 50px;
    margin-bottom: 0;
}

#category .category-header h1 {
    font-size: 42px;
}

.no-padding {
    padding: 0;
}

section#home .homepage-text h1,
section#home .homepage-text h3 {
    text-transform: uppercase;
}

section#home .homepage-text h3 {
    color: #ef3e50;
    margin-bottom: -25px;
}

@media (max-width:991px) {
    section#home .homepage-text br:nth-of-type(2) {
        display: none;
    }
}

section.homepage-slider {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.homepage-text h3,
.product-info-banner-text h3 {
    margin: 0;
    /* font-weight: 400; */
    font-size: 42px;
    /* letter-spacing: 9px; */
}

.category-footer-upsell-container h4 {
    font-size: 23px;
}

.homepage-text span {
    font-size: 18px;
    font-weight: 200;
}

.hero-text span {
    font-size: 18px;
}

.hero-product-card-text h3 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.hero-product-card-text .btn {
    border: 2px solid #fff;
    padding: 5px 25px;
}

.col-12.homepage-text {
    color: #fff;
    text-align: left;
    padding-top: 70px;
    height: 350px;
    padding-left: 20px;
}

@media (max-width:360px) {
    .col-12.homepage-text {
        color: #fff;
        text-align: left;
        padding-top: 30px;
        height: 350px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

header.site-header {
    background-color: #2d3f71;
    /* border-bottom: 1px solid; */
    padding: 5px 0;
}

section.product-card-section {
    background: #efefef;
    padding: 25px
}

section.product-card-section a:hover {
    text-decoration: none;
    color: initial;
}

section.product-card-section .featured-product {
    position: relative;
    overflow: hidden;
    /* Ensure child elements don't overflow when text is underlined */
    transition: opacity 0.3s ease;
    /* Add a smooth transition effect for opacity */
}

/* Styles for the entire row when it's being hovered over */
section.product-card-section .featured-product:hover {
    opacity: 0.8;
    /* Adjust the opacity value as needed (0.0 to 1.0) */
}

/* Initial styles for the image and text */
section.product-card-section .featured-product-img img,
section.product-card-section .featured-product-text {
    transition: opacity 0.3s ease, text-decoration 0.3s ease;
    /* Add transitions for both opacity and text-decoration */
}

/* Styles for the image and text when the entire row is being hovered over */
section.product-card-section .featured-product:hover .featured-product-img img,
section.product-card-section .featured-product:hover .featured-product-text {
    opacity: 1;
    /* Set opacity back to 1 when the entire row is being hovered over */
}

/* Styles for the text when the entire row is being hovered over */
section.product-card-section .featured-product:hover h2 {
    text-decoration: underline;
    /* Add underline on hover */
}

div#homenav1,
div#homenav2,
div#homenav3 {
    /* border: 1px solid; */
    border-radius: 35px;
    /* margin-bottom: 25px; */
    padding: 10px;
    background: #dcdcdd;
    margin: 0 auto 25px;
}




.featured-product h2 {
    text-transform: uppercase;
    font-weight: 700;
}

section.product-card-section .featured-product-text {
    padding-top: 5%;
    /* font-weight: 600; */
}

@media (max-width: 425px) {
    section.product-card-section .featured-product-text {
        text-align: center;
    }
}

#category .category-hero-container .hero-text,
#category .category-hero-container .hero-text h2,
#category .category-hero-container .hero-text a {
    color: #000;
}

section.power-features {
    background: #1a1a1a;
    color: #fff;
    padding: 20px 10px 70px
}

@media (max-width: 525px) {
    section.power-features {
        height: fit-content;
    }
}

.products-section .featured-product h2,
.products-section .featured-product p {
    color: #2a4272;
    font-size: 16px;
}

.feature-cards img {
    display: block;
    margin: 0 auto 15px;
    max-width: 75px;
}

.feature-cards {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

@media (max-width: 767px) {
    .feature-cards {
        flex-direction: column;
    }

}

.col-md-2.feature-card {
    background: #272727;
    /* height: 200px; */
    padding: 25px 10px;
    border-radius: 35px;
    margin: 10px;
}

.power-features h2,
.power-features p {
    text-align: center;
}

.power-features h2 {
    font-size: 42px;
    font-weight: 600;
    margin-top: 60px;
    padding: 10px
}

.power-features p {
    margin: 25px 0;
    font-size: 16px;
    padding: 20px;
}

/* .featured-product img {
    float: left;
} */

.featured-product-img {
    float: left;
    text-align: center;
    max-width: 400px;
}

.featured-product.product-2 .featured-product-img {
    float: right;
}

.header-container {
    display: flex;
    justify-content: space-evenly;
}

@media (max-width: 425px) {
    .header-container {
        flex-direction: column;
    }

    .home-category-header .header-specials::before {
        content: "•";
        /* Unicode bullet character */
        position: absolute;
        left: 12%;
    }

    .featured-product-img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .home-category-header .header-container h4 a {
        font-size: 16px;
    }
}

.home-category-header .header-container h4 a {
    color: #9b9b9b;
}

.home-category-header .header-container h4 a:hover {
    color: #000;
    text-decoration: none;
}

.home-category-header .header-specials:after {
    content: "";
    display: block;
    height: 3px;
    background-color: #2b3f71;
    margin: 10px 5px;
}

.home-category-header .header-container h4 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
}

.hero-text {
    text-align: center;
    padding: 10px 5px;
    color: #fff;

}

.hero-text .btn a {
    color: #fff;
    font-size: 18px;
    white-space: normal;
}

.hero-text h2 {
    font-weight: 600;
    font-size: 72px;
    margin-bottom: 0;
}

.hero-text span {
    font-size: 28px;
    display: inline-block;
    margin: 15px 0;
    font-weight: 600;
}

.hero-product-card {
    height: 500px;
    background: url("/assets/images/sj-placeholder.png") top;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    display: flex;
    align-items: flex-end;
}

.hero-product-card-text .btn a,
.bottom-banner-section .btn-default a {
    color: #fff;
    font-size: 16px;
}

.hero-product-card-text {
    padding: 0 0 25px 25px;
}

#category .btn, .learn-btn .btn {
    border: 2px solid;
    padding: 10px 20px;
}

/* .product-item-inner .action {
    margin-top: 25px;
} */

/* .product-item-inner .learn-btn {
    padding-top: 10px;
} */

#category h2,
.sub-product-cards h2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #22225e;
}

.sub-hero-info h2 {
    font-size: 50px;
}

/* #category .sub-hero-info .btn {
    width: 200px;
    padding: 1px 0px;
    background: #eaeaea;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    height: 35px;
    align-content: center;
    flex-wrap: wrap;
    border: none;
} */

#category .sub-hero-info .btn, .faux-btn {
    width: 175px;
    /* background: #dadada; */
    padding: 10px;
    border-radius: 10px;
    border: 2px solid;
    margin-bottom: 15px;
    text-align: start;
    pointer-events: none;
}

#category .sub-hero-info .btn img {
    max-width: 20px;
    margin: 0 15px
}

.col-md-6.category-card {
    text-align: center;
    padding: 0px 25px;
}

.category-upsell-container .col-md-7 {
    text-align: center;
}

.category-explore-container h2 {
    text-align: center;
    margin: 50px 0;
    font-size: 42px;
}



.explore-card-container {
    display: flex;
    justify-content: center;
}

@media (max-width:767px) {
    .explore-card-container {
        flex-wrap: wrap;
    }
}

.category-explore-container {
    padding: 50px 0;
}

.explore-card h3 {
    font-weight: 600;
}

.explore-card {
    text-align: center;
    /* border: 1px solid; */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    height: 100%;
    max-width: 20%;
    border-radius: 25px;
    background: #d3d3d3;
    margin: 0 15px 25px
}

.explore-card a {
    padding: 15px 0;
}

section.subcategories_block.category-explore-container ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


/* .explore-card-sj {
    background: url("/assets/images/sj-Box.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.explore-card-rj {
    background: url("/assets/images/rj-Box.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.explore-card-core {
    background: url("/assets/images/core-Box.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
} */

#category .explore-card .btn {
    margin: 15px 0;
}

.category-card-1,
.category-card-2 {
    border: 1px solid;
    width: 450px;
    color: #fff;
    border-radius: 25px;
    text-align: left;
    padding: 20px 30px 0;
    height: 500px;
    margin-bottom: 25px;
}

.category-card h3 {
    font-weight: 700;
}

section.category-upsell-container {
    margin: 50px 0;
}

.sub-hero-info img {
    width: 40px;
    float: left;
    margin-left: 10px;
}

/* section.product-info-banner {
    
    
} */

/* .product-info-banner-text {
  padding: 50px;
} */

.product-info-banner-text h2 {
    margin: 0;
    letter-spacing: 4px;
}

.product-info-banner-text p {
    margin: 10px 0;
}

.product-info-banner-text h3 {
    text-transform: uppercase;
    letter-spacing: 0;
}

.upsell-card h4 {
    font-weight: 700;
}

.category-card-text {
    padding: 10px 30px;
}

.category-card {
    display: flex;
    justify-content: space-around;
    padding: 100px 0 50px;
    flex-wrap: wrap;
}

.cat-8 #category .category-hero-container {
    background-image: url("/assets/images/cell-install-600.jpg");
    background-position: center 150px;
    background-color: #413838;
    background-size: cover;
}

.cat-18 #category .category-hero-container {
    background-image: url("/assets/images/products/a-cells/Front_bg.jpg");
    background-position: center 150px;
    background-color: #e3deda;
    background-size: cover;
}

.cat-18 .col-md-8 .product-card,
.product-catalog-15 .col-md-8 .product-card,
.product-catalog-16 .col-md-8 .product-card,
.product-catalog-17 .col-md-8 .product-card{
    background-image: url("/assets/images/products/a-cells/Front_Transparent.png");
}

.cat-18 .col-md-4 .product-card,
.product-catalog-15 .col-md-4 .product-card,
.product-catalog-16 .col-md-4 .product-card,
.product-catalog-17 .col-md-4 .product-card {
    background-image: url("/assets/images/products/a-cells/Side2_Transparent.png");
    background-size: cover;
}

/* .cat-18 .product-card {
    
} */

.cat-18 .product-card-banner,
.product-catalog-15 .product-card-banner,
.product-catalog-16 .product-card-banner,
.product-catalog-17 .product-card-banner {
    background-image: url("/assets/images/products/a-cells/Side_Transparent.png");
    background-position: center;
    background-size: cover;
}

.cat-20 #category .category-hero-container {
    background-image: url("/assets/images/products/c-cells/ccell2-bg.png");
    background-position: center 180px;
    background-color: #dfe0e0;
}

.product-catalog-18 .col-md-8 .product-card,
.product-catalog-19 .col-md-8 .product-card,
.product-catalog-20 .col-md-8 .product-card,
.product-catalog-27 .col-md-8 .product-card,
.cat-20 .col-md-8 .product-card {
    background-image: url("/assets/images/products/c-cells/ccell2-nobg.png");
    background-color: #e2e2e3;
    background-size: cover;
}

.product-catalog-18 .col-md-4 .product-card,
.product-catalog-19 .col-md-4 .product-card,
.product-catalog-20 .col-md-4 .product-card,
.product-catalog-27 .col-md-4 .product-card,
.cat-20 .col-md-4 .product-card {
    background-image: url("/assets/images/products/c-cells/ccell1-nobg.png");
    background-size: cover;
}

.product-catalog-18 .col-md-12 .product-card-banner,
.product-catalog-19 .col-md-12 .product-card-banner,
.product-catalog-20 .col-md-12 .product-card-banner,
.product-catalog-27 .col-md-12 .product-card-banner,
.cat-20 .col-md-12 .product-card-banner {
    background-color: #dcdcdc;
    background-image: url("/assets/images/cpsc_bg.jpg");
    background-size: contain;
    background-position: center;

}

.cat-17 #category .category-hero-container {
    background-image: url("/assets/images/apex-v15-aftermarket-replacement-salt-cell-front-g.jpg");
    background-size: contain;
    background-color: #d3d3d3;
}

.cat-19 #category .category-hero-container {
    background-image: url("/assets/images/category-images/s-cell.jpg");
    background-size: contain;
    background-color: #d3d3d3;
}

.cat-22 #category .category-hero-container {
    background-image: url("/assets/images/apex-p_cell-aftermarket-replacement-salt-cell-front-g.jpg");
    background-size: contain;
    background-color: #d3d3d3;
}
.cat-21 #category .category-hero-container {
    background-image: url("/assets/images/category-images/e-cell.jpg");
    background-size: contain;
    background-color: #d3d3d3;
}
.cat-23 #category .category-hero-container {
    background-image: url("/assets/images/img-03-grey.jpg");
    background-size: contain;
    background-color: #d3d3d3;
}

  .product-catalog-25 .col-md-8 .product-card {
      background-image: url(/assets/images/e-chlor-chlorination.jpg);
      background-position: center left;
  }

  .product-catalog-25 .col-md-8 h2 {
      text-align: right;
      padding-left: 20%;
  }

  .product-catalog-25 .col-md-4 .product-card {
      background-image: url("/assets/images/e-chlor-product-explosion.jpg");
      background-size: cover;
  }

  .product-catalog-25 .product-card-banner {
      background: url("/assets/images/e-chlor-product-isometric.jpg");
      background-size: cover;
  }

  .product-catalog-25 .sub-product-cards h2,
  .product-catalog-25 .sub-product-cards span,
  .product-catalog-109 .sub-product-cards h2,
  .product-catalog-109 .sub-product-cards span {
      color: #fff
  }

  .product-catalog-25 .product-card-banner-text {
      height: 100%;
  }

  .product-catalog-25 .product-card-banner-text h2 {
      font-size: 46px;
  }

  .product-catalog-25 .feature-block {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0px 20px 35px 20px
  }

  .product-catalog-25 .feature-block span {
      margin-top: 50px;
      display: inline-block;
      font-size: 24px;
  }

  @media(max-width: 425px) {
      .product-catalog-25 .col-md-12 .product-card-banner-text {
          text-align: center;
          background-color: #232f6c99;
          border-radius: 25px;
      }

      .product-catalog-25 .feature-block {
          border-radius: 25px;
          width: 100%
      }

      .product-catalog-25 .product-card-banner {
          background-position: 30%;
      }


  }

section.category-hero-container {
    background: url("/assets/images/cell-header-1.jpg") no-repeat;
    background-size: cover;
    height: 900px;
    background-attachment: fixed;
    position: relative;
    background-position: center 150px;
    background-color: #999fb5;
    /* background-size: 100% 100%; */
}

section.category-sub-hero-container {
    background: url("/assets/images/apex-v15-bg.jpg") no-repeat right;
    background-size: 65%;
    background-color: #dcdcdc;
}

.category-card-1 {
    background: url("/assets/images/cat-card1.png") no-repeat center center;
    background-size: cover;
}

.category-card-2 {
    background: url("/assets/images/cat-card2.png") no-repeat center center;
    background-size: cover;
}

section.product-info-banner {
    background-image: url("/assets/images/Cell Assembly-1-600.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 100px 0;
    position: relative;
    background-color: #cacaca;
}

.sub-hero-container h2 {
    text-align: center;
    margin: 50px 0;
}

.sub-spec-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    text-align: center;
}

.sub-spec-container img {
    display: block;
    margin: 0 auto;
}

.upsell-card {
    height: 300px;
    border-radius: 25px;
    margin-bottom: 25px;
}

.listing-page .category-footer-upsell-container {
    display: none;
}

.category-footer-upsell-container .col-md-6:nth-of-type(1) .upsell-card {
    background: url("/assets/images/pump-lineup.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.category-footer-upsell-container .col-md-6:nth-of-type(2) .upsell-card {
    background: url("/assets/images/core-lineup.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.category-footer-upsell-container.upsell-swg .col-md-6:nth-of-type(1) .upsell-card {
    background: url("/assets/images/SJ-Card.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.category-footer-upsell-container.upsell-swg .col-md-6:nth-of-type(2) .upsell-card {
    background: url("/assets/images/EDGE-Card.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

body.cat-13 section.category-footer-upsell-container.upsell-swg,
body.cat-14 section.category-footer-upsell-container.upsell-swg {
    display: none;
}

.upsell-text {
    margin-bottom: 25px;
    background-color: rgb(255 255 255 / 50%);
    border-radius: 25px;
    height: inherit;
    padding: 25px;
}

.upsell-text .btn {
    margin-top: 10px;
    border: 2px solid;
}

.upsell-banner {
    background: url("/assets/images/subfooter-banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    height: 200px;
    border-radius: 25px;
    display: flex;
    /* margin-top: 25px; */
    align-items: center;
}

.upsell-banner-text {
    padding: 0px 25px;
}

.upsell-banner-text h4 {
    font-weight: 600;
    letter-spacing: 2px;
}

.upsell-banner .btn.btn-inverse {
    border: 2px solid #fff;
}

.product-info-banner-text h2 {
    font-size: 60px;
}

section.special-features {
    background: url("/assets/images/apex-footer-banner3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #4e4d6a;
    background-position: bottom;
}

.error-page section.special-features {
    margin-top: 30px;
}

section.category-sub-hero-container {
    padding: 150px 0;
    position: relative;
}

section.category-footer-upsell-container {
    display: none; /*Footer upsell container hidden until TBD*/
    padding-top: 35px;
    padding-bottom: 25px;
}

.btn.btn-inverse a {
    color: #fff;
}



a {
    color: #000;
}

section#category.core-category .category-hero-container {
    background: url("/assets/images/core-hero.png") center;
    background-size: cover;
    background-attachment: fixed;
}

section.sub-avail-banner {
    background: #f8f9fb;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px;
    margin-bottom: 100px;
}

section.sub-product-cards {
    margin-bottom: 150px;
}

.avail-banner p {
    margin: 25px 0;
    padding: 0px 50px;
    font-size: 18px;
}

section.sub-lineup-banner {
    margin: 100px 0;
}

.col-md-8 .product-card {
    background-image: url("/assets/images/about-1.jpg");
    background-color: #e2e2e3;
}

.col-md-4 .product-card {
    background-image: url("/assets/images/apex-brand-logo_white.png");
    background-color: #a0a3ad;
    background-size: 90%;
}

.product-card {
    background-size: cover;
    height: 470px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 25px;
    margin: 20px 0;
}

.product-card-text {
    padding: 25px 15px 0px 15px;
}

.product-card-text h2 {
    text-align: center;
    margin: 0;
}

.product-card-banner {
    height: 575px;
    background: url("/assets/images/apex-brand-logo-2.png");
    background-size: 85%;
    background-repeat: no-repeat;
    background-color: #e2e2e3;
    border-radius: 25px;
    background-position: center;
}

.product-card-banner-text {
    text-align: end;
    max-width: 100%;
    /* overflow: hidden; */
    padding: 25px 15px 0px 15px;
}

section.sub-product-specs h2 {
    text-align: center;
    margin-bottom: 75px;
}

.product-card-banner-text h2 {
    font-size: 52px;
    margin: 0;
    letter-spacing: 0px;
}

.product-card-banner-text span {
    font-size: 32px;
}

.product-card-banner-text {
    text-transform: uppercase;
}

section.sub-product-specs {
    padding: 50px 0;
}

.sub-avail-banner .img-container {
    height: 100px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px
}

.lineup-banner {
    position: relative;
}

.lineup-banner img {
    border-radius: 25px;
}

.lineup-banner-text {
    position: absolute;
    top: calc(60% - 100px);
    left: 60%;
    transform: translate(-50%, -50%);
    padding-right: 15px;
    /* width: 100%; */
    /* text-align: center; */
}

@media (max-width:600px) {
    .lineup-banner-text {
        display: contents;
    }
}

.upsell-card a {
    color: #000;
    font-size: 16px;
}

.upsell-banner-text a {
    font-size: 16px;
}

/* section.sub-product-cards {
  padding: 100px 0;
} */

.sub-spec-container img {
    max-width: 50px;
}

section.sub-hero-container {
    padding-top: 10px;
    padding-bottom: 60px;
}

.lineup-banner-text a {
    color: #374471;
    font-size: 20px;
    font-weight: 600;
}

.lineup-banner .lineup-banner-text h2 {
    color: #000;
}

section.sub-compare-chart {
    display: flex;
    justify-content: center;
}

.page-content {
    padding: 0;
}

.product-features {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.mainBlock .product-container,
.mainBlock h1,
.productDesc {
    background: #d3d3d3;
    margin: 0;
    padding: 0px 10%;
}

.col-md-12.productBlock {
    background: #d3d3d3;
    padding-bottom: 50px;
}

.listing-page section.breadcrumnb,
#listing .mainBlock .row {
    margin: 0;
}

.product-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}

/* .product-container .col-md-5 {
    margin: auto;
} */

.product-container .descBlock {
    font-size: 16px;
}


.item-size-container {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.item-size-card {
    background: #eaeaea;
    /* width: 80px; */
    text-align: center;
    border-radius: 25px;
    padding: 10px;
    color: #2d3f70;
    margin-right: 15px;
    margin-bottom: 10px;
}

.item-size-card.disabled {
    background: #c3c3c3;
    filter: opacity(.75);
    pointer-events: none
}


.shortDesc-container h2 {
    font-weight: 600;
    text-transform: uppercase;
}

.shortDesc-container p {
    font-size: 16px;
}

.shortDesc-container h4 {
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 20px;
}

.item-size-container h5 {
    font-size: 36px;
    font-weight: 900;
    margin: 0;
}

.item-size-container h6 {
    margin: 0;
    font-weight: 900;
    font-size: 18px;
}

.item-size-container span {
    border-top: 1px solid;
    font-weight: 700;
    text-transform: uppercase;
}

.item-size-card a:hover span {
    border: none;
}

.product-header-container {
    padding: 0 10%;
}

@media (max-width:767px) {
    .product-header-container {
        padding: 0;
    }
}

h1.product_header {
    text-align: center;
    padding: 45px 0;
}

.special-actions.text-center {
    display: none;
}

/* .extra_field_1.product-feature-header {
    text-align: center;
}

.extra_field_1.product-feature-header strong {
    display: none;
} */

.special-actions.text-center {
    display: none;
}

.qa-heading {
    margin-bottom: 30px;
    position: relative
}

.qa-heading:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 2px;
    width: 100%;
    z-index: -1;
    background-color: #333
}

.qa-heading h3 {
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
    font: 700 20px/1.5"Poppins", sans-serif;
    color: #333;
    background: #fff
}

#qa-section .qaLink.btn {
    color: #fff;
    border: 1px solid #2d3f71;
    background: #2d3f71;
    width: 100%;
}

#qa-section .qaLink.btn:focus,
#qa-section .qaLink.btn:hover {
    background-color: #2d3f7169
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.qa-search {
    position: relative;
    margin-bottom: 20px;
}

.qa-search::after {
    content: "";
    position: absolute;
    top: 13px;
    right: 12px;
    width: 17px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBnZNdTsJAEMdnSkkgYgI36AtJ2yc8AfUE9gbEExhP0HIETyA9gfEEcAN5Ik14sDcoieISku44k7amxaLVSXa7H7O//e/MFKFib7btdRBvCMDnqUWIO4NorYmiQRwv4IxhOdjbdgCIIbcdZVkkgMJhiogeD5Mj0fUojpNGSAlgBQ8XSoWYJLuqk7JtUbXkfTgqdTU62YeUHfaOQ3vXDeEHExD7pNwev23K4ofjvEIL45iFcmFqWcPqugFEngZ4bgMxARby7fZ6fh3CWeCWtIH0y6AiniiRbBAN20DSyST3I6oF1iCt11wb0zaQ7uGQPyPL1nUlABGnzpNC+w3C9RJwTSSD7bYOkUrk56wMxKf38XjSdFiyUaTWQi64031Tug7ALatZgmm+sPNCax2ZRbAzRJ9vv+M4WPm1xoz7eU1hdSJ1wPGZUZ6xLxOlfPie4+ez4oBb2N9s5o2QCsyjIo2XSq2qv4Fc1AT6s5WVq1w3OKukLahU9G9ICZIYfgJejqhuKTmWHwAAAABJRU5ErkJggg==)no-repeat center
}

#qa-section .qaLink.btn {
    margin-bottom: 34px;
    padding: 12px 12px 7px;
    height: 41px;
    transition: background .2s ease-out
}

.qa-search-control.form-control {
    height: 41px;
    color: #323232;
    font-size: 14px
}

.qa-search-control::placeholder {
    color: #a9a9a9;
    font-style: italic
}

.qa-search-reset {
    display: none;
    position: absolute;
    padding-right: 25px;
    top: 13px;
    right: 12px;
    height: 17px;
    color: #f52929;
    font-size: 14px;
    line-height: 17px;
    border: 0;
    background: 0 0
}

.qa-search-reset::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAECSURBVHgBldNBDoIwEAXQzkQh7PQGuDBRVz2CHIGb6Ek8ikdQb8DSndxAFkQCJo4zGAjGttQmLKB/Hu1Q1H2z0Y/1+nSP45n6Y0he6srlUuOU6EBKbYMo8oYkJ3mpw8nkgM8wTPl5xpf2gTpA8sB1UVWl0E5oPQvqup0QsKmqZJ7nhQeQAOegD4xANkDm4OtNFsgF/CBGiCgNAI42wIgYoC5oBKxIC61WMa/g1t0j0SK6XnNTFo2A9OCzhX68+N72+dEIDJooK1Aj5whdgPRAttCEYeKCwAUMm+g6R+ADjEHgC7ggKPl35uKtD2CCiOiCCmDPwNkXkDHPskKazcBZIe7ePOXkHLzTDTQAAAAASUVORK5CYII=)no-repeat center
}

.qa-search-fill.qa-search::after {
    display: none
}

.qa-search-fill .qa-search-reset,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryAdapters\ For\ Brand\ Conversion,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryChemistry\ Test\ Kits,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryComplete\ Chlorine\ Alternative\ Systems,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryDigital\ Pool\ Testers,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryHeat\ Pumps,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryIon\ Generators,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryOzone,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryParts,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryPrefilters,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryReplacement\ Filter\ Cartridges,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryReplacement\ Ozone\ Lamps,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryRobotic\ Cleaners,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategorySalt\ Cells,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategorySalt\ Chlorinators,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryUV\ Sanitizers,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryVacuum\ Cleaners,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategoryWater\ Quality\ Additives,
body.store-search--advanced section#results .search-adv-categories ul.nav li#eachFacetCategorypH\ Control,
li#eachFacetCategoryFilters,
li#eachFacetCategoryPumps {
    display: block
}

.qa-list-wrapper mark {
    background: #e7c163;
    font-weight: 400
}

.qa_list {
    margin-bottom: 10px;
    padding: 30px 40px 40px;
    position: relative;
    background: #f8f8f8;
    border-bottom: none
}

.qa_list .button {
    text-align: left
}

.qa_answers,
body.store-search--advanced #navbar-filters li {
    padding: 0
}

.questionText {
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    color: #323232
}

.qa_list h4 strong {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 26px;
    font-size: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI6SURBVHgBpVW9bhNBEP5mLw0IifAEHG9gCuqcjxrH19HZkYgJosA8AfYTOBUCBwnTQXVJEBLV+egj4TfgeANTBCTgdphdB8sJ3r1gf8Xtav6+vdmdGYIDUTfdVKdoQgVbAEcAhVbBmBJxwaCJLss3+askhwe0TBh33j+TSF3RbqIaBTT62UFjVEkQ7aVhwBspg2v4XzD1suG9vpPABFccjGUbYnWMspeNnUWBmm/WD27QjjvH3X8I4j2T87WDz0AYRLvpPMUbJjVgbvt8GMiZcaS4nIJUyIQWgUInhwoGstTtPt5N2/IUX3uiP82Gjf2L4nrnaERELZebvlLeyPeTqYLa2IYbo2XBLe9P3TU14XJUp0HTruTJvSkkly4fJZIudurl1dRmi+/NX8MEPmjt0dN1SwAPTA6xJpQvj/HjDzc9vtAUVLYSJS+hcGp/lQn8zltOJfNXa8PQn5xGhCemqy5T2foBN12uWuvcEmjSh3AjDH6o8SzYQvAHaXTWWpZCCrP428Zts7v78HgswghecCHGU2YKK9s4cz8bbvfsH5hPSWUflaBQhkytKrg5vb6q58UZmE9x8q64dee+HJAirAnWZT1/nhTnCAy+nLzN1yXRhJ182Py4KDtXaNkLyRvxJdLlwO+yuChaOpPNqyGter5u6UAhXfT2Ygcgn7Wtge+IpOXK5dJZVfM3mb8tz2UfythMLkXgQvxIxqLGwGmwMENWIjCoqh2tJVUHyWRlAjN3lQo+e0zsffwB+yDd4Iyigd0AAAAASUVORK5CYII=)no-repeat center;
    background-size: contain
}

.q-author {
    font-size: 12px;
    line-height: 18px;
    color: #a9a9a9
}

.q-author em {
    font-style: normal
}

.qa_answer {
    margin-bottom: 10px;
    padding: 0 0 0 30px;
    position: relative
}

.qa_answer strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background: #4267b2;
    border-radius: 50px;
    line-height: 20px
}

.answerText {
    font-size: 18px;
    line-height: 21px;
    color: #515151;
    word-break: break-word;
}

.ans-author,
.qa_allowratings {
    padding: 0 0 0 30px;
    font-size: 12px;
    line-height: 18px
}

.qa_allowratings {
    margin-bottom: 8px;
    color: #515151;
    font-weight: 600;
    font-size: 12px;
}

.qa_allowratings em {
    float: right;
    font-weight: 400
}

.ans-author {
    color: #a9a9a9
}

.ans-author em {
    font-style: normal
}

.btn.btnNo,
.btn.btnYes {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .1em;
    text-decoration: underline;
    text-transform: uppercase;
    box-shadow: none;
    outline: 0;
    border: none;
}

.btn.btnNo,
.btn.btnNo:hover,
.btn.btnYes,
.btn.btnYes:hover {
    color: #4267b2;
    background: 0 0
}

.btn.btnNo:active:focus,
.btn.btnYes:active:focus {
    color: #4267b2;
    background: 0 0;
    outline: 0
}

.qa-answer-btn.btn-default {
    width: 226px;
    height: 30px;
    color: #fff;
    background: #4267b2;
    line-height: 11px
}

.qa-load-more-btn {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .1em;
    color: #9d9d9d;
    text-transform: uppercase;
    transition: color .2s ease-out
}

.qa-empty-result {
    padding: 90px 20px 20px;
    position: relative;
    min-height: 100px;
    background-color: #f5f5f5;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #323232
}

.qa-empty-result::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWOSURBVHgB7ZxdctRGEMd7F6fK8JLNS8gHD+IENidAPoHlE8Q+Ac4JvJwgcALsC+DhBCgnyHICK1VJJeRp84JdCazovzUG1zLdGkkjWQL9qlRy6WMl/Wd6umemx0QjIyMjIyNDZUIdc5Yks02i7UmxbeW858Mz3qK1SzO7LfmaV7xPL4gW941ZUod0IhBEuU20z3/u8hZTM1IW7AT7743JqGVaFeivJIn5AUfUXBQJw2I9ZaFSaolWBOpAmHXSt0Q/3zNmQYEJKhBM6Q7RMy7VhG4A/pjjFdHjkKYXTKA/kyTZKMSZ0c2S5YVIxxSAIAL9kyS/cMkd+l7PD4UnQvvx6h1/0JS9E3uo5XUPxWYa8S6y3u6h9XZRhWfM7xrzmBrSSCDrnU7Jo62BKCzGCe9N3UaVC2Kbf+MQgpGfWOk50V6T0KC2QFacl1SUrPaAJdeup1xDnoSMYbiG7VtHEJVcumCRduo+u5ZAvuKgLQgtzPp7bBY16qjk0toi1RLo7ySBOLFyCdqVvW9bcLsu0F5NigKLlMvS74zZoYpMqSKvk0SNb9DGcGk96EocALeOZ+LZymUxnAlVpFINsnb/TDqPtuYHY7y9WRvwO841k+NGfu9HYwx54i1QWTW2scecegA3AU9498h1Dk7jDdF93/bI28SmisewrntOPYHbmkPJ3BDI3lasYB2vGoT4g83nN+H0pf038VRc4rnrOH9o0zAE7xy5zvMDd3ziMa8axOKIjVveIMZoE7wTPKl03iM0uKRUIPTMSfBaeeCOYWjgSfGOwunYfptKqUATobFjMgSB1HPwjrbv9wk+tUgVyHYYnUMXKJk+mtY6eEeEH8LpGG2Vdn9ZDYqF41mo4YQu0GqRHQoWUQXiH/1JOJ7SgEAtsuPYLna1e0WBbNWLXef+l6tsb8nlbohqZqJAm3JPPbvXYT8rFIh5JDNTvlU1sdh1cFXMUQ0SfvcXruOTOgJhUk+4IaWBwt+0EI5vSfdoNchpl7nwkCHwrpipdVHLxCLXwc3p9IwGylQoXG0mprJA3zx//jsNlAuhkSZlJLLyiOKQqRP5f1EC1aGyQGV9l88NTaDMdXA2nX5NA8V2vl1k0j0bJOO01/9Wqwe8C9pQNxk5rEgkHM+kG8QalAsRc15hfrxvSBEzR9j/SvdokXTlqHMAPHQdnCjBr1aDpJsSGi5SxJxKN4gCXShRp89Ybt/4g2dmSGgeLurUIBtUpa5z+QBr0Vfy2HqqBZCaFwMYHojXD97ikUaOh+ahxqTbmBdbJ5dnZk60+9RAkScEj4UfvUw7oYGAnAKSvW9KCqpAmpnxjY+GEFXjHaXpHQyglc3rlXY1pIm3odSiO0XbE7nOTTzm9UoFsvPXqfCAI+sdegm6FlyQc+F0GmxuXpm+RSt/2kdTs6b1UjqPxHPywNtLvE6SU8W9G/Y4e9QjtPdFwvldYw7IA+/hjjdEBxN5RC6pk97WFkgTVAozWykWsY63QPBoXC1F1ZFIbvMXbxQUlNLuVM5IqRyIaeltFiRxHnSd2OCzTqROmmBracA2gyujDrAZcMj4j5TLukkDBudF5pY2P4aEzzOYXJseDr+NZ6yUVDvL4lzJNtNofSkCBV59c/VsGwAeeqwu6n4pwhVVFrMwGdJmkBlSN/nBLtTb5W0/91t2dXOLWa5TlrztIKPCRH+1A3PZ9fbKrsGYsels3yrMFaOYSV5hLVqopPZgwwkVVt+0CmI1hCNVsuk1gk0coo2B5yobX2kTJI8jiz6UOPY3w4MO7EaRWx1TN6TWEaQUmFbno9CoYtyoxSHa1oS5opMJOzujGduk0JiakfL2AqOdXUTrXc1ofuDqX1Pwn6hdW/nHf0sRrV2a8bbEnBUmMfNi4e9iCLnZIyMjIyMj/eA9th0j14d8DQAAAAAASUVORK5CYII=)
}

@media (max-width: 767px) {

    #qa-section .qaLink.btn,
    .qa-search {
        margin-bottom: 15px
    }
}

@media (max-width: 480px) {

    .advice,
    .advice-find {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 48%;
        margin-bottom: 10px
    }

    .advice {
        padding: 20px 8px
    }

    .advice+.advice {
        margin-left: 0
    }

    .advice:nth-child(1),
    .advice:nth-child(3) {
        margin-right: 2%
    }

    .advice-image {
        max-width: 140px
    }

    .advice-title {
        margin-top: auto
    }

    .advice-find {
        margin-top: 0;
        text-align: center;
        padding: 130px 12px 20px
    }

    .advice-find::before {
        top: 40px;
        left: 50%;
        height: 70px;
        width: 70px;
        transform: translateX(-50%)
    }

    .advice-find-link,
    .advice-find-title {
        font-size: 12px;
        line-height: 18px
    }

    .advice-find-link {
        margin: auto 0 0-12px
    }

    .qa_list {
        padding: 40px 20px 20px
    }

    .qa-answer-btn.btn-default {
        width: 100%
    }

    .qa-empty-result {
        font-size: 14px;
        line-height: 140%
    }
}

@media (max-width: 380px) {
    .recommendation-title {
        font-size: 16px
    }

    .advice,
    .advice-find {
        min-height: 166px
    }

    .advice-image {
        max-width: 100px
    }

    .advice-find {
        padding: 75px 6px 20px
    }

    .advice-find::before {
        top: 18px;
        height: 40px;
        width: 40px
    }

    .advice-find-title {
        max-width: 116px;
        display: inline-block
    }

    .advice-find-link::after {
        font-size: 17px
    }
}

.fake-ul-test-for-jr {
    padding: 10px;
    margin: 30px;
    font-size: 10px;
    max-width: 100px;
    max-height: 20px
}

.browsing_historyBlock,
nav.container {
    display: none;
}

.buying-options-block {
    background: #212123;
    color: #fff;
    padding: 20px 10%;
    position: relative;
    margin-bottom: 50px;
}

.buying-options-block .pricingBlock .sale-price {
    color: #fff
}

.buying-options-block a#showQtyTable {
    color: #fff;
}

.pricingBlock .saleprice .retailprice,
.pricingBlock .saleprice .savings {
    font-size: 14px;
}

.pricingBlock-container {
    float: right;
    display: inline-block;
    margin-left: 100px;
}

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

div#availabilityInfo {
    padding: 20px 0;
}

.saleprice.price {
    margin: 10px 0;
}

.pricingBlock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
    text-align: center;
}

@media (max-width:576px) {

    .qtybox-addcart.form-group,
    div#availabilityInfo {
        display: flex;
        flex-direction: column;
    }

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

}

/* .addToCartBlock.sub-section {
    margin: 0;
} */

.buying-options-block h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    font-weight: 700;
}

.buying-options-block span#availability {
    background-color: #212123;
    border: 2px solid #7fd650;
}

.buying-options-block span#availability,
.freeshipping.availability-item {
    /* border: 1px solid; */
    padding: 10px 25px;
    border-radius: 25px;
    margin: 10px 5px 0;
    display: inline-block;
}

.buying-options-block span.freeshipping.availability-item {
    background-color: #212123;
    border: 2px solid #2c3f71;
    color: #fff;
}

.relatedBlock.sub-section h2 {
    text-align: center;
    border: none;
}

.relatedBlock.sub-section .page_heading:after {
    display: none;
}

.relatedBlock.sub-section .header {
    padding: 20px 0;
}


.addToCartBlock.sub-section {
    float: right;
    margin-top: 15px;
}

.qtybox-addcart label.qty-input {
    margin: 5px 15px 15px;
}

div#qa-section {
    margin: 50px 0;
    background: #d9d9d9;
    padding: 50px;
}

.qa-heading h2 {
    background: #d9d9d9;
    text-align: center;
    font-weight: 900;
    font-size: 38px;
}

.product-sub-heading-container {
    margin-top: 50px;
}

.product-sub-heading-container p {
    max-width: 750px;
    margin: 10px auto;
    text-align: center;
}

.product-sub-heading-container h2 {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}


.extrafieldsBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    flex-wrap: wrap;
    text-align: start;
    padding: 25px;
}

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

.features-block h2 {
    font-weight: 600;
}

/* .product-container .product-reviews {
    display: none;
} */

#listing .mainBlock .review-qa-container {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.review-qa-container .product-reviews .reviews-stars {
    display: inline-block;
    /* transform: scale(1.75); */
    text-align: center;
}

.review-qa-container .qa.col-md-5.col-xs-6 {
    text-align: center;
}

.review-qa-container span.create-review-link {
    display: block;
}

.review-qa-container .product-reviews {
    text-align: center;
    border-left: 1px solid;
    margin: 0;
    max-width: 50%;
}

.review-qa-container .product-reviews span.reviews-count {
    font-weight: bold;
    display: inline-block;
    /* width: 100%; */
}

.reviews-stars:after {
    color:#fb0
}


.r-tabs .r-tabs-panel,
.r-tabs .r-tabs-nav,
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    border: none;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
    border: none;
    border-bottom: 5px solid #6f7a9d;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: #fff;
    color: #000;
}

.product-features .icon {
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.product-features .icon.Feature1 {
    background-image: url("/assets/images/security-blk.png");
}

.product-features .icon.Feature2 {
    background-image: url("/assets/images/salt.png");
}

.product-features .icon.Feature3 {
    background-image: url("/assets/images/save-money.png");
}
.product-features .icon.power {
    background-image: url("/assets/images/chlorine.png");
}
.product-features .icon.warranty {
    background-image: url("/assets/images/security-blk.png");
}
.product-features .icon.lifespan {
    background-image: url("/assets/images/time-left.png");
}
.product-features .icon.capacity {
    background-image: url("/assets/images/inflatable-pool.png");
}


.product-features .feature {
    width: 150px;
    text-align: center;
    font-weight: 600;
    margin: 15px 0;

}

.modal-content.ajax-modal-content {
    color: #000;
}

a#showRealMedia i.icon-play {
    font-size: 24px;
    /* left: -3px; */
}

@media (max-width: 335px){
    a#showRealMedia i.icon-play {
        left: -6px;
        font-size: 12px;
    }
}

.addl-images ul.slides li a img {
    top: 6px;
}

li.prod-thumb a.mz-thumb.mz-thumb-selected {
    border-bottom: 5px solid #d3d3d3;
}

div#divWaitlist {
    display: inline-block;
}

.bottom-banner-section>.img-placeholder {
    text-align: center;
}

section.bottom-banner-section .bottom-banner-text h2 {
    /* color: #fff; */
    font-weight: 700;
    font-size: 36px;
}

section.bottom-banner-section .bottom-banner-text {
    color: #fff;
}

section.bottom-banner-section .bottom-banner-text .btn-default {
    width: 150px;
    text-align: center;
    padding: 5px;
    font-weight: 600;
    margin: 15px 0;
}

section.bottom-banner-section .col-sm-4 img {
    border-radius: 25px;
}

section.bottom-banner-section .col-sm-4 {
    /* height: 585px;
    margin-bottom: 25px; */
    margin: 25px 0;
}

section.bottom-banner-section .bottom-banner-text h4 {
    font-size: 28px;
    font-weight: 600;
}

section.bottom-banner-section .img-placeholder {
    position: relative;
}

section.bottom-banner-section .overlay {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #2d3f71, transparent);
    opacity: 1;
}

section.bottom-banner-section .col-md-6 .img-placeholder img {
    height: 300px;
    width: 400px;
    object-fit: cover;
}

.product-card-section .featured-product .featured-product-img img {
    max-height: 300px;
}

section.product-banner img {
    border-radius: 50px;
}

.overlay {
    background: rgb(255 255 255 / 40%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

section#listing #tab-6>div table {
    margin: auto;
    border: 0;
    table-layout: fixed
}

section#listing #tab-6>div table tr td p {
    line-height: 1.2;
    margin-top: 4pt;
    margin-bottom: 4pt;
    font-size: 11pt;
    font-family: Poppins, sans-serif;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    vertical-align: baseline
}

section#listing #tab-6>div table tr td {
    vertical-align: middle;
    padding: 7.2pt;
    border: solid #efefef .5pt
}

section#listing #tab-6>div table tr td:nth-child(1) {
    vertical-align: middle;
    background-color: #d3d3d3;
    padding: 7.2pt;
    border: solid #efefef .5pt
}

section#listing #tab-6>div table tr td:nth-child(1) p {
    font-size: 11pt;
    font-family: Poppins, sans-serif;
    background-color: transparent;
    font-weight: 700;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    vertical-align: baseline
}

section.compare-table {
    overflow-x: auto;
    padding: 20px;
    margin: 50px 0;
    display: none;
}

table.comparison-table img {
    display: block;
    margin-top: 15px;
}

table.comparison-table td img {
    max-width: 50px;
    margin-bottom: 15px
}


table.comparison-table span {
    display: block;
    margin-bottom: 15px;
    font-size: 18px
}

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

.comparison-table .product-img img {
    border-radius: 25px;
    margin-right: 20px;
}

table.comparison-table .cart-btns {
    margin-bottom: 20px;
}

table.comparison-table .cart-btns .btn {
    margin: 5px 5px 5px 0;
}

table.comparison-table .cart-btns .btn:nth-child(1) {
    background: #ef3e50;
    color: #ef3e50;
}

table.comparison-table .cart-btns .btn:nth-child(1) a {
    color: #fff
}

table.comparison-table td b {
    font-size: 20px;
}

section.sub-product-specs .row {
    background: #9ea2ad;
    border-radius: 25px
}

/* #category .category-item-stats .item1.output{
    content: "";
    background: url("/assets/images/sparkler.png");
    max-width: 50px;
} */

.sub-product-specs-text {
    background: #dfdfdf;
    border-radius: 25px;
    padding: 15px 30px;
    /* width: 500px; */
    margin: 10% auto;
}

.sub-product-specs-img {
    text-align: center;
    margin: 10% auto;
}

.sub-product-specs-img img {
    border-radius: 25px;
}

.col-md-6.sub-product-img-container {
    background: #d1d1d1;
}

.sub-product-specs-text h3 {
    font-weight: 700;
}

.sub-product-specs-text span {
    border-top: 4px solid #9ea0ac;
    display: inline-block;
    margin: 10px 0;
    padding: 5px 0;
    width: 100%;
    font-weight: 700;
    /* line-height: 0px; */
}

.sub-product-specs-text span::before {
    content: "";
    display: inline-block;
    background-image: url("/assets/images/user.png");
    background-size: 35px 35px;
    height: 35px;
    width: 35px;
    margin-right: 15px;
    margin-bottom: -10px;
}
.product-extras-container, .product-item-inner .sku {
    display: none;
}

.cat-17 #category .product-extras-container, 
.cat-17 #category .product-item-inner .sku, 
.cat-18 #category .product-extras-container, 
.cat-18 #category .product-item-inner .sku, 
.cat-19 #category .product-extras-container, 
.cat-19 #category .product-item-inner .sku, 
.cat-20 #category .product-extras-container, 
.cat-20 #category .product-item-inner .sku, 
.cat-21 #category .product-extras-container,
.cat-21 #category .product-item-inner .sku,
.cat-22 #category .product-extras-container,
.cat-22 #category .product-item-inner .sku {
    display: initial;
}

.product-extras-container .learn-btn {
    display: inline-block;
    padding: 5px;
}

.product-extras-container .category-item-stats {
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    justify-content: center;
    /* align-items: end; */
    padding: 0 20px;
    margin: 20px 0;
}

.product-extras-container .category-item {
    padding: 10px 5px;
    flex-basis: 50%;
}

/* .product-items-5 .product-extras-container .category-item {
    flex-basis: initial;
} */

#category section.category-products .product-items {
    max-width: 1200px;
    margin: 0 auto;
}

#category section.category-products .product-items .product-item {
    margin: 0 auto 35px;
    padding: 0 10px;
}

section#category .product-items .product-item-inner .action {
    padding: 5px;
}

section#category .product-items .product-item-inner .name {
    padding: 0 2%;
    height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 992px) {
    .product-extras-container .category-item-stats {
        flex-direction: initial;
        padding: initial;
    }

    .product-extras-container .category-item {
        margin-top: 10px;
        padding: 0;
        /* flex-basis: initial; */
    }
}

/* @media (min-width: 767px) {
    
} */

span.icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

span.icon.output {
    background-image: url("/assets/images/chlorine.png");
}

span.icon.capacity {
    background-image: url("/assets/images/inflatable-pool.png");
}

span.icon.warranty {
    background-image: url("/assets/images/security-blk.png");
}

span.icon.salinity {
    background-image: url("/assets/images/salt.png");
}

.addl-images ul.slides li {
    padding: 0 5px
}

/* @media (max-width: 576px){
    .flexslider {
        transform: scale(1.3)
    }
} */

.scrollToTop {
    position: fixed;
    bottom: 0;
    right: 5px;
    z-index: 999;
    text-align: center;
    color: #fff !important;
    background: #ef3e50;
    border-radius: 20px 20px 0 0;
    width: 70px;
    display: none;
    font-size: 36px
}

.scrollToTop:hover {
    color: #fff !important;
    background: #ef3e50b0
}

section#blog h3 {
    font-size: 28px;
    margin-top: 25px;
}

section#listing .resource-box{
    margin-top: 25px;
}

section#listing .resource img {
    max-width: 25px;
}
section#listing .resource span {
    font-weight: bold;
    text-decoration: underline;
    margin-left: 5px;
}

#listing .mainBlock .review-qa-container {
    position: absolute;
    width: 100%;
    top: -5%;
    right: 5%;
}

#listing .product-container .descBlock {
    padding-top: 100px;
}


@media screen and (max-width: 991px) {
    #listing .mainBlock .review-qa-container {
        top: 0%;
    }

}

#CheckoutForm div.logo img, #checkoutStep3 div.logo img, #checkoutStep2 div.logo img {
    display: none;
    /* Hide the original image */
}

#CheckoutForm .logo, #checkoutStep3 .logo, #checkoutStep2 .logo {
    display: block;
    /* Make the anchor fill the area for the background image */
    background-image: url('/assets/images/apex-brand-logo-1.png');
    /* Path to the new logo image */
    background-size: contain;
    /* Cover the area of the anchor tag */
    background-position: center;
    /* Center the background image */
    background-repeat: no-repeat
}

footer.site-footer .footer-social {
    display: none
}

.checkout-3 div#toc {
    margin: 15px 0;
    font-size: 11px;
}

.checkout-3 div#toc a {
    color: #337ab7;
}

div#divCheckoutComments,
div#toc {
    text-align: center;
}

/* Media query for screens between 992px and 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .checkout-3 div#toc p {
        display: inline;
    }
}

/* Media query for screens 767px and below */
@media (max-width: 767px) {
    .checkout-3 div#toc p {
        display: inline;
    }
}

/** END: JR's CSTM CSS **/

/*
** Bootstrap over-rides
*/
html,
body {
    height: 100%;
}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skip a:focus {
    position: static;
    width: auto;
    height: auto;
}

body {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.page-content {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

.mailinglist-input.form-control:focus,
.form-control.search-text:focus {
    outline: 0;
    box-shadow: none;
    color: #333;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

/* .rating-star, .rating:hover .rating-star {
    color: #0036ff;
    font-size: 24px;
    float: right;
    cursor: pointer;
} */
.reviews-stars {
    position: relative;
    display: inline-block;
    line-height: 1;
    color: #0036ff !important;
    overflow: hidden;
    vertical-align: middle;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star,
.reviews-stars {
    color: #0036ff !important;
}

h1 {
    font-size: 30px;
}

.titles {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
}

.subcategories {
    /* border-bottom: 1px solid #ececec; */
    padding: 0 0 30px;
}

.subcategories>ul>li>a {
    color: #000;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.subcategories>ul>li>a:hover {
    opacity: 0.8;
}

.subcategories>ul>li span.name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

#checkout-logo {
    background: #2e4173;
}

#checkout-logo .logo {
    margin: 10px 0 !important;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

.form-control {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    height: 36px;
    padding: 7px 12px;
}

.form-control.search-text {
    border: 1px solid #ececec;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    font-size: 13px;
    padding: 8px 12px;
    font-weight: 500;
    border-radius: 25px;
    text-transform: uppercase;
}

.btn-default,
.btn-primary:focus,
.btn-primary:active:focus {
    border-color: #ef3e50;
    background-color: #ef3e50;
    color: #fff;
    border-radius: 25px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:hover:focus,
.btn-default.focus {
    border-color: #ef3e50;
    background-color: #ef3e50;
    color: #fff;
    opacity: 0.8;
    border-radius: 25px;
}

.btn-default.btn-inverse,
.btn-primary {
    border-color: #ef3e50;
    background-color: #ef3e50;
    color: #fff;
    border-radius: 25px;
}

#category .product-items .product-item .action .btn:hover,
#home .product-items .product-item .action .btn:hover,
.btn-default.btn-inverse:hover,
.btn-primary:hover {
    border-color: #ef3e50;
    background-color: #ef3e50;
    color: #fff;
    opacity: 0.8;
    border-radius: 25px;
}

.accessoriesBlock .product-items .product-item .action .btn,
.relatedBlock .product-items .product-item .action .btn,
#category .product-items .product-item .action .btn,
#home .product-items .product-item .action .btn {
    min-width: 128px;
    padding: 15px 12px;
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    border-color: #ef3e50;
    background-color: #ef3e50;
    color: #fff;
}

.navbar {
    min-height: 0;
}

section.navbar-wrapper {
    background-color: transparent;
}

section#category-navbar.sticky-header {
    margin: 30px 0;
}

.home-page section.navbar-wrapper:not(.affix) {
    position: relative;
    z-index: 11;
}

section.navbar-wrapper.affix {
    background-color: #ef3e50;
    border: 2px solid #fff;
    padding: 10px 0;
}

section.navbar-wrapper.affix {
    position: fixed;
    z-index: 1000;
    top: -30px;
    left: 0;
    width: 100%;
}

.navbar.navbar-inverse {
    margin-bottom: 0;
    border: none;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
    color: #1b1f2f;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 1;
    min-height: 0;
    padding: 2px 25px;
    border-left: none;
}

.navbar-inverse .navbar-nav>li:first-child>a {
    border-left: none;
}

.home-page section.navbar-wrapper:not(.affix) .navbar-inverse .navbar-nav>li>a {
    /* color: #fff !important; */
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #1b1f2f;
    background-color: transparent;
    opacity: 0.8;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    #category-navbar .navbar-inverse .navbar-nav {
        float: none;
        text-align: right;
        padding: 6px 0;
        display: flex;
        justify-content: space-around;
    }

    #category-navbar .navbar-inverse .navbar-nav>li {
        float: none;
        display: inline-block;
        text-align: right;
        /* padding: 0 0 0 60px; */
    }
}

.dropdown-menu>li>a {
    font-size: 11px;
    padding: 6px 20px;
    text-transform: uppercase;
}

.dropdown-menu {
    background-color: #1b1f2f;
    border: none;
    padding: 0;
}

.dropdown-menu>li>a {
    color: #fff;
    padding: 10px 15px;
}

.dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #272727;
}

.navbar-nav>li.dropdown>a:after {
    content: "\f107";
    font-family: "fontello";
    font-size: 13px;
    line-height: 1;
    margin-left: 5px;
}

@media (max-width: 1023px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-nav {
        float: none !important;
    }

    .navbar-nav>li {
        float: none;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
}

@media(max-width: 1199px) {
    #hp-slides>li {
        height: 685px;
        padding-top: 145px;
    }

    .home .special-feature>p {
        font-size: 11px;
    }

    .homepage-category-left>a:last-child {
        margin-left: 2.97388%;
        max-width: 222px;
    }

    .homepage-category-left>a:nth-child(2) {
        max-width: 222px;
    }

    .homepage-category-right>a:first-child {
        margin-right: 2.97388%;
        max-width: 222px;
    }

    .homepage-category-right>a:nth-child(2) {
        max-width: 222px;
    }

    .homepage-category-left {
        margin-right: 1.854701%;
    }
}

@media(max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }

    .homepage-category-left>a:last-child {
        max-width: 169px;
    }

    .homepage-category-left>a:nth-child(2) {
        max-width: 169px;
    }

    .homepage-category-right>a:first-child {
        max-width: 169px;
    }

    .homepage-category-right>a:nth-child(2) {
        max-width: 169px;
    }

    .hp-slider-text-outer,
    .hp-slider-text {
        display: block;
        height: auto;
    }

    .hp-slider-text {
        padding: 30px;
    }

    .hp-full-banner {
        background-image: none !important;
    }

    .hp-full-banner-text {
        width: 100%;
        padding: 50px 0;
    }

    .hp-full-banner-text h2 {
        font-size: 42px;
    }

    .product-item .img img {
        position: static;
    }

    .testimonial-item {
        margin-bottom: 100px;
    }

    .testimonials-section {
        padding-bottom: 0;
    }

    .mailist-box {
        float: none;
        padding: 30px 0;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

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

    .social_icons {
        float: none;
        margin: 20px auto;
    }

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

    .head-mobile-nav {
        padding-top: 20px;
    }

    body.home-page .head-mobile-nav>a {
        color: #fff;
    }

    .product-items.product-items-4 .product-item {
        width: 50%;
    }

    #hp-slides>li {
        background-size: auto 100%;
        background-position: center;
        background-attachment: initial;
    }
}

.search-mobile-holder {
    display: inline-block;
    width: 100%;
}

@media(max-width: 767px) {
    .special-feature h4 {
        font-size: 18px;
    }

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

    .special-feature img {
        display: block;
        margin: 0 auto 15px;
    }

    .home-category-header .header-specials,
    .home-page-content .products-section h2,
    .home-page-content .products-section h1 {
        font-size: 30px;
    }

    .hp-slider-text h3>span {
        font-size: inherit;
    }

    .hp-slider-text h3 {
        line-height: 1;
    }

    .copyright>p {
        text-align: center;
    }

    .searchBox div.searchlight-balloon {
        padding: 0;
        top: 56px !important;
    }



    .home-category-header {
        padding: 15px 0;
    }

    .homepage-category {
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }

    .search-form .search-text {
        width: 100%;
    }

    .homepage-category>a {
        display: block;
        text-align: center;
        margin: 0 auto 10px;
        max-width: 255px;
    }

    .homepage-category-right>a:nth-child(2),
    .homepage-category-left>a:nth-child(2) {
        max-width: 255px;
        margin: 0 auto 10px;
        float: none;
        text-align: center;
        display: block;
    }

    .homepage-category-right>a:first-child,
    .homepage-category-left>a:last-child {
        max-width: 255px;
        margin: 0 auto 10px;
    }

    .hp-long-text-img {
        float: none !important;
        margin: 0 0 20px;
    }

    .mailist-box {
        padding: 0;
        max-width: 100%;
    }

    .maillist-options {
        float: none;
        width: 100%;
        clear: both;
        padding: 10px 0 0;
    }

    .social_icons {
        width: 100%;
    }

    #hp-slides>li {
        height: 505px;
        padding-top: 198px;
    }


    .homeCarousel {
        height: 513px;
    }

    .home-page .head-mobile-nav>a {
        color: #fff;
    }

    .home-page-content {
        /* padding-top: 290px; */
    }

    .logo-container {
        padding-top: 20px;
    }

    .bottom-banner-section .bottom-banners .bottom-banner-top .header-specials,
    .homepage-category-top,
    .horizontal-banners,
    .bottom-banner-top {
        display: block;
        text-align: center;
        font-size: 30px;
    }

    .bottom-banner-section .bottom-banners .bottom-banner-top .header-specials:after {
        position: inherit;
    }

    .homepage-category,
    .horizontal-banner-left,
    .horizontal-banner-right,
    .bottom-banner-top>a {
        width: 100%;
        margin: 15px 0 0;
    }

    .mailist-box {
        margin: 20px 0;
    }
}

/*
** Template code
*/
.logo-container {
    text-align: left;
}

.logo {
    height: 97px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.logo a:hover img {
    opacity: 0.6;
}

#checkout-logo .logo {
    margin: 25px 0;
}

body:not(.home-page) .logo img {
    /* filter:contrast(200%) invert(100%); */
}

.top-nav {
    background-color: #ef3e50;
    border-bottom: 1px solid #fff;
    /* z-index: 3; */
}

.top-nav a,
.site-header a {
    color: #414141;
}

.top-nav ul#menulinks {
    margin: 12px 0;
}

.top-nav ul#menulinks li {
    padding-right: 30px !important;
}

.top-nav ul#menulinks li a {
    line-height: 24px;
}

.top-nav ul {
    padding: 0;
    margin: 18px 0 !important;
    list-style: none;
    font-size: 11px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.01em;
}

.top-nav ul li {
    margin-left: 0;
    display: inline-block;
    color: #414141;
    border-left: none;
    padding-left: 10px;
}

.top-nav ul li:first-child {
    border: none;
    margin: 0;
    padding: 0;
}

.top-nav ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    box-shadow: none;
    outline: none;
}

.top-nav ul li a i {
    color: #fff !important;
    font-size: 23px;
}

.top-nav ul li a:hover {
    opacity: 0.7;
}

span.top-nav-seperator {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #fff;
    margin-top: -6px;
    position: relative;
    bottom: -4px;
}

.minicart {
    margin: 0 0 12px;
}

a.minicart-inner-top {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

a.minicart-inner-top i {
    color: #17336f;
    font-size: 16px;
    vertical-align: middle;
}

.site-header {
    /* background: #ff93d2; */
}

.home-page .site-header {
    /* position: relative; */
    z-index: 11;
}

.homepage-category-top {
    display: flex;
}

@media (min-width: 1200px) {
    #home .home-category-header .container {
        width: 1115px;
    }
}

.homepage-category-left {
    width: 50.77512820512822%;
    margin-right: 0.8547008547008547%;
}

.homepage-category-left>a {
    margin-bottom: 2.97388%;
}

.homepage-category-left>a:last-child {
    margin-left: 2.97388%;
}

.homepage-category-right {
    width: 50.77512820512822%;
}

.homepage-category-right>a {
    margin-bottom: 2.97388%;
}

.homepage-category-right>a:first-child {
    margin-right: 2.97388%;
}

.homepage-category {}

.homepage-category>a,
.horizontal-banners a,
.bottom-banners a {
    display: block;
    text-decoration: none !important;
    overflow: hidden;
}

.homepage-category>a img,
.horizontal-banners a img,
.bottom-banners a img {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.homepage-category>a:hover img,
.horizontal-banners a:hover img,
.bottom-banners a:hover img {
    transform: scale(1.2);
}

.hpc-img-wrapper {
    overflow: hidden;
}

.homepage-category>a .category-name {
    line-height: 56px;
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.searchBox {
    position: relative;
}

.searchBox div.searchlight-balloon {
    padding: 0;
}

.search-form {
    position: relative;
}

.search-form .search-text {
    padding: 0 40px 0 12px;
    height: 36px;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.01em;
}

.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    padding: 0;
    border: none;
    background: none;
    color: #272727;
}

.minicart {
    text-align: right;
}

.minicart-inner {
    display: block;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
}

.minicart-inner:hover {
    color: #000;
    opacity: 0.8;
}

.minicart .cart-details {
    display: block;
    float: left;
}

.site-footer {
    background-color: #2d3f71;
    padding: 35px 0 0;
    color: #555;
    font-family: "Poppins", sans-serif;
}

div#FRAME_LINKS {
    max-width: 100%;
}

ul.extrapages li {
    line-height: 1;
    margin: 0 0 20px;
    text-align: center;
}

ul.extrapages li a {
    color: #fff;
    font-size: 16px;
}

.footer-devider {
    border-top: 1px solid rgba(133, 133, 133, 0.3);
    /* margin-top: 50px; */
    /* margin-bottom: 20px; */
    max-width: 1200px;
    margin: 50px auto 20px;
}

.copyright {
    padding-bottom: 20px;
    font-size: 12px;
    text-align: left;
}

.copyright p {
    margin: 0;
    color: #0036ff;
    vertical-align: middle;
    line-height: 35px;
}

section.mailing-list-section {
    padding: 35px 0;
    border-top: 1px solid #cdcdcd;
}

.mailist-box {
    width: 500px;
    /* float: right; */
    margin: 0 auto 10px;
}

.mailist-box h3,
.social_icons h3 {
    margin: 0 0 15px;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border-bottom: 5px solid;
}

.mailinglist-form {
    position: relative;
}

.mailinglist-input.form-control {
    background-color: #fff;
    border: 0;
    max-width: 100%;
    color: #000;
    float: left;
    width: 100%;
    height: 40px;
    border-radius: 50px;
    font-size: 13px;
    padding: 18px 96px 18px 18px;
}

.mailinglist-submit {
    background-color: #2879fe !important;
    color: #fff !important;
    border: none !important;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0px 50px 50px 0px;
}

.btn-default.mailinglist-submit:hover,
.btn-default.mailinglist-submit:focus {
    opacity: 0.6;
}

.mailinglist-response {
    display: none;
}

.maillist-options {
    margin: 15px 0 0;
    display: none;
}

.subscribe {
    float: left;
    margin-right: 20px;
    line-height: 13px;
}

.subscribe input[type="radio"] {
    margin: 0;
    vertical-align: middle;
}

.subscribe label {
    margin: 0;
    font-size: 12px;
    line-height: 13px;
    font-weight: 300;
    margin-left: 3px;
    color: #565656;
    cursor: pointer;
}

.social_icons {
    /* width: 350px; */
    float: none;
    margin: 25px auto 70px;
    text-align: center;
    display: none;
}

.social_icons h3 {}

.footer-social ul {
    margin: 0;
}

ul.payment-icons {
    margin: 0;
    text-align: right;
}

ul.payment-icons li {
    font-size: 34px;
    line-height: 36px;
    vertical-align: middle;
    padding: 0;
    margin-right: 5px;
}

ul.payment-icons li.payment-icons-label,
ul.social-icons li.social-icons-label {
    font-size: 18px;
    vertical-align: middle;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    margin-right: 20px;
}

ul.payment-icons li span:before {
    margin: 0;
    width: auto;
}

.social-icons {}

.social-icons li a {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 25px;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.social-icons li a:hover {
    opacity: 0.6;
}

/*.product-item .reviews-stars:before {
    font-family: "fontello";
    content: "\e803 \e803 \e803 \e803 \e803";
    color: #b8b8b8;
}
.product-item .reviews-stars {
    color: #000;
}*/

.reviews-stars:before {
    font-family: "fontello";
    content: "\e803 \e803 \e803 \e803 \e803";
    color: #b8b8b8;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star,
.reviews-stars {
    color: #dcc000;
}

.product-item .name a {
    color: #000;
    font-weight: 400;
}

.product-item del.regular-price {
    text-decoration: line-through;
}

.sale-price {
    /* color: #757575; */
    color: #00abd7;
}

del.original-price {
    font-weight: 500;
    color: #757575;
}

span.freeshipping {
    color: #00a888;
}

.product-item .status span:before {
    content: "-";
}

.product-item .status {
    font-size: 12px;
}

.product-item .price {
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #272727;
}

.product-items-5 .price {
    margin-bottom: 25px;
}

.product-item .img {
    min-height: 220px;
    position: relative;
    border: 1px solid #ececec;
    background-color: #fff;
}

.product-item .img a {
    display: block;
}

.product-item .img img {
    position: static;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.product-items .product-item-inner {
    overflow: hidden;
    position: relative;
    /* max-width: 362px; */
    margin: 0 auto;
    background: #f8f9fb;
    padding: 20px 10px;
    border-radius: 25px;
}

.product-items-1 .product-item-inner {
    max-width: 362px;
}

@media (max-width: 567px) {
    section#category .product-items-1 .product-item-inner {
        min-width: min-content;
    }
}

@media (max-width: 1023px) {
    section#category .category-products .product-items.product-items-1 .product-item {
        width: auto;
    }
}

.product-item .on-sale-badge {
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: #ef3e50;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: normal;
    width: 50px;
    border-radius: 100%;
}

.head-mobile-nav>a {
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

.extrapages-shower a {
    display: block;
    background-color: #0036ff;
    color: #fff;
    padding: 10px 18px;
    text-decoration: none !important;
    text-align: center;
}

.extrapages-shower a:after {
    content: "\f106";
    font-family: "fontello";
    float: right;
}

.extrapages-shower a.collapsed:after {
    content: "\f107";
}

.search-modal #modal-search {
    padding: 0 15px 15px 15px;
}

#FRAME_SEARCH {
    padding: 0;
    display: inline-block;
    width: 100%;
}

.horizontal-banners {
    display: flex;
    justify-content: space-between;
}

.horizontal-banner-left {
    width: 67.5%;
}

.horizontal-banner-right {
    width: 31.333333333333332%;
}

.bottom-banner-top {
    /* display: flex;
    justify-content: space-between; */
    display: table;
    justify-content: space-between;
    width: 100%;
}

.bottom-banner-top>a {
    display: block;
    width: 49.416666666666664%;
}

.bottom-banner-top>a>img {
    width: 100%;
}

.bottom-banner-section {
    padding-bottom: 60px;
    background-color: #2d3f71;
}

section.bottom-banner-section a {
    color: #fff;
}

.bottom-banner-section .bottom-banners .bottom-banner-top .text {
    /* display: table-cell; */
    display: inline-block;
    vertical-align: middle;
    max-width: 50%;
    width: 100%;
}

.bottom-banner-section .bottom-banners .bottom-banner-top a {
    /* display: table-cell; */
    display: inline-block;
    vertical-align: middle;
}

.bottom-banner-section .bottom-banners .bottom-banner-top p {
    font-size: 16px;
    color: #000;
}

.bottom-banner-section .bottom-banners .bottom-banner-top .header-specials {
    margin: 0;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    text-align: left;
    color: #0036ff;
    font-family: "Abril Fatface", cursive;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.bottom-banner-section .bottom-banners .bottom-banner-top .header-specials:after {
    content: "";
    display: block;
    width: 85px;
    height: 3px;
    background-color: #ffb8e1;
    margin: 10px auto 0 auto;
    left: 0;
    position: absolute;
    bottom: 0;
}

.bottom-banner {
    margin-top: 12px;
    margin-bottom: 12px;
}

.special-features {
    /* border-top: 1px solid #ff93d2; */
    padding: 75px 0;
    background: #22225d;
}

.special-feature {
    text-align: center;
    /* background-color: #1e1e1e; */
    color: #fff;
}

/* .special-feature:nth-child(even) {
	background-color: #2e2e2e;
} */
.special-feature h4 {
    font-size: 24px;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 13px;
    font-weight: 900;
    line-height: 28px;
    color: #fff;
}

.special-feature p {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

section.products-section.browsing_historyBlock {
    padding: 50px 0;
    background-color: #fff;
}

@media (max-width: 991px) {
    .navbar-inverse .navbar-nav>li>a {
        font-size: 14px;
        min-height: 0;
    }

    .navbar-nav>li.dropdown>a:after {
        float: right;
    }

    .mailist-box {
        float: none;
        padding: 30px 0;
        width: 100%;
        max-width: 530px;
        margin: 0 auto;
    }

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

    .social_icons {
        float: none;
        margin: 20px auto;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #000;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .home-page .navbar-wrapper:not(.affix) .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .home-page .navbar-wrapper:not(.affix) .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-nav>li.dropdown>a:after {
        display: none;
    }

    .navbar-nav>li>.dropdown-menu {
        display: none;
    }
}

@media(max-width: 1199px) {
    #hp-slides>li {
        height: 685px;
        padding-top: 145px;
    }

    .home .special-feature>p {
        font-size: 11px;
    }

    .homepage-category-left>a:last-child {
        margin-left: 2.97388%;
        max-width: 222px;
    }

    .homepage-category-left>a:nth-child(2) {
        max-width: 222px;
    }

    .homepage-category-right>a:first-child {
        margin-right: 2.97388%;
        max-width: 222px;
    }

    .homepage-category-right>a:nth-child(2) {
        max-width: 222px;
    }

    .homepage-category-left {
        margin-right: 1.854701%;
    }
}

@media(max-width: 991px) {
    .homepage-category-left>a:last-child {
        max-width: 169px;
    }

    .homepage-category-left>a:nth-child(2) {
        max-width: 169px;
    }

    .homepage-category-right>a:first-child {
        max-width: 169px;
    }

    .homepage-category-right>a:nth-child(2) {
        max-width: 169px;
    }

    .hp-slider-text-outer,
    .hp-slider-text {
        display: block;
        height: auto;
    }

    .hp-slider-text {
        padding: 30px;
    }

    .hp-full-banner {
        background-image: none !important;
    }

    .hp-full-banner-text {
        width: 100%;
        padding: 50px 0;
    }

    .hp-full-banner-text h2 {
        font-size: 42px;
    }

    .product-item .img img {
        position: static;
    }

    .testimonial-item {
        margin-bottom: 100px;
    }

    .testimonials-section {
        padding-bottom: 0;
    }

    .mailist-box {
        float: none;
        padding: 30px 0;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }

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

    .social_icons {
        float: none;
        margin: 20px auto;
    }

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

    .head-mobile-nav {
        padding-top: 20px;
    }

    body.home-page .head-mobile-nav>a {
        color: #fff;
    }

    .product-items.product-items-4 .product-item {
        width: 50%;
    }

    #hp-slides>li {
        background-size: auto 100%;
        background-position: center;
        background-attachment: initial;
    }
}

.search-mobile-holder {
    display: inline-block;
    width: 100%;
}

@media(max-width: 767px) {
    .special-feature h4 {
        font-size: 18px;
    }

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

    .special-feature img {
        display: block;
        margin: 0 auto 15px;
    }

    .home-category-header .header-specials,
    .home-page-content .products-section h2,
    .home-page-content .products-section h1 {
        font-size: 30px;
    }

    .hp-slider-text h3>span {
        font-size: inherit;
    }

    .hp-slider-text h3 {
        line-height: 1;
    }

    .copyright>p {
        text-align: center;
    }

    .searchBox div.searchlight-balloon {
        padding: 0;
        top: 56px !important;
    }



    .home-category-header {
        padding: 15px 0;
    }

    .homepage-category {
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }

    .search-form .search-text {
        width: 100%;
    }

    .homepage-category>a {
        display: block;
        text-align: center;
        margin: 0 auto 10px;
        max-width: 255px;
    }

    .homepage-category-right>a:nth-child(2),
    .homepage-category-left>a:nth-child(2) {
        max-width: 255px;
        margin: 0 auto 10px;
        float: none;
        text-align: center;
        display: block;
    }

    .homepage-category-right>a:first-child,
    .homepage-category-left>a:last-child {
        max-width: 255px;
        margin: 0 auto 10px;
    }

    .hp-long-text-img {
        float: none !important;
        margin: 0 0 20px;
    }

    .mailist-box {
        padding: 0;
        max-width: 100%;
    }

    .maillist-options {
        float: none;
        width: 100%;
        clear: both;
        padding: 10px 0 0;
    }

    .social_icons {
        width: 100%;
    }

    #hp-slides>li {
        height: 505px;
        padding-top: 198px;
    }


    .homeCarousel {
        height: 513px;
    }

    .home-page .head-mobile-nav>a {
        color: #fff;
    }

    .home-page-content {
        /* padding-top: 290px; */
    }

    .logo-container {
        padding-top: 20px;
    }

    .bottom-banner-section .bottom-banners .bottom-banner-top .header-specials,
    .homepage-category-top,
    .horizontal-banners,
    .bottom-banner-top {
        display: block;
        text-align: center;
        font-size: 30px;
    }

    .bottom-banner-section .bottom-banners .bottom-banner-top .header-specials:after {
        position: inherit;
    }

    .homepage-category,
    .horizontal-banner-left,
    .horizontal-banner-right,
    .bottom-banner-top>a {
        width: 100%;
        margin: 15px 0 0;
    }

    .mailist-box {
        margin: 20px 0;
    }
}

@media (max-width: 767px) {
    .logo {
        text-align: center;
        height: auto;
        display: block;
    }

    .logo img {
        position: static;
        max-width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .homepage-slider {
        top: 0;
    }

    .searchBox {
        padding: 20px 0 0;
        float: none;
        width: 100%;
        clear: both;
        max-width: none;
    }

    .search-form-col {
        clear: both;
    }

    .useraccount-wrapper {
        clear: both;
    }

    .flex-direction-nav a:before {
        font-size: 24px;
    }

    .flex-direction-nav a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: -12px 0 0;
    }

    .mailinglist-input.form-control {
        width: 200px;
        width: calc(100% - 90px);
    }

    .footer-social ul li {
        padding: 0 4px;
    }

    .extrapages {
        display: none;
    }

    .home-page-content .category-header {
        padding: 15px 0;
    }

    .extrapages-shower a {
        display: block;
    }

    ul.extrapages {
        margin: 0;
        padding: 15px 0;
    }

    ul.extrapages li a {
        font-size: 13px;
    }
}

@media (max-width: 567px) {

    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4 .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        min-width: 270px;
    }

    .hp-slider-text h3>span {
        font-size: 24px !important;
    }

    .hp-slider-text h3 {
        font-size: 16px !important;
    }

    .hp-slider-text {
        padding: 20px;
        background: rgba(255, 147, 210, 0.8) !important;
    }
}

.menu-open {
    overflow: hidden;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.menu-open .mobile-menu {
    overflow-x: hidden;
    overflow-y: auto;
}

.mobile-menu-inner {
    background-color: #fff;
    padding: 30px 20px;
    width: 250px;
    margin-left: auto;
    margin-right: 0;
    min-height: 100vh;
    position: relative;

    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    -o-transform: translate(250px, 0);
    transform: translate(250px, 0);
}

.menu-open .mobile-menu-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mobile-menu-close a {
    color: #000;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-decoration: none;
}

.mobile-menu-close a:after {
    content: "\e805";
    font-family: "fontello";
}

.mobile-menu-widget {
    margin: 30px 0;
}

.mobile-menu-widget h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
    border-bottom: 1px solid #ececec;
}

.mobile-menu-widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.mobile-menu-widget ul li {
    margin: 0 0 10px;
}

.mobile-menu-widget ul li a {
    padding: 0;
    line-height: 1;
    font-size: 13px;
    background-color: transparent !important;
    display: block;
    color: #555;
    text-decoration: none !important;
}

.mobile-menu-widget ul li a:hover {
    color: #333;
}

.mobile-menu-widget ul ul {
    display: none !important;
}

.mobile-menu-widget ul li a:after {
    display: none;
}

.mailinglist-response {
    margin: 10px 0;
    padding: 10px 20px;
    font-size: 12px;
    background-color: #2d2d2d;
    color: #ccc;
}

.mailinglist-error span {
    color: #8a6d3b;
}

.mailinglist-subscribed span,
.mailinglist-unsubscribed span {
    color: #3c763d;
}

.mailinglist-response,
.mailinglist-response div {}

.floating-cart {
    position: fixed;
    top: 70%;
    right: 0;
    z-index: 999;
    background-color: #fff;
    /* border: 1px solid #ef3e50; */
    border-right: none;
    color: #17336f;
    border-radius: 20px 0 0 20px;
    padding: 15px;
    text-align: center;
    width: 90px;
    display: none;
}

.floating-cart a,
.floating-cart a:hover {
    color: #ef3e50;
    text-decoration: none;
}

.floating-cart a:hover {
    opacity: 0.6;
}

.floating-cart span.cart-icon {
    display: block;
    font-size: 30px;
    line-height: 1;
}

.floating-cart span.cart-details {
    font-size: 12px;
    text-transform: none;
    display: block;
    margin: 5px 0 0;
}

.paging {
    float: right;
}

.paging strong,
.paging a {}

.paging strong,
.paging a:hover {
    color: #fff;
    background-color: #0f0f0f;
    text-decoration: none;
}

/*
    Homepage Styles
*/
.home-page-content {
    padding-bottom: 0;
    /* padding-top: 678px; */
}

.homepage-slider {
    /* position: absolute; */
    /* top: 61px; */
    /* left: 0; */
    /* width: 100%; */
    background: url("/assets/images/bg-layer.gif");
    height: 500px;
    background-size: cover;
    background-color: #000;
}

.homepage-slider .col-12.homepage-text:before {
    content: "";
    width: calc(63% - 70px);
    padding-top: 19%;
    display: block;
    background-image: url(/assets/images/home-cell.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin: 11% auto 0;
    float: right;
}

@media (max-width:991px) {
    .homepage-slider .col-12.homepage-text:before {
        margin-top: 33%;
    }
}

@media (max-width:767px) {
    .homepage-slider .col-12.homepage-text:before {
        display: none;
    }

    .homepage-slider .col-12.homepage-text:after {
        content: " ";
        width: 50%;
        padding-top: 23%;
        display: block;
        background-image: url(/assets/images/home-cell.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        margin: 4% auto 0;
        position: absolute;
        right: 20%;
    }
}

.homeCarousel {
    height: 837px;
}

.home-page-content .products-section {
    padding: 60px 0;
}

.home-page-content .products-section .product-items {
    padding-top: 30px;
}

.product-items .product-item .img {
    position: relative;
    border: none;
    background-color: transparent;
}

.product-items .product-item {
    margin-bottom: 35px;
    text-align: center;
    height: auto !important;
}

.home-category-header .header-specials {
    margin: 0;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    /* color: #0036ff; */
    /* font-family: 'Abril Fatface', cursive; */
    padding: 0 0 30px;
}


.home-page-content .products-section h2,
.home-page-content .products-section h1 {
    margin: 0;
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    /* color: #0036ff; */
    /* font-family: 'Abril Fatface', cursive; */
}

.home-page-content .products-section h2:after,
.home-page-content .products-section h1:after {
    content: "";
    display: block;
    width: 85px;
    height: 3px;
    /* background-color: #ffb8e1; */
    margin: 10px auto 0 auto;
}

/*.home-page-content .category-footer {
    padding: 40px 0 60px;
}*/
.home-page-content .category-footer h3 {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 20px;
    font-weight: bold;
}

.home-page-content .category-footer p {
    margin: 0 0 30px;
    text-align: justify;
}

.home-page-content .category-footer a:hover img {
    opacity: 0.7;
}

.home-page-content .category-header img {
    margin: 0 auto;
}

#hp-slides.slides {
    /* background-image: linear-gradient(#ff93d2 50%,#ffffff 50%);
     background-color: #ff93d2; */
}

#hp-slides>li {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 817px;
    background-size: 100%;
    padding-top: 275px;
    color: #fff;
}

.hp-slide-content {
    text-align: center;
}

.hp-slider-text-outer {
    display: table;
    height: 650px;
}

.hp-slider-text {
    color: #fff;
}

.hp-slider-text h3 {
    font-size: 18px;
    margin: 0;
    font-weight: 300;
    text-align: left;
    max-width: 500px;
    line-height: 28px;
}

.hp-slider-text h3>span {
    display: block;
    font-size: 42px;
    font-family: "Abril Fatface", cursive;
    border: none;
    max-width: 432px;
    margin: 10px 0;
    color: #0036ff;
    text-align: left;
    padding: 0;
    line-height: 1.2;
}

.hp-slider-text p {
    margin: 25px auto;
}

.hp-slider-img {
    height: 650px;
    position: relative;
}

.hp-slider-img img {
    max-height: 650px;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.hp-slider-cta {
    margin: 30px 0 0;
}

.hp-slider-cta a {
    min-width: 150px;
}

.home-category-header {
    padding: 30px 0 10px;
}

.homepage-category>a {
    display: inline-block;
    max-width: 530px;
}

.revealOnScroll {
    opacity: 0;
}

.product-items {
    overflow: hidden;
    /* display: flex;
    justify-content: center;
    flex-wrap: wrap; */
}

@media (min-width: 767px) and (max-width: 1024px){
    section.category-products .product-items.product-items-2 .product-item {
            width: 50%
     }
}

.flexslider.homeCarousel .slides img {
    width: 100%;
    height: auto;
}

.page_heading,
.widget-header,
.page_headers {
    text-transform: none;
    /* font-family: "Poppins", sans-serif; */
}

div#searchBox {
    float: none;
    display: inline-block;
    width: 100%;
}

#leftBar #modTopSellers {
    display: none;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.test-style{
    background-color: #f00;
    margin: 0%;
} 

 /* ---- Isolated styles (scoped to .apx-support) ---- */
 .apx-support {
     --apx-bg: #243060;
     --apx-fg: #ffffff;
     --apx-muted: rgba(255, 255, 255, 0.55);
     --apx-accent: #e84050;
     --apx-border: rgba(255, 255, 255, 0.2);
     box-sizing: border-box;
     width: 100%;
     margin: 28px 0;
     background: var(--apx-bg);
     color: var(--apx-fg);
     border-radius: 10px;
     overflow: hidden;
 }

 .apx-support *,
 .apx-support *::before,
 .apx-support *::after {
     box-sizing: border-box;
 }

 .apx-support__inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     padding: 18px 24px;
     flex-wrap: wrap;
 }

 .apx-support__head {
     display: flex;
     align-items: center;
     gap: 14px;
     min-width: 0;
 }

 .apx-support__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     flex: 0 0 auto;
     border-radius: 8px;
     background: rgba(255, 255, 255, 0.1);
     color: var(--apx-fg);
 }

 .apx-support__titles {
     display: flex;
     flex-direction: column;
     min-width: 0;
 }

 .apx-support__title {
     font-size: 15px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     line-height: 1.2;
 }

 .apx-support__subtitle {
     margin-top: 3px;
     font-size: 13px;
     color: var(--apx-muted);
     line-height: 1.4;
 }

 .apx-support__actions {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .apx-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 10px 18px;
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 0.03em;
     line-height: 1;
     text-decoration: none;
     white-space: nowrap;
     border-radius: 6px;
     border: 1px solid transparent;
     cursor: pointer;
     transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, opacity 0.15s ease, transform 0.05s ease;
 }

 .apx-btn:active {
     transform: translateY(1px);
 }

 .apx-btn--ghost {
     background: transparent;
     color: var(--apx-fg);
     border-color: var(--apx-border);
 }

 .apx-btn--ghost:hover {
     background: rgba(255, 255, 255, 0.1);
     border-color: rgba(255, 255, 255, 0.4);
 }

 .apx-btn--solid {
     background: var(--apx-accent);
     color: #ffffff;
     border-color: var(--apx-accent);
     font-weight: 700;
 }

 .apx-btn--solid:hover {
     background: #cc2f3e;
     border-color: #cc2f3e;
 }

 /* ---- Mobile ---- */
 @media (max-width: 640px) {
     .apx-support__inner {
         flex-direction: column;
         align-items: stretch;
         gap: 16px;
         padding: 18px;
     }

     .apx-support__actions {
         width: 100%;
         flex-direction: column;
         gap: 8px;
     }

     .apx-btn {
         width: 100%;
         padding: 12px 16px;
         font-size: 14px;
     }
 }