.m-usage-hero{position:relative}.m-usage-hero .content{bottom:36px;left:0;max-height:65%;overflow:auto;padding:4rem 5%;position:absolute;width:100%;z-index:10}.m-usage-hero .content.-color-black{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.25)),to(rgba(0,0,0,.8)));background:linear-gradient(180deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.8));color:#fff}@media screen and (max-width:768px){.m-usage-hero .content.-color-black{background:rgba(0,0,0,.55)}}.m-usage-hero .content.-color-white{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.25)),to(hsla(0,0%,100%,.8)));background:linear-gradient(180deg,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.8));color:#000}@media screen and (max-width:768px){.m-usage-hero .content.-color-white{background:#fff}}.m-usage-hero .content.-color-white .image{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,.8)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8))}@media screen and (max-width:768px){.m-usage-hero .content{border-radius:8px;-webkit-box-shadow:0 3px 30px rgba(0,0,0,.3);box-shadow:0 3px 30px rgba(0,0,0,.3);margin:3.5rem auto 0;padding:1.6rem;position:static;width:calc(100% - 40px)}}.m-usage-hero .inner{margin:0 auto}.m-usage-hero .haed{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:768px){.m-usage-hero .haed{display:block}}.m-usage-hero .image{-webkit-box-flex:0;background-color:#fff;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 2% 0 0;padding:1rem;text-align:center;width:26rem}@media screen and (max-width:768px){.m-usage-hero .image{margin:0 0 1rem;width:100%}}.m-usage-hero .text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.m-usage-hero .title{font-size:2.2rem;font-weight:700;margin:0 0 2rem}@media screen and (max-width:768px){.m-usage-hero .title{font-size:1.4rem;margin-bottom:.7rem}}.m-usage-hero .image-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:1rem -.8% 0}@media screen and (max-width:768px){.m-usage-hero .image-group{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0}.m-usage-hero .image-group:after{content:"";display:block;width:31%}}.m-usage-hero .image-group .item{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:2rem .8% 0;padding:1rem;text-align:center;width:18.4%}.m-usage-hero .image-group .item img{-webkit-box-flex:0;display:block;-ms-flex:0 1 auto;flex:0 1 auto;height:auto}@media screen and (max-width:768px){.m-usage-hero .image-group .item{margin:1.3rem 0 0;width:31%}}.m-usage-hero .swiper-container{opacity:0;padding-bottom:36px}@media screen and (max-width:768px){.m-usage-hero .swiper-container{padding-bottom:30px}}.m-usage-hero .swiper-container.swiper-container-initialized{opacity:1}.m-usage-hero .swiper-pagination{bottom:0;font-size:0;left:0;position:absolute;text-align:center;width:100%;z-index:2}.m-usage-hero .swiper-pagination .swiper-pagination-bullet{background-color:#9f9f9f;border-radius:50%;cursor:pointer;display:inline-block;height:1.2rem;margin:0 1.4rem;width:1.2rem}.m-usage-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#e0c463}.m-usage-hero .main-image{width:100%}