.calc-not-selected img{ max-width: 220px !important; }
div.support-docs div {
    float: left;
    padding: 15px;
    width: 33%;
    min-width: 260px;
}

div.support-docs div a {
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    padding: 30px 15px;
}
div.support-docs div a img {
    display: block;
    margin: 0 auto 15px auto;
    height: 150px;
    object-fit: contain;
}

#card-tab, #Field-numberInput, #Field-expiryInput, #Field-cvcInput {
    display: none;
}

.p-FieldLabel {
    display: none;
}

.p-CardBrandIcon {
    display: none;
}


@media screen and (max-width: 800px){

div.support-docs div {width: 50%;}

.header .logo .responsive-logo {
    min-height: 100px;
 }
.haeder-bottom{
  display:none;
}
}

.doc-item a{
   text-transform: capitalize;
}

.pdf-name{
  text-transform: capitalize;
  font-size:14px;
}

.category-description strong, .category-description p, .category-description a, .category-description li{
    color: inherit;
    font-size: 17px!important;
}

.category-description td, .manufacturer-description td, .vendor-description td, .full-description td, .topic-html-content td, .post-body td, .news-body td, .custom-tab td {
    border: 1px solid #ccc;
    padding: 5px;
}

.ui-tabs-panel h4{
  font-size:15px;
}

.free-water strong{
  color:#fff!important;
}

.short-description img {
    display: inline-block;
}

.category-page .category-description h2 {
    text-transform: none; 
}

.category-description li {
    font-size: 16px;
}

.variant-overview .variant-name {
    color: #0390d2;
    font-weight: bold;
}

.overview .short-description, .variant-overview .variant-description {
    font-size: 17px;
}

.product-details-page .product-name h1{
  text-transform:capitalize;
}

/*
.mega-menu .title {
    text-transform: capitalize;
}
*/

@media(max-width:992px){
  .head-mid {
      display:none!important; 
  }
}

.home-page-category-grid .title strong, .product-grid .title strong {
     text-transform: capitalize;
}

.footer-upper{
  background-size:cover;
}

.category-description h1{
  color:#009ad9;
  margin-bottom:15px;
}
.haeder-bottom .content h4 {
   padding:0px;
   margin:0px;
}
.page-title h1 {
    text-transform:  capitalize;
}

.message-error, .field-validation-error  {
    text-align: left;
    font-size: 13px;
}

.liner {
    float: left;
    margin: 0 15px 0 0;
    width: 80px;
    min-height: 140px;
}

.gallery-page h2{
  text-transform: Capitalize;
}

.gallery-page .gallery-links p strong {
    text-transform: Capitalize;
}

.product-box .title a{
  min-height: 49px!important;
  margin-top:5px;
}

.related-products-grid .product-box .title a {
       margin-top: 5px;
}

.blog-page hr{
  display:none;
}

.block-category-navigation .title{
  display:none;
}

.add-to-cart-panel .qty-div .qty-input {
    width: 80px;
    text-align:center;
}

.gallery-page h1{
  text-transform:Capitalize;
}

p {
  font-size:17px;
}

.add-to-cart-panel .description-btn {
    width: 100%;
    margin-top: 20px;
    min-height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.add-to-cart-panel .qty-div .qty-label{
  margin-bottom:5px;
}

@media(max-width:992px){
 .add-to-cart p{
  text-align:left;
}
}

#ZoneTypePicture .pdf-boxes img {
    width: 100%;
    max-height: unset;
}

.item-box > div {
    border: 1px solid #eee;
    padding: 5px;
    margin-top: 0px;
}

.html-category-page .product-box .picture, .product-details-page .product-box .picture {
     margin-top: 0px;
}

.search-results .product-item .product-box {
    padding: 0px 0;
}

.item-box .picture img {
  margin: 0px;
  max-width:100%;
}

.product-page .product-heading h1 {
    margin-bottom: 20px;
}

.html-product-details-page #ZoneTypePicture {
    justify-content: center!important;
    width: 100%;
}

.item-box .picture a:before {
    padding-top: 100%;
}

.doc-grid .doc-item .img-box img {
    width: auto;
    max-height: unset;
    margin: auto;
}

.doc-grid .doc-item .img-box {
    min-height: 100px;
}

.product-box .price {
     padding: 0px; 
}

.doc-grid .item-grid {
    justify-content: center;
}

@media(min-width:992px){
    .haeder-bottom .custom-row {
      justify-content: center;
      max-width:100%;
      margin-left:auto; 
      margin-right:auto;
    }

    .header-menu>ul>li {
       max-width: 160px!important;
      /* border:1px solid red; */
    }
}

.with-dropdown-in-grid:not(.has-sublist){
  min-width:110px;
}

.category-page .category-grid .item-box .sub-category-item {
    padding: 20px 7px 0px 7px;
}

.read-more{
  padding-bottom:5px;
}

.product-page .product-description .description .actual-price h2 {
    margin-left: 0px; 
}

.attributes dt {
  font-size:16px;
}

.html-product-details-page.product-page .product-description {
     border: 0px solid #aaa4a4; 
}

.full-description p{
  font-size:16px!important;
  line-height:1.2!important;
}

.full-description h2{
  font-size:20px!important;
  color:#0090d2!important;
  margin-top:7px;
}
.full-description h3{
  font-size:16px!important;
  color:#0090d2!important;
}
 .full-description li, .full-description strong{
  font-size:16px!important;
}

.free-water h3{
  color:#fff!important;
}

.contact-us a{
  color:#0090d2;
}

.contact-us a:hover{
  color:#124ea6;
}

