#product #path-product {
    background: #025287;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
}

#product {
    color: #000;
}

#product #header {
    padding: 50px 30px 30px 30px;
}

    #product #header .left-product .tag {
        position: absolute;
        right: 35px;
        z-index: 1;
        text-align: center;
        background: #FFA200;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 700;
        max-width: 235px;
        width: 100%;
        padding: 8px;
    }

    #product #header .left-product .slider-gallery {
        display: flex;
        align-items: center;
    }

        #product #header .left-product .slider-gallery img {
            max-width: 100%;
        }

        #product #header .left-product .slider-gallery .slider.slider-nav {
            width: 100%;
            float: left;
            overflow: hidden;
            margin-right: 30px;
            padding: 30px 0 15px 0;
        }

            #product #header .left-product .slider-gallery .slider.slider-nav .slick-track {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            #product #header .left-product .slider-gallery .slider.slider-nav .thumbnail-image {
                cursor: pointer;
                max-width: 110px;
                margin-bottom: 15px;
            }

                #product #header .left-product .slider-gallery .slider.slider-nav .thumbnail-image img {
                    box-shadow: #b6b6b6 2px 2px 4px;
                    width: 100%;
                    height: 110px;
                    object-fit: cover;
                }

        #product #header .left-product .slider-gallery .slider.slider-for {
            max-width: 80%;
            width: 100%;
            float: left;
        }

            #product #header .left-product .slider-gallery .slider.slider-for .slider-banner-image {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 610px;
            }

                #product #header .left-product .slider-gallery .slider.slider-for .slider-banner-image:focus-visible {
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    outline: 0;
                }

        #product #header .left-product .slider-gallery .slider .slick-arrow {
            width: 100%;
            background-color: transparent;
            border: 0;
            background-position: center;
            background-repeat: no-repeat;
            font-size: 0;
            height: 18px;
            position: absolute;
            left: 0;
            right: 0;
            z-index: 99;
        }

            #product #header .left-product .slider-gallery .slider .slick-arrow:focus {
                -webkit-box-shadow: none;
                box-shadow: none;
                outline: 0;
            }

            #product #header .left-product .slider-gallery .slider .slick-arrow.slick-prev {
                top: 0;
                background-image: url(/Content/poolex/images/arrow-bottom.svg);
                transform: rotate(180deg);
            }

            #product #header .left-product .slider-gallery .slider .slick-arrow.slick-next {
                bottom: 0;
                background-image: url(/Content/poolex/images/arrow-bottom.svg);
            }

    #product #header .right-product {
        position: relative;
    }

        #product #header .right-product h1 {
            font-weight: 700;
            font-size: 28px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #005487;
            margin-bottom: 15px;
        }

        #product #header .right-product h2 {
            color: #00BAD3;
            font-size: 20px;
            margin-bottom: 5px;
        }

        #product #header .right-product h3 {
            font-weight: 400;
            font-size: 16px;
            margin-bottom: 10px;
        }

        #product #header .right-product h4 {
            font-weight: 700;
            font-size: 16px;
            margin-bottom: 30px;
        }

        #product #header .right-product h5 {
            font-weight: 700;
            font-size: 20px;
            letter-spacing: 0.5px;
            color: #005487;
            position: absolute;
            top: 0;
            right: 0;
        }

        #product #header .right-product .arguments .features {
            display: flex;
            align-items: center;
            justify-content: space-around;
            text-align: center;
            margin-top: 24px;
        }

            #product #header .right-product .arguments .features div {
                margin: 0 10px;
            }

                #product #header .right-product .arguments .features div img {
                    height: 50px;
                }

                #product #header .right-product .arguments .features div p {
                    color: #005487;
                    font-size: 13px;
                    font-weight: bold;
                    margin: 10px 0 15px 0;
                    text-align: center;
                }

        #product #header .right-product .arguments .warranties {
            background: #F5F5F5;
            text-align: center;
            align-self: center;
            border-left: 5px solid white;
            padding: 15px;
        }

            #product #header .right-product .arguments .warranties span.title {
                display: block;
                color: #005487;
                font-size: 20px;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 10px;
            }

            #product #header .right-product .arguments .warranties .text {
                display: flex;
                justify-content: space-around;
                color: #005487;
            }

                #product #header .right-product .arguments .warranties .text hr {
                    height: 50px;
                    border-right: solid #005487 1px;
                    margin: 5px 0 0 0;
                }

                #product #header .right-product .arguments .warranties .text .warranty {
                    margin: 0 10px;
                }

                    #product #header .right-product .arguments .warranties .text .warranty div {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        #product #header .right-product .arguments .warranties .text .warranty div .number {
                            font-size: 55px;
                            font-weight: bold;
                            line-height: 55px;
                        }

                        #product #header .right-product .arguments .warranties .text .warranty div .years {
                            font-size: 17px;
                            font-weight: bold;
                            text-transform: uppercase;
                            display: inline-block;
                            transform: rotate(-90deg);
                        }

                    #product #header .right-product .arguments .warranties .text .warranty p {
                        font-size: 11px;
                        margin-bottom: 0;
                    }

        #product #header .right-product .button {
            display: flex;
            margin: 25px 0;
        }

            #product #header .right-product .button .btn {
                font-size: 18px;
                text-align: center;
                text-transform: uppercase;
                letter-spacing: 0.02em;
                padding: 10px;
                border-radius: 0;
                width: 100%;
            }

                #product #header .right-product .button .btn.reseller {
                    background: #005487;
                    color: #FFFFFF;
                    border: 1px solid #005487;
                    margin-right: 5px;
                }

                    #product #header .right-product .button .btn.reseller:hover {
                        background: #FFFFFF;
                        color: #005487;
                    }

                #product #header .right-product .button .btn.pac-calculator {
                    background: #FFA200;
                    color: #FFFFFF;
                    border: 1px solid #FFA200;
                    margin-left: 5px;
                    white-space: nowrap;
                }

                    #product #header .right-product .button .btn.pac-calculator:hover {
                        background: #FFFFFF;
                        color: #FFA200;
                    }

        #product #header .right-product .contact {
            text-align: justify;
            margin-bottom: 25px;
        }

        #product #header .right-product .download .btn {
            margin-bottom: 20px;
            padding: 0;
        }

            #product #header .right-product .download .btn:first-child {
                margin-right: 45px;
            }

            #product #header .right-product .download .btn span {
                font-size: 15px;
                border-bottom: 1px solid;
                vertical-align: bottom;
                margin-left: 15px;
            }

