#product{}
#fp-nav ul li{width:0.125rem;height:2rem;}
#fp-nav ul li a span{top:0;left:0;margin:0;width:0.125rem;height:2rem;border-radius:0;background:#d0e0edb3}
#fp-nav ul li:hover a span{margin:0;width:0.125rem;height:2rem;}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{margin:0;width:0.125rem;height:2rem;border-radius:0;background:#3899ec}
#fp-nav ul li .fp-tooltip{top:0!important;line-height:2rem;color:#474747 !important;}
.fp-slidesNav ul li{width:1rem;height:0.125rem}
.fp-slidesNav ul li a span{top:0;left:0;margin:0;width:1rem;height:0.125rem;border-radius:0;background:#d0e0edb3}
.fp-slidesNav ul li:hover a span{margin:0;width:1rem;height:0.125rem}
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span{margin:0;width:1rem;height:0.125rem;border-radius:0;background:#3899ec}
#product .section{position:relative;width:100%;height:100vh;}
#product .section .container{position:absolute;top:50%;left:50%;margin:0 auto;transform:translateX(-50%) translateY(-50%);}
#product .section .icon-mouse{position: absolute;bottom:6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#product .section .icon-mouse img{cursor: pointer;}
#product .section-banner{position:relative;background:url("../../images/home/product/banner-bg.svg") center center no-repeat;background-size:cover;}
#product .section-banner .text{}
#product .section-banner .text h1{margin-top:3rem;font-size:2.5rem;}
#product .section-banner .text ul{margin-top:2rem;}
#product .section-banner .text ul li{position:relative;padding-left:1.25rem;line-height:3rem;font-size:1.5rem;font-weight:200;color:#3b3b3b;}
#product .section-banner .text ul li::after{content:"";position:absolute;top:1.2rem;left:0;width:.6rem;height:.6rem;background:#3899ec;border:0;border-radius:50%;}
#product .section-banner .text a.button{margin-top:3rem;}
#product .section-banner .image{}
#product .section-banner .image img{width:100%;}
#product .section-feature{}
#product .section-feature .title{}
#product .section-feature .title h2{font-size:2.5rem;}
#product .section-feature .title p{margin-top:1rem;font-size:1.5rem;font-weight:200;}
#product .section-feature .content{margin-top:4rem;}
#product .section-feature .content .text{}
#product .section-feature .content .text h3{}
#product .section-feature .content .text dl{padding-top:2rem;}
#product .section-feature .content .text dl dt{font-size:1.5rem;}
#product .section-feature .content .text dl dd{padding-top:1rem;font-weight:200;}
#product .section-feature .content .image{display:inline-block;position:relative;border-radius:0 3rem;overflow:hidden;}
#product .section-feature .content .image img{width:100%;}
#product .section-show{}
#product .section-show .title{}
#product .section-show .title h2{}
#product .section-show .title p{margin-top:1rem;font-size:1.5rem;font-weight:300;}
#product .section-show .content{margin-top:7rem;}
#product .section-show .content .image{display:inline-block;position:relative;border-radius:0 3rem;overflow:hidden;}
#product .section-show .content .text{margin-top:2rem;}
#product .section-show .content .text dt{padding-bottom:1rem;font-size:1.5rem;}
#product .section-show .content .text dd{position:relative;padding-left:1.25rem;line-height:2rem;color:#3b3b3b;}
#product .section-show .content .text dd:after{content:"";position:absolute;top:.75rem;left:0;width:.5rem;height:.5rem;background:#3899ec;border:0;border-radius:0;}

@media only screen and (max-width:768px) {
    #about .banner{height:20rem;}
    #about .banner .text{width:100%;}
    #about .banner .text h2{font-size:1.25rem;}
    #about .banner .text p{font-size:1.25rem;}
    #about .story{margin-top:3rem;}
    #about .story .text h2{margin-top:0;}
    #about .story .image{margin-top:2rem;}
    #about .story .image img{width:100%;}
}