.short-description img {
    margin-bottom: 7px;
}

.manufacturers{
  display:none;
}

.common-buttons button, .checkout-buttons button, .select-button button, .buttons button{
  border-radius:10px;
}

.select-button button{
  background-color:#0090d2!important;
}

.common-buttons button:hover, .checkout-buttons button:hover, .select-button button:hover{
  background-color:#124ea6!important;
}

.mega-menu .title {
    font-size:14px;
    text-transform: Capitalize;
}

.breadcrumb a{
  margin-left:-3px;
}
 

.slick-dots{
  display:none!important;
}
.load-more-links{
}

/*
.category-feature-products-3 {
    padding-bottom:14px;
}
*/

.home-page-category-grid .category-block {
    padding: 0 25px 25px;
}

@media(min-width:992px){
.gallery .picture img{
  width:400px;
  max-width:100%;
}
}

.ui-tabs .ui-tabs-panel p {
    line-height: 1.3!important;
}

.full-description table{
  padding:0px;
  margin:0px;
}

.full-description tr{
  padding:0px;
  margin:0px;
}

.full-description td{
  border:0px;
}

.full-description  tr:nth-child(odd) {background: #efefef!important;}
.full-description tr:nth-child(even) {background: #FFF!important;}

.full-description table td{
  font-size:15px!important;
  color:#333;
border:1px solid #444;
}
.full-description div{
   font-size:15px;
}

@media(min-width:1200px){
.header-menu>ul>li>a, .header-menu>ul>li>span {
    font-size: 14px !important;
}
}

.home-page .category-feature-products .product-box .short-description {
    padding-top: 5px;
}

button.slick-next.slick-arrow {
    background: rgba(5,36,82,0.6);
}

button.slick-prev.slick-arrow {
    background: rgba(5,36,82,0.6);
}

@media(min-width:992px){
  .header-menu > ul > li:last-child > a, .header-menu > ul > li:last-child {
      border: 0px!important;
  }
  .with-dropdown-in-grid {
      padding-top: 3px;
      padding-bottom:3px;
      border-top:0px!important;
  }
  .header-menu>ul>li>a, .header-menu>ul>li>span {
      border-top: 0px !important; 
   }
}

.product-box .short-description .text p {
    font-size: 14px;
    line-height:1;
    padding:0p;
}

.product-box .short-description .text img {
    width:30px;
}

.product-details-page .short-description strong{
  color:inherit;
}

 .stock .label, .stock .value{
  font-size:18px!important;
}

@media(min-width:992px){
.post-body img {    
    margin-left: 20px;
    margin-bottom:20px;
    max-width: 40%;
}
}

@media(max-width:767px){
.post-body img {
    width:100%;
    margin: auto;
    margin-bottom:15px;
    max-width: 100%;
}
}

.post-body ol li, .post-body a, .post-body ul li{
  font-size:17px!important;
}

.post-body strong, .post-body h3, .post-body h2, .post-body h1{
   color:#124ea6;
}
 .post-body h3, .post-body h2, .post-body h1{
   margin-bottom:10px;
}

@media(min-width:992px){
.html-product-details-page.product-page .gallery.sevenspikes-cloudzoom-gallery {
    width:25%;
}
.html-product-details-page.product-page .overdetails {
    width: 42%;
}
.html-product-details-page.product-page .overview {
    width: 32%;
    font-size: 15px;
    line-height: 1.5;
    margin: 20px 0 0px;
}

.actual-price h1{
  margin-right:7px;
}
}

.product-details-page .short-description strong {
    line-height: 1;
}

.ui-tabs-panel h4{
  font-size:18px!important;
}

/* Finds any items with inline bold styling and changes it to blue so it matches the strong tags */
.product-details-page .full-description p span[style*="font-weight: bold"], .product-details-page .full-description strong{
  color: #0090D2;
  line-height:1.3;
}

.product-details-page .full-description p{
  color: #000;
}

button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    height: 99.4%;
}

.bottom-content {
margin-bottom: -50px;
}

@media (min-width: 1001px) and (max-width: 1199px) {
.home-page .category-feature-products .product-box .short-description {
    height: 135px !important;
}
}

#ph-topic > div.page-body > ul > li {
    list-style: disc;
    margin-left: 17px;
}

.topic-page .page-body table{
  font-size:15px;
}