#product #advantages {
    position: relative;
    background: #F5F5F5;
    padding-top: 50px;
}

    #product #advantages:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        border-bottom: 5px solid #FFA200;
    }

    #product #advantages .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 100px;
    }

        #product #advantages .title h2 {
            color: #005487;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 8px;
            text-transform: uppercase;
            margin-right: 50px;
            margin-bottom: 30px;
        }

        #product #advantages .title .icones {
            text-align: center;
        }

            #product #advantages .title .icones img.picto-product {
                width: 90px;
                transition: transform 600ms;
                transform: scale(1);
                margin-right: 30px;
                margin-bottom: 30px;
            }

                #product #advantages .title .icones img.picto-product:hover {
                    transform: scale(1.2);
                }

    #product #advantages .container-fluid {
        padding: 0;
    }

        #product #advantages .container-fluid .row {
            align-items: center;
        }

            #product #advantages .container-fluid .row.description {
                align-items: baseline;
            }

    #product #advantages .bloc {
        position: relative;
        padding: 50px 100px;
    }

        #product #advantages .bloc h3 {
            font-weight: 700;
            font-size: 24px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #005487;
            margin-bottom: 30px;
        }

        #product #advantages .bloc:nth-child(2n+1) {
            background: #FFFFFF;
        }

        #product #advantages .bloc:nth-of-type(4):before,
        #product #advantages .bloc:nth-of-type(6):before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 40%;
            border-bottom: 5px solid #005487;
        }

        #product #advantages .bloc:nth-of-type(4):after,
        #product #advantages .bloc:nth-of-type(6):after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40%;
            border-bottom: 5px solid #FFA200;
        }

#product #pac-calculator {
    background: url(/Content/poolex/images/product/background-heatbalance.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 40px;
    margin: 50px 0;
}

    #product #pac-calculator .content {
        background: #FFFFFF;
        border-radius: 20px;
        padding: 20px 60px;
        max-width: 500px;
        margin: auto;
    }

        #product #pac-calculator .content h1 {
            font-weight: 700;
            font-size: 24px;
            letter-spacing: 4.5px;
            text-transform: uppercase;
            color: #005487;
            margin-bottom: 20px;
        }

        #product #pac-calculator .content h2 {
            font-weight: 400;
            font-size: 24px;
            letter-spacing: 4.5px;
            color: #005487;
            margin-bottom: 10px;
        }

        #product #pac-calculator .content .btn {
            font-weight: 400;
            background: #FFA200;
            color: #005487;
            font-size: 18px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            padding: 10px;
            border-radius: 0;
            border: 1px solid #FFA200;
            width: 100%;
            max-width: 350px;
        }

            #product #pac-calculator .content .btn:hover {
                background: #FFFFFF;
            }

#product #technology {
    position: relative;
    padding: 50px 50px 80px 50px;
}

    #product #technology:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        border-bottom: 5px solid #FFA200;
    }

    #product #technology .image {
        align-self: center;
        padding-left: 0;
    }

    #product #technology h1 {
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 8px;
        text-transform: uppercase;
        color: #005487;
        margin-bottom: 50px;
    }

    #product #technology .text {
        text-align: justify;
    }

        #product #technology .text p {
            margin-bottom: 25px;
        }

    #product #technology .more {
        display: none;
        margin: 15px 15px 0 auto;
    }

#product #other-information {
    position: relative;
}

    #product #other-information:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 40%;
        border-bottom: 5px solid #005487;
    }

    #product #other-information .accordion .item {
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px;
    }

        #product #other-information .accordion .item:not(:last-child):after {
            content: "";
            position: absolute;
            left: -10px;
            bottom: 0;
            width: 40%;
            border-bottom: 5px solid #FFA200;
        }

        #product #other-information .accordion .item .item-header h2 {
            margin-bottom: 0;
        }

            #product #other-information .accordion .item .item-header h2 .btn {
                padding: 15px 100px;
                width: 100%;
                text-align: left;
                font-weight: 700;
                font-size: 20px;
                letter-spacing: 8px;
                text-transform: uppercase;
                color: #005487;
                border-radius: 0px;
                text-decoration: none;
            }

                #product #other-information .accordion .item .item-header h2 .btn i {
                    float: right;
                    font-size: 30px;
                    color: #eca300;
                    background-color: black;
                    width: 60px;
                    height: 40px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 5px;
                }

                #product #other-information .accordion .item .item-header h2 .btn:focus {
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                #product #other-information .accordion .item .item-header h2 .btn:after {
                    font-family: 'FontAwesome';
                    content: "\f068";
                    float: right;
                }

                #product #other-information .accordion .item .item-header h2 .btn.collapsed:after {
                    content: "\f067";
                }

        #product #other-information .accordion .item .content {
            padding: 40px 115px 0px 115px;
        }

            #product #other-information .accordion .item .content .tab-header {
                background-color: #005487;
                color: #fff;
            }

        #product #other-information .accordion .item#garanty .content {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            text-align: center;
        }

            #product #other-information .accordion .item#garanty .content div {
                display: flex;
                flex-direction: column;
                align-items: center;
                max-width: 150px;
            }

                #product #other-information .accordion .item#garanty .content div img {
                    width: 100px;
                    margin-bottom: 15px;
                    transition: transform 600ms;
                }

                    #product #other-information .accordion .item#garanty .content div img:hover {
                        transform: scale(1.2);
                    }

#product #reseller {
    background: url(/Content/poolex/images/product/background-reseller.jpg) no-repeat;
    background-size: cover;
    height: 350px;
    position: relative;
}

    #product #reseller .content {
        position: absolute;
        bottom: 50px;
        right: 100px;
        text-align: end;
    }

        #product #reseller .content h1 {
            font-weight: 500;
            font-size: 24px;
            letter-spacing: 1px;
            color: #FFFFFF;
            margin-bottom: 15px;
            margin-left: 15px;
        }

        #product #reseller .content .btn {
            background: #FFFFFF;
            color: #FFA200;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            padding: 10px;
            border-radius: 0;
            max-width: 250px;
            width: 100%;
        }

            #product #reseller .content .btn:hover {
                background: #FFA200;
                color: #FFFFFF;
            }

#product #support {
    padding: 50px 100px 0 100px;
}

    #product #support h2 {
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 8px;
        text-transform: uppercase;
        color: #005487;
        text-align: center;
    }

    #product #support .accordion {
        margin: 50px 0 70px 0;
    }

        #product #support .accordion .item {
            margin-bottom: 50px;
            border-bottom: 2px solid #C4C4C4;
        }

            #product #support .accordion .item .item-header h2 {
                margin-bottom: 0;
            }

                #product #support .accordion .item .item-header h2 .btn {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-weight: 700;
                    font-size: 15px;
                    letter-spacing: 0.08em;
                    text-transform: uppercase;
                    color: #005487;
                    border-radius: 0px;
                    padding: 15px 30px 15px 0;
                    margin-bottom: 20px;
                    width: 100%;
                    text-align: left;
                    text-decoration: none;
                }

                    #product #support .accordion .item .item-header h2 .btn:focus {
                        -webkit-box-shadow: none;
                        box-shadow: none;
                    }

                    #product #support .accordion .item .item-header h2 .btn i {
                        font-size: 25px;
                        transform: rotate(180deg);
                        transition: 0.5s;
                    }

                    #product #support .accordion .item .item-header h2 .btn.collapsed i {
                        transform: rotate(0deg);
                    }

            #product #support .accordion .item .content {
                padding-bottom: 35px;
            }

                #product #support .accordion .item .content p {
                    margin: 0;
                }

