@keyframes slide-from-bottom{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-from-top{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-from-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-from-left{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.header-product{position:relative;display:flex;justify-content:center;align-items:stretch;color:#fff;min-height:600px;margin-bottom:6rem}@media screen and (max-width: 480px){.header-product{margin-bottom:0}}.header-product__side-by-side-images{display:flex;margin-bottom:2rem}.header-product__side-by-side-images__inner{display:flex;align-items:center}.header-product__side-by-side-images__inner img{height:auto;width:auto}.header-product__side-by-side-images__divider{border-left:2px solid;margin:0 2rem;height:100%}@media screen and (max-width: 480px){.header-product__side-by-side-images__divider{margin:0 1rem}}.header-product__side-by-side-images__divider--black-one{border-color:#111}.header-product__side-by-side-images__divider--dark-grey{border-color:#222}.header-product__side-by-side-images__divider--light-grey{border-color:#ccc}.header-product__side-by-side-images__divider--white{border-color:#fff}.header-product__bg{position:absolute;overflow:hidden;width:100vw;height:100%;max-height:100%;top:0;left:0}@media screen and (min-width: 1440px){.header-product__bg{left:calc(-50vw + 720px)}}.header-product__bg__overlay{content:"";position:absolute;height:100%;width:100%;top:0;left:0;opacity:.5;background-color:#000;pointer-events:none}.header-product__bg__overlay--light{background-color:#fff}.header-product__bg img{height:100%;min-height:100%;margin:0;width:100%;object-fit:cover;object-position:50% 50%}.header-product__inner{position:relative;width:1440px;max-width:100%;display:flex;flex-wrap:wrap;align-items:stretch}.header-product__content-wrap{box-sizing:border-box;position:relative;display:flex;flex-basis:300px;flex-grow:1}@media screen and (max-width: 768px){.header-product__content-wrap{flex-basis:400px}}.header-product__copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:2rem 4rem}@media screen and (max-width: 768px){.header-product__copy{padding-bottom:5rem}}@media screen and (max-width: 480px){.header-product__copy{padding:2rem 2rem 5rem}}.header-product__copy--light{color:#222}.header-product__copy--slide-bottom{animation:slide-from-bottom;animation-duration:.6s;animation-delay:600ms;animation-fill-mode:forwards;transition:all 200ms ease-in-out;opacity:0}.header-product__copy--slide-top{animation:slide-from-top;animation-duration:.6s;animation-delay:600ms;animation-fill-mode:forwards;transition:all 200ms ease-in-out;opacity:0}.header-product__copy--slide-left{animation:slide-from-left;animation-duration:.6s;animation-delay:600ms;animation-fill-mode:forwards;transition:all 200ms ease-in-out;opacity:0}.header-product__copy--slide-right{animation:slide-from-right;animation-duration:.6s;animation-delay:600ms;animation-fill-mode:forwards;transition:all 200ms ease-in-out;opacity:0}.header-product__copy .onx-buttons .onx-button--outline a{background-color:rgba(0,0,0,0);border-color:#fff;color:#fff}.header-product__copy .onx-buttons .onx-button--outline a:hover{background-color:rgba(0,0,0,.5);color:#fff}.header-product__icon{color:#f30}.header-product__app{position:relative;flex-basis:400px;display:flex;flex-grow:1;align-items:stretch}@media screen and (max-width: 768px){.header-product__app{top:-5rem;margin-bottom:-5rem}}@media screen and (min-width: 767px){.header-product__app{bottom:-5rem}}.header-product__app img{max-height:600px;height:100%;margin:0;width:100%;object-fit:contain;object-position:bottom}@media screen and (max-width: 768px){.header-product__app img{height:auto;width:250px;margin-left:4rem}}@media screen and (max-width: 480px){.header-product__app img{margin-left:2rem}}body .header-product svg{color:#f30}body.hunt-app .header-product svg{color:#f30}body.offroad-app .header-product svg{color:#000}body.backcountry-app .header-product svg{color:#087aff}body.fish-app .header-product svg{color:#7dad21}
