.primary-color{color:#009ba5}.primary-background{background-color:#009ba5}.white{color:#fff}.white-background{background-color:#fff}.black{color:#000}.black-background{background-color:#000}.light-grey{color:#f9f9f9}.light-grey-background{background-color:#f9f9f9}.medium-grey-color{color:#999}.medium-grey-background{background-color:#999}.dark-grey-color{color:#111}.dark-grey-background{background-color:#111}.green-color{color:#4cd964}.green-background{background-color:#4cd964}.red-color{color:#ff2d55}.red-background{background-color:#ff2d55}.tiny-top-margin{margin-top:10px}.small-top-margin{margin-top:20px}.medium-top-margin{margin-top:30px}.large-top-margin{margin-top:40px}.extra-large-top-margin{margin-top:50px}.tiny-bottom-margin{margin-bottom:10px}.small-bottom-margin{margin-bottom:20px}.medium-bottom-margin{margin-bottom:30px}.large-bottom-margin{margin-bottom:40px}.extra-large-bottom-margin{margin-bottom:50px}.tiny-padding{padding:10px}.small-padding{padding:20px}.medium-padding{padding:30px}.large-padding{padding:40px}.extra-large-padding{padding:50px}.section-padding{padding-top:40px;padding-bottom:40px}.no-top-margin{margin-top:0!important}.no-bottom-margin{margin-bottom:0!important}.no-top-padding{padding-top:0!important}.no-bottom-padding{padding-bottom:0!important}@media only screen and (max-width:800px){.mobile-no-top-padding{padding:0}}@media only screen and (min-width:800px){.tiny-top-margin{margin-top:20px}.small-top-margin{margin-top:30px}.medium-top-margin{margin-top:50px}.large-top-margin{margin-top:7px}.extra-large-top-margin{margin-top:100px}.tiny-bottom-margin{margin-bottom:20px}.small-bottom-margin{margin-bottom:30px}.medium-bottom-margin{margin-bottom:50px}.large-bottom-margin{margin-bottom:70px}.extra-large-bottom-margin{margin-bottom:100px}.tiny-padding{padding:20px}.small-padding{padding:30px}.medium-padding{padding:50px}.large-padding{padding:70px}.extra-large-padding{padding:100px}.section-padding{padding-top:60px;padding-bottom:60px}}@media only screen and (min-width:1250px){.tiny-top-margin{margin-top:20px}.small-top-margin{margin-top:50px}.medium-top-margin{margin-top:90px}.large-top-margin{margin-top:120px}.extra-large-top-margin{margin-top:200px}.tiny-bottom-margin{margin-bottom:20px}.small-bottom-margin{margin-bottom:50px}.medium-bottom-margin{margin-bottom:90px}.large-bottom-margin{margin-bottom:120px}.extra-large-bottom-margin{margin-bottom:200px}.tiny-padding{padding:20px}.small-padding{padding:50px}.medium-padding{padding:90px}.large-padding{padding:120px}.extra-large-padding{padding:200px}.section-padding{padding-top:80px;padding-bottom:80px}}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}@media only screen{.small-1{flex-basis:8.333%;max-width:8.333%}.small-2{flex-basis:16.666%;max-width:16.666%}.small-3{flex-basis:25%;max-width:25%}.small-4{flex-basis:33.333%;max-width:33.333%}.small-5{flex-basis:41.666%;max-width:41.666%}.small-6{flex-basis:50%;max-width:50%}.small-7{flex-basis:58.333%;max-width:58.333%}.small-8{flex-basis:66.666%;max-width:66.666%}.small-9{flex-basis:75%;max-width:75%}.small-10{flex-basis:83.333%;max-width:83.333%}.small-11{flex-basis:91.666%;max-width:91.666%}.small-12{flex-basis:100%;max-width:100%}}@media only screen and (min-width:800px){.medium-1{flex-basis:8.333%;max-width:8.333%}.medium-2{flex-basis:16.666%;max-width:16.666%}.medium-3{flex-basis:25%;max-width:25%}.medium-4{flex-basis:33.333%;max-width:33.333%}.medium-5{flex-basis:41.666%;max-width:41.666%}.medium-6{flex-basis:50%;max-width:50%}.medium-7{flex-basis:58.333%;max-width:58.333%}.medium-8{flex-basis:66.666%;max-width:66.666%}.medium-9{flex-basis:75%;max-width:75%}.medium-10{flex-basis:83.333%;max-width:83.333%}.medium-11{flex-basis:91.666%;max-width:91.666%}.medium-12{flex-basis:100%;max-width:100%}}@media only screen and (min-width:1250px){.large-1{flex-basis:8.333%;max-width:8.333%}.large-2{flex-basis:16.666%;max-width:16.666%}.large-3{flex-basis:25%;max-width:25%}.large-4{flex-basis:33.333%;max-width:33.333%}.large-5{flex-basis:41.666%;max-width:41.666%}.large-6{flex-basis:50%;max-width:50%}.large-7{flex-basis:58.333%;max-width:58.333%}.large-8{flex-basis:66.666%;max-width:66.666%}.large-9{flex-basis:75%;max-width:75%}.large-10{flex-basis:83.333%;max-width:83.333%}.large-11{flex-basis:91.666%;max-width:91.666%}.large-12{flex-basis:100%;max-width:100%}}body,html{font-size:18px;margin:0}p{font-size:1em;line-height:1.5}h6,p{margin:0}h6{font-size:.9em}h5{font-size:1.5em;margin:0}h4{font-size:1.75em}h3,h4{margin:5px}h3{font-size:2.75em}h2{font-size:3.25em}h1,h2{margin:5px}h1{font-size:3.75em}.windows-browser p{font-size:.9em}.windows-browser h6{font-size:.75em}.windows-browser h5{font-size:1em}.windows-browser h4{font-size:1.25em}.windows-browser h3{font-size:1.75em}.windows-browser h2{font-size:2.25em}.windows-browser h1{font-size:3em}.windows-browser .menu-item{font-size:13px}@media only screen and (max-width:800px){p{font-size:1em}h6{font-size:.9em}h5{font-size:1.2em}h4{font-size:1.4em}h3{font-size:1.6em}h2{font-size:1.8em}h1{font-size:2em}}@font-face{font-family:TradeGothic;src:url(/static/media/TradeGothicLT-BoldCondTwenty.e4b8be33.eot);src:url(/static/media/TradeGothicLT-BoldCondTwenty.e4b8be33.eot?#iefix) format("embedded-opentype"),url(/static/media/TradeGothicLT-BoldCondTwenty.7bd28b21.woff) format("woff"),url(/static/media/TradeGothicLT-BoldCondTwenty.b3b7ebae.ttf) format("truetype");font-weight:700;font-style:normal}body,html{font-family:TradeGothic,sans-serif;height:100%;width:100%}html{box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1,h2,h3,h4,h5,h6,p{white-space:normal}.uppercase{text-transform:uppercase}.paragraph-font{font-family:Asap,sans-serif;line-height:1.5}#root,.wrapper,body,html{display:block;-webkit-font-smoothing:antialiased;white-space:normal;-webkit-overflow-scrolling:touch}hr.subheading{opacity:.25;height:1px}main{width:100%}.half-width{width:50%}.three-quarter-width{width:75%}.full-width{width:100%}.full-height{height:100%}.subheading{opacity:.7}.max-width-container{max-width:1400px;margin:auto}.background-image-fill{background-size:cover}.background-image-fill,.background-image-fit{background-repeat:no-repeat;background-position:50%}.background-image-fit{background-size:contain}.show-for-small{display:none}.hover-grow{-webkit-transform:scale(1);transform:scale(1);transition:all .5s ease-out}.hover-grow:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.flex{display:flex}.center-position{margin:auto}.button{display:inline-block;padding:20px 60px;font-weight:700;text-align:center}#main-window{height:100%}.centered-text{text-align:center}.right-text{text-align:right}.left-text{text-align:left}.background-image-contain{background-size:contain;background-position:50%;background-repeat:no-repeat}.slant-contain{background-size:contain}.slant,.slant-contain{background-image:url(/images/slant.png);background-position:top;background-repeat:no-repeat}.slant,.slant-bottom{background-size:100% 100%}.slant-bottom{background-image:url(/images/slant-bottom.png);background-position:bottom;background-repeat:no-repeat}.small-max-width-container{margin:auto;max-width:800px;width:100%}.card{background:#fff}.card,.shadow{box-shadow:0 0 20px rgba(0,0,0,.05)}.background-hover-zoom{background-size:100%;background-position:50%;background-repeat:no-repeat;transition:all .5s ease-in-out}.background-hover-zoom:hover{background-size:105%}.circle{border-radius:50%}a,a:active,a:hover,a:link{color:#009ba5;text-decoration:none}.button,a.button{background-color:#f9f9f9;border:#111;color:#000;cursor:pointer}.button.outline{border:2px solid #fff;color:#fff;background-color:hsla(0,0%,100%,0);transition:all .25s ease-in-out}.button.outline:hover{background-color:#fff;color:#000}.mag-layout .medium-6{padding:40px}.border-right{border-right:1px solid rgba(0,0,0,.1)}.border-left{border-left:1px solid rgba(0,0,0,.1)}.border-bottom{border-bottom:1px solid rgba(0,0,0,.1)}.border-top{border-top:1px solid rgba(0,0,0,.1)}.border{border:1px solid rgba(0,0,0,.1)}.staggered-list{padding-top:10%;position:relative;z-index:10}.staggered-list .staggered-product-tile:nth-child(odd){margin-bottom:20%;margin-top:-20%}.main-wrapper{overflow:hidden;z-index:1;position:relative}.main-transition-enter{opacity:0;transition:all .25s ease-out}.main-transition-enter-active{opacity:1}.main-transition-exit{transition:all .25s ease-in;opacity:1}.main-transition-exit-active{opacity:0}.modal-root{position:relative;z-index:10000}.standard-overlap-values{margin-top:-20%;margin-bottom:-5%}.standard-top-overlap-value{margin-top:-20%}.horizontal-overlay-gradient{background:linear-gradient(90deg,rgba(0,0,0,.3) 0,transparent 50%,transparent)}.slick-next:before,.slick-prev:before{display:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{background-image:url(https://assets.hosports.com/img/general/next.png)}.slick-prev,.slick-prev:focus,.slick-prev:hover{background-image:url(https://assets.hosports.com/img/general/back.png)}@media screen and (min-width:2000px){.max-width-container{max-width:1800px}}@media screen and (min-width:2400px){.max-width-container{max-width:2000px}}@media only screen and (max-width:800px){.product-main-section,.product-page{height:auto!important}.standard-overlap-values{margin-top:-20%;margin-bottom:-12%}.standard-top-overlap-value{margin-top:-20%}.mobile-no-padding{padding:0!important}.small-full-width{width:100%}.show-for-small{display:block}.hide-for-small{display:none}main{padding-left:0;padding-top:70px}.button{padding:15px 30px}}#video-frame{display:flex;align-items:center;padding:40px}.tv-page-container{background-color:#050505;height:100%;min-height:100vh;display:flex;padding-top:80px}.video-list{background-color:#151515;padding:20px;overflow-y:scroll;height:100vh}.video-thumb{margin-top:10px}.video-thumb-text{padding:20px}.video-thumb-text h4{margin:0}.video-thumb-text p{margin:5px 0 0}@media only screen and (max-width:800px){.hero-title{font-size:50px}.video-list{overflow-y:auto;height:auto}}.modal-background{top:0;left:0;right:0;bottom:0;position:fixed;background-color:rgba(0,0,0,.75);-webkit-animation-name:backgroundAnimation;animation-name:backgroundAnimation;opacity:1;display:flex;align-items:center;z-index:1000}.modal,.modal-background{transition:opacity .5s ease-out;-webkit-animation-duration:.5s;animation-duration:.5s}.modal{margin:auto;z-index:1000001;max-width:600px;width:100%;max-height:100%;overflow-y:auto;-webkit-animation-name:foregroundAnimation;animation-name:foregroundAnimation;background-color:#fff;padding:40px}.modal-background.animate-out{background-color:transparent}.modal-background.animate-out .modal{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}@-webkit-keyframes backgroundAnimation{0%{background-color:transparent}to{background-color:rgba(0,0,0,.75)}}@keyframes backgroundAnimation{0%{background-color:transparent}to{background-color:rgba(0,0,0,.75)}}@-webkit-keyframes foregroundAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes foregroundAnimation{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:800px){.modal-background.active{font-size:50px}}.hero{overflow:hidden;display:flex;align-items:center;text-align:center;position:relative}.hero,.hero.full{height:100vh}.hero.half{height:50vh}.hero.quarter{height:25vh}.hero.threeQuarter{height:75vh}.hero-background{z-index:1}.hero-background,.hero-tint{position:absolute;top:0;bottom:0;right:0;left:0;transition:all .75s ease-out;background-size:cover;background-position:50%}.hero-tint{z-index:2;opacity:0}.ready .hero-tint{opacity:1}.ready .hero-background{-webkit-transform:scale(1);transform:scale(1);opacity:1}.hero-content{margin:auto;z-index:3;width:100%;max-width:1400px;padding:20px}.hero-title{width:100%;transition:all .5s ease-out;transition-delay:.2s;-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;color:#fff!important;font-size:80px;margin:0}.hero-subtitle{width:100%;transition:all .5s ease-out;transition-delay:.15s;-webkit-transform:translateY(80%);transform:translateY(80%);opacity:0;color:#fff;margin-bottom:0}.ready .hero-subtitle,.ready .hero-title{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@-webkit-keyframes heroShrink{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes heroShrink{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media only screen and (max-width:800px){.hero-title{font-size:30px}}.video-container{text-align:center;transition:all .1s ease-in-out}.video-container,.video-container .video{-webkit-transform:scale(1);transform:scale(1)}.video-container .video{transition:all .25s ease-in-out;box-shadow:0 0 8px transparent}.video-container .video:hover{-webkit-transform:scale(1.015);transform:scale(1.015);box-shadow:0 0 60px rgba(0,0,0,.2)}.custom-sac-select{width:100%;padding:10px;height:40px;background-color:rgba(0,0,0,.025);border-radius:4px;border:1px solid rgba(0,0,0,.1)}.checkmark{height:40px;width:40px;background-size:cover;background-position:50%;background-image:url(/images/unchecked.png)}.selected .checkmark{background-image:url(/images/checked.png)}input,textarea{width:100%;padding:10px;background-color:rgba(0,0,0,.025);border-radius:4px;border:1px solid rgba(0,0,0,.1)}.form-label{text-transform:uppercase;font-size:12px;margin-top:20px}.contact-form-container{padding:20px}.success-check{width:80px;margin:40px auto}.success-container{display:flex;align-items:center;justify-content:center}@media only screen and (max-width:800px){.hero-title{font-size:50px}}.image-upload-container{position:relative;background-size:cover;background-position:50%}.image-upload-container .image-upload-container-upload-button-container{opacity:0;transition:all .25s ease-in-out;background-color:rgba(0,0,0,.75);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.image-upload-container .button{color:#fff}.image-upload-container:hover .image-upload-container-upload-button-container{opacity:1}.builder-frame{min-height:90vh;width:100vw;display:flex}.builder-main-frame{min-height:90vh;flex:1 1;display:flex}.builder-camera-picker{display:flex;min-width:100%;display:none}.builder-main-frame-preview{flex:1 1;min-width:100%;position:relative}.builder-sac-overlay{z-index:10;position:relative}.sac-designer-forground{height:100%;display:flex;flex:1 1;flex-direction:column}.sac-wrapper{width:100%}.sac-positioner{flex:1 1;display:flex;align-items:center;justify-content:center}.builder-sac-custom-shadow{width:70%;box-shadow:0 20px 60px #000;height:20px;position:relative;z-index:1;margin:-20px auto auto}.sac-background-container{border-radius:30px;background-color:#ccc;overflow:hidden}.sac-background-container,.sac-gradient-overlay{z-index:2;position:relative}.builder-sac-custom-image{position:absolute;z-index:4;left:0;right:0;top:0;bottom:0}.builder-side-bar{width:350px;padding:20px}.sac-color-background{z-index:2}.sac-color-background,.sac-default-logo{position:absolute;top:0;left:0;right:0;bottom:0}.sac-default-logo{z-index:3;background-image:url(https://www.fatsac.com/images/logo-black.png);background-position:50%;background-size:30%;background-repeat:no-repeat}.medium-max-width-container{max-width:950px}.sac-inner-shadow{z-index:5;box-shadow:inset 0 0 100px rgba(0,0,0,.25);z-index:6}.sac-gradient-overlay,.sac-inner-shadow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.sac-gradient-overlay{z-index:5;background:#000;background:linear-gradient(0deg,rgba(0,0,0,.4570203081),transparent 30%,transparent 80%,rgba(0,0,0,.2399334734))}@media only screen and (max-width:800px){.hero-title{font-size:50px}.builder-main-frame,.builder-side-bar{min-width:100%;width:100%}.builder-frame{height:auto;flex-wrap:wrap}.builder-main-frame{min-height:70vh}}#header{min-width:100%;width:100%;background-color:#000;position:relative;z-index:100;display:flex;height:80px;box-shadow:0 0 20px rgba(0,0,0,.15)}.logo-container{width:141px;margin-top:5px;margin-left:5px}.logo .still{display:block}.menu{width:100%;align-items:flex-end;justify-content:flex-end;display:flex}.nav-link{background-color:hsla(0,0%,100%,0);display:block;text-decoration:none}.nav-hover-bar,.nav-link{transition:all .25s ease-in-out}.nav-hover-bar{width:0;background-color:#009ba5;height:3px}.nav-link:hover .nav-hover-bar{width:100%}.Collapsible__trigger.is-open,.menu-item{padding:30px;text-align:center;font-weight:700;color:#fff;text-decoration:none;font-size:14px}.nav-link:hover{background-color:hsla(0,0%,100%,.075)}.mobile-menu-toggle{display:none}@media only screen and (max-width:800px){#header{align-items:center;justify-content:center;height:70px}.logo-container{width:100px;height:auto;align-self:center;margin-top:-3px}.mobile-menu-toggle{display:block;position:absolute;left:10px;height:50px;width:50px;padding:10px}.menu{display:none}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:scroll;background-color:#000;z-index:1000}.mobile-menu-close{position:absolute;top:10px;right:10px;height:50px;width:50px}.mobile-menu a,.mobile-menu a:active,.mobile-menu a:hover,.mobile-menu a:link{color:#fff!important}.Collapsible__trigger.is-closed,.Collapsible__trigger.is-open,.menu-item{min-width:100%;display:block;color:#fff!important}.Collapsible__contentInner{font-size:14px}.mobile-menu .logo img{height:80px;width:80px;margin:40px auto auto}}
/*# sourceMappingURL=main.f6803e72.chunk.css.map */