/* --- */
.learn-more-wrapper h3{
    font-weight:600
}
.learn-more-wrapper .message{
    font-size:14px
}
.learn-more-wrapper a.btn{
    font-size:12px
}
.learn-more-wrapper .pmd-section .message{
    color:#141212
}
.learn-more-wrapper .pmd-section.top .message p{
    color:#fff;
    width:50%;
    min-width:256px;
    margin:auto
}
.learn-more-wrapper .pmd-section .desktop-btn{
    display:none;
    pointer-events:none
}
.learn-more-wrapper .pmd-section.video .video-player{
    display:contents
}
.learn-more-wrapper .pmd-section.compare-devices{
    padding-bottom:0
}
.learn-more-wrapper .pmd-section.compare-devices .title{
    padding-bottom:32px
}
.learn-more-wrapper .pmd-section.compare-devices .message{
    margin-bottom:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices{
    height:unset
}
.learn-more-wrapper .pmd-section.compare-devices .devices li{
    display:flex;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    padding:24px 5%;
    /*height:calc(100vh - 107px)*/
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .image img{
    width:100%;
    max-height:40vh;
    -o-object-fit:contain;
    object-fit:contain
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details{
    text-align:left
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details .title{
    margin:0;
    padding-bottom:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details .title img{
    height:75px;
    width:210px;
    align-self:center;
    -o-object-fit:contain;
    object-fit:contain
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details ul{
    padding:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details ul li{
    width:100%;
    padding:4px 0 0;
    color:#fff;
    font-size:14px;
    height:auto;
    display:flex;
    flex-direction:row
}
.learn-more-wrapper .pmd-section.compare-devices .devices li .specs .details ul li i{
    padding-right:4px
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.clean{
    background-color:#536d8c
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.pro{
    background-color:#b9e2d9
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.pro-gem, .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-metals{
    padding:0
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.pro-gem .device-slide, .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-metals .device-slide{
    padding:48px 24px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.pro-gem .device-slide .specs .details, .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-metals .device-slide .specs .details{
    padding-top:13px
}
.learn-more-wrapper .pmd-section.compare-devices .devices li.body{
    background-color:#9d5c6b
}
.learn-more-wrapper .pmd-section.body{
    background-image:url(/assets/img/learn-more-images/clean-lm-body-bg-mobile.jpg);
    width:100%;
    height:200vw;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center
}
.learn-more-wrapper .pmd-section.body .title{
    width:288px
}
.learn-more-wrapper .pmd-section.body .title h3{
    font-size:32px;
    font-size:2rem
}
.learn-more-wrapper .pmd-section.body .message{
    width:40%;
    margin-right:auto;
    margin-left:15%;
    margin-bottom:128px
}
.learn-more-wrapper .pmd-section.body .message p{
    color:#fff;
    font-weight:700;
    text-align:left
}
.learn-more-wrapper .pmd-section.body .action{
    display:flex;
    justify-content:center;
    align-items:center
}
.learn-more-wrapper .pmd-section.body .action .btn{
    margin-right:8px;
    padding:13px 40px
}
.learn-more-wrapper .pmd-section.body .action .btn:last-child{
    margin-right:0
}
@media only screen and (min-width:1024px){
    .learn-more-wrapper .features-section{
        background-color:#fcf0f3;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        padding-top:64px
    }
    .learn-more-wrapper .features-section .pmd-section.clean-video{
        order:1;
        flex:50%;
        padding-left:10%;
        background-color:#fcf0f3;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content
    }
    .learn-more-wrapper .features-section .pmd-section.clean-video .video-player{
        display:initial;
        position:relative
    }
    .learn-more-wrapper .features-section .pmd-section.clean-video .video-player iframe{
        height:22.25vw!important;
        width:40vw!important
    }
    .learn-more-wrapper .features-section .pmd-section.long-term-results{
        order:3;
        flex:50%;
        padding:64px 16px 64px 10%;
        background-color:#fff;
        text-align:left;
        justify-content:flex-start;
        align-items:flex-start
    }
    .learn-more-wrapper .features-section .pmd-section.long-term-results .title{
        align-items:baseline;
        margin-top:0
    }
    .learn-more-wrapper .features-section .pmd-section.long-term-results .message{
        width:unset
    }
    .learn-more-wrapper .features-section .pmd-section.long-term-results .message .checklist-full{
        display:inherit
    }
    .learn-more-wrapper .features-section .pmd-section.long-term-results .message .desktop-btn{
        display:unset;
        pointer-events:unset
    }
    .learn-more-wrapper .features-section .pmd-section.long-term-results .message .desktop-btn .action{
        justify-content:flex-start;
        margin-top:2rem
    }
    .learn-more-wrapper .features-section .pmd-section.explanation-video{
        order:4;
        flex:50%;
        padding-right:10%;
        background-color:#fff;
        padding-top:64px;
        justify-content:flex-start
    }
    .learn-more-wrapper .features-section .pmd-section.explanation-video .video-player{
        display:initial;
        position:relative
    }
    .learn-more-wrapper .features-section .pmd-section.explanation-video .video-player iframe{
        height:22.25vw!important;
        width:40vw!important
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works{
        order:2;
        flex:50%;
        background-color:#fcf0f3;
        padding:0 5%
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works .title{
        align-items:baseline;
        margin-top:0
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works .message{
        width:100%
    }
    .learn-more-wrapper .pmd-section.top .title{
        align-items:center
    }
    .learn-more-wrapper .pmd-section.top .title img{
        width:50%;
        max-width:500px
    }
    .learn-more-wrapper .pmd-section.top .message{
        width:400px
    }
    .learn-more-wrapper .pmd-section.top .message p{
        width:90%
    }
    .learn-more-wrapper .pmd-section.compare-devices:before{
        content:"";
        display:block;
        width:80%;
        top:-32px;
        position:relative;
        border-bottom:1px solid #e5e5e5
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices{
        flex-direction:row;
        flex-wrap:wrap
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li{
        height:725px;
        width:33%;
        flex-grow:1;
        height:auto;
        padding:48px 24px
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .device-link, .learn-more-wrapper .pmd-section.compare-devices .devices li.device-slide{
        display:flex;
        flex-direction:column;
        flex:100%
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .device-link .specs, .learn-more-wrapper .pmd-section.compare-devices .devices li.device-slide .specs{
        flex-grow:1
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li .image img{
        max-height:425px
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-gem, .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-metals{
        justify-content:flex-start;
        padding:0
    }
    .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-gem .device-slide, .learn-more-wrapper .pmd-section.compare-devices .devices li.pro-metals .device-slide{
        display:block
    }
    .learn-more-wrapper .pmd-section.body{
        background-image:url(/assets/img/learn-more-images/clean-lm-body-bg.jpg);
        height:56.25vw;
        justify-content:center
    }
    .learn-more-wrapper .pmd-section.body .message{
        width:300px;
        margin:16px auto
    }
    .learn-more-wrapper .pmd-section.body .message p{
        text-align:center
    }
    .learn-more-wrapper .pmd-section.body .action{
        padding-bottom:15%
    }
}


/* --- */
div[_ngcontent-serverApp-c92]{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
div[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92]{
    width:100%;
    max-width:50px
}
div[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92], div[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    fill:none;
    stroke-linecap:round;
    stroke-width:2px
}
div[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    stroke-linejoin:round
}
div.pink[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92], div.pink[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    stroke:#d30061
}
div.white-pink[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92]{
    stroke:#fff
}
div.pink-white[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92], div.white-pink[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    stroke:#d30061
}
div.pink-white[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    stroke:#fff
}
div.blue[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92], div.blue[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    stroke:#98d6e6
}
div.seafoam[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92], div.seafoam[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    stroke:#8edbd0
}
div.white-bg[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .a[_ngcontent-serverApp-c92], div.white-bg[_ngcontent-serverApp-c92] svg[_ngcontent-serverApp-c92] .b[_ngcontent-serverApp-c92]{
    fill:#fff
}

/* --- */
.slider{
    display:flex;
    flex-direction:column
}
.slider, .slider .slider-view-port-wrapper{
    width:100%;
    position:relative
}
.slider .slider-view-port{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    width:100%;
    padding-top:75%
}
.slider .slider-view-port .slide-wrapper{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%
}
.slider .slider-view-port .slide-wrapper.active{
    left:0
}
.slider .slider-view-port .slide-wrapper.prev{
    right:105%
}
.slider .slider-view-port .slide-wrapper.next{
    left:105%
}
.slider .slider-view-port .slide-wrapper .slide-image{
    width:75%;
    height:auto;
    user-drag:none;
    transition:opacity .5s ease-in-out
}
.slider .slider-view-port .slide-wrapper .slide-image.ng-lazyloaded{
    opacity:1
}
.slider .slider-view-port .slide-wrapper .slide-image.full-width{
    width:100%
}
.slider .nav-thumbs{
    display:none
}
.slider .nav-arrows{
    height:0
}
.slider .nav-arrows app-icon-left-arrow, .slider .nav-arrows app-icon-right-arrow{
    width:15px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5
}
.slider .nav-arrows app-icon-left-arrow{
    left:5%
}
.slider .nav-arrows app-icon-right-arrow{
    right:5%
}
.slider .nav-dots ul{
    padding:0;
    justify-content:center;
    align-items:center;
    height:16px;
    height:1rem
}
.slider .nav-dots ul, .slider .nav-dots ul li.nav-dot{
    margin:.5rem;
    display:flex
}
.slider .nav-dots ul li.nav-dot button.dot{
    padding:.375rem;
    background-color:#98d6e6;
    border-radius:50%;
    transition:background-color .3s ease-in-out,transform .5s ease-in-out
}
.slider .nav-dots ul li.nav-dot button.dot.active{
    transform:scale(1.3333333333)
}
.slider .nav-dots ul li.nav-dot button.dot:hover{
    background-color:#46b5d2
}
.slider .nav-dots ul li.nav-dot button.dot:active, .slider .nav-dots ul li.nav-dot button.dot:visited{
    background-color:#98d6e6
}
.slider .nav-dots.on-slide{
    position:absolute;
    bottom:5%;
    left:50%;
    transform:translateX(-50%)
}
.slider .nav-dots.on-slide ul{
    margin:0
}
@media only screen and (min-width:768px){
    .slider{
        flex-direction:row
    }
    .slider .slider-view-port.short{
        padding-top:30%
    }
    .slider.row-desktop-display .slider-view-port{
        padding-top:0!important
    }
    .slider.row-desktop-display .slider-view-port .slider-slides{
        display:flex;
        width:100%
    }
    .slider.row-desktop-display .slider-view-port .slider-slides .slide-wrapper{
        position:relative;
        left:unset;
        top:unset;
        transform:translate(0);
        margin:0 1.5%;
        flex:30%
    }
}
@media only screen and (min-width:1024px){
    .slider .thumbs-wrapper{
        position:relative;
        margin-right:1rem
    }
    .slider .thumbs-wrapper .nav-thumbs{
        display:flex;
        flex-direction:column;
        max-height:500px;
        overflow-y:auto;
        overflow-x:hidden
    }
    .slider .thumbs-wrapper .nav-thumbs .scroll-arrow{
        position:absolute;
        left:0;
        right:0;
        padding:8px 32px;
        transition:background-color .3s ease-in-out
    }
    .slider .thumbs-wrapper .nav-thumbs .scroll-arrow.up{
        top:0;
        transform:rotate(180deg)
    }
    .slider .thumbs-wrapper .nav-thumbs .scroll-arrow.down{
        bottom:0
    }
    .slider .thumbs-wrapper .nav-thumbs .scroll-arrow.hide{
        display:none
    }
    .slider .thumbs-wrapper .nav-thumbs .thumbnail{
        margin-bottom:1rem;
        position:relative;
        width:96px;
        max-height:96px;
        min-height:96px;
        display:flex;
        padding:0
    }
    .slider .thumbs-wrapper .nav-thumbs .thumbnail img{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
        -o-object-position:top;
        object-position:top;
        opacity:0;
        transition:opacity .5s ease-in-out
    }
    .slider .thumbs-wrapper .nav-thumbs .thumbnail img.ng-lazyloaded{
        opacity:1
    }
    .slider .thumbs-wrapper .nav-thumbs .thumbnail .overlay{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background-color:#fff;
        background-color:hsla(0,0%,100%,.5);
        transition:background-color .3s ease-in-out
    }
    .slider .thumbs-wrapper .nav-thumbs .thumbnail:hover .overlay{
        background-color:transparent
    }
    .slider .nav-dots.hide-desktop{
        display:none
    }
}
/* --- */
.featured[_ngcontent-serverApp-c94]{
    flex-wrap:wrap;
    max-width:1200px;
    margin:auto
}
.featured[_ngcontent-serverApp-c94], .featured[_ngcontent-serverApp-c94] .image[_ngcontent-serverApp-c94]{
    display:flex;
    align-items:center;
    justify-content:center
}
.featured[_ngcontent-serverApp-c94] .image[_ngcontent-serverApp-c94]{
    width:50%;
    padding:2px 3%
}
.featured[_ngcontent-serverApp-c94] .image[_ngcontent-serverApp-c94] img[_ngcontent-serverApp-c94]{
    width:100%
}
@media only screen and (min-width:1024px){
    .featured[_ngcontent-serverApp-c94] .image[_ngcontent-serverApp-c94]{
        width:30%;
        padding:2px 3%
    }
}
/* --- */
div[_ngcontent-serverApp-c95]{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
div[_ngcontent-serverApp-c95] svg[_ngcontent-serverApp-c95]{
    width:100%;
    max-width:50px
}
div.white[_ngcontent-serverApp-c95] svg[_ngcontent-serverApp-c95] .a[_ngcontent-serverApp-c95]{
    fill:#fff
}
/* --- */
div[_ngcontent-serverApp-c14]{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
div[_ngcontent-serverApp-c14] svg[_ngcontent-serverApp-c14]{
    width:100%;
    max-width:50px
}
div.white[_ngcontent-serverApp-c14] svg[_ngcontent-serverApp-c14] .a[_ngcontent-serverApp-c14]{
    fill:#fff
}
div.pink[_ngcontent-serverApp-c14] svg[_ngcontent-serverApp-c14] .a[_ngcontent-serverApp-c14]{
    fill:#d30061
}
div.no-transition[_ngcontent-serverApp-c14] svg[_ngcontent-serverApp-c14]{
    transition:none
}


app-icon-checkmark-bullet div{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
app-icon-checkmark-bullet div svg{
    width:100%;
    max-width:50px
}
app-icon-checkmark-bullet div svg .a, div svg .b{
    fill:none;
    stroke-linecap:round;
    stroke-width:2px
}
app-icon-checkmark-bullet div svg .b{
    stroke-linejoin:round
}
app-icon-checkmark-bullet div.pink svg .a, div.pink svg .b{
    stroke:#d30061
}
app-icon-checkmark-bullet div.white-pink svg .a{
    stroke:#fff
}
app-icon-checkmark-bullet div.pink-white svg .a, div.white-pink svg .b{
    stroke:#d30061
}
app-icon-checkmark-bullet div.pink-white svg .b{
    stroke:#fff
}
app-icon-checkmark-bullet div.blue svg .a, div.blue svg .b{
    stroke:#98d6e6
}
app-icon-checkmark-bullet div.seafoam svg .a, div.seafoam svg .b{
    stroke:#8edbd0
}
app-icon-checkmark-bullet div.white-bg svg .a, div.white-bg svg .b{
    fill:#fff
}