#product #accessories {
    text-align: center;
}

    #product #accessories h2 {
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 8px;
        text-transform: uppercase;
        color: #005487;
        margin-bottom: 40px;
    }

    #product #accessories .content {
        background: #F1F2F7;
        color: #005487;
        padding-top: 50px;
        padding-bottom: 40px;
    }

        #product #accessories .content .owl-carousel {
            margin-bottom: 50px;
        }

            #product #accessories .content .owl-carousel .prev-slide {
                left: 50px;
            }

            #product #accessories .content .owl-carousel .next-slide {
                right: 50px;
            }

            #product #accessories .content .owl-carousel .nav-btn {
                position: absolute;
                top: 50%;
            }

            #product #accessories .content .owl-carousel .owl-item {
                display: table-cell;
                float: none;
                vertical-align: middle;
            }

                #product #accessories .content .owl-carousel .owl-item img {
                    width: auto;
                    height: auto;
                    margin: auto;
                    margin-bottom: 20px;
                }

                #product #accessories .content .owl-carousel .owl-item p {
                    max-width: 250px;
                    margin: auto;
                    text-align: center;
                }

            #product #accessories .content .owl-carousel .owl-dots {
                display: none;
            }

            #product #accessories .content .owl-carousel .owl-prev.disabled,
            #product #accessories .content .owl-carousel .owl-next.disabled {
                pointer-events: none;
                opacity: 0.2;
            }

        #product #accessories .content .btn {
            background: #005487;
            color: #FFFFFF;
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 0.02em;
            padding: 10px;
            border-radius: 0;
            border: 1px solid #005487;
            max-width: 350px;
            width: 100%;
        }

            #product #accessories .content .btn:hover {
                background: #FFFFFF;
                color: #005487;
            }

#product #categories {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 50px;
    margin: 50px 0;
}

    #product #categories:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        border-bottom: 5px solid #005487;
    }

    #product #categories:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40%;
        border-bottom: 5px solid #FFA200;
    }

    #product #categories h1 {
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 8px;
        text-transform: uppercase;
        color: #005487;
        margin-bottom: 50px;
    }

    #product #categories h2 {
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        color: #005487;
        margin: 25px 0;
    }

    #product #categories .owl-carousel .owl-item {
        display: table-cell;
        float: none;
        vertical-align: middle;
        padding: 0 10px;
    }

        #product #categories .owl-carousel .owl-item a {
            text-decoration: none;
        }

            #product #categories .owl-carousel .owl-item a img {
                width: auto;
                height: auto;
                margin: auto;
                margin-bottom: 20px;
                transition: 0.3s;
            }

            #product #categories .owl-carousel .owl-item a:hover img {
                transform: scale(1.05);
            }

    #product #categories .owl-carousel .owl-nav {
        display: none;
    }

#product #download-manuals .modal-content {
    border-radius: 0;
    border: 0;
}

    #product #download-manuals .modal-content h5.modal-title {
        font-size: 22px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #005487;
    }

    #product #download-manuals .modal-content .table {
        margin: 0;
    }

        #product #download-manuals .modal-content .table th {
            border: 0;
        }

    #product #download-manuals .modal-content a {
        color: #005487;
        text-decoration: none;
    }

#product #menu_product {
    background-color: #005487;
    display: none;
}

    #product #menu_product.menu_fixed {
        display: block;
        position: fixed;
        width: 100%;
        top: 74px;
        z-index: 20000;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    }

    #product #menu_product #navbar-product.navbar {
        justify-content: space-around;
        border: 0;
        padding: 0;
    }

        #product #menu_product #navbar-product.navbar a {
            color: #fff;
            text-transform: uppercase;
            padding: 10px;
            position: relative;
        }

            #product #menu_product #navbar-product.navbar a:after {
                background: none repeat scroll 0 0 transparent;
                bottom: 8px;
                content: "";
                display: block;
                height: 1px;
                left: 50%;
                opacity: 1;
                position: absolute;
                background: #FFFFFF;
                transition: width 0.3s ease 0s, left 0.3s ease 0s;
                width: 0;
            }

            #product #menu_product #navbar-product.navbar a:hover:after,
            #product #menu_product #navbar-product.navbar a.active:after {
                width: 100%;
                left: 0;
            }

#product input.expanded {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

    #product input.expanded:checked + p {
        -webkit-line-clamp: unset !important;
        max-height: 500px !important;
    }

    #product input.expanded:checked ~ .more {
        opacity: 0;
        visibility: hidden;
        max-height: 0;
    }

#product label.more {
    color: #000000;
    text-decoration: underline;
    transition: max-height 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;
}

@media (max-width: 1200px) {
    #product #header {
        padding: 30px;
    }
}

@media (max-width: 992px) {
    #product #header .right-product .arguments .features {
        margin-top: 0;
    }

    #product #technology .image {
        padding-left: 15px;
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    #product #header .left-product .tag {
        position: unset;
        margin-left: auto;
    }

    #product #header .left-product .slider-gallery {
        flex-direction: column-reverse;
        align-items: baseline;
        margin-bottom: 15px;
    }

        #product #header .left-product .slider-gallery .slider.slider-nav {
            max-width: 100%;
            float: none;
            height: auto;
            padding: 0 30px 0 45px;
            white-space: nowrap;
            margin-top: 20px;
        }

            #product #header .left-product .slider-gallery .slider.slider-nav .slick-track {
                flex-direction: row;
            }

            #product #header .left-product .slider-gallery .slider.slider-nav .thumbnail-image {
                display: inline-block;
                float: none;
                margin-right: 15px;
                max-width: 140px;
            }

        #product #header .left-product .slider-gallery .slider.slider-for {
            max-width: 100%;
            float: none;
            padding-right: 0;
        }

            #product #header .left-product .slider-gallery .slider.slider-for .slider-banner-image {
                height: 500px;
            }

        #product #header .left-product .slider-gallery .slider .slick-arrow {
            padding: 0;
            width: 30px;
            height: 30px;
            top: 45%;
            bottom: 0;
            -webkit-transform: translateY(-50%) rotate(-90deg);
            -moz-transform: translateY(-50%) rotate(-90deg);
            -ms-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
        }

            #product #header .left-product .slider-gallery .slider .slick-arrow.slick-prev {
                top: 33%;
                transform: rotate(90deg);
            }

            #product #header .left-product .slider-gallery .slider .slick-arrow.slick-next {
                left: unset;
            }

    #product #header .right-product .arguments .warranties {
        border-left: 0;
    }

    #product #advantages .title {
        padding: 0 30px;
    }

    #product #advantages .bloc {
        padding: 50px 30px;
    }

    #product #other-information .accordion .item .item-header h2 .btn {
        padding: 15px 30px;
    }

    #product #other-information .accordion .item .content {
        padding: 40px 45px 0 45px;
    }

    #product #reseller .content {
        right: 60px;
    }

    #product #support {
        padding: 50px 30px 0 30px;
    }

    #product #categories {
        padding: 50px 30px;
    }

    #product #menu_product {
        display: none !important;
    }
}

