.site-header--stuck{position:absolute!important}#BackToTop{display:none;visibility:hidden}.sup-container{color:#fff}.sup-container *{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.sup-container .link{cursor:pointer}.sup-container ul{margin-bottom:0;padding-left:0}.sup-container li{list-style:none}.sup-container a{text-decoration:none}.sup-container h5,.sup-container h6{text-transform:none;letter-spacing:0}.banner{padding:0 5%;background:url(/cdn/shop/files/supfam-bg-banner.png?v=1734423688) no-repeat center;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.banner h1{font-size:100px;font-weight:700;text-transform:uppercase;height:75px;line-height:80px;background:url(/cdn/shop/files/supfam-line-orange.png?v=1734423687) no-repeat no-repeat bottom}.banner .center{position:relative;margin-top:30px;height:28px}.banner .center span{display:block;text-align:center;font-size:30px;font-weight:400}.banner .center .play{display:block;z-index:10;width:97px;height:97px;position:absolute;left:calc(50% - 48.5px);top:-10px;cursor:pointer;border-radius:50%}.banner .center .play img{width:100%;height:100%}.banner h2{padding:0 40px;height:76px;margin-top:80px;line-height:74px;border:1px solid #fdfdfd;color:#fff;font-size:36px;font-weight:700;text-align:center}#VideoModal.show{width:100%;height:100%;display:flex!important;justify-content:center;align-items:center}#VideoModal .modal-dialog{width:90%;max-width:1000px!important}#VideoModal .modal-content{position:relative}#VideoModal .modal-close{width:30px;height:30px;line-height:30px;text-align:center;background:transparent;color:#fff;position:absolute;top:-40px;right:-12px;cursor:pointer;font-size:30px;transform:rotate(45deg);transition:all .3s}#VideoModal .modal-close:hover{transform:rotate(225deg)}#VideoModal video{width:100%;height:100%;object-fit:fill}.sup-container .nav{display:flex;justify-content:center;align-items:center;height:180px;background-color:#1a1b1c}.nav .search{margin-left:100px;margin-bottom:10px;width:235px;height:28px;position:relative}.search-input{width:235px;height:28px;border-radius:14px;border:solid 1px #ffffff;background:transparent;padding:0 94px 0 15px;color:#fff;font-size:14px}.search-icon{border:0;background-color:transparent;display:block;width:88px;height:28px;line-height:28px;position:absolute;right:8px;top:0;color:#fff;font-size:14px;cursor:pointer}.search-svg{width:20px;height:20px;vertical-align:center}.nav ul{display:flex;justify-content:space-between;width:60%;font-size:12px;font-weight:700;text-align:center}.nav ul li a{cursor:pointer;text-transform:uppercase;font-size:18px;font-weight:700;color:#fff;line-height:40px;height:40px;display:inline-block}.nav ul li{padding-bottom:10px}.nav ul a:hover{background:url(/cdn/shop/files/supfam-line-orange.png?v=1734423687) repeat no-repeat bottom;background-size:100% 4px}.content-page{padding:0 5%;overflow:hidden}.section-title{position:relative;height:146px;margin-top:30px}.section-title-bg{position:absolute;top:0;width:100%;height:146px;line-height:146px;text-align:center;font-size:160px;font-weight:700;text-transform:uppercase;color:#fcfdfe;opacity:.02;pointer-events:none;white-space:nowrap}.section-title-body{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.section-title-body h1{text-align:center;text-transform:uppercase;font-size:48px;font-weight:700;height:35px;line-height:35px}.section-title-body p{padding:0 10%;margin-top:20px;text-align:center;line-height:30px;font-size:24px;font-weight:400}#fun-facts{padding:0 5%;background:#020202;position:relative;overflow:hidden}#fun-facts .section-title{height:190px}#fun-facts .section-title-body{padding-top:20px}#chart-map{height:560px;margin:20px 0}.map-tooltip{background:#ff7d01;color:#fff;font-size:14px}.map-tooltip.font-small{font-size:12px;color:#fff}.statistic{margin:40px auto 30px;width:80%}.statistic ul{display:flex}.statistic ul li{flex:1;text-align:left}.statistic ul li h5{font-size:24px;font-weight:400;height:17px;line-height:24px}.statistic ul li h2{display:inline-block;margin-top:10px;font-weight:700;font-size:48px;color:#3e3e3e}.statistic ul li:nth-child(1) h2{background:linear-gradient(to right,#3e3390,#7e6df7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.statistic ul li:nth-child(2) h2{background:linear-gradient(to right,#80009d,#df4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.statistic ul li:nth-child(3) h2{background:linear-gradient(to right,#7c3d00,#ff8814);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.statistic ul li:nth-child(4) h2{background:linear-gradient(to right,#005eb0,#489de9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#our-journey{position:relative;background:url(/cdn/shop/files/supfam-bg-our-journey.jpg?v=1740042852) no-repeat center;background-size:cover;color:#fbfcfd}#our-journey .section-title h5{margin-top:8px;text-align:center;font-size:24px}#our-journey .timeline{margin-top:13px;margin-bottom:10px;padding-bottom:5px;color:#fdfdfd;border-bottom:4px solid rgba(0,0,0,.15)}#our-journey .timeline ul{display:flex;justify-content:space-between;width:100%}#our-journey .timeline li{width:200px;cursor:pointer;font-size:27px;font-weight:700;text-align:center}#our-journey .timeline li span{display:inline-block;width:100%;padding:5px 20px;cursor:pointer}#our-journey .timeline li.active span{background-color:#f18e2e59}.oj{display:none;overflow:hidden;height:656px}.oj-left{flex:10}.oj-right{flex:7;padding-left:60px}.oj-right h3{margin-top:200px;line-height:50px;font-size:72px;font-weight:700;color:#ff7e00}.oj-right p{margin-top:40px;font-size:30px;line-height:1.5}.oj-2011-content{display:flex;height:100%}.oj-2011-content .oj-left{border:5px solid rgba(112,61,0);background:#000;opacity:.57;display:flex;justify-content:center;align-items:center}.oj-2011-content .oj-right{background-color:#703d0091;position:relative}.learn-more{visibility:hidden;width:205px;height:45px;line-height:45px;border:solid 1px #ffffff;display:block;position:absolute;bottom:40px;right:30px;color:#fff;text-align:center;font-size:24px}.learn-more:hover{background:#eee;color:#000;border-color:#000}.oj-2017-content,.oj-2020-content{display:flex;background:#fff;color:#000;padding:37px 60px 35px}.oj-2017-content .oj-left,.oj-2020-content .oj-left{flex:50%}.oj-2017-content .oj-right,.oj-2020-content .oj-right{flex:50%;padding-left:115px}.oj-2014,.oj-2015{padding:76px 105px 63px}.oj-2014{background:url(/cdn/shop/files/supfam-oj-2014.jpg?v=1740042853) no-repeat center}.oj-2014-content p{text-align:center;font-weight:400}.oj-2014-content .logos{margin-top:45px}.oj-2014-content .logos ul,.oj-2018-content .oj-row-bottom ul{display:flex;justify-content:space-evenly;align-items:center}.oj-2015{background:url(/cdn/shop/files/supfam-oj-2015.jpg?v=1740042853) no-repeat center}.oj-2015-img{margin-top:50px;display:flex;justify-content:center;align-items:center}.oj-row-content{height:100%;overflow:hidden;background-color:#00000080;position:relative}.oj-row-content span{position:absolute;top:-16px;right:73px;font-size:170px;font-weight:700;color:#ff7e00;line-height:1}.oj-row-content h1{margin-top:68px;height:53px;font-size:72px;font-weight:700;line-height:50px;color:#ff7e00;text-align:center}.oj-row-content h3{margin-top:20px;height:29px;font-size:30px;font-weight:400;line-height:24px;text-align:center}.oj-row-content p{margin-top:20px;font-size:24px;font-weight:400;line-height:1.5;padding:0 8%}.oj-2018-content{display:flex;flex-direction:column}.oj-2018-content .oj-row-top{flex:52;background:#d3d3d3}.oj-2018-content .oj-row-top h1{margin-top:100px}.oj-2018-content .oj-row-top p{text-align:center}.oj-2018-content .oj-row-bottom{flex:48;background:#fff}.oj-2018-content .oj-row-bottom ul{height:100%;padding:0 20%}#feature-products{background:#131313;position:relative}.fp-content{margin-top:30px}.fp-nav{height:55px;background:#000;font-size:27px;font-weight:700;color:#fbfcfd}.fp-nav ul{display:flex;justify-content:space-between;height:100%;font-size:26px;font-weight:700;color:#fbfcfd}.fp-nav ul li{flex:1;height:55px;line-height:55px;cursor:pointer;text-align:center}.fp-nav ul li.active{background-color:#f18e2e59}.fp-img{position:relative;border-radius:10px;height:656px}.prod{display:none;position:relative}.prod img{width:100%;object-fit:contain}#super-u{background:#1f1f1f;background-size:cover}#super-u>h1{margin:90px 0 100px;line-height:1;font-size:48px;font-weight:700;color:#fcfdfe;text-align:center;text-transform:uppercase}.su-content{display:flex;justify-content:space-between;margin-top:50px;height:671px}.su-content .su-left{width:327px;height:100%;background-color:#713e02;display:flex;justify-content:center;align-items:center;flex-direction:column}.su-left h1{text-transform:uppercase;font-size:48px;font-weight:700;color:#fcfdfe}.su-left span{font-size:24px;font-weight:400;line-height:50px;color:#fff;text-align:center}.su-left .arrow{margin-top:10px}.su-left .arrow{width:106px}.su-card{width:423px;height:100%;background-color:#000;box-shadow:7px 6px 16px #00000030;opacity:.74;margin-left:40px;display:flex;justify-content:center;align-items:center;flex-direction:column}.su-card .su-card-img{height:177px}.su-card h1{margin-top:50px;text-transform:uppercase;height:39px;font-size:50px;font-weight:700;color:#ff8a00}.su-card p{margin-top:28px;padding:0 40px;font-size:24px;font-weight:400;color:#fff;opacity:.34;text-align:center}.su-card .link{width:246px;max-width:80%;height:44px;border:solid 1px #f18e2e;font-size:18px;font-weight:700;line-height:44px;color:#fcfdfe;margin-top:100px;text-transform:uppercase;text-align:center}.su-card-quiz .link,.su-card-custom .link{cursor:not-allowed;opacity:.5}.su-card-rewards a:hover{background:#f18e2e;color:#080808}.giving-back{padding:0 5% 98px;overflow:hidden;background:#000}.gv-content{margin-top:50px}.gv{display:flex;margin-bottom:10px;height:343px;background-color:#262626}.gv-img{flex:50%}.gv-img img{height:100%;width:100%}.gv-text{flex:50%;padding:0 60px 0 104px;position:relative;display:flex;flex-direction:column;justify-content:center}.gv-text h3{font-size:36px;font-weight:700;color:#fff}.gv-text p{margin-top:20px;font-size:24px;font-weight:400;line-height:30px;color:#fff;opacity:.34}.hotspot{width:20px;height:20px;position:absolute;border-radius:50%;background:#fdfefe;cursor:pointer}.hotspot:hover{opacity:.8;color:#fff}.hotspot:after{content:"";position:absolute;width:42px;height:42px;top:-11px;right:-11px;bottom:-11px;left:-11px;display:block;animation:zoom-pin 2s ease infinite;border-radius:50%;background-color:#ffffff80}@keyframes zoom-pin{0%{opacity:0;transform:scale(.2)}50%{opacity:.8}to{opacity:0;transform:scale(1)}}.hotspot .tooltip{width:400px;display:none;background-color:#fff;color:#3f3f3f;font-size:18px;text-align:left;padding:20px;position:absolute;z-index:1;top:100%;left:100%;opacity:0;transition:all .3s}.tooltip .stars{font-size:24px}.tooltip p{margin:10px 0;line-height:1.5}.hotspot:hover .tooltip{display:block;opacity:1}.hotspot.apple4 .tooltip{top:-180px;left:-100px}.hotspot.apple5 .tooltip{top:-180px;left:-400px}.hotspot.switch3 .tooltip{left:-120px}.hotspot.switch4 .tooltip{left:-300px}.banner-swiper .swiper{--swiper-theme-color: #ff7d01;--swiper-pagination-color: #ff7d01;--swiper-pagination-bullet-inactive-color: #ff7d01}.banner-swiper .swiper-slide img{width:100%;height:100%}.banner-swiper .swiper-slide{width:100vw;height:50vw}@media only screen and (min-width: 1001px){.banner{height:calc(100vh - 133px)}.content-page{min-height:100vh}.oj-2014,.oj-2015{background-size:100% 100%}.hotspot.apple1{top:60%;left:17.3%}.hotspot.apple2{top:42%;left:33%}.hotspot.apple3{top:63%;left:43%}.hotspot.apple4{top:60%;left:64%}.hotspot.apple5{top:69%;left:89%}.hotspot.samsung1{top:46%;left:23%}.hotspot.samsung2{top:36%;left:45%}.hotspot.samsung3{top:49%;left:68%}.hotspot.switch1{top:38%;left:13%}.hotspot.switch2{top:31%;left:39%}.hotspot.switch3{top:45%;left:65%}.hotspot.switch4{top:46%;left:84%}#super-u{padding-bottom:50px}.su-card p{height:150px}.su-card .link{margin-top:60px}.gv1,.gv3{flex-direction:row-reverse;text-align:right}.gv1 .gv-text,.gv3 .gv-text{padding:0 104px 0 60px}.gv2 .gv-text:before,.gv4 .gv-text:before{content:"";display:block;width:14px;height:26px;background:url(/cdn/shop/files/supfam-lt.png?v=1734423687) no-repeat center;position:absolute;top:calc(50% - 13px);left:45px}.gv1 .gv-text:after,.gv3 .gv-text:after{content:"";display:block;width:14px;height:26px;background:url(/cdn/shop/files/supfam-gt.png?v=1734423687) no-repeat center;position:absolute;top:calc(50% - 13px);right:45px}}@media only screen and (max-width: 1000px){.banner{height:90vh}.banner h1{font-size:40px;height:36px;line-height:38px}.banner .center{position:relative;margin-top:20px;height:auto}.banner .center span{font-size:14px;font-weight:400}.banner h2{padding:0 20px;height:38px;line-height:38px;margin-top:30px;font-size:18px}.banner .center .play{width:48px;height:48px;position:absolute;left:calc(50% - 24px);top:-5px}.content-page{padding-bottom:40px!important}.sup-container .nav{flex-direction:column-reverse;height:120px}.nav ul{width:100%;justify-content:space-evenly;flex-wrap:wrap}.nav ul li{flex:50%;padding-bottom:4px;height:40px;line-height:40px}.nav ul li a:hover{background-size:100% 2px}.nav ul li a{font-size:9px;line-height:20px;height:20px}.nav .search{display:none}.section-title{position:relative;height:70px;margin-top:40px}.section-title-bg{font-size:50px;height:70px;line-height:70px}.section-title-body h1{font-size:24px;height:24px;line-height:24px}.section-title-body p{margin-top:10px;font-size:12px;line-height:1.4}#our-journey .section-title h5{font-size:12px;margin-top:5px}#fun-facts .section-title{height:auto}#chart-map{height:280px;margin:10px 0}.statistic{width:100%;margin:20px auto 0}.statistic ul{flex-wrap:wrap}.statistic ul li{flex:50%;text-align:center}.statistic ul li:nth-child(n+3){margin-top:20px}.statistic ul li h5{font-size:12px;height:17px;line-height:24px}.statistic ul li h2{margin-top:10px;font-size:24px}#our-journey .timeline{display:none}.oj{height:570px;display:block;margin-top:30px}.oj-2011-content,.oj-2017-content,.oj-2020-content{flex-direction:column}.oj-left{flex:100%!important;height:285px}.oj-left img{width:100%;max-height:100%}.oj-right{flex:100%!important;height:285px;padding:0 10%}.oj-right h3{margin-top:50px;line-height:40px;font-size:32px}.oj-right p{margin-top:20px;font-size:14px}.oj-2011-content .oj-left{padding:1% 2% 1% 0;border-width:2px}.oj-2014,.oj-2015{background-size:auto 285px;background-position-y:top;padding:0}.oj-2014-content,.oj-2015-content{height:285px;margin-top:285px}.oj-row-content h1{margin-top:34px;height:26px;font-size:32px;line-height:25px}.oj-row-content span{position:absolute;top:-10px;right:40px;font-size:90px}.oj-2014-content .logos{margin-top:20px}.oj-2014-content .logos ul{padding:0 5%;flex-wrap:wrap;justify-content:center}.oj-2014-content .logos ul li{flex:50%;margin-bottom:10px;text-align:center}.oj-2014-content .logos img{width:30vw;max-width:160px}.oj-row-content h3{margin-top:10px;font-size:14px;height:14px}.oj-row-content p{margin-top:10px;font-size:11px}.oj-2015-img{margin-top:15px}.oj-2015-img img{width:24vw}.oj-2017-content,.oj-2020-content{padding:0;height:100%}.oj-2017-content img,.oj-2020-content img{height:100%}.oj-2017-content .oj-right,.oj-2020-content .oj-right{flex:1;padding-left:10%}.oj-2018-content .oj-row-top h1{margin-top:34px}.oj-2018-content .oj-row-bottom ul{flex-direction:column}.oj-2018-content .oj-row-top{flex:35%}.oj-2018-content .oj-row-bottom{flex:65%}.oj-2018-content .oj-row-bottom ul{justify-content:space-evenly}.oj-2018-content .oj-row-bottom img{width:30vw;max-width:150px}.oj-2018-content .oj-row-top p{font-size:12px}.fp-nav{display:none}.fp-img{height:auto}.fp-img .prod:before{content:"";display:block;width:100%;height:26px;line-height:26px;background-color:#f18e2e59;font-size:14px;font-weight:700;color:#fbfcfd;text-align:center}.fp-img .prod.prod-apple:before{content:"APPLE"}.fp-img .prod.prod-samsung:before{content:"SAMSUNG"}.fp-img .prod.prod-switch:before{content:"NINTENDO SWITCH"}.prod{display:block;padding-bottom:24px}.prod:last-child{padding-bottom:0}.hotspot{width:10px;height:10px}.hotspot:after{content:"";position:absolute;width:20px;height:20px;top:-5px;right:-5px;bottom:-5px;left:-5px}.hotspot.apple1{top:56%;left:17.3%}.hotspot.apple2{top:42%;left:33%}.hotspot.apple3{top:58%;left:43%}.hotspot.apple4{top:52%;left:63%}.hotspot.apple5{top:62%;left:89%}.hotspot.samsung1{top:45%;left:22%}.hotspot.samsung2{top:40%;left:44%}.hotspot.samsung3{top:49%;left:67%}.hotspot.switch1{top:48%;left:10%}.hotspot.switch2{top:38%;left:39%}.hotspot.switch3{top:52%;left:65%}.hotspot.switch4{top:56%;left:83%}.hotspot .tooltip{z-index:10;width:200px;font-size:10px;padding:8px;left:-50px}.tooltip .stars{font-size:12px}.tooltip p{margin:4px 0}.hotspot.apple4 .tooltip{top:100%;left:-100px}.hotspot.apple5 .tooltip{top:-60px;left:-200px}.hotspot.samsung1 .tooltip{top:100%;left:-50px}.hotspot.samsung3 .tooltip{top:100%;left:-90px}.hotspot.switch3 .tooltip{top:100%;left:-120px}.hotspot.switch4 .tooltip{top:100%;left:-160px}.su-content{height:auto;margin-top:20px;flex-direction:column;align-items:center}.su-content .su-left{display:none}.su-content .su-card{height:340px;width:100%;margin-left:0;margin-bottom:20px}.su-card .su-card-img{height:80px}.su-card .su-card-img img{height:100%}.su-card h1{margin-top:28px;height:28px;font-size:24px}.su-card p{margin-top:12px;padding:0 20px;font-size:14px}.su-card .link{width:50vw;max-width:246px;height:32px;line-height:32px;font-size:14px;margin-top:40px}.giving-back{padding-bottom:50px}.giving-back .section-title-body p{margin-top:5px}.gv-content{margin-top:40px}.gv{flex-direction:column;margin-bottom:20px;height:340px}.gv-img img{height:170px}.gv-text{padding:0 6%}.gv-text h3{font-size:18px}.gv-text p{margin-top:10px;font-size:14px;line-height:18px}#our-journey .swiper{height:650px;width:100%;--swiper-theme-color: #ff7d01;--swiper-pagination-color: #ff7d01;--swiper-pagination-bullet-inactive-color: #ff7d01}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/about-us-supcase.css.map */