.topic-page  .page-body tr:nth-child(odd) {background: #efefef!important;}
.topic-page  .page-body tr:nth-child(even) {background: #FFF!important;}
.topic-page  .page-body th{background: #fff!important; color:#2895d2;}




@media (max-width:560px) {
.post-head {
    min-height: 50px;
}
}

@media (min-width:561px) and (max-width:1024px) {
.post-head {
    min-height: 105px;
}
}

@media (min-width:1025px) {
.post-head {
    min-height: 105px;
}
}


.blog-listing .blog-posts .post {
    margin: 0px 0 55px 0;
}




/* NO RESULT PAGE */

.search-input {
    background-color: #f9f9f9;
    padding: 20px 20px !important;
}

.search-results .result ul li {
    list-style: none; 
    margin: 0;
}
.search-results .result ul li a {
    padding: 7px 13px;
}

.inputs label {
    font-size: 16px;
}

.search-input .button-1 {
    border: 1px solid #009ad9;
    background-color: #009ad9;
}

.search-input .button-1:hover {
    border: 1px solid #0a4396;
    background-color: #0a4396;
}

.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea {
    width: 550px !important;
    height: 45px !important;
}

.inputs input[type="text"], .inputs input[type="password"], .inputs input[type="email"], .inputs input[type="tel"], .inputs select, .inputs textarea {
    width: 320px;
    height: 32px;
    max-width: 100%;
    padding: 6px 8px;
    vertical-align: middle;
    font-size: 16px;
}

.tickul li {
  list-style: none!important;
  line-height:1.4;
}

.tickul li:before {
  content: '✓';
  font-size:1.4em;
  padding-right:5px;
  color:#124ea6;
  font-weight:bold;
}

/* 
.attributes dt, .checkout-attributes dt{
  color:#000!important;
}
*/

.post-img{
  min-height:195px;
}

#ZoneTypePicture .pdf-boxes img {
    max-height: 150px !important;
}

.html-product-details-page.product-page .overview .short-description {
    line-height: 1.2;
}

@media (min-width: 992px){
.gallery .picture img{
    width:auto;
}
}

.hot-tub-features{
    padding: 1%; 
    width: 100%;
}

@media (min-width: 992px){
.hot-tub-features{
  float: left; 
   padding: 1%; 
    width: 49%;
}
}

/* Adds padding above the Harzardous Warning Tips Image */
img[src="/content/images/hazard-catpageonly.jpg"]{
  padding-top:10px!important;
}

@media(max-width:767px){
.homepage-banner{
     min-height:220px;
}
.slick-slide{
   min-height:220px;
}
.header .logo  {
    min-height: 110px;
}
.header-links-wrapper{
    min-height:30px;
}
}
.topcartlink img{
    min-height:40px; 
}

element.style {
}

.block-category-navigation{
  margin-top:20px;
}

img[src="/Themes/Lighthouse/Content/images/FreeShipping.png"]{
  padding-bottom:15px!important;
}

.html-category-page .product-box .title, .product-details-page .product-box .title {
    height: auto;
}

.short-description a{
  color:#0a4396;
}

@media(max-width:800px){
.shoppingcart-icon{
    padding:0px;
    margin:0px;
    width:auto!important;
}
.terms-of-service{
  margin-top:20px;
}
.terms-of-service input[type="checkbox"] {
  font-size:20px;
}
.terms-of-service label, .terms-of-service a{
  font-size:16px;
   line-height:1.4;
}
}
.homepage-blog-block .blog-item .blog-title {
    height: 90px;
}
.cart-footer .title {
    font-size: 18px;
    color: #0090d2;  
}
.coupon-box-check label{
  margin-left:7px;
}

.video-background {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 550px;
  margin-bottom:20px;
  margin-top:-40px;
}

.video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .video-background iframe {
    /*  height = 100 * (9 / 16) = 56.25 */
     height: 40.25vw; 
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 140.78vh;
  }
}

@media(max-width:850px){
  .video-background {
    width: 100%;
    height: 400px!important;
  }
  .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 130.78vh;
    height: 50.25vw; 
  }
}

@media(max-width:767px){
  .video-background {
    width: 100%;
    height: 300px!important;
  }
}

.full-img{
  margin-top:30px;
}

.paypal-button-number-1{
  display:none!important;
}

.product-box .home-spec{
  min-height:60px!important;
}

.product-box .home-spec p{
  margin: auto;
}

.spec-spacer{
  width:100%;
  margin-top:15px;
}

.image-box img{
         display: block;
         margin: auto;
         margin-bottom: 10px;
         height: 135px;
}

#ZoneTypePicture .pdf-boxes img {
   max-width:150px;
}


@media screen and (max-width: 480px){
div.support-docs div {width: 100%;}
}

.overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button, .overview .add-to-compare-list-button, .overview .email-a-friend-button, .back-in-stock-subscription .subscribe-button, .download-sample a {
    display: inline-block;
    border: 1px solid #dd1816;
    background-color: #dd1816;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 1px 0 #fff;
    padding: 15px 15px;
    font-size: 13px;
    border-radius: 20px;
    color: #fff;
}

.back-in-stock-subscription button:hover {
  background-color: #dd2f2d!important;
}

.payinthree{
  margin-top:10px;
  width:100%;
}

.payinthree img{
  width:100%;
  max-width:300px;
}

.grecaptcha-badge {
    margin-bottom: 80px!important;
}

.bar-notification.success {
    z-index: 9999999!important;
}

.product-details-page h2, topic-page h2, .category-page h2 {
    color: #0b3fa8!important;
    font-weight: 700;   
}

.category-page .category-description h2{
      font-size:30px!important;
}

.category-page .category-description h2:after {
    content: '';
    height: 3px;
    background: #0a4396;
    width: 15px;
    display: block;
    margin-top: 1px;
    margin-bottom:5px;
}

.category-page h3, .product-details-page h3, .topic-page h3 {
    color: #2895d2;
    font-weight: 700;
}

.category-page .category-description h3{
      font-size:24px!important;
}

.category-page h4, .product-details-page h4, .topic-page h4 {
    color: #2895d2;
    font-weight: 700;
}

.category-page strong, .product-details-page strong, .topic-page strong {
    color:  #0b3fa8!important;
}

.category-page p a, .product-details-page p a, .topic-page p a:not(.enqire-btn) {
    color:  #0b3fa8!important;
}

.category-page p a:hover, .product-details-page p a:hover, .topic-page p a:hover {
    color:  #041c3f!important;
}

.product-details-page,  .product-details-page p, .category-page, .category-page p, .topic-page , .topic-page p {
    /*  color: #0b3fa8; */
}
.productTabs-header a{
  color:#fff!important;
}

.inputs input[type=text] .custom-find-address-box{
  width:140px!important;
 max-width:140px;
}