@media (max-width: 575px) {
    #product #header {
        padding: 30px 15px;
    }

        #product #header .right-product h1 {
            font-size: 22px;
        }

        #product #header .right-product h3 {
            font-size: 14px;
            max-width: 230px;
        }

        #product #header .right-product h4 {
            font-size: 14px;
        }

        #product #header .right-product h5 {
            font-size: 14px;
            letter-spacing: 0;
            text-align: end;
            top: 30px;
            max-width: 75px;
        }

        #product #header .right-product .arguments .features div p {
            font-size: 14px;
        }

        #product #header .right-product .button .btn {
            font-size: 14px;
        }

    #product #advantages {
        padding: 30px 0;
    }

        #product #advantages .title h1 {
            margin-right: 0;
        }

        #product #advantages .title .icones img.picto-product {
            width: 75px;
        }

        #product #advantages .bloc h2 {
            font-size: 20px;
        }

    #product #pac-calculator {
        padding: 40px 15px;
    }

        #product #pac-calculator .content {
            padding: 50px 30px;
        }

            #product #pac-calculator .content h2 {
                margin-bottom: 20px;
            }

    #product #technology {
        padding: 50px 15px 25px 15px;
    }

        #product #technology .container-fluid {
            padding: 0;
        }

        #product #technology .image {
            padding-left: 0;
            padding-right: 0;
        }

        #product #technology .text {
            --fz: 14px;
            --lh: 1.5;
            --max-lines: 14;
            -webkit-line-clamp: var(--max-lines);
            max-height: calc(var(--fz) * var(--lh) * var(--max-lines));
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-wrap: break-word;
            transition: max-height 3s ease;
        }

        #product #technology input.expanded:checked + .text {
            -webkit-line-clamp: unset;
            max-height: 1000px;
        }

        #product #technology .more {
            display: block;
        }

    #product #other-information .accordion {
        padding: 50px 0;
    }

        #product #other-information .accordion .item {
            padding-top: 20px;
            padding-bottom: 20px;
        }

            #product #other-information .accordion .item .item-header h2 .btn {
                font-size: 18px;
            }

            #product #other-information .accordion .item .content {
                padding: 20px 15px 0 15px;
            }

            #product #other-information .accordion .item#garanty .content {
                justify-content: space-between;
            }

                #product #other-information .accordion .item#garanty .content div img {
                    width: 70px;
                }

    #product #reseller {
        background-position-x: center;
    }

        #product #reseller .content {
            right: 30px;
        }

            #product #reseller .content h1 {
                margin-bottom: 50px;
            }

    #product #support .accordion .item {
        margin-bottom: 30px;
    }

        #product #support .accordion .item .item-header h2 .btn {
            font-size: 14px;
            margin-bottom: 10px;
        }

    #product #accessories .content .btn {
        max-width: 250px;
    }
}

@media screen and (max-width: 600px) {
    #product #header .left-product .slider-gallery .slider.slider-for .slider-banner-image {
        height: 450px;
    }
}

@media screen and (max-width: 500px) {
    #product #header .left-product .slider-gallery .slider.slider-for .slider-banner-image {
        height: 370px;
    }
}

@media screen and (max-width: 480px) {
    #product #header .left-product .slider-gallery .slider.slider-for .slider-banner-image {
        height: 340px;
    }
}


/* Poolican */
#product.poolican-css .container-fluid {
    max-width: 1900px;
}

#product.poolican-css p {
    text-align: inherit;
}

#product.poolican-css #header-poolican {
    display: block;
    margin: auto;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

#product.poolican-css #partnership {
    background: linear-gradient(to right, #E8F3F7 0%, #94D8E4 20%, #35ABC5 40%, #23759B 60%, #164876 80%, #0E2457 100%);
    text-align: center;
    color: white;
    padding: 75px 15px 100px 15px;
}

    #product.poolican-css #partnership span {
        display: block;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: lighter;
        margin-bottom: 20px;
    }

    #product.poolican-css #partnership hr {
        width: 150px;
        border: 1px solid;
        margin: 50px auto;
    }

    #product.poolican-css #partnership p {
        font-size: 20px;
        max-width: 850px;
        margin: 0 auto 10px auto;
    }

#product.poolican-css #highlights {
    position: relative;
    padding: 75px;
    text-align: center;
}

    #product.poolican-css #highlights .row {
        justify-content: center;
        align-items: center;
    }

    #product.poolican-css #highlights img.wifi {
        position: absolute;
        bottom: -315px;
        left: 4%;
        z-index: -1;
    }

    #product.poolican-css #highlights h2 {
        font-size: 46px;
        font-weight: bold;
        color: #192742;
        text-transform: uppercase;
        margin-bottom: 40px;
    }

    #product.poolican-css #highlights h3 {
        font-size: 27px;
        color: #192742;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    #product.poolican-css #highlights .tag {
        display: block;
        background: #FFD710;
        color: #464C4C;
        font-size: 19px;
        border-radius: 10px;
        padding: 0 10px;
        margin: 8px;
    }

    #product.poolican-css #highlights .slogan {
        display: block;
        font-size: 26px;
        color: #464C4C;
        text-transform: uppercase;
        max-width: 250px;
        margin: 40px auto 0 auto;
    }

#product.poolican-css #short-description {
    background: #F5F5F5;
    color: #5D5D5D;
    padding: 75px;
}

    #product.poolican-css #short-description .row {
        justify-content: center;
        align-items: center;
    }

    #product.poolican-css #short-description .text {
        text-align: right;
    }

        #product.poolican-css #short-description .text hr {
            width: 150px;
            border: 1px solid;
            margin: 60px 0 60px auto;
        }

        #product.poolican-css #short-description .text h2 {
            font-size: 40px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 50px;
            margin-left: auto;
            max-width: 500px;
        }

        #product.poolican-css #short-description .text p {
            max-width: 600px;
            margin-left: auto;
            margin-bottom: 10px;
        }

        #product.poolican-css #short-description .text .btn {
            background: linear-gradient(120deg, #ffdf00 0%, #ffba00 51%, #ffdf00 100%);
            transition: 0.5s;
            background-size: 200% auto;
            font-size: 20px;
            font-weight: bold;
            color: #464C4C;
            text-transform: uppercase;
            padding: 10px 40px;
            border: 0;
            border-radius: 10px;
            margin-top: 50px;
        }

            #product.poolican-css #short-description .text .btn:hover {
                background-position: right center;
            }

#product.poolican-css #essential-elements {
    background: linear-gradient(to right, #E8F3F7 0%, #94D8E4 20%, #35ABC5 40%, #23759B 60%, #164876 80%, #0E2457 100%);
    text-align: center;
    color: white;
    padding: 75px 15px;
}

    #product.poolican-css #essential-elements h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #product.poolican-css #essential-elements img {
        margin-bottom: 25px;
    }

    #product.poolican-css #essential-elements .element {
        margin: 30px 0;
    }

        #product.poolican-css #essential-elements .element p {
            font-size: 18px;
            margin-bottom: 0;
        }

            #product.poolican-css #essential-elements .element p.title {
                font-weight: bold;
                text-transform: uppercase;
            }

        #product.poolican-css #essential-elements .element:nth-child(n + 2):after {
            content: "";
            background-color: white;
            position: absolute;
            top: 10px;
            bottom: 0;
        }

