@font-face{font-family:'DB Ozone X';src:url("../fonts/db_ozone_x/db_ozone_x_li-webfont.eot");src:url("../fonts/db_ozone_x/db_ozone_x_li-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/db_ozone_x/db_ozone_x_li-webfont.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:'DB Ozone X';src:url("../fonts/db_ozone_x/db_ozone_x-webfont.eot");src:url("../fonts/db_ozone_x/db_ozone_x-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/db_ozone_x/db_ozone_x-webfont.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:'DB Ozone X';src:url("../fonts/db_ozone_x/db_ozone_x_med-webfont.eot");src:url("../fonts/db_ozone_x/db_ozone_x_med-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/db_ozone_x/db_ozone_x_med-webfont.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:'DB Ozone X';src:url("../fonts/db_ozone_x/db_ozone_x_bd-webfont.eot");src:url("../fonts/db_ozone_x/db_ozone_x_bd-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/db_ozone_x/db_ozone_x_bd-webfont.ttf") format("truetype");font-weight:600;font-style:normal}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{margin:0;padding:0;font-family:"DB Ozone X", sans-serif;-webkit-font-smoothing:antialiased}p,li,dd,dt{color:#7B7B7B;font-size:22px;margin:0}h2{font-size:34px;color:#0058A9;font-weight:500;margin:0}h3{font-size:27px;color:#0058A9;font-weight:500;margin:20px 0 10px}h4{font-size:22px;font-weight:400;color:#7B7B7B;margin:20px 0 5px}section{overflow:hidden}.blue{color:#0058A9}.grey{color:#7B7B7B}.mobile{display:none}.desktop{display:block}@media screen and (max-width: 840px){.mobile{display:block}.desktop{display:none}}.nobr,.nowrap{white-space:nowrap}.space-top{margin-top:20px !important}.container{max-width:880px;margin:0 auto}.heading{max-width:880px;margin:0 auto 10px;border-top:2px solid rgba(0,88,169,0.4);padding-top:15px;cursor:pointer;position:relative}.heading span{display:inline-block;border-bottom:3px solid #C2D500;padding-bottom:4px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.heading::after{content:"";background:url(../images/arrow_down.svg) no-repeat center center/contain;width:20px;height:10px;display:block;position:absolute;right:0;top:32px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.heading.hidden::after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.heading.hidden span{border-bottom:3px solid #FFF}.heading:first-child{margin-top:50px}.heading:xhover span{border-bottom:3px solid #C2D500}.detail{padding:20px 0 50px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;height:auto}.detail.hidden{height:0;opacity:0;overflow:hidden;padding:0}.detail ul,.detail ol{margin:0;padding:0;padding-left:1.3em}.detail ul li,.detail ol li{margin-bottom:3px}.section-hero{background:#00b4e0 url(../images/bg_hero@2x.jpg) no-repeat bottom center/1170px 600px;color:#FFF;min-height:680px;padding-top:30px}.section-hero .container{position:relative;max-width:1000px}.section-hero h1,.section-hero p{color:#FFF}.section-hero .bla-logo{position:absolute;top:20px;right:0}.section-hero .bla-logo img{display:block;width:180px}.section-hero .app-logo{position:absolute;top:0;left:0}.section-hero .content{width:420px;position:absolute;top:160px;right:0}.section-hero .content h1{font-size:50px;font-weight:500;line-height:1.1em;margin:0}.section-hero .content h1 .smaller{display:block;font-size:34px;font-weight:400;margin:15px 0;line-height:1em}.section-hero .content h1 .smaller strong{font-weight:500}.section-hero .content h1 .smaller+.smaller{margin-top:-10px}.section-hero .content p{margin:0;margin-top:25px;font-size:24px}@media screen and (max-width: 840px){.section-hero{background:url(../images/bg_hero_mobile.jpg) no-repeat top center/cover;height:180vw;min-height:500px}}.section-whatin{height:650px;position:relative;background:url(../images/bg_detail.png) no-repeat bottom center/1920px 650px}.section-whatin h2{font-size:60px;text-align:center;margin:40px 0}.section-whatin #photo-mobile{width:400px;height:600px;position:absolute;left:50%;top:110px;margin-left:-200px;z-index:2}.section-whatin #photo-mobile img{max-width:100%;height:auto}.section-whatin #photo-mobile #mobile-app{position:absolute;width:205px;left:96px;top:92px}.section-whatin .decorate{display:block;width:260px;height:260px;background:url(../images/decorate.svg) no-repeat center center/contain;position:absolute;right:-40px;top:20px;pointer-events:none;z-index:1}#show-feature{display:block;position:absolute;left:calc( 50% + 160px );top:160px;width:280px;height:240px;text-align:center;z-index:9}#show-feature .large-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;width:80px;margin:10px auto}#show-feature img{width:50px;height:auto}#show-feature h4{color:#0058A9;font-size:34px;font-weight:500;margin:0;line-height:1em}#show-feature p{font-size:24px;color:#444;line-height:1.1em}#app-features{list-style-type:none;margin:0;padding:0;position:absolute;top:160px;left:calc( 50% - 380px );width:300px;z-index:8}#app-features li a{display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:10px 0;height:60px}#app-features li a .icon{width:50px}#app-features li a img{display:inline-block}#app-features li a h3{font-size:30px;margin:0;line-height:0.9em}#app-features li a h3 span{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border-bottom:3px solid transparent}#app-features li a .feature,#app-features li a .photo{display:none}#app-features li a.active h3 span{border-bottom:3px solid #00B2F3}.buttons{list-style-type:none;position:absolute;left:calc( 50% + 160px );width:320px;height:100px;top:400px;margin:0;padding:0;z-index:10}.button{background-color:#0058A9;color:#FFF;text-decoration:none;display:block;max-width:280px;text-align:center;font-size:24px;font-weight:500;margin:15px 0;border-radius:3px 3px;line-height:45px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.button:hover{background-color:#008dd0;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,0.2);box-shadow:0 0 16px 0 rgba(0,0,0,0.2)}.devices{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:90px;-ms-flex-wrap:wrap;flex-wrap:wrap}.devices li{width:240px}.app-table{max-width:580px;margin:30px auto;width:90%}.app-table thead th{background-color:#0058A9;color:#FFF;text-align:center;font-size:24px;font-weight:500;padding:6px 20px;border:2px solid #FFF}.app-table thead tr:nth-child(2) th{background-color:#00B2F3}.app-table tbody td{text-align:center;color:#444444;font-size:24px;padding:6px 20px;border:2px solid #FFF;background-color:rgba(0,88,169,0.1)}.app-table tbody tr:nth-child(odd) td{background-color:rgba(0,88,169,0.25)}.score-detail{background-color:rgba(0,88,169,0.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 20px;margin:20px auto 40px;max-width:580px;width:90%;font-size:20px;color:#444444}.score-detail div{text-align:center}.score-detail .x{font-size:34px;width:70px;font-weight:600}.score-detail .separate{display:block;height:2px;background-color:rgba(0,0,0,0.4)}.scroll-image{overflow-x:auto}.scroll-image img{display:block;max-width:3000px;padding:0}ul.example-shop{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-weight:500}ul.example-shop li{text-align:center;padding:20px}dl{padding:20px 0 0}dl dt,dl dd{position:relative;padding:0 40px 0 50px;margin:0;font-weight:500}dl dt::before,dl dd::before{content:"";display:block;width:32px;height:32px;line-height:34px;background-color:#00B2F3;border-radius:50% 50%;text-align:center;font-size:26px;font-weight:500;color:#FFF;position:absolute;top:0;left:0}dl dt{color:#0058A9;margin-bottom:20px;font-size:24px}dl dt::before{content:"Q"}dl dd{margin-bottom:40px}dl dd::before{content:"A";background-color:#7B7B7B}.footer{margin-top:30px}.footer img{max-width:100%;width:100%;height:auto}@media screen and (max-width: 840px){.section-hero{padding-top:0}.section-hero .bla-logo{top:15px;right:20px}.section-hero .bla-logo img{width:30vw;height:auto}.section-hero .app-logo{width:24vw;height:auto;left:50%;margin-left:-12vw;top:17vw}.section-hero .content{text-align:center;left:0;right:0;top:43vw;width:100%;padding:0 20px}.section-hero .content h1{font-size:12vw}.section-hero .content h1 .smaller{font-size:6.4vw;margin:8px 0}.section-hero .content h1 .smaller strong{display:block;font-size:7.2vw}.section-hero .content p{font-size:5.6vw;margin-top:-1vw}.section-whatin{height:203vw;background-size:cover}.section-whatin h2{font-size:9vw;margin:20px 0}.section-whatin #photo-mobile{width:80%;left:0;top:64vw;margin-left:10vw}.section-whatin #photo-mobile #mobile-app{left:19vw;width:41.3vw;top:18vw}.section-whatin .decorate{top:65vw;right:-70px}#show-feature{left:0;top:45vw;width:100%;height:100px;padding:0 20px}#show-feature .large-icon{display:none}#show-feature h4{font-size:27px;font-size:7vw;margin-bottom:5px}#show-feature p{font-size:4.5vw}#app-features{top:17vw;padding-left:20px;padding-right:20px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:auto;width:100vw;height:22vw}#app-features li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;min-width:18vw}#app-features li a .icon{height:13vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app-features li a .icon img{max-height:10vw;height:6vw;width:auto}#app-features li a h3{margin-top:5px;font-size:4.5vw;white-space:nowrap}.buttons{left:0;width:100%;top:166vw}.buttons li{margin:0 auto}.buttons .button{margin:12px auto}h3{font-size:26px}section .heading:first-child{border-top:none;margin-top:10px}.xdetail{padding-left:20px;padding-right:20px}.container{padding-left:20px;padding-right:20px}.heading{margin-left:20px;margin-right:20px;font-size:28px;margin-top:0}.heading::after{top:25px}.app-table,.score-detail{width:100%;border:0}.app-table thead th,.app-table thead td,.app-table tbody th,.app-table tbody td{padding:5px 5px;border:1px solid #FFF}.score-detail{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.scroll-image{margin-left:-20px;margin-right:-20px;-webkit-overflow-scrolling:touch;overflow-x:scroll}ul.example-shop{width:100%;-ms-flex-pack:distribute;justify-content:space-around}dl dt,dl dd{padding-right:0}}@media screen and (max-width: 600px){.devices{display:block;height:auto}.xsection-whatin #photo-mobile{width:80%;left:0;top:38vw;margin-left:12vw}.xsection-whatin #photo-mobile #mobile-app{left:19vw;width:41.3vw;top:46vw}#show-feature h4{font-size:27px}#show-feature p{font-size:24px}#app-features{top:19vw;padding-left:20px;padding-right:20px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;width:100vw;height:22vw}#app-features li a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;min-width:100px;padding:0 8px}#app-features li a .icon{height:32px}#app-features li a .icon img{max-height:30px;height:30px;width:auto}#app-features li a h3{font-size:24px;white-space:nowrap}#app-features li a p{font-size:22px}.buttons{left:0;width:100%;top:167vw}.buttons li{margin:0 auto}.buttons .button{margin:12px auto}}