@media(max-width:600px){
#getaddress_input{
  width: fit-content!important;
}
}

.product-page .enqire-btn, .product-page  .AskDealsButton {
    color: #fff!important;
}

.product-page .enqire-btn:hover, .product-page  .AskDealsButton:hover{
    color: #fff!important;
}

.bar-notification {
    color: #fff!important;
    z-index:99999999999999;
}

/* Product Enquiry Boxes for Category Pages */
  .product-enquiry-section{
      width:100%;
      min-height:50px;
      background-color:#e1eef7;
      text-align:center;
      padding:20px;
      margin-top:20px;
  }
  .product-enquiry-section h2{
       font-size:25px;
  }  
  .product-enquiry-section p{
      margin-top:10px;
      margin-bottom:15px;
  }
  .product-enquiry-section button{
      background-color: #0390d2;
      padding: 0 26px;
      border-radius: 20px;
      height: 43px;
      color: #fff;
      font-size: 16px;
      text-align: center;
      font-weight: bold;
      border: none;
  }

/* Begin One Page Checkout Customisations */

.opc{
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:30px;
}

.opc .active .step-title, .opc .active .step-title:hover {
    background-color:#0a4396!important;
    color:#fff!important;
    border:0px!important;
}

.opc .section>label {
    font-size: 16px;
}

.checkout-data form{
     border:0px solid #fff!important;
}


.opc input[type="text"], .opc input[type="password"], .opc input[type="email"], .opc input[type="tel"], .opc textarea, .opc select {
    border: 1px solid #aaa;
    background-color: #fff;
    padding: 7px;
    font-size: 16px;
    color: #333;
}

.opc .step-title .title{
    font-size:16px!important;
    font-weight:bold!important;
}

.opc .back-link a {
    display: inline-block;
    margin: 0 0 0 -8px;
    padding: 5px 5px 5px 15px;
    font-weight: bold;
    font-style: normal;
    color: #0a4396;
}

 .checkout-page .opc  .pickup-in-store label {
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 10px;
}

.opc .button-1 {
    background-color: #93c55f;
    border: 1px solid #93c55f;
    margin-top: 15px;
    padding-top: 2px;
    font-weight: bold;
}

.opc .button-1:hover {
    background-color: #0a4396;
    border: 1px solid#0a4396;
 }

.checkout-page .opc  .pickup-in-store .description {
    font-size: 16px;
}

.checkout-page .opc .edit-address .inputs label{
  font-size:16px;
}

.opc .checkout-page .pickup-in-store label {
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 10px;
}

.opc .custom-find-address-box {
    max-width: fit-content!important;
}

#BillingNewAddress_CountryId {
    max-width: fit-content!important;
}

.cart-footer .totals .checkout-buttons {
    text-align: center;
}

.cart-footer .checkout-button{
    font-weight:bold;
    margin-bottom:20px;
}
.cart-footer .checkout-button:hover{
    border-color:unset;
}

.shopping-cart-page .button-1:hover, .checkout-page .button-1:hover, .order-details-page .actions .button-1:hover, .order-details-page .actions .button-2:hover {
    border: 0px solid #fff;
}

.terms-of-service{
  font-size:16px;
}

.shopping-cart-page  input[type="checkbox"], .shopping-cart-page  input[type="checkbox"]+* {
    font-size: 16px!important;
}

.opc .attributes dt, .checkout-attributes dt {
    font-size: 15px;
}

@media(max-width:767px){
  #BillingNewAddress_CountryId {
    max-width: 50vw!important;
  }
}

.paypal-button.paypal-button-number-0.paypal-button-layout-vertical.paypal-button-shape-rect.paypal-button-number-single.paypal-button-env-production.paypal-button-color-blue.paypal-button-text-color-white.paypal-logo-color-white {
    width: 100vw;
}

/* End One Page Checkout Customisations */

@media(min-width:770px){
    .registration-page {
      width: fit-content!important;
  }
  .registration-page .button-1 {
      width: 100%;
  }
  .registration-page .page-tittle h1 {
      text-align: center;
  }
}

.registration-result-page .result {
    font-size: 20px;
    color:#000;
    margin-bottom:50px;
}

.registration-result-page .button-1  {
    height: 45px;
    border: unset;
    background-color: #154495;
    box-shadow: unset;
    padding: 10px 24px;
    font-size: 18px;
    font-weight:bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 7px;
}

.registration-result-page .button-1:hover  {
    background-color: #0090d2;
    color:#fff;
}

  .account-page .inputs label{
      text-align:left;
  }

@media(max-width:767px){
  .address-edit-page{
 
   }
  .address-edit-page .inputs input[type="text"], .address-edit-page .inputs input[type="password"], .address-edit-page .inputs input[type="email"], .address-edit-page .inputs input[type="tel"],.address-edit-page  .inputs select, .address-edit-page .inputs textarea {
      width: 85vw!important;
  }
   .address-edit-page  .account-page .inputs label{
     text-align:center!important;
    }
}

.customer-info-page .fieldset .title, .customer-info-page .section .title{
   font-size:18px;
} 

/* Pool Cover Calculator Overrides */
@media(max-width:767px){
  .productItem {
      width: 100%;
      flex-direction: column; 
  }
}