@media (max-width: 576px) {
    #product.poolican-css #essential-elements .element:nth-child(n + 2):after {
        width: 100%;
        height: 2px;
        left: 0;
        top: -30px;
    }
}

@media (min-width: 576px) {
    #product.poolican-css #essential-elements .element:nth-child(n + 2):after {
        width: 2px;
        height: 180px;
        left: -1px;
    }
}

@media (max-width: 991px) {
    #product.poolican-css #essential-elements .element:nth-child(3):after {
        display: none;
    }
}

@media (max-width: 576px) {
    #product.poolican-css #essential-elements .element:nth-child(3):after {
        display: block;
    }
}

#product.poolican-css #essential-elements .new {
    display: inline-block;
    background: linear-gradient(120deg, #ffdf00 0%, #ffba00 100%);
    font-size: 25px;
    color: #595B60;
    padding: 5px 40px;
    border-radius: 10px;
    margin-top: 20px;
}

#product.poolican-css #pool-calculator {
    background: #F5F5F5;
    text-align: center;
    color: #464C4C;
    padding: 75px 15px;
}

    #product.poolican-css #pool-calculator .title {
        font-weight: bold;
    }

        #product.poolican-css #pool-calculator .title h2 {
            font-size: 40px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        #product.poolican-css #pool-calculator .title span {
            font-size: 24px;
        }

        #product.poolican-css #pool-calculator .title hr {
            width: 150px;
            border: 1px solid;
            margin: 20px auto 0 auto;
        }

    #product.poolican-css #pool-calculator .text {
        font-size: 20px;
        max-width: 630px;
        margin: 50px auto;
    }

        #product.poolican-css #pool-calculator .text .color {
            color: #27B2C7;
            font-weight: bold;
        }

    #product.poolican-css #pool-calculator .images {
        justify-content: center;
    }

        #product.poolican-css #pool-calculator .images [class*='col-'] {
            margin-bottom: 30px;
        }

    #product.poolican-css #pool-calculator .btn {
        background: #06193D;
        font-size: 20px;
        font-weight: bold;
        color: white;
        text-transform: uppercase;
        padding: 10px 20px;
        border: 0;
        border-radius: 10px;
        margin-top: 30px;
    }

#product.poolican-css #modal-pool-calculator .close {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    z-index: 1;
}

#product.poolican-css #modal-pool-calculator .pool-bg {
    position: absolute;
    left: 25px;
    top: -25px;
    bottom: -25px;
    width: 300px;
    background-image: url('/Content/poolex/images/poolican/image-chauffage.jpg');
    background-size: cover;
    background-position: center;
    padding: 25px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    #product.poolican-css #modal-pool-calculator .pool-bg::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(0, 84, 135, 0.78);
    }

    #product.poolican-css #modal-pool-calculator .pool-bg .form-header {
        margin-bottom: 30px;
        margin-top: 60px;
        position: relative;
        z-index: 20;
        color: #fff;
    }

        #product.poolican-css #modal-pool-calculator .pool-bg .form-header h3 {
            margin-bottom: 15px;
            font-weight: 900;
            font-size: 30px;
            text-transform: uppercase;
        }

        #product.poolican-css #modal-pool-calculator .pool-bg .form-header p {
            font-size: 17px;
        }

#product.poolican-css #modal-pool-calculator .form {
    margin-left: 325px;
    padding: 30px 30px 15px 30px;
}

    #product.poolican-css #modal-pool-calculator .form h4 {
        color: #005487;
        font-size: 22px;
        margin-bottom: 15px;
    }

    #product.poolican-css #modal-pool-calculator .form .input-select {
        margin-top: 35px;
        margin-bottom: 20px;
    }

        #product.poolican-css #modal-pool-calculator .form .input-select [class*='col-'] {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }

        #product.poolican-css #modal-pool-calculator .form .input-select input {
            display: none;
        }

        #product.poolican-css #modal-pool-calculator .form .input-select label {
            cursor: pointer;
            display: block;
            background: white;
            border: 2px solid #005487;
            border-radius: 20px;
            padding: 10px;
            text-align: center;
            box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 130px;
            height: 130px;
            color: #005487;
            font-size: 14px;
            margin-bottom: 0;
        }

            #product.poolican-css #modal-pool-calculator .form .input-select label img {
                max-height: 50px;
                margin-bottom: 5px;
            }

        #product.poolican-css #modal-pool-calculator .form .input-select input:checked + label {
            background: #005487;
            color: white;
        }

            #product.poolican-css #modal-pool-calculator .form .input-select input:checked + label::after {
                color: hsl(215, 5%, 25%);
                font-family: FontAwesome;
                border: 2px solid #005487;
                content: "\f00c";
                font-size: 24px;
                position: absolute;
                top: -25px;
                left: 50%;
                transform: translateX(-50%);
                height: 50px;
                width: 50px;
                line-height: 50px;
                text-align: center;
                border-radius: 50%;
                background: white;
                box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
            }

    #product.poolican-css #modal-pool-calculator .form .input-group {
        position: relative;
        margin-bottom: 20px;
    }

        #product.poolican-css #modal-pool-calculator .form .input-group .form-control {
            color: #151515;
            font-size: 16px;
            font-weight: 500;
        }

            #product.poolican-css #modal-pool-calculator .form .input-group .form-control:focus {
                box-shadow: none;
            }

        #product.poolican-css #modal-pool-calculator .form .input-group label,
        #product.poolican-css #modal-pool-calculator .form .input-group .input-group-text {
            background-color: #005487;
            color: #fff;
            border: 0;
            font-size: 14px;
        }

    #product.poolican-css #modal-pool-calculator .form .tab-content {
        margin-bottom: 30px;
    }

        #product.poolican-css #modal-pool-calculator .form .tab-content > .active {
            display: contents;
        }

        #product.poolican-css #modal-pool-calculator .form .tab-content .tab-pane {
            padding: 0;
        }

    #product.poolican-css #modal-pool-calculator .form .volume .btn {
        background: white;
        color: #005487;
        font-size: 14px;
        border: 2px solid;
        border-radius: 40px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 7px 15px;
        display: block;
        margin: auto;
    }

@media only screen and (max-width: 768px) {
    #product.poolican-css #modal-pool-calculator .close {
        top: -15px;
        right: 24px;
        color: white;
        opacity: 1;
    }

    #product.poolican-css #modal-pool-calculator .pool-bg {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        top: -15px;
        width: 95%;
        margin: auto;
    }

    #product.poolican-css #modal-pool-calculator .form {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 576px) {
    #product.poolican-css #modal-pool-calculator .close {
        top: 10px;
        right: 21px;
    }

    #product.poolican-css #modal-pool-calculator .pool-bg {
        top: 10px;
    }

        #product.poolican-css #modal-pool-calculator .pool-bg .form-header {
            margin-top: 30px;
        }

            #product.poolican-css #modal-pool-calculator .pool-bg .form-header h2 {
                font-size: 26px;
            }

            #product.poolican-css #modal-pool-calculator .pool-bg .form-header p {
                font-size: 14px;
            }
}

