.learn-more-wrapper h3{
    font-weight:600;
    color:#d30061
}
.learn-more-wrapper .whiteText{
    color:#fff
}
.learn-more-wrapper h4{
    font-size:21px
}
.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 .message p{
    line-height:1.5
}
.learn-more-wrapper .pmd-section.top .message p{
    color:#fff;
    width:50%;
    min-width:256px;
    margin:auto
}
.learn-more-wrapper .pmd-section.video .video-player{
    display:contents
}
.learn-more-wrapper .pmd-section.video-loop{
    padding-bottom:0
}
.learn-more-wrapper .pmd-section.how-it-works{
    background-color:#000
}
.learn-more-wrapper .pmd-section.how-it-works .message, .learn-more-wrapper .pmd-section.how-it-works .title.white h3{
    color:#fff
}
.learn-more-wrapper .pmd-section.how-it-works .message ul{
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around
}
.learn-more-wrapper .pmd-section.how-it-works .message ul li{
    min-width:288px;
    flex:33%;
    padding:16px 0
}
.learn-more-wrapper .pmd-section.how-it-works .message ul li .message, .learn-more-wrapper .pmd-section.how-it-works .message ul li .title{
    width:100%;
    padding:0 5%
}
.learn-more-wrapper .pmd-section.how-it-works .action{
    display:none
}
.learn-more-wrapper .pmd-section.before-after{
    padding-top:0
}
.learn-more-wrapper .pmd-section.before-after .message, .learn-more-wrapper .pmd-section.before-after .title{
    width:100%;
    padding:0 5%
}
.learn-more-wrapper .pmd-section.before-after .desktop-title{
    display:none
}
.learn-more-wrapper .pmd-section.prep-finish .title{
    width:100%;
    padding:0 5%
}
.learn-more-wrapper .pmd-section.prep-finish .message, .learn-more-wrapper .pmd-section.prep-finish .message .sub-section{
    width:100%
}
.learn-more-wrapper .pmd-section.prep-finish .message .sub-section .disp-box{
    background-color:#fcf0f3;
    padding:5%;
    margin:-25% 5% 0;
    display:inline-block
}
.learn-more-wrapper .pmd-section.prep-finish .message .sub-section .image{
    width:100%
}
.learn-more-wrapper .pmd-section.prep-finish .message .sub-section .image .desktop{
    display:none
}
.learn-more-wrapper .pmd-section.prep-finish .message .sub-section .image img{
    width:100%
}
.learn-more-wrapper .pmd-section.prep-finish .message .sub-section .message, .learn-more-wrapper .pmd-section.prep-finish .message .sub-section .title{
    width:100%;
    padding:0 5%
}
.learn-more-wrapper .pmd-section.faq .extended{
    display:none
}
@media only screen and (min-width:1024px){
    .learn-more-wrapper .features-section{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap
    }
    .learn-more-wrapper .features-section .pmd-section.video{
        flex:40%;
        order:1;
        background-color:#000;
        align-items:flex-end;
        justify-content:flex-start;
        padding:48px 8px 0 32px
    }
    .learn-more-wrapper .features-section .pmd-section.video .video-player{
        display:initial;
        position:relative
    }
    .learn-more-wrapper .features-section .pmd-section.video .video-player iframe{
        height:23.25vw!important;
        width:41vw!important
    }
    .learn-more-wrapper .features-section .pmd-section.video-loop{
        flex:25%;
        order:4;
        padding-top:16px;
        padding-right:15%
    }
    .learn-more-wrapper .features-section .pmd-section.video-loop iframe{
        height:21.25vw!important
    }
    .learn-more-wrapper .features-section .pmd-section.why-kiss{
        flex:25%;
        order:3;
        padding-left:15%;
        justify-content:flex-start;
        text-align:left
    }
    .learn-more-wrapper .features-section .pmd-section.why-kiss .action{
        justify-content:flex-start
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works{
        order:2;
        flex:50%;
        background-color:#000;
        text-align:left;
        padding:10px 5%
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works .title.black h3{
        color:#000
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works .message{
        color:#fff
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works ul{
        display:flex;
        flex-direction:column
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works ul li{
        display:flex;
        padding:0
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works ul li .video-info .title{
        margin-top:0
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works ul li iframe{
        width:25%;
        height:9vw
    }
    .learn-more-wrapper .features-section .pmd-section.how-it-works .action{
        display:initial;
        justify-content:flex-start;
        margin-left:29%;
        width:70%
    }
    .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.results{
        padding:0;
        width:100%
    }
    .learn-more-wrapper .pmd-section.results:after{
        content:"";
        display:block;
        width:80%;
        border-bottom:1px solid #e5e5e5
    }
    .learn-more-wrapper .pmd-section.results .message{
        align-items:center;
        display:flex;
        flex-direction:column
    }
    .learn-more-wrapper .pmd-section.results .message p{
        max-width:384px
    }
    .learn-more-wrapper .pmd-section.results .message .stats{
        width:80%
    }
    .learn-more-wrapper .pmd-section.results .message .stats li{
        flex:10%;
        padding:2%
    }
    .learn-more-wrapper .pmd-section.before-after{
        flex-direction:row-reverse;
        flex-wrap:wrap;
        padding-bottom:0
    }
    .learn-more-wrapper .pmd-section.before-after:after{
        content:"";
        display:block;
        width:80%;
        border-bottom:1px solid #e5e5e5
    }
    .learn-more-wrapper .pmd-section.before-after .mobile-title{
        display:none
    }
    .learn-more-wrapper .pmd-section.before-after slider-slider{
        flex:30%;
        padding-right:10%;
        padding-bottom:32px
    }
    .learn-more-wrapper .pmd-section.before-after .info{
        display:flex;
        flex-direction:column;
        text-align:left;
        flex:30%;
        padding-left:10%;
        padding-bottom:32px
    }
    .learn-more-wrapper .pmd-section.before-after .info .desktop-title{
        display:initial
    }
    .learn-more-wrapper .pmd-section.before-after .info .action{
        justify-content:flex-start;
        padding-left:5%
    }
    .learn-more-wrapper .pmd-section.prep-finish{
        padding-bottom:0
    }
    .learn-more-wrapper .pmd-section.prep-finish .message{
        display:flex;
        flex-direction:row;
        width:80%
    }
    .learn-more-wrapper .pmd-section.prep-finish .message .sub-section{
        padding:2% 5%
    }
    .learn-more-wrapper .pmd-section.prep-finish .message .sub-section .image .desktop{
        display:initial
    }
    .learn-more-wrapper .pmd-section.prep-finish .message .sub-section .image .mobile{
        display:none
    }
    .learn-more-wrapper .pmd-section.prep-finish .message .sub-section .disp-box{
        background-color:initial;
        margin:initial
    }
    .learn-more-wrapper .pmd-section.prep-finish .message .sub-section .action{
        display:none
    }
    .learn-more-wrapper .pmd-section.prep-finish .action{
        width:80%;
        padding-bottom:32px;
        border-bottom:1px solid #e5e5e5
    }
    .learn-more-wrapper .pmd-section.faq .message{
        display:flex;
        width:66%
    }
    .learn-more-wrapper .pmd-section.faq .message .faq-accordian{
        flex:50;
        margin:0 8px
    }
    .learn-more-wrapper .pmd-section.faq .message .faq-accordian.extended{
        display:initial
    }
}



.svg-radial-progress{
    position:relative;
    width:120px;
    height:120px
}
.svg-radial-progress svg{
    width:100%;
    height:100%
}
.svg-radial-progress svg .progress__meter, .svg-radial-progress svg .progress__value{
    fill:none
}
.svg-radial-progress svg .progress__meter{
    stroke:#f8c8d1
}
.svg-radial-progress svg .progress__value{
    stroke:#d30061;
    stroke-linecap:round;
    transform-origin:center;
    transform:rotate(-90deg);
    transition:stroke-dashoffset 1s ease-in-out
}
.svg-radial-progress svg .progress__text{
    font:700 32px Lato;
    fill:#d30061
}





/*


.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
    }
}
*/