@media(max-width:992px){
  .prod-col-2{
    margin-top:20px;
  }
  .productItem h5 {
    font-size:18px!important;
  }
  .productItem h4 {
    margin-top:10px;
    margin-bottom:15px;
    font-size:28px!important;
  }
  .productItem label{
    font-size:18px;
  }
  .intrest-list li input {
     margin-left: 0px; 
  }
  .hemmingPrice{
        margin-top:10px!important;
        margin-bottom:20px;
        height:40px!important;
        line-height:40px!important;
        -webkit-text-fill-color:#0a4396!important;
        opacity:1!important;
    }
   .linearProduct input[type="checkbox"] {
      transform: scale(2.0);
   }
   .linearProduct label{ 
      font-size:18px!important;
   } 
}
@media(min-width:767px){
   .extras-prod-name-col{
      width:70%;
   }
}

@media screen and (max-width: 767px){
  .custom-top-ribbon .ribbon-heading p {
     font-size:16px!important;
  }  
 .custom-top-ribbon .ribbon-text p {
      font-size: 14px;
      line-height: 1.1;
      margin-top:5px!important;
      padding-bottom:5px;
  }
}

.custom-top-ribbon .ribbon-heading p {
    line-height: 1;
}

@media(min-width:992px){
  .custom-top-ribbon .ribbon-heading p {
     font-size:18px!important;
  }
  .custom-top-ribbon .ribbon-text p {
      font-size: 14px;
  }
}

@media (max-width: 767px){
    .homepage-banner {
       min-height: unset;
   }
}
.home-page-category-grid .category-item .fintmore-btn{
   display:none!important;
}

.home-page-category-grid .category-item   .title a{
    text-align:center!important;
}

.home-page-category-grid .category-item .title {
    bottom: -0px;
    position: absolute;
    z-index: 9!important;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 10px!important;
    padding-right: 10px!important;
    text-align: center;
    border-radius: 20px;
    padding: 5px;
    left: 50%;
    transform: translate(-50%, 50%);
    font-size: 18px;
    background: rgb(0,7,79);
    background: -moz-linear-gradient(100deg, rgba(0,7,79,1) 0%, rgba(1,56,164,1) 43%, rgba(10,79,209,1) 63%, rgba(0,23,136,1) 85%, rgba(0,1,73,1) 100%);
    background: -webkit-linear-gradient(100deg, rgba(0,7,79,1) 0%, rgba(1,56,164,1) 43%, rgba(10,79,209,1) 63%, rgba(0,23,136,1) 85%, rgba(0,1,73,1) 100%);
    background: linear-gradient(100deg, rgba(0,7,79,1) 0%, rgba(1,56,164,1) 43%, rgba(10,79,209,1) 63%, rgba(0,23,136,1) 85%, rgba(0,1,73,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00074f",endColorstr="#000149",GradientType=1);
}

.home-page-category-grid .category-item {
    overflow: unset;
}



input[type=checkbox]:before{
	font-family: "FontAwesome";
    content: "\f00c";
    font-size: 10px;
    color: transparent !important;
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #3EAADC;
}
input[type=checkbox]:checked:before{
	color: #3EAADC !important;
}
input[type=checkbox]{
	transform: scale(1.5);
	-moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
}

input[type=radio]:before{
	font-family: "FontAwesome";
	content: "\f111";
	font-size: 10px;
	color: transparent !important;
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #3EAADC;
	border-radius:50%;
	text-align: center;
	vertical-align: middle;
	padding-top: 1px;
}
input[type=radio]:checked:before{
	color: #3EAADC !important;
}
input[type=radio]{
    transform: scale(1.5);
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
    position: relative;
}

#mc_embed_signup input[type=checkbox]{
  -webkit-appearance: none !important;
  border: none !important;
}
#mc_embed_signup input[type=checkbox]:disabled{
  opacity: .3;
  transform: scale(1.5);
}
.intrest-list{
justify-content: flex-start;
    row-gap: 15PX;
}
ul.intrest-list li label{
    margin: 10px !important;
}
input[type=radio] + label{
margin-left:13px;
}
.pickup-in-store .selector label{
margin-left:16px !important;
}
.login-page .inputs.reversed label{
margin-left:16px !important;
} 

/* Icon Block (Category Pages) */
.icon-block {
    display: grid;
    margin-top:20px;
    grid-template-columns: 100px 1fr; /* Ensure icon width and rest is for text */
    align-items: center; /* Center content vertically */
    gap: 20px; /* Space between the icon and text */
    padding: 10px;
    background-color: inherit; /* Use parent's background color */
    color: #fff; /* White text */
    width: 100%; /* Full width */
    min-height:150px;
}

.icon-block img {
    width: 120px; /* Fixed width for icons */
    height: auto; /* Maintain aspect ratio */
}
@media (min-width: 767px) {
    .icon-block {
        /* Ensure the layout is suitable for larger screens */
        grid-template-columns: 120px 1fr; /* Consistent column sizing */
    }
    .icon-block-text{
    }

}
.custom-top-ribbon {
    background: #F04229; /* #de5507; */
}

.payment-info-label {
   font-size:18px!important;
}

.custom-countdown-timer{
  padding: 1px 0 0;
}
.custom-countdown-timer h1{
  text-align: center;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #2E3333;
}
ul#counter {
list-style: none;
padding: 0;
display: block;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
column-gap: 18px;
}

ul#counter li {
  display: flex;
  align-items: end;
  flex-direction: row-reverse;
  gap: 10px;
}

ul#counter li span {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

ul#counter li p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
.blog-card{
border:none;
}

.blog-image-full {text-align: center;padding-bottom: 50px;}

.message-error, .field-validation-error {
    font-size: 16px;
    font-weight: bold;
}

.payment-options img, .header-links img{
    width:100%;
}
@media(max-width:767px){
  .payment-options img, .header-links img{
    width:27px;
    max-width:100%;
  }
}