#product.poolican-css #wifi {
    background: linear-gradient(to left top, #0E2457, #164876, #23759B, #35ABC5, #94D8E4, #E8F3F7);
    padding-top: 75px;
    position: relative;
    color: white;
    overflow: hidden;
}

    #product.poolican-css #wifi .mobile-wifi {
        position: absolute;
        top: 190px;
        left: -80px;
    }

    #product.poolican-css #wifi h2 {
        font-size: 60px;
        text-transform: uppercase;
        font-weight: bold;
    }

    #product.poolican-css #wifi hr {
        width: 260px;
        border: solid #FFFFFF 1px;
        margin: 50px 0;
    }

    #product.poolican-css #wifi h3 {
        font-size: 36px;
        text-transform: uppercase;
        font-weight: lighter;
    }

    #product.poolican-css #wifi ul {
        list-style-type: none;
        padding-left: 0;
        margin: 50px 0 40px 0;
    }

        #product.poolican-css #wifi ul li {
            margin: 10px 0;
            font-size: 24px;
            font-weight: lighter;
        }

            #product.poolican-css #wifi ul li img {
                margin-right: 10px;
            }

    #product.poolican-css #wifi .btn {
        color: #FFFFFF;
        border: 2px solid;
        border-radius: 40px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 7px 20px;
    }

    #product.poolican-css #wifi .download {
        display: flex;
        align-items: center;
    }

        #product.poolican-css #wifi .download .button img {
            border-radius: 20px;
        }

    #product.poolican-css #wifi .image .poolican {
        margin-left: -165px;
    }

#product.poolican-css #plug-and-play {
    background: linear-gradient(to bottom, #192742, #0A1936, #08172E);
    color: white;
    overflow: hidden;
}

    #product.poolican-css #plug-and-play .text {
        margin: 75px 0;
    }

        #product.poolican-css #plug-and-play .text .title img {
            float: left;
            margin-right: 25px;
            margin-left: 15px;
            height: 130px;
        }

        #product.poolican-css #plug-and-play .text .title h2 {
            font-size: 85px;
            text-transform: uppercase;
            font-weight: bold;
            color: #FFFFFF;
            background: linear-gradient(120deg, #fff 65%, #192742);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #product.poolican-css #plug-and-play .text .title h3 {
            font-size: 40px;
            text-transform: uppercase;
            font-weight: lighter;
            margin: 0;
        }

        #product.poolican-css #plug-and-play .text .content {
            margin-left: 110px;
        }

            #product.poolican-css #plug-and-play .text .content hr {
                width: 270px;
                border: 1px solid;
                margin: 40px 0;
            }

            #product.poolican-css #plug-and-play .text .content p {
                font-size: 18px;
                font-weight: lighter;
                max-width: 820px;
                margin-bottom: 24px;
            }

            #product.poolican-css #plug-and-play .text .content ul {
                list-style-type: none;
                padding-left: 0;
                font-size: 22px;
                text-transform: uppercase;
                font-weight: lighter;
                margin-bottom: 60px;
            }

            #product.poolican-css #plug-and-play .text .content h3 {
                color: #27B2C7;
                font-size: 50px;
                font-weight: lighter;
                font-style: italic;
            }

#product.poolican-css #tutorial {
    background: #F5F5F5;
    padding: 75px 15px;
    color: #5D5D5D;
}

    #product.poolican-css #tutorial .row {
        justify-content: center;
        align-items: center;
    }

    #product.poolican-css #tutorial .video-poolican {
        width: 100%;
    }

    #product.poolican-css #tutorial .text {
        text-align: right;
    }

        #product.poolican-css #tutorial .text hr {
            width: 250px;
            border: 1px solid #464C4C;
            margin: 50px 0 50px auto;
        }

        #product.poolican-css #tutorial .text h2 {
            font-size: 50px;
            font-weight: bold;
            color: #464C4C;
            text-transform: uppercase;
            margin-left: auto;
            margin-bottom: 0;
            max-width: 500px;
        }

        #product.poolican-css #tutorial .text p {
            font-size: 18px;
            max-width: 500px;
            margin-left: auto;
            margin-bottom: 10px;
        }

        #product.poolican-css #tutorial .text a {
            color: #5D5D5D;
            font-size: 18px;
            text-decoration-line: underline;
            text-underline-offset: 5px;
        }

