@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");:root{--color-main: #fd6c30;--color-soft-main: #ff9402;--color-second: #7658ac;--color-soft-second: #8e7eac;--color-second-bg: #f6f1ff;--color-third: #824800;--color-third-bg: #ffeed9;--color-fourth: #00a700;--color-soft-fourth: #28a428;--color-fourth-bg: #f2fff2;--color-black: #000000;--color-white: #ffffff;--color-text-navbar: #373738;--color-text-one: #3b3b3b;--color-text-two: #577380;--color-text-three: #333333;--color-text-four: #636363;--color-text-blue: #017aff;--color-border: #383838;--color-soft-blue-bg: #f1fbff;--color-soft-yellow-bg: #fff7eb;--box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;--font-family-main: "Montserrat", sans-serif;--custom-scroll-top: 133px;--color-border: #d9d9d9}@media screen and (min-width: 992px){:root{--custom-scroll-top: 105px}}.custom-scroll-top{scroll-margin-top:var(--custom-scroll-top)}i.live{background-image:url("../img/icon/i-live.svg")}i.facebook{background-image:url("../img/icon/social/i-facebook.svg")}i.twitter{background-image:url("../img/icon/social/i-twitter.svg")}i.instagram{background-image:url("../img/icon/social/i-instagram.svg")}i.youtube{background-image:url("../img/icon/social/i-youtube.svg")}i.linkedin{background-image:url("../img/icon/social/i-linkedin.svg")}html{scroll-behavior:smooth}body{font-family:var(--font-family-main);color:var(--color-black)}.text-main{color:var(--color-soft-main-one)}.custom-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 0;width:170px;font-size:0.875rem;font-weight:700;border-radius:5px;color:var(--color-white);white-space:nowrap}@media screen and (max-width: 991px){.custom-btn{padding:10px 15px;width:120px}}@media screen and (min-width: 992px){.custom-btn:hover{background-color:var(--color-text-one) !important;color:var(--color-white) !important}}.page-navbar{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-white);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);z-index:5}@media screen and (max-width: 991px){.page-navbar{border-bottom:2px solid rgba(99,99,99,0.2)}}.page-navbar .navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:25px 0}@media screen and (max-width: 991px){.page-navbar .navigation{position:relative;padding:15px 0}}@media screen and (max-width: 991px){.page-navbar .navigation--inline-wrapper{position:absolute;top:101%;right:-8px;left:-8px;background-color:var(--color-white);overflow:scroll;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}@media screen and (max-width: 991px) and (min-width: 768px){.page-navbar .navigation--inline-wrapper{left:-15px;right:-15px}}@media screen and (max-width: 991px){.page-navbar .navigation--inline-wrapper::-webkit-scrollbar{background:none}.page-navbar .navigation--inline-wrapper::-webkit-scrollbar-thumb{background:none}}.page-navbar .navigation--link-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.page-navbar .navigation--link-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width: 991px){.page-navbar .navigation--link-wrapper{padding:0 10px;white-space:nowrap}}.page-navbar .navigation--link:not(:last-child){margin-right:50px}.page-navbar .navigation--link a{display:block;padding:15px 0;color:var(--color-text-navbar);text-transform:uppercase;font-size:0.875rem;font-weight:700;border-bottom:2px solid transparent}@media screen and (min-width: 992px){.page-navbar .navigation--link a{padding:10px 0}.page-navbar .navigation--link a:hover{color:var(--color-main);border-bottom:2px solid var(--color-main)}}.page-navbar .navigation .watch-live{background-color:var(--color-main)}.page-navbar .navigation .watch-live .live{display:block;margin-left:10px;width:25px;height:25px;background-position:center;background-repeat:no-repeat;background-size:contain}.header{height:420px;background-image:url("../img/page/header/header-bg.png");background-repeat:no-repeat;background-position:top;background-size:cover}@media screen and (max-width: 991px){.header{margin-top:55px;height:250px}}.header-inline-wrapper{max-width:165px;margin:17px 22px}@media screen and (min-width: 768px){.header-inline-wrapper{max-width:300px;margin:70px 50px}}@media screen and (min-width: 992px){.header-inline-wrapper{max-width:400px;margin:100px 100px}}.header--head{font-size:1rem;font-weight:700;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,0.1)}@media screen and (min-width: 992px){.header--head{font-size:2rem}}.header--desc{margin-top:10px;font-size:0.85rem;font-weight:400;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,0.1)}@media screen and (min-width: 992px){.header--desc{margin-top:20px;font-size:1rem}}.header--desc .bold{font-weight:700}.header .login{margin-top:15px;color:var(--color-text-one);background-color:var(--color-white)}@media screen and (min-width: 992px){.header .login{margin-top:30px;font-size:1rem}}.steps{margin-top:60px}@media screen and (max-width: 991px){.steps{margin-top:20px}}.steps .step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:35px 30px;background-color:var(--color-soft-blue-bg);border-radius:10px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}@media screen and (max-width: 991px){.steps .step{padding:30px 15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.steps .step.reverse{background-color:var(--color-soft-yellow-bg)}@media screen and (max-width: 991px){.steps .step.reverse .step--head{color:var(--color-text-blue)}}@media screen and (min-width: 992px){.steps .step.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.steps .step.reverse .step--head{color:var(--color-text-two)}}.steps .step--head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;color:var(--color-soft-main)}@media screen and (max-width: 991px){.steps .step--head{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.steps .step--head .count{font-size:8.5rem}@media screen and (max-width: 991px){.steps .step--head .count{font-size:5.8rem}}.steps .step--head .desc{max-width:300px;margin-left:10px;font-size:2.5rem;text-transform:uppercase}@media screen and (max-width: 991px){.steps .step--head .desc{margin-left:0;margin-right:30px;font-size:2rem}}.steps .step--desc{max-width:400px;font-size:0.875rem;font-weight:700;color:var(--color-text-two)}@media screen and (max-width: 991px){.steps .step--desc{margin-top:20px;font-size:1rem;font-weight:500}}.steps .step--img-wrapper{width:200px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width: 991px){.steps .step--img-wrapper{margin-top:20px;width:100%}}.steps .step--img-wrapper img{height:100%}.steps .step--img-wrapper img.lazyload{width:100%}.steps .step--img-wrapper img.lazyloading{width:100%}.brands-wrapper{margin-top:30px;padding:30px 15px;background-color:var(--color-second-bg)}@media screen and (min-width: 992px){.brands-wrapper{margin-top:60px;padding:60px 0}}.brands-wrapper .brands{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;text-align:center}@media screen and (min-width: 992px){.brands-wrapper .brands{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:start}}.brands-wrapper .brands--hero{display:none;font-size:1.5rem;font-weight:400;color:var(--color-soft-second)}@media screen and (min-width: 992px){.brands-wrapper .brands--hero{display:block}}.brands-wrapper .brands--head{margin-top:30px;font-size:1.5rem;font-weight:700;color:var(--color-text-one)}@media screen and (min-width: 992px){.brands-wrapper .brands--head{font-size:2rem}}.brands-wrapper .brands--head .head-one{color:var(--color-main)}.brands-wrapper .brands--head .head-two{color:var(--color-text-two)}.brands-wrapper .brands--desc{margin-top:30px;font-size:1.3rem;font-weight:400;line-height:normal;color:var(--color-text-one)}.brands-wrapper .brands--btn{margin-top:30px;background-color:var(--color-second)}.brands-wrapper .brands--img-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.brands-wrapper .brands--img-wrapper img{height:100%}.brands-wrapper .brands--img-wrapper img.lazyload{width:100%}.brands-wrapper .brands--img-wrapper img.lazyloading{width:100%}.why-onlivesale{margin-top:30px;padding:30px 15px;background-color:var(--color-fourth-bg)}@media screen and (min-width: 992px){.why-onlivesale{margin-top:60px;padding:60px 0}}.why-onlivesale .head{font-size:1.5rem;font-weight:700;color:var(--color-text-one);text-align:center}@media screen and (min-width: 992px){.why-onlivesale .head{font-size:2rem}}.why-onlivesale .head .head-one{color:var(--color-main)}.why-onlivesale .head .head-two{color:var(--color-text-two)}.why-onlivesale .reason--img-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.why-onlivesale .reason--img-wrapper img{height:100%}.why-onlivesale .reason--img-wrapper img.lazyload{width:100%}.why-onlivesale .reason--img-wrapper img.lazyloading{width:100%}.why-onlivesale .reason--head{margin-top:30px;font-size:1rem;font-weight:700;color:var(--color-soft-fourth);text-align:center;text-transform:uppercase}.why-onlivesale .reason--desc{margin-top:15px;font-size:0.875rem;font-weight:400;color:var(--color-text-four);text-align:center}.why-onlivesale .reason-btn{margin-top:40px;background-color:var(--color-fourth)}.broadcasters-wrapper{margin-top:30px;padding:30px 15px;background-color:var(--color-third-bg)}@media screen and (min-width: 992px){.broadcasters-wrapper{margin-top:60px;padding:60px 0}}.broadcasters-wrapper .broadcasters{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;text-align:center}@media screen and (min-width: 992px){.broadcasters-wrapper .broadcasters{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:end}}.broadcasters-wrapper .broadcasters--hero{display:none;font-size:1.5rem;font-weight:400;color:var(--color-third)}@media screen and (min-width: 992px){.broadcasters-wrapper .broadcasters--hero{display:block}}.broadcasters-wrapper .broadcasters--head{margin-top:30px;font-size:1.5rem;font-weight:700;color:var(--color-text-one)}@media screen and (min-width: 992px){.broadcasters-wrapper .broadcasters--head{font-size:2rem}}.broadcasters-wrapper .broadcasters--head .head-one{color:var(--color-third)}.broadcasters-wrapper .broadcasters--desc{margin-top:30px;font-size:1.3rem;font-weight:400;line-height:normal;color:var(--color-text-one)}.broadcasters-wrapper .broadcasters--btn{margin-top:30px;background-color:var(--color-third)}.broadcasters-wrapper .broadcasters--img-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.broadcasters-wrapper .broadcasters--img-wrapper img{height:100%}.broadcasters-wrapper .broadcasters--img-wrapper img.lazyload{width:100%}.broadcasters-wrapper .broadcasters--img-wrapper img.lazyloading{width:100%}.faq-wrapper{margin-top:30px;padding:30px 0}@media screen and (min-width: 992px){.faq-wrapper{margin-top:60px;padding:60px 0}}.faq-wrapper .faq{border:1px solid var(--color-border);border-radius:10px}.faq-wrapper .faq--hero{font-size:1.5rem;font-weight:700;color:var(--color-text-three);text-align:center}@media screen and (min-width: 992px){.faq-wrapper .faq--hero{font-size:2rem}}.faq-wrapper .faq--head{display:block;width:100%;margin:0;padding:16px 20px;font-size:0.875rem;font-weight:500;color:var(--color-text-three);cursor:pointer}.faq-wrapper .faq--head:not(:first-child){border-top:1px solid var(--color-border)}.faq-wrapper .faq--head.active{font-weight:700}.faq-wrapper .faq--control{display:none}.faq-wrapper .faq--desc{padding:0 20px;width:100%}.faq-wrapper .faq--desc p{margin:0;padding:20px 0}.faq-wrapper .faq .faq--control+.faq--desc{overflow:hidden;height:0;-webkit-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease}.faq-wrapper .faq .faq--control:checked+.faq--desc{border-top:1px solid var(--color-border);overflow:auto;height:125px}.footer-link-wrapper{margin-top:30px;padding:30px 15px;background-color:var(--color-soft-blue-bg)}@media screen and (min-width: 992px){.footer-link-wrapper{margin-top:60px;padding:60px 0}}.footer-link-wrapper .footer-link--clickable{display:block;margin:0;padding:15px 0;font-size:1rem;font-weight:700;color:var(--color-text-one)}@media screen and (min-width: 992px){.footer-link-wrapper .footer-link--clickable{padding:0}.footer-link-wrapper .footer-link--clickable:hover{color:var(--color-main)}}.footer-link-wrapper .footer-link--head{display:block;margin:0;padding:15px 0;font-size:1rem;font-weight:700;color:var(--color-text-one);-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}@media screen and (max-width: 991px){.footer-link-wrapper .footer-link--head{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.footer-link-wrapper .footer-link--head::after{position:absolute;content:"";width:22px;height:22px;right:0;background:url("../img/icon/i-up-arrow.svg") no-repeat;-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;-o-transition:transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease, -webkit-transform 0.5s ease}.footer-link-wrapper .footer-link--head.active::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}@media screen and (min-width: 992px){.footer-link-wrapper .footer-link--head{padding:0;margin-bottom:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.footer-link-wrapper .footer-link--control{display:none}.footer-link-wrapper .footer-link--desc{padding:0 20px;width:100%}@media screen and (min-width: 992px){.footer-link-wrapper .footer-link--desc{padding:0}}.footer-link-wrapper .footer-link--desc .link-wrapper{padding:0;margin:0}.footer-link-wrapper .footer-link--desc .link-wrapper .link{list-style-type:none}.footer-link-wrapper .footer-link--desc .link-wrapper .link a{display:block;padding:10px 0;font-size:1rem;font-weight:400;color:var(--color-text-one)}@media screen and (min-width: 992px){.footer-link-wrapper .footer-link--desc .link-wrapper .link a:hover{color:var(--color-main)}}@media screen and (max-width: 991px){.footer-link-wrapper .footer-link--control+.footer-link--desc{overflow:hidden;height:0;-webkit-transition:height 0.5s ease;-o-transition:height 0.5s ease;transition:height 0.5s ease}}@media screen and (max-width: 991px){.footer-link-wrapper .footer-link--control:checked+.footer-link--desc{overflow:auto;height:125px}}.footer-social-wrapper{margin-top:30px}@media screen and (min-width: 992px){.footer-social-wrapper{margin-top:40px}}.footer-social-wrapper .social-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 992px){.footer-social-wrapper .social-wrapper{padding:50px 0;border-top:1px solid var(--color-black)}}.footer-social-wrapper .social-wrapper .social{padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-social-wrapper .social-wrapper .social li{list-style-type:none}.footer-social-wrapper .social-wrapper .social li:not(:last-child){margin-right:30px}.footer-social-wrapper .social-wrapper .social li a i{display:block;width:40px;height:40px}@media screen and (min-width: 992px){.footer-social-wrapper .social-wrapper .social li a i{width:46px;height:46px}}.footer-copyright{margin-bottom:30px}@media screen and (max-width: 991px){.footer-copyright{margin-top:30px}}.footer-copyright--text{font-size:1rem;font-weight:400;text-align:center;color:var(--color-text-one)}.page-popup{height:100%;width:0;position:fixed;z-index:10;left:0;top:0;background-color:rgba(0,0,0,0.8);overflow-x:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}.page-popup.popup-collapse{width:100%}.page-popup .content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:10%;margin:0 auto;padding:30px;height:calc(100vh - 20%);max-height:calc(100vh - 20%);max-width:770px;background-color:var(--color-white);border-radius:10px}@media screen and (max-width: 575px){.page-popup .content{padding:20px 15px}}@media screen and (max-width: 767px){.page-popup .content{margin:0 15px}}.page-popup .content--img-wrapper{width:100%;min-height:200px;max-height:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;overflow:hidden}.page-popup .content--img-wrapper img{width:100%;height:100%}.page-popup .content--img-wrapper img.lazyloaded{-o-object-fit:cover;object-fit:cover}.page-popup .content--head{margin-top:30px;font-size:1.5rem;font-weight:700;color:var(--color-text-two)}@media screen and (max-width: 575px){.page-popup .content--head{font-size:1rem}}.page-popup .content--desc{margin-top:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.page-popup .content--desc::-webkit-scrollbar{width:3px}.page-popup .content--desc::-webkit-scrollbar-track{background:var(--color-white)}.page-popup .content--desc::-webkit-scrollbar-thumb{background:var(--color-text-two)}.page-popup .content--desc::-webkit-scrollbar-thumb:hover{background:var(--color-text-four)}.page-popup .content .popup-closer{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-10px;right:-10px;width:32px;height:32px;background-color:var(--color-white);border-radius:50%;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);font-size:2.3rem;color:var(--color-text-two);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}@media screen and (min-width: 992px){.page-popup .content .popup-closer:hover{color:var(--color-text-one);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}}