.water-care {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 -15px;
}

.water-care-box {
    flex: 0 0 31.336%;
    display:flex;
    gap: 20px;
    
    padding: 15px;
    min-width: 350px;
}
.water-care-img {
    flex: 0 0 21%;
}
.water-care-img img{width: 100%;}

.water-care-info {
    display: flex;
    flex-direction: column-reverse;
    align-self: baseline;
}

.water-care-info  p {
    display: flex;
}

.water-care-info  span {
    font-size: 20px;
    line-height: 27px;
    font-weight: 800;
}

@media(max-width:767px){
.water-care-box{
    flex: 0 0 100%;
}
}
.slick-slide img {
    width: 100%;
}

/* Product Blog Fixes */

.product-post-wrapper{
  margin-bottom:20px;
}
.blog-details  p{
  line-height:1.2!important;
  margin-top:5px;
  margin-bottom:5px;
}
.blog-details ul{
   display:block!important;
   margin-left:20px;
  margin-top:5px;
}
.blog-details li{
   list-style-type: disc!important;
   font-size:16px;
}
.blog-list-wrap.product-post-wrapper .blog-image {
    display: block !important;
    flex: 0 0 38%; /* Control width directly using flex */
    max-width: 38%; /* Ensure image doesn't exceed 38% width */
    padding: 20px;
}

.blog-list-wrap.product-post-wrapper .blog-details {
    flex: 1; /* Take up the remaining space on the right */
    padding: 20px; /* Add padding for spacing */
}

.blog-list-wrap.product-post-wrapper .blog-inner {
    display: flex;
    flex-direction: row; /* Ensures image is on the left and content on the right */
    align-items: flex-start; /* Align items at the top */
}