#product.poolican-css #highlights-description {
    background: #FFFFFF;
}

    #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators {
        top: 0;
        margin: 0;
        margin-top: 65px;
        height: fit-content;
        z-index: 1;
    }

        #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 400px;
            height: 65px;
            text-indent: inherit;
            font-size: 20px;
            border: 0;
            opacity: 1;
            background: #EEEEEE;
            color: #464C4C;
            border-radius: 10px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
            margin: 0 5px;
        }

            #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li.active {
                color: white;
                font-weight: bold;
            }

                #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li.active.circulation {
                    background: linear-gradient(to right, #2b8c9c, #27b2c7);
                }

                #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li.active.filtration {
                    background: linear-gradient(to right, #ff792c, #ffb43c);
                }

                #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li.active.chauffage {
                    background: linear-gradient(to right, #e34162, #ff792c);
                }

                #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li.active.traitement {
                    background: linear-gradient(to right, #702f80, #da47a3);
                }

    #product.poolican-css #highlights-description .carousel-item {
        position: relative;
    }

        #product.poolican-css #highlights-description .carousel-item .text {
            padding-left: 80px;
            padding-right: 95px;
            min-height: 850px;
            margin-top: 125px;
        }

            #product.poolican-css #highlights-description .carousel-item .text h2 {
                color: #464C4C;
                font-size: 30px;
                font-weight: bold;
                text-transform: uppercase;
                margin-top: 100px;
            }

            #product.poolican-css #highlights-description .carousel-item .text hr {
                width: 410px;
                max-width: 100%;
                border: solid #464C4C 1px;
                margin: 35px 0;
            }

            #product.poolican-css #highlights-description .carousel-item .text h3 {
                font-size: 50px;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 50px;
            }

            #product.poolican-css #highlights-description .carousel-item .text p {
                color: #06193D;
                font-weight: lighter;
            }

            #product.poolican-css #highlights-description .carousel-item .text .slogan p {
                font-size: 20px;
                margin-bottom: 0;
            }

            #product.poolican-css #highlights-description .carousel-item .text .slogan span {
                font-size: 22px;
                font-weight: bold;
                font-style: italic;
            }

            #product.poolican-css #highlights-description .carousel-item .text .astuce {
                position: relative;
                left: -200px;
                background: #FFFFFF;
                padding: 20px;
                border: 2px solid #06193D;
                border-radius: 30px;
                width: 475px;
                margin-bottom: 40px;
                margin-top: 25px;
                z-index: 1;
            }

                #product.poolican-css #highlights-description .carousel-item .text .astuce h4 {
                    color: #06193D;
                    font-size: 24px;
                    font-weight: bold;
                    text-transform: uppercase;
                    margin-bottom: 0;
                }

                #product.poolican-css #highlights-description .carousel-item .text .astuce p {
                    color: #06193D;
                    font-style: italic;
                    margin-bottom: 0;
                }

            #product.poolican-css #highlights-description .carousel-item .text .traduction {
                position: absolute;
                bottom: 10px;
                bottom: 5px;
                right: 10px;
                color: #06193D;
                font-size: 15px;
                font-weight: lighter;
            }

        #product.poolican-css #highlights-description .carousel-item .image {
            padding: 0;
            margin-top: 200px;
        }

            #product.poolican-css #highlights-description .carousel-item .image img {
                height: 100%;
                object-fit: cover;
            }

        #product.poolican-css #highlights-description .carousel-item .type {
            padding-right: 0;
        }

            #product.poolican-css #highlights-description .carousel-item .type img {
                margin: auto;
                display: block;
                margin-top: 250px;
            }

        #product.poolican-css #highlights-description .carousel-item.circulation .type {
            background: linear-gradient(to bottom right, #2B8C9C, #27B2C7);
        }

        #product.poolican-css #highlights-description .carousel-item.circulation h3 {
            color: #2B8C9C;
        }

        #product.poolican-css #highlights-description .carousel-item.circulation .astuce {
            width: 300px;
            margin-top: 70px;
        }

            #product.poolican-css #highlights-description .carousel-item.circulation .astuce h3 {
                letter-spacing: 1px;
            }

        #product.poolican-css #highlights-description .carousel-item.filtration .type {
            background: linear-gradient(to bottom right, #FFB43C, #FF792C);
        }

        #product.poolican-css #highlights-description .carousel-item.filtration h3 {
            color: #FF792C;
        }

        #product.poolican-css #highlights-description .carousel-item.filtration .slogan span {
            color: #FF792C;
        }

        #product.poolican-css #highlights-description .carousel-item.chauffage .type {
            background: linear-gradient(to bottom right, #E34162, #FF792C);
        }

        #product.poolican-css #highlights-description .carousel-item.chauffage .text h3 {
            color: #E34162;
        }

        #product.poolican-css #highlights-description .carousel-item.chauffage .text .slogan {
            margin-top: 50px;
        }

            #product.poolican-css #highlights-description .carousel-item.chauffage .text .slogan span {
                color: #E34162;
            }

        #product.poolican-css #highlights-description .carousel-item.chauffage .astuce {
            transform-style: preserve-3d;
            left: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 525px;
            height: 176px;
        }

            #product.poolican-css #highlights-description .carousel-item.chauffage .astuce::before {
                content: "Jusqu’à 80% d’économies comparé à un réchauffeur !";
                background: #fff;
                padding: 20px;
                border: 2px solid #06193d;
                border-radius: 30px;
                color: #06193d;
                font-size: 22px;
                font-weight: bold;
                text-transform: uppercase;
                width: 300px;
                position: absolute;
                top: -2px;
                left: -220px;
                transform: translateZ(-1px);
            }

        #product.poolican-css #highlights-description .carousel-item.traitement .type {
            background: linear-gradient(to bottom right, #702F80, #DA47A3);
        }

        #product.poolican-css #highlights-description .carousel-item.traitement h3 {
            color: #702F80;
        }

        #product.poolican-css #highlights-description .carousel-item.traitement .slogan span {
            color: #702F80;
        }

    #product.poolican-css #highlights-description .carousel-control-next,
    #product.poolican-css #highlights-description .carousel-control-prev {
        font-size: 50px;
        width: 10%;
    }

#product.poolican-css #compact {
    background: linear-gradient(to bottom, #192742, #15233D, #08172E);
    height: calc(100vh - 145px);
    display: flex;
    justify-content: center;
    align-items: center;
}

#product.poolican-css #steps {
    background: #FFFFFF;
    padding: 100px 0;
    text-align: center;
    color: #464C4C;
}

    #product.poolican-css #steps h2 {
        font-size: 50px;
        text-transform: uppercase;
        font-weight: bold;
    }

    #product.poolican-css #steps .step {
        margin-top: 80px;
    }

        #product.poolican-css #steps .step .number {
            font-size: 50px;
            text-transform: uppercase;
            font-weight: bold;
            color: white;
            background: linear-gradient(120deg, #ffdf00 0%, #ffba00 100%);
            border-radius: 50%;
            width: 70px;
            height: 70px;
            line-height: 70px;
            margin: auto;
            margin-bottom: 30px;
        }

        #product.poolican-css #steps .step p {
            font-size: 22px;
            text-transform: uppercase;
            font-weight: bold;
        }

#product.poolican-css #reviews {
    background: url(/Content/poolex/images/poolican/background-avis.png) no-repeat;
    background-size: cover;
    text-align: center;
    color: #464C4C;
    padding: 100px;
}

    #product.poolican-css #reviews h2 {
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
        color: white;
        margin-bottom: 75px;
    }

    #product.poolican-css #reviews .review {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50px;
        padding: 30px;
        margin: 25px;
    }

        #product.poolican-css #reviews .review .stars {
            margin-bottom: 10px;
        }

        #product.poolican-css #reviews .review p {
            font-size: 19px;
        }

        #product.poolican-css #reviews .review span.name {
            font-size: 22px;
            font-weight: bold;
            text-transform: uppercase;
        }

    #product.poolican-css #reviews .btn {
        background: linear-gradient(120deg, #ffdf00 0%, #ffba00 51%, #ffdf00 100%);
        transition: 0.5s;
        background-size: 200% auto;
        font-size: 20px;
        font-weight: bold;
        color: #464C4C;
        text-transform: uppercase;
        padding: 10px 40px;
        border: 0;
        border-radius: 10px;
        margin-top: 75px;
    }

        #product.poolican-css #reviews .btn:hover {
            background-position: right center;
        }

#product.poolican-css .modal-dialog {
    max-width: 1000px;
}

@media (max-width: 1200px) {
    #product.poolican-css #highlights img.wifi {
        left: 0;
    }

    #product.poolican-css #highlights h2 {
        font-size: 35px;
    }

    #product.poolican-css #highlights h3 {
        font-size: 24px;
    }

    #product.poolican-css #highlights .slogan {
        font-size: 20px;
    }

    #product.poolican-css #wifi .image {
        text-align: center;
    }

        #product.poolican-css #wifi .image .poolican {
            margin-left: 0;
            margin-top: 50px;
            max-width: 100%;
            height: auto;
        }

    #product.poolican-css #plug-and-play .image img.poolican {
        position: absolute;
        right: -15px;
        width: 40%;
    }

    #product.poolican-css #highlights-description .carousel-item .text {
        padding-left: 50px;
        padding-right: 35px;
    }

        #product.poolican-css #highlights-description .carousel-item .text h2 {
            font-size: 26px;
            margin-top: 70px;
        }

        #product.poolican-css #highlights-description .carousel-item .text h3 {
            font-size: 36px;
        }

        #product.poolican-css #highlights-description .carousel-item .text .slogan span {
            font-size: 20px;
        }

        #product.poolican-css #highlights-description .carousel-item .text .astuce {
            left: -130px;
        }

    #product.poolican-css #highlights-description .carousel-item.chauffage .astuce {
        left: 50px;
    }

    #product.poolican-css #reviews {
        padding: 100px 15px;
    }
}

@media (max-width: 992px) {
    #product.poolican-css #highlights {
        padding: 75px 15px;
    }

        #product.poolican-css #highlights img.wifi {
            display: none;
        }

    #product.poolican-css #short-description {
        padding: 75px 15px;
    }

    #product.poolican-css #essential-elements .element:nth-child(1):after,
    #product.poolican-css #essential-elements .element:nth-child(2):before {
        content: "";
        background-color: white;
        position: absolute;
        bottom: -35px;
        right: 39px;
        width: 285px;
        height: 2px;
    }

    #product.poolican-css #wifi .mobile-wifi {
        display: none;
    }

    #product.poolican-css #plug-and-play .image img.poolican {
        right: -130px;
    }

    #product.poolican-css #plug-and-play .text .title img {
        margin-left: -88px;
    }

    #product.poolican-css #plug-and-play .text .content {
        margin-left: 0;
    }

    #product.poolican-css #tutorial .text h2 {
        font-size: 40px;
        margin-top: 35px;
    }

    #product.poolican-css #tutorial .text hr {
        margin: 35px 0 35px auto;
    }

    #product.poolican-css #highlights-description .carousel-item .type img {
        width: 80px;
    }

    #product.poolican-css #highlights-description .carousel-item .text {
        padding-left: 30px;
        padding-right: 15px;
    }

        #product.poolican-css #highlights-description .carousel-item .text h2 {
            font-size: 21px;
        }

        #product.poolican-css #highlights-description .carousel-item .text h3 {
            font-size: 30px;
        }

    #product.poolican-css #highlights-description .carousel-item.chauffage .astuce {
        left: 75px;
    }

    #product.poolican-css #compact {
        height: calc(100vh - 137px);
    }
}

@media (max-width: 768px) {
    #product.poolican-css #highlights .tags {
        margin-bottom: 20px;
    }

    #product.poolican-css #highlights .slogan {
        margin: 20px auto 0 auto;
    }

    #product.poolican-css #essential-elements h2 {
        font-size: 24px;
    }

    #product.poolican-css #essential-elements .element:nth-child(1):after,
    #product.poolican-css #essential-elements .element:nth-child(2):before {
        bottom: -28px;
        right: 27px;
        width: 215px;
    }

    #product.poolican-css #essential-elements .new {
        font-size: 18px;
    }

    #product.poolican-css #wifi h2 {
        font-size: 44px;
    }

    #product.poolican-css #wifi h3 {
        font-size: 28px;
    }

    #product.poolican-css #wifi ul li {
        font-size: 18px;
    }

    #product.poolican-css #plug-and-play .image img.poolican {
        position: relative;
        right: 0;
        width: 100%;
    }

    #product.poolican-css #plug-and-play .text .title img {
        margin-left: 0;
        height: 92px;
    }

    #product.poolican-css #plug-and-play .text .title h2 {
        font-size: 62px;
    }

    #product.poolican-css #plug-and-play .text .title h3 {
        font-size: 26px;
    }

    #product.poolican-css #plug-and-play .text .content p {
        font-size: 16px;
    }

    #product.poolican-css #plug-and-play .text .content h3 {
        font-size: 32px;
    }

    #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li {
        font-size: 18px;
    }

    #product.poolican-css #highlights-description .carousel-item .type img {
        width: 60px;
    }

    #product.poolican-css #highlights-description .carousel-item .text h3 {
        font-size: 24px;
        margin-bottom: 35px;
    }

    #product.poolican-css #highlights-description .carousel-item .text .astuce {
        left: -85px;
    }

    #product.poolican-css #highlights-description .carousel-item.chauffage .astuce {
        width: 350px;
        left: 100px;
    }

        #product.poolican-css #highlights-description .carousel-item.chauffage .astuce::before {
            left: -205px;
        }

    #product.poolican-css #compact {
        height: calc(100vh - 96px);
    }

    #product.poolican-css #steps h2 {
        font-size: 40px;
    }

    #product.poolican-css #steps .step p {
        font-size: 18px;
    }

    #product.poolican-css #reviews .review p {
        font-size: 15px;
    }

    #product.poolican-css #reviews .review span.name {
        font-size: 19px;
    }

    #product.poolican-css #reviews .btn {
        padding: 10px 30px;
    }
}

@media (max-width: 576px) {
    #product.poolican-css #highlights h2 {
        font-size: 30px;
    }

    #product.poolican-css #highlights h3 {
        font-size: 20px;
    }

    #product.poolican-css #highlights .tag {
        font-size: 14px;
    }

    #product.poolican-css #highlights .slogan {
        font-size: 18px;
    }

    #product.poolican-css #short-description .text h2 {
        font-size: 26px;
    }

    #product.poolican-css #short-description .text .btn {
        padding: 10px 20px;
    }

    #product.poolican-css #essential-elements .element:nth-child(1):after,
    #product.poolican-css #essential-elements .element:nth-child(2):before {
        display: none;
    }

    #product.poolican-css #pool-calculator .title h2 {
        font-size: 26px;
    }

    #product.poolican-css #pool-calculator .title span {
        font-size: 20px;
    }

    #product.poolican-css #plug-and-play .text .title img {
        height: 70px;
    }

    #product.poolican-css #plug-and-play .text .title h2 {
        font-size: 46px;
    }

    #product.poolican-css #plug-and-play .text .title h3 {
        font-size: 21px;
    }

    #product.poolican-css #plug-and-play .text .content hr {
        margin: 25px 0;
    }

    #product.poolican-css #highlights-description #highlightsCarousel .carousel-indicators li {
        font-size: 12px;
    }

    #product.poolican-css #highlights-description .carousel-item .type img {
        width: 40px;
    }

    #product.poolican-css #highlights-description .carousel-item .text {
        padding-left: 15px;
    }

        #product.poolican-css #highlights-description .carousel-item .text h2 {
            font-size: 18px;
            margin-top: 45px;
        }

        #product.poolican-css #highlights-description .carousel-item .text hr {
            margin: 25px 0;
        }

        #product.poolican-css #highlights-description .carousel-item .text h3 {
            font-size: 22px;
        }

        #product.poolican-css #highlights-description .carousel-item .text .slogan p {
            font-size: 17px;
        }

        #product.poolican-css #highlights-description .carousel-item .text .slogan span {
            font-size: 17px;
        }

        #product.poolican-css #highlights-description .carousel-item .text .astuce {
            width: 339px;
            left: -45px;
        }

            #product.poolican-css #highlights-description .carousel-item .text .astuce h4 {
                font-size: 16px;
            }

    #product.poolican-css #highlights-description .carousel-item.chauffage .astuce::before {
        display: none;
    }

    #product.poolican-css #steps .step {
        margin-top: 50px;
    }
}