.logo{width:200px}
.img100{width:100%}
.search-and-cart{width:auto;float:right}
#search{float:left;margin-right:1rem}
.view-product{width:16px}
.view-product-div{text-align:center;padding-top:5px;padding-bottom:10px}
.view-product-font{font-size:0.8rem}
.view-product-logo{float:left}
.hometxt{background-color:#eee;padding:2rem;line-height:2rem}
.homevideo{width:500px;height:290px;margin:0 auto;display:block}
.home-img-link-w{width:77.3%}
.center-links{text-align:center;color:#fff}
.center-links a{color:#fff;text-decoration:none}
.footerimg{height:50px}
.footsecure{width:100%;max-width:1000px;margin:20px auto;justify-content:space-between;text-align:center}
h5 a.productline{color:#016699;text-decoration:none;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.pagetitle{text-align:center;margin-bottom:20px}
.enterzipcode{width:100%;max-width:1220px;margin:0 auto;padding-bottom:50px}
.enterzipcodetitle{margin:20px 0;font-size:20px}
.me-10{max-width:150px}
.shoppingcart-list{width:100%;border:solid 1px #666;font-size:0.8rem}
.shoppingcart-list thead td{background-color:#6B696B;color:#fff;font-weight:bold;white-space:nowrap;padding:5px 0px}
.shoppingcart-list tbody td{border-left:solid 1px #666;border-bottom:solid 1px #666}
.shoppingcart-list tbody tr td:first-child{border-left:none}
.shoppingcart-list tbody tr:nth-child(2n+1) td{background-color:#E1E0E0}
.shoppingcart-list tbody tr td{padding:0 5px}
.shoppingcart-list tbody tr td .quantity{width:100px}
.shoppingcart-list tbody tr td img{max-height:60px;max-width:100%;}
.shoppingcart-list tbody tr td.productimg{max-width:86px;text-align:center}
.shoppingcart-list tbody tr td.centertd{text-align:center}
.shoppingcart-list tbody tr td.righttd{text-align:right}
.shoppingtotal{width:100%;max-width:440px;float:right;margin:20px 0;line-height:20px;display:inline-block;padding-right:5px}
.shoppingtotal div a{font-weight:normal;color:#6c0101}
.shippingmethod{border-top:solid 1px #ccc;margin-top:20px;float:right}
.shoppingcart-action{text-align:right}
.continue-shopping{width:135px;height:25px;background:linear-gradient(to bottom,#F6BE48 50%,#FFA005 0);border:none;border-radius:10px;cursor:pointer;font-size:0.8rem;color:white}
.checkout{width:135px;height:25px;background:linear-gradient(to bottom,#C2735E 50%,#AF1F23 0);border:none;border-radius:10px;cursor:pointer;font-size:0.8rem;color:white}
.updatecart{width:135px;height:25px;background:linear-gradient(to bottom,#595756 50%,#010000 0);border:none;border-radius:10px;cursor:pointer;font-size:0.8rem;color:white}
.emailquote{width:135px;height:25px;background:#F6BE48;background:linear-gradient(to bottom,#F6BE48 50%,#FFA005 0);border:none;border-radius:10px;cursor:pointer;font-size:0.8rem;color:white}
.clear{clear:both;display:block}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px;margin-top:30px}
.breadcrumb > li{display:inline-block}
.breadcrumb > li a{color:#777;text-decoration:none}
.breadcrumb > li + li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb > .active{color:#777777}
.pinkright{position:fixed;right:0;top:200px}
.pinkright img{width:150px;margin-bottom:20px}
.footnum{text-align:center}
.footnum a{color:#000;text-decoration:none}
#search{}
#search-wrap{width:220px;height:36px;border-radius:18px;box-shadow:0 0 3px rgba(0,0,0,.14);background-color:#FFF}
#search-wrap .search-content{box-shadow:none;border:0 none;outline:none;margin-top:3px;margin-left:18px;width:98px;height:30px}
#search-wrap .search-choise{box-shadow:none;border:0 none;outline:none;margin-left:18px}
#search-wrap .search-choise option{box-shadow:none;border:0 none;outline:none;margin-left:18px}
#search-wrap .search-btn{border:0px;float:right;width:66px;outline:none;height:36px;border-radius:0px 18px 18px 0px;background-color:#49AF4F;color:#FFF;text-align:center;line-height:28px}
.storewrap:after{content:'';display:block;clear:both}
.storeitem{width:33%;float:left;text-align:center}
.storeitem:nth-child(3n+1){clear:both}
.topnum{text-align:center;padding:40px 0}
.toptxt{padding-bottom:20px}
.Matrix th{font-size:11px}
.Matrix th.rotate div{white-space:nowrap;align-items:flex-end;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.filter:after{content:'';display:block;clear:both}
.filter1{width:33%;float:left}
.filter2{width:66%;float:left}
.filter2 .form-check{width:50%;float:left}
.mg20{margin:20px 0}
.hidden{display:none}
.result1 tbody tr:nth-child(2n+1) td{background-color:LightGrey}
.install-img{width:180px;font-size:0.5rem}
.install-text{width:180px;font-size:0.7rem}
h5 a.productline:hover{text-decoration:underline}
ul#homepage-nav{background:transparent url('./images/diy-pool-sub-navigation-left.png') no-repeat top left;list-style-type:none;float:left;padding:0 0;background-size:contain}
.homepage-nav-div{background:transparent url('./images/li/index2.png') no-repeat top left}
ul#homepage-nav li{list-style-type:none;display:block;min-height:2.16rem;padding-left:10%;white-space:nowrap;text-align:left}
ul#homepage-nav li a{font-size:0.8em;color:white;text-decoration:none;line-height:2.16rem;font-weight:normal}
ul#homepage-nav li a:hover{color:#FFFF00}
img,svg{vertical-align:middle}
.li-1{background:transparent url('./images/li/li-1.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-2{background:transparent url('./images/li/li-2.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-3{background:transparent url('./images/li/li-3.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-4{background:transparent url('./images/li/li-4.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-5{background:transparent url('./images/li/li-5.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-6{background:transparent url('./images/li/li-6.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-7{background:transparent url('./images/li/li-7.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-8{background:transparent url('./images/li/li-8.png') no-repeat top left;list-style-type:none;background-size:cover}
.li-9{background:transparent url('./images/li/li-9.png') no-repeat top left;list-style-type:none;background-size:cover}
ul.tablet-text{overflow:hidden;list-style-type:none;font-size:0.8rem;line-height:1.5;text-align:left;padding:0 5px;display:flex;height:15.5vw;align-items:center;margin-bottom:0}
ul.tablet-text li{display:block}
div.homepage-paragraph{width:100%}
div.homepage-paragraph p{text-indent:0;font-size:0.9em;width:100%}
.hometitle{height:35px;background:url('./images/do-it-yourself.jpg') no-repeat left top;background-size:cover;color:#fff;font-size:1em;font-weight:bold;font-family:Trebuchet MS;padding-left:5%;box-sizing:border-box;line-height:35px}
.mytab{height:35px;background-color:#ff9933;width:100px;font-weight:bold;color:White;text-decoration:none;text-align:center;padding-top:6px;padding-bottom:6px;cursor:pointer}
.mytable:hover{text-decoration:underline;color:White}
.mytabhover{background-color:#666666;height:35px;width:100px;font-weight:bold;color:White;text-decoration:none;text-align:center;padding-top:6px;cursor:pointer}
.installationlinks a{text-decoration:underline;color:Black;font-weight:bold}
.installationlinks a:hover{text-decoration:none;color:Black;font-weight:bold}
.fix-rwd-content{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.fix-rwd-content .title{font-size:24px;-webkit-margin-before:0em;-webkit-margin-after:0em}
.table-sepec li{width:50%}
.table-sepec li a img{width:100%}
.catename a,.catename a:hover{padding-left:3%;font-size:16px;display:inline-block}
.table-safety{padding-left:0;font-size:1.4em}
.table-zipcode{padding-left:0;font-size:1.4em;padding-bottom:18%}
.table-zipcode-center{margin:0 auto;text-align:center}
.fix-safety-ul{padding-left:4%}
.col-percent-83{width:100%}
table.otheruses tr td.left-img{width:20.8%}
.otheruses2,.otheruses4{width:100%;font-size:16px;overflow:hidden;box-sizing:border-box}
.otheruses2{padding-top:8px}
.otheruses4{padding-top:10px}
.otheruses5,.otheruses1,.otheruses3{height:auto !important;width:100%;font-size:16px;overflow:hidden;box-sizing:border-box}
.title{font-size:22px;color:#ff9600;font-weight:bold;margin:15px auto;overflow:hidden}
.specificationpage .card > a img{width:86%;display:block;margin:auto;height:100%}
.font-b{font-weight:bold}
.shoppingcart-list tbody tr td{text-align:center}
.shoppingcart-list thead tr td{text-align:center}
.footer-top{max-width:1000px;margin:0 auto;overflow:hidden}
.img1{margin:0 10px}
.box-shadow{}
.optionsul, .optionsul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .optionsul li {
    }

        .optionsul li a, .dropoptions {
            text-decoration: none;
            display: block;
            border: solid 1px #ccc;
            padding: 5px;
            margin-top: 5px;
        }

.divOptions1 {
    max-width: 300px;width:100%;
    font-size: 13px;
    margin-bottom: 10px;
}

    .divOptions1 .optionsul li a {
        color: #333;
    }

    .divOptions1 .dropoptions {
        width: 100%;
    }

.optionsul li a:hover {
    background-color: #eee;
    cursor: pointer;
    color: #000;
}

.dropoptions {
    border: solid 1px #ccc;
    border-radius: 0;
}

.optionsul li.curli a, .selectedul {
    border: solid 1px #0d6efd;
    font-weight: bold;
    box-shadow: 0px 0px 4px #0d6efd;
    cursor: alias;
}
.agreeradios {
    padding:20px 0;
    line-height:25px;
}
    .agreeradios input {
        transform: scale(1.5); 
        margin-right:10px;
    }
    .btncontinue {
        display: block;
        width: 100px;
        margin: 20px auto;
    }
a.brandname {
    color:#0d6efd;
    text-decoration:none;
    margin-bottom:8px;
    display:inline-block;
}
    a.brandname:hover {
        text-decoration: underline;
    }

.home-banner img{
    max-width:100%;
}

.brand {
    color: black;
    font-size: 14px;
}

    .brand a {
        color: blue !important;
        text-decoration: none;
    }

        .brand a:hover {
            color: blue !important;
            text-decoration: underline;
        }

.w-h-56 {
    max-width:56px!important;
    max-height:56px!important;
}

.product_image {
    display:flex;
    justify-content:center;
    align-items:center;
    /*opacity: 0.95;*/
    background-color: white;
    width: 300px;
    height: 300px;
}

.mosquitoDiv a {
    color: blue;
    text-decoration: none;
}

    .mosquitoDiv a:hover {
        color: blue;
        text-decoration: underline;
    }

.quicklinks:after {
    content: '';
    display: block;
    clear: both;
}

.quicklinks {
    margin: 8px auto;
    padding-left: 30px;
}

    .quicklinks li {
        width: 45%;
        float: left;
        text-align: left;
        padding: 2px 0;
        list-style: outside;
    }

/*package products*/
.layer1 .rimg-name {
    max-width: 100%;
    max-height: 100%;
}

.layer2 {
    display: none;
}

.packageswiper .title {
    text-align: center;
    font-size: 13px;
    line-height: 26px;
    margin: 2px 10px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 4px;
    font-weight: bold;
}

.current.layer1 .title {
    background: #5185AE;
    color: #000;
    border-radius: 10px;
}

.packageswiper2 {
    border: 1px solid #647250;
    overflow-x: auto;
    position: absolute;
    top: 29px;
    left: 0px;
    width: 100%;
    height: calc(100% - 83px);
    display: block;
}

    .packageswiper2 > div {
        width: 23%;
    }

    .packageswiper2 .rimg-name {
        border: 0;
    }

.popup {
    display: none;
    z-index: 111;
    background: rgba(255,255,255,.9);
    height: calc(100% - 84px);
    width: 100%;
    position: absolute;
    left: 0;
    top: 29px;
}

    .popup > div {
        display: flex;
        justify-content: space-around;
        height: 100%;
        align-items: center;
    }

        .popup > div > div {
            box-sizing: border-box;
            border: 1px solid;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 10px;
        }

    .popup .t1 {
        font-size: 16px;
        margin-bottom: 4px;
        display: flex;
        justify-content: space-between;
    }

    .popup .t2 {
        font-size: 12px;
        overflow-y: auto;
    }

    .popup ul {
        padding-left: 10px;
    }

        .popup ul li {
            list-style: disc;
        }

    .popup a.go {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

.swiper-slide:first-child .rimg-name {
    border-left: solid 1px #5185AE;
}

    .swiper-slide:first-child .rimg-name img {
        margin-bottom: 5px;
    }

.rimg-name {
    border-top: solid 1px #5185AE;
    border-bottom: solid 1px #5185AE;
    border-right: solid 1px #5185AE;
    border-left: solid 1px #5185AE;
    text-align: center;
    position: relative;
    /*width: 198px;*/
    padding: 4px;
    box-sizing: border-box;
    height: 186px;
}

    .rimg-name.rimg-name-200 {
        height: 198px;
    }

    .rimg-name img {
        max-width: 186px;
        max-height: 135px;
    }


    .rimg-name span {
        position: absolute;
        width: 98%;
        bottom: 5px;
        height: 40px;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        left: 0;
    }

    .rimg-name a {
        text-decoration: none;
        font-size: 12px;
    }

.action-green {
    width: 130px;
    background-color: #5185AE;
    color: #fff;
    padding: 3px 0;
    display: block;
    margin: 5px auto;
    text-align: center;
    text-decoration: none;
}

.layer2 ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.layer2 ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.layer2 ::-webkit-scrollbar-thumb {
    background-color: #647250;
    border-radius: 5px;
}

    .layer2 ::-webkit-scrollbar-thumb:hover {
        background-color: #5185AE;
    }

.eventrepeat {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px 0;
}

    .eventrepeat img {
        max-width: 100%;
    }

    .eventrepeat .swiper-button-next, .eventrepeat .swiper-button-prev {
        color: #647250;
        width: 14px;
        height: 14px;
    }

.swiperWidth {
    width: calc(100% - 194px);
}

@media (max-width:2000px) {
    .swiperWidth {
        width: 100%;
        max-width:790px;
    }

    .slide11 {
        z-index: 101;
    }
}



@media (max-width:700px) {
    .swiperWidth {
        width: 100vw;
    }

    .slide11 {
        z-index: 101;
    }
}

.slide11 {
    width: 25% !important;
    z-index: 101;
}

.rimg-name a img{
    max-width:100%;
}

@media (max-width:580px) {
    .rimg-name {
        height: 166px;
    }

    .action-green {
        width: 90%;
        max-width: 130px;
        font-size: 12px;
    }
}