.blog-card {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

/* Fixes for What Our Customer Say Additional Slider */
.what-our-customer .slick-slide img {
  width:unset!important;
}

img{
  max-width: 100%!important; 
  height: auto;
}

.attributes dd ul li input[type="checkbox"], .attributes dd ul li input[type="radio"]{
    padding-left: 0;
    padding-right: 0px;
}
.attributes dd ul li label{padding-left:0;padding-left:10px}

.google-reviews{
   width:100%;
  padding-top:40px;
}
@media screen and (max-width: 992px){

.footer-menu  .payment-options img{width: 100%;}

   .menu-title.close span {
        font-size: 22px;
        display: block;
        width: 100%;
        font-weight: 600;
    }

.mega-menu-responsive{
        height: calc(100vh - 45px);
        overflow: auto;
}

.blogpost-page .post-body img {
    width: 100%  ! important;
    margin: 0  ! important;
    float: none  ! important;}
}
 
@media(max-width:992px){
  .blog-details ul li,   .blog-details ol li{ }
}

@media screen and (max-width: 992px) {
    .header .logo .responsive-logo {
        max-width: 175px !important;
    }
}

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

.doc-grid{}
.doc-grid .title{}
.doc-grid .title strong{}
.doc-grid .item-grid{}
.doc-grid .doc-item{
    flex: 0 0 25%;
    max-width: 25%;
min-width: 250px;
}
.doc-grid  .doc-row{
    height: auto;
    border: 1px solid #ddd;
    height: 100%;
    padding: 0 15px;
    padding-top: 15px;
}
.doc-grid  .doc-row a{}
.doc-grid  .doc-row a img{}
.doc-grid .doc-item .img-box img{
    height: 100%;
}
.doc-grid .doc-item .img-box {}
.doc-grid .doc-item .img-box:before{
    padding-top: 100%;
}
.doc-grid .doc-item .title{font-size:16px; margin-top:20px;font-weight:600}

    .mob-logo {
        display: none;
    }

@media(max-width:992px){
    .mob-logo {
        display: block;
    }
.header .logo{
   display: none !important;
}
}

@media(max-width:480px){
.header-links li span:last-child{display:block}
#topcartlink span:nth-child(2){display:block}
.header-links li span:first-child{height: 40px;}
}
.Broucher-page .inputs-right .inputs.reversed input{
height: auto !important;
    margin-right: 15px;
}

@media(max-width:767px){
    .icon-location{
        width:40px;
    }
    .icon-login{
        width:40px;
    }
   .icon-catalogue{
       width:40px;
   }
}
.custom-top-ribbon.sticky{z-index:999;}
@media(max-width:992px){
.custom-top-ribbon.sticky{    top: 45px;}
}

.financeDiv img {
  max-width:unset!important;
  width:50%;
}
@media screen and (max-width: 770px) {
    .hot-tub-category .search-results .product-item {
        min-height: 0;
    }
}

.hot-tub-category .search-results .product-item{height:100%}
.search-results .product-item{height:100%}

.Hot-category-2 .hot-tub-category .bottom-content{padding: 10px 0 0;margin-top: 30px;}
.what-our .load-more-links button{margin:10px 10px 0}

.box-sp-grid {}

.sp-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.sp-col {
    flex: 1;
    min-width: 250px;
}

.sp-img {}

.sp-img  img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.sp-info {}
.sp-info h4{margin-top:15px}
.sp-info h4 span{color:#3598db}

.sp-info p {}
.mega-menu .boxes-6 .box{flex: 1;}
.mega-menu .row{justify-content: left;}


/* CSS for Banner Styling */
.banner {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* overflow: hidden; */
}

.banner-image img {
  height: auto;
  display: block;
  z-index: 999;
  width: 1200px;
  height: 425px;
  object-fit: cover;
}

.banner-video-1 {
   position: absolute; 
   top: 50%; 
   left: 50%; 
   transform: translate(-50%, -50%); 
   background: rgba(0, 0, 0, 0.5); 
   color: #fff; 
   padding: 20px; 
  text-align: center; 
}

.banner-video iframe{
    max-width: 100%;
}

.banner-video video {
  width: 100%;
  max-width: 500px; /* Adjust as needed */
}

.video-title {
  margin-top: 10px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  display: table;
  margin: auto auto 20px;
  border-bottom: 2px solid;
}

#player{
  width: 100wv !important;
  height: 100% !important;
  display: none ;
}
.clickable-banner.hide {
  position: static !important;
  width: 1200px;
  height: 425px;
  object-fit: cover;
  display: none;
}

.clickable-banner.show {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  right: 0;
  object-fit: cover;
}
.banner-image.unplay:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
  z-index: 99999;
  background-color: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.homepage-banner  .video-banner {position: relative;}
.homepage-banner .video-banner .banner-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.homepage-banner .video-banner .video-popup-link:after {

  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
  z-index: 99999;
  background-color: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
pointer-events: none;
}

.video-popup-link{
  display: block;
}

.btn-BrochureRequest { z-index: 99;;position: fixed;bottom: 15px;right: 140px;background: #0390d2;color: #fff !important;height: 45px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 18px;font-weight: 600;padding: 10px 30px;}
    
@media screen and (max-width: 375px){
.btn-BrochureRequest {
        bottom: 75px;
        right: 20px;
    }
}

.footer{    position: relative;
    z-index: 0;}

.full-img{    z-index: 0;position: relative;}
.google-reviews{ z-index: 0;position: relative;}
.bottom{z-index: 0;position: relative;}
.master-column-wrapper{position: static;}
.product-enquiry-section a{
    background: #0a4396;
    padding: 13px 25px;
    color: #fff;
    border-radius: 50px;
    margin-top: 20px;
    display: block;
    width: fit-content;
    margin: auto;
    font-size: 16px;
    font-weight: 600;
  /*  outline: 3px solid #0a4396; */
/*    border: 2px solid #fff; */
}

#speaker-icon{position: absolute;top: 60px;right: 20px;background: #fff;width: 65px;height: 65px;text-align: center;display: flex;align-items: center;justify-content: center;border: 1px solid  #DDD;box-shadow: 0 8px 16px #5d5d5d47;}



 .unMuite-icon{display: none;height: 35px;width: 35px;}
 .Muite-icon{display:  block;width: 35px;height: 35px;}

.unMuite .unMuite-icon{display: block;}
.unMuite .Muite-icon{display: none;}

@media screen and (max-width:992px){

#speaker-icon{ top: 20px; right: 20px; background: #fff; width: 35px; height: 35px; }
.Muite-icon{ width: 25px; height: 25px; }
.Muite-icon{width: 25px; height: 25px;}

}
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




.bannerVideo{height: 5vw;}
.body-title{margin: 0 auto !important;}

.blog-list-wrap{}
.blog-card{ padding-bottom: 25px; /* border-bottom: 1px solid #ddd; */ margin-bottom: 25px; }
.blog-inner{ display: block; align-items: center;gap: 15px;flex-direction: row-reverse;justify-content: space-between;}
.blog-inner.Right{}
.blog-inner:after{content:"";clear:both;}
.blog-inner{
    float: left;
    padding-right: 15px;
    margin-bottom: 15px;
    }
.blog-inner.left{ float: right;
    padding-right: 15px;}
.blog-inner.Right .blog-image{
    float: right;
    padding-left: 15px;
}
.blog-inner.left .blog-image{}
.blog-image{flex: 0 0 30%;max-width: 38%;float: left;padding-right: 15px;}

.homepage-banner .slick-slide iframe{height:445px}



/* Basic styling */
.product-filters {
  width: 100%;
  font-family: Arial, sans-serif;
}
.product-filters .filter-content{
  display: flex;
  width: 100%;
  gap: 1%;
  flex-wrap: wrap;
  justify-content: left;
}
.product-filter .filter-title strong {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000 !important;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
  
}

.product-filter  .fillter-card{flex: 0 0 200px;}
.fillter-card h3 strong{
    color: #333 !important;
   font-weight:400;
  margin-bottom:5px;
  display:block;
}

.product-filter .product-spec-group {
  margin-bottom: 15px;
  
}
.product-filter .product-spec-group li.name{
  border: 1px solid #ddd;
  height: 35px;
  display: flex;
  align-items: center;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

/* Hide checkbox items initially */
.product-filter .product-spec-group .item {
  display: none;
  line-height: 32px;
  background: #f9f9f9;
  border-bottom: 1px solid #fff;
}

/* Style for dropdown labels */
.product-filter .product-spec-group .name strong{
  color: #555 !important;
  

}
.product-filter .product-spec-group li.name:after{content: "\f107";font: normal normal normal 14px / 1 FontAwesome;font-size: 18px;}


@media screen and (max-width:768px){
.product-filters .filter-content{    justify-content: center;}
}


.no-result  ul{
    display: flex;
    gap: 5px 15px;
    flex-wrap: wrap;
}
.no-result  ul li{}
.no-result  ul li a{
    /* padding: 10px 15px; */
    color: #000;
    display: block;
    padding: 8px 15px;
    border-radius: 8px;
    background: #0390d2;
}
.no-result ul li a strong{
    color: #fff !important;
}
.Hot-category-2 .products-container{
margin:0 !important
}

/* client new css start 08/11/2024  */
@media screen and (min-width: 1200px){
.head-mid{position: relative; z-index:1; }
.nav-bar:not(.sticky){ position:relative;z-index: 9; } 
.master-wrapper-content {     position: relative;max-width:100%;z-index:99;  }
.master-wrapper-content .header,
 .master-wrapper-content .mobile-header{ max-width: 1200px;margin:0 auto; }
 .banner {margin-top: -100px; }
 .banner #speaker-icon{position: absolute;top: 150px;cursor: pointer;}
}

@media screen and (max-width: 1200px){
   .custom-top-ribbon.sticky{ top: 45px; }
  .html-category-page .banner {margin-top: 0px;}
}
button{
  border:0px!important;
}
@media screen and (max-width:767px){
  .ApplePayButton {
     width:90%!important;
     max-width:320px;
     height:auto;
     display:block!important;
     margin: 10px auto!important;
  }
 .ElementsApp{
    text-align:center;
    padding:10px;
  }
}
/* client new css ends 29/11/2024  */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.cky-notice-btn-wrapper .cky-btn{
border-style:solid !important;
border-width:2px  !important;
}
/* client new css ends 19/12/2024  */

.product-details-page #quickAccordion  .ui-accordion-header{
background: #0a4396;
    color: #fff !important;
    padding: 10px 15px;

}

.product-details-page #productAccordion .full-description{display:block;}
h2.accordion-title{border-top:1px solid #fff; cursor: pointer;  display: flex ; justify-content: space-between; padding: 10px 15px; color: #fff !important; background-color: #0a4396; align-items: center; font-weight: 600 !important;}
.product-details-page #quickAccordion .full-description{padding: 5px 15px;}
.accordion-content  .custom-tab{padding: 20px 15px;}
#productAccordion{margin-bottom:30px}

/* accor-div css start */
    .productTabs-body > div{ display: none;margin: 10px auto 0px auto; }
    .productTabs-body .accor-div.show{ background-color: #0390D2; }
    .productTabs-body .accor-div{ display: block;margin:0px auto 0px auto;overflow: hidden; }
    .accor-div{ width:100%;display: block;padding:0px;margin:0px auto 0px auto;border: 1px solid #ccc;background-color: #124EA6; }
    .accor-div span{ padding:10px;display: inline-block;font-size: 17px;color: #fff;float:left; }
    .accor-div span.fa{ float: right;margin: 0 auto;width: 42px;height: 42px; transition: 0.2s;display: flex;justify-content: center;align-items: center; }
    .accor-div.show .arrow-icon{ transform: rotate(180deg); }
#quickTab-description .full-description{display:block}
#quickAccordion{margin-bottom:30px}



 .pbf_input_wrapper #amount ,
 .amount_row .pbf_input_wrapper{background-color: #F9F9F9;pointer-events: none;border-color: #ddd;overflow: hidden;}

.overview .short-description a:Hover {background-color:#FFFFFF!important;}

/* 10-04-2025 css */
.liner-row {display: flex;flex-wrap: wrap;width:100%;gap: 10px;}
.liner-row .liner{margin: 0px;min-width: 150px;}
.liner-row .liner .liner-img img{ width:100%; }

@media (max-width: 345px){
    .liner-row .liner{width: calc(50% - 10px);min-width: unset;}
}

/* 04-22-2025 css */
.blogpost-page p{ text-align: left; }
.blogpost-page ul,.blogpost-page ol { display: flex !important;padding-left: 20px;flex-wrap: wrap }
.blogpost-page ul li,.blogpost-page ol li { font-size: 17px; width: 100%;  padding: 0px 0px 7px; }
.blogpost-page .tags ul ,.blogpost-page .tags ol  {display: block !important;padding-left: 0px;}
.blogpost-page .tags ul li ,.blogpost-page .tags ol li { width: auto;    padding: 0px; }

@media (max-width: 768px){
    .blogpost-page ul li, .blogpost-page ol li{ text-align: left; }
}

.overview .endless-logo img{ height: auto;width: 125px; }
/*.html-category-page .category-description li{ color: #3d3d3d; }
#quickTab-description .full-description p{ color: #3D3D3D;  }*/

.product-details-page .short-description, .product-details-page li, .product-details-page p, 
.product-page .product-description .description input[type="radio"]+label,
.product-details-page .product-description .add-to-cart p, .product-details-page .full-description p,
.chemical-dosage-calculator p, .chemical-dosage-calculator li,
.product-variant-list .variant-description, .product-page .para-section p,
.topic-page p,  .topic-page li, .topic-page th, .topic-page td,
.html-category-page .category-description p, .html-category-page .category-description li{color: #3D3D3D ;}

.doc-item img {    width: 100%;    height: auto;    object-fit: contain;    max-width: 150px; /* or any fixed size that suits your layout */}


/* 20-05-2025 css */
.shopping-cart-page .request-a-copy{ min-height: 110px; }
.shopping-cart-page .cart-footer{ overflow: unset; }
.shopping-cart-page .cart-footer .cart-collaterals{ margin-top: -55px; }
.product-grid.cross-sells{display: flex;flex-wrap: wrap;width: 100%; }
@media (max-width: 770px){
          .shopping-cart-page .cart-footer .cart-collaterals{ margin-top: 0px; }
}
/* 30-06-2025 */
.alt-link{color:#ff3355!important;}
.alt-link:hover{color:#d11736!important;}
.blogpost-page a {color: #009ad9!important; text-decoration:underline!important; }
.blogpost-page a:hover {color: #124ea6!important;}


.full-description .table-wrapper{
    overflow: auto;
    max-width: 100%;
}