@font-face{font-family:'ITC Avant Garde Bold';src:url(/media/fonts/ITCAvantGardeStd-Bold.ttf)}@font-face{font-family:'ITC Avant Garde';src:url(/media/fonts/ITCAvantGardeStd-Md.ttf)}.wrapper,.wrapper a,.wrapper li,.wrapper p,.wrapper ul{font-family:"ITC Avant Garde",Roboto,"Open Sans",sans-serif}.wrapper button,.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6{font-family:"ITC Avant Garde Bold",Roboto,"Open Sans",sans-serif}section.top{position:relative}section.top .overlay{display:block}section.top .mobile-only{display:none}section.top .button-area{bottom:70px;left:0;max-height:100vh;position:absolute;text-align:center;width:100%}section.top .button-area .button{display:inline-block;font-size:25px;margin:0 auto;max-width:100%;padding-bottom:10px;padding-left:0;padding-right:0;padding-top:20px;text-align:center;text-transform:uppercase;transition:all 1s;width:300px}section.top .button-area .button.button-purple{background:url(/media/image/product-series/nike-superrep/cta_overlay.png) no-repeat 50% 50% transparent;background-size:cover;border:2px solid #fff;color:#fff}section.top .button-area .button.button-purple:hover{background:url(/media/image/product-series/nike-superrep/cta_overlay.jpg) no-repeat 50% 50% transparent;background-size:cover}section.top .button-area .button.button-green{background:url(/media/image/product-series/nike-superrep/black_cta_overlay.jpg) no-repeat 50% 50% transparent;background-size:cover;border:2px solid #fff;color:#fff}section.top .button-area .button.button-green:hover{background:url(/media/image/product-series/nike-superrep/green_cta_overlay.jpg) no-repeat 50% 50% transparent;background-size:cover;border:2px solid #000;color:#000}section.top .overlay{left:0;position:absolute;top:0;width:100%}section.top video{width:100%}section.background-color{background-color:#e7e7e7;margin-bottom:95px;margin-top:-5px;padding-top:185px}section.copy{margin-left:auto;margin-right:auto;max-width:1370px;padding-bottom:200px}section.copy h1{color:#252525;font-size:43px;letter-spacing:12px;line-height:54px;text-align:center;text-transform:uppercase}section.copy h2{color:#252525;font-family:"ITC Avant Garde",Roboto,"Open Sans",sans-serif;font-size:42px;letter-spacing:9px;margin-top:-6px;text-align:center;text-transform:uppercase}section.copy p{color:#252525;font-size:20px;letter-spacing:1px;margin-top:20px;padding:0 20%;text-align:center}section.bw_images{height:146vh;position:relative}section.bw_images .img{position:absolute}section.bw_images .img .inner{position:relative}section.bw_images .img .main_image{opacity:1;transition:1s all}section.bw_images .img .main_image.hidden{opacity:0}section.bw_images .img .overlay{height:100%;left:0;opacity:1;position:absolute;top:0;transition:1s all}section.bw_images .img .overlay.hidden{opacity:0}section.bw_images .img .overlay.bottom{height:0;top:100%}section.bw_images .img .overlay.top{height:0;top:0}section.bw_images .img.img-1{top:242px;width:24.2%}section.bw_images .img.img-2{left:24.2%;top:-24px;width:30%}section.bw_images .img.img-3{left:29.5%;top:579px;width:26.3%}section.bw_images .img.img-4{left:50.7%;top:110px;width:30.3%}section.bw_images .img.img-5{left:77.6%;top:462px;width:22%}section.bw_images .img img{width:100%}section.bw_images .copy{color:#252525;font-family:"ITC Avant Garde Bold",Roboto,"Open Sans",sans-serif;font-size:39px;letter-spacing:12px;position:absolute;text-transform:uppercase}section.bw_images .copy.copy-1{top:198px;left:1%}section.bw_images .copy.copy-2{font-size:58px;left:26.4%;letter-spacing:17px;top:1283px;transform-origin:0 0;transform:rotate(-90deg)}section.bw_images .copy.copy-3{font-size:58px;left:84.5%;letter-spacing:17px;top:107px;transform-origin:0 0;transform:rotate(90deg)}section.bw_images .copy.copy-4{font-size:49px;right:0;top:1116px}section.video-feature-mobile{display:none;position:relative}section.video-feature-mobile .quote{letter-spacing:6px;line-height:34px;padding-left:5%;padding-right:5%}section.video-feature-mobile .quote p{padding-left:15%;padding-right:15%}section.video-feature-mobile .quote:after{bottom:-35px;color:#000;content:'”';font-size:100px;position:absolute;right:-4px}section.video-feature-mobile .quote:before{color:#000;content:'“';font-size:100px;left:10px;position:absolute;top:54px}section.video-feature-mobile .video-holder,section.video-feature-mobile .video-holder-green{position:relative}section.video-feature-mobile .video-holder img,section.video-feature-mobile .video-holder-green img{display:block;margin:20px auto;position:relative;width:80%;z-index:2}section.video-feature-mobile .video-holder video,section.video-feature-mobile .video-holder-green video{left:10%;position:absolute;top:0;width:80%;z-index:1}section.video-feature-mobile p{color:#000;letter-spacing:2px;padding-left:10%;padding-right:10%;text-align:center}section.video-feature-mobile p.follow{padding-left:0;padding-right:0;text-decoration:underline}section.video-feature-mobile p.follow img{display:inline-block;margin-right:10px;width:30px!important}section.video-feature{display:block}section.video-feature .flex .col.img-col,section.video-feature .flex .col.img-col-green{margin-left:5.3%;margin-right:4%;position:relative}section.video-feature .flex .col.img-col img,section.video-feature .flex .col.img-col-green img{cursor:pointer;left:0;margin-bottom:50px;position:absolute;top:0;width:100%;z-index:5}section.video-feature .flex .col.img-col video,section.video-feature .flex .col.img-col-green video{width:100%}section.video-feature .flex.flex_pink{max-width:1555px;margin:50px auto;align-items:flex-end;padding:0 0 100px}section.video-feature .flex.flex_pink img{width:100%}section.video-feature .flex.flex_pink .col.img-col-pink{margin:0;width:56%;flex:0 1 auto}section.video-feature .flex.flex_pink .col.text-col-pink{width:44%;flex:0 1 auto}section.video-feature .flex.flex_pink .text-col .quote{margin:0;padding:50px 70px 20px}section.video-feature .flex.flex_pink .text-col .quote:before{color:#000;content:'“';font-size:174px;left:5px;position:absolute;top:80px}section.video-feature .flex.flex_pink .text-col .quote:after{bottom:-60px;color:#000;content:'”';font-size:174px;position:absolute;right:-9px}section.video-feature .flex.flex_pink .text-col .quote p.top{padding:0 0 .4em;letter-spacing:.06em;font-size:22px;margin:0}section.video-feature .flex .col.img-col-green img{cursor:default;position:relative}section.video-feature .flex .text-col{flex-basis:48%;padding-top:101px}section.video-feature .flex .text-col p{color:#000;text-align:center}section.video-feature .flex .text-col p.top{font-size:24px;line-height:35px;margin-bottom:13px;padding:0 18% 0 8%}section.video-feature .flex .text-col p.follow{font-size:22px;letter-spacing:9px;margin-left:14px;margin-right:65px;margin-top:72px;text-transform:uppercase}section.video-feature .flex .text-col p.follow a{border-bottom:1px solid #000}section.video-feature .flex .text-col p.follow img{left:-26px;position:relative;width:52px}section.video-feature .flex .text-col .quote{letter-spacing:6px;line-height:38px;margin:34px 10% 0 0;padding-left:1%;padding-right:5%;padding-top:40px;position:relative}section.video-feature .flex .text-col .quote:after{bottom:-60px;color:#000;content:'”';font-size:179px;position:absolute;right:-4px}section.video-feature .flex .text-col .quote:before{color:#000;content:'“';font-size:190px;left:25px;position:absolute;top:110px}section.video-feature .flex .text-col .quote p{font-size:29px;letter-spacing:4px;line-height:38px;margin-bottom:13px;margin-left:-1%;margin-right:-1%;padding:0 13%}section.video-feature .flex .text-col .quote p.top{font-size:29px;letter-spacing:4px;line-height:38px;margin-bottom:20px;padding-bottom:0;padding-left:11%;padding-right:7%;padding-top:0}section.copy2{margin-top:184px;padding-bottom:71px}section.copy2 .line{display:none;margin:0 auto 20px;width:80%}section.copy3{margin-top:90px;padding-bottom:71px;max-width:600px}section.copy3 .line{display:none;margin:0 auto 20px;width:80%}section.copy3 p{padding:0 20px}section.copy3 h1{font-size:35px;letter-spacing:2.5px;margin-bottom:-7px;padding-top:14px}section.feature{position:relative}section.feature .text-area-mobile{display:none;margin-top:20px;padding-bottom:30px;padding-top:30px}section.feature .text-area-mobile h4{font-size:22px;letter-spacing:11.5px;text-align:center;text-transform:uppercase;transition:opacity 1s}section.feature .text-area-mobile p{color:#000;font-size:18px;line-height:20px;padding-left:8%;padding-right:8%;padding-top:5px;text-align:center;transition:opacity 1s}section.feature .inner{position:relative}section.feature .hotspot{cursor:pointer;position:absolute;transition:all 1s;z-index:15}section.feature .hotspot.mens.hotspot-1{left:65%;top:26%}section.feature .hotspot.mens.hotspot-2{left:59%;top:58%}section.feature .hotspot.mens.hotspot-3{left:44%;top:65%}section.feature .hotspot.mens.hotspot-4{left:49%;top:78%}section.feature .hotspot.mens.hotspot-5{left:37%;top:86%}section.feature .hotspot.womens.hotspot-1{left:33%;top:26%}section.feature .hotspot.womens.hotspot-2{left:36%;top:63%}section.feature .hotspot.womens.hotspot-3{left:54%;top:60%}section.feature .hotspot.womens.hotspot-4{left:42%;top:74%}section.feature .hotspot.womens.hotspot-5{left:33%;top:72%}section.feature .main{display:block;margin:0 auto}section.feature .dotted-line{display:none;position:absolute;z-index:10}section.feature .dotted-line.line-1{height:1px;left:5px;top:5px;width:100px}section.feature .dotted-line.line-2{height:100px;left:50px;top:50px;width:1px}section.feature .dotted-line.line-mens.line-1{border-top:6px dotted #0047ba}section.feature .dotted-line.line-mens.line-2{border-right:6px dotted #0047ba}section.feature .dotted-line.line-womens.line-1{border-top:6px dotted #773dbd}section.feature .dotted-line.line-womens.line-2{border-right:6px dotted #773dbd}section.feature .green-dotted-line.line-womens.line-1{border-top:6px dotted #d4ff0e}section.feature .green-dotted-line.line-womens.line-2{border-right:6px dotted #d4ff0e}section.feature .pink-dotted-line.line-womens.line-1{border-top:6px dotted #eababa}section.feature .pink-dotted-line.line-womens.line-2{border-right:6px dotted #eababa}section.feature .text-area{background-color:#dfdfdf;display:none;opacity:0;position:absolute;right:3.3%;top:57.2%;width:23.7%;z-index:20}section.feature .text-area h4{font-size:36px;letter-spacing:11.5px;line-height:46px;margin-top:57px;text-align:center;text-transform:uppercase}section.feature .text-area p{color:#000;font-size:25px;line-height:35px;padding-left:8%;padding-right:8%;padding-top:5px;text-align:center}section.feature .text-area hr{background-color:#000;border-bottom:2px solid #000;margin:10px auto 15px;width:20%}section.feature .button-area-mobile{display:none}section.feature .button-area-mobile-line{border-top:1px solid #000;display:none;margin:0 auto;padding-bottom:30px;width:75%}section.feature .button-area{display:flex;left:2.3%;position:absolute;top:52.3%;width:29.5%}section.feature .button-area .button,section.feature .button-area-mobile .button{background-color:transparent;border:2px solid #252525;color:#000;flex-basis:49%;font-family:"ITC Avant Garde",Roboto,"Open Sans",sans-serif;font-size:24px;letter-spacing:9px;margin-right:2%;padding-bottom:0;padding-top:10px;transition:all 1s}section.feature .button-area .button.button-mens.active,section.feature .button-area .button.button-mens:hover,section.feature .button-area-mobile .button.button-mens.active,section.feature .button-area-mobile .button.button-mens:hover{background-color:#0047ba;color:#fff}section.feature .button-area .button.button-womens.active,section.feature .button-area .button.button-womens:hover,section.feature .button-area-mobile .button.button-womens.active,section.feature .button-area-mobile .button.button-womens:hover{background-color:#773dbd;color:#fff}section.feature .button-area-mobile{width:80%;margin:0 auto}section.feature .button-area-mobile .button{border-width:1px;flex-basis:50%;font-size:12px;font-weight:300;letter-spacing:3px;margin:0 1%;padding-left:0;padding-right:0;padding-top:5px;text-align:center}.top.top2021 img{width:100%}.top.top2021 *{transition:all .75s ease}.top.top2021 .overlay{opacity:0}.top.top2021:hover .overlay{opacity:1}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){section.top .button-area{bottom:50px!important}section.top .button-area .button{font-size:25px!important;max-width:30%!important;padding-top:15px!important}section.bw_images{height:54vh!important}section.bw_images .img.img-3{top:220px!important}section.bw_images .copy.copy-1,section.bw_images .copy.copy-2,section.bw_images .copy.copy-3,section.bw_images .copy.copy-4{font-size:18px!important}section.feature{margin-top:30px}section.feature .hotspot{height:40px!important;width:40px!important}section.feature .dotted-line.line-1,section.feature .dotted-line.line-2{display:none!important}#product_search_results_header,.search-nav-bar{margin-left:10px;margin-right:10px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.copy h1{font-size:33px}section.feature .text-area{width:31%}section.feature .text-area h4{font-size:20px;margin-top:15px}section.feature .text-area p{font-size:16px}section.background-color{margin-bottom:0}section.copy3{margin-top:20px;padding-bottom:20px}section.video-feature{padding-bottom:40px}section.video-feature .flex .img-col{flex-basis:35%}section.video-feature .flex .text-col{flex-basis:55%;padding-top:0}section.video-feature .flex .text-col p.top{font-size:14px;line-height:18px;padding:0 5%}section.video-feature .flex .text-col p.follow{font-size:14px;line-height:18px;margin:30px 0 0;padding:0 5%}section.video-feature .flex .text-col .quote{margin:34px 0 0;padding:0 5%}section.video-feature .flex .text-col .quote:after{font-size:100px;right:20px}section.video-feature .flex .text-col .quote:before{font-size:100px;top:24px}section.video-feature .flex .text-col .quote p,section.video-feature .flex .text-col .quote p.top{font-size:14px;line-height:18px}}@media only screen and (max-device-width:768px){.top.top2021:hover .overlay{opacity:0}}@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){section.video-feature{display:none}section.background-color section.feature .hotspot.inactive{opacity:1}section.background-color section.feature .text-area h4{font-size:16px;letter-spacing:5px}section.background-color section.feature .dotted-line.line-1,section.background-color section.feature .dotted-line.line-2{display:block!important}section.copy3{margin-top:-30px}section.video-feature-mobile{display:block}section.video-feature-mobile .quote{margin-bottom:20px;position:relative}section.video-feature-mobile .follow{padding-bottom:30px}section.bw_images .copy.copy-1,section.bw_images .copy.copy-2,section.bw_images .copy.copy-3,section.bw_images .copy.copy-4{letter-spacing:8px!important}}@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5){section.video-feature .flex .text-col{padding-top:10px}section.video-feature .flex .text-col p.follow{margin-top:20px!important}section.video-feature .flex .text-col .quote{margin-top:10px;padding-right:1%;padding-top:10px}section.video-feature .flex .text-col .quote:after{right:-34px}section.video-feature .flex .text-col .quote:before{top:80px}section.video-feature .flex .text-col .quote p,section.video-feature .flex .text-col .quote p.top{font-size:25px!important;line-height:28px!important}}@media only screen and (min-width:1600px){section.feature .hotspot.womens.hotspot-5{left:60%}}@media only screen and (min-width:2000px){section.feature .hotspot.womens.hotspot-5{left:60%}}@media only screen and (min-width:2400px){section.feature .hotspot.womens.hotspot-5{leleft:57%}}@media only screen and (max-width:2000px){section.bw_images .copy.copy-4{top:1150px}}@media only screen and (max-width:1800px){section.bw_images .copy{font-size:35px!important}}@media only screen and (max-width:1700px){section.bw_images .copy{font-size:30px!important}section.video-feature .flex .text-col .quote:before{left:0}}@media only screen and (max-width:1600px){section.bw_images .copy{font-size:25px!important}section.video-feature .flex .text-col .quote:before{left:-20px}section.feature .text-area h4{font-size:30px;line-height:35px}}@media only screen and (max-width:1500px){section.bw_images .copy{font-size:20px!important}section.feature .text-area h4{font-size:25px;line-height:30px;margin-top:25px}section.feature .text-area p{font-size:20px;line-height:25px}}@media only screen and (max-width:1440px){section.video-feature .flex.flex_pink .text-col .quote p.top{font-size:22px!important}}@media only screen and (max-width:1400px){section.bw_images .copy{font-size:18px!important}section.video-feature .flex .text-col .quote:before{left:-50px}section.feature .text-area h4{font-size:18px;line-height:23px}section.feature .text-area p{font-size:16px;line-height:21px}}@media only screen and (max-width:1300px){section.bw_images .copy{font-size:12px!important}}@media only screen and (max-width:1100px){section.video-feature .flex.flex_pink{padding:0}section.video-feature .flex.flex_pink .col.img-col-pink{width:60%}section.video-feature .flex.flex_pink .col.text-col-pink{width:40%}section.video-feature .flex.flex_pink .text-col .quote:before{font-size:134px;top:64px}section.video-feature .flex.flex_pink .text-col .quote:after{font-size:134px;bottom:-50px;right:0}section.video-feature .flex.flex_pink .text-col .quote p.top{font-size:16px!important}}@media only screen and (max-width:1024px){section.feature .hotspot.inactive{opacity:.25}}@media only screen and (max-width:768px){section.top .button-area{bottom:10px}section.top .button-area .button{font-size:18px;font-weight:300!important;padding:8px 0 3px;width:65%}section.background-color{margin-bottom:0;padding-bottom:25px;padding-top:30px}section.copy{padding-bottom:50px}section.copy h1,section.copy h2{font-size:20px;letter-spacing:3px;line-height:25px}section.copy p{font-size:15px;letter-spacing:1px;line-height:20px;padding:0 10%}section.bw_images{height:60vh}section.bw_images .img.img-1{top:22px;width:33.33%}section.bw_images .img.img-2{left:33.33%;width:33.33%}section.bw_images .img.img-3{left:43%;top:90px;width:25%}section.bw_images .img.img-4{display:none!important}section.bw_images .img.img-5{left:66.666%;top:140px;width:33.33%}section.bw_images .copy{font-size:8px!important;letter-spacing:2px!important}section.bw_images .copy.copy-3{display:none}section.video-feature-mobile{display:block}section.video-feature-mobile .quote{position:relative;margin-top:45px}section.video-feature-mobile .quote:before{top:0}section.video-feature{display:none}section.copy2{margin-top:30px;padding-bottom:10px}section.copy2 .line{display:block}section.copy2 h2{margin-top:25px}section.copy3{margin-bottom:20px;margin-top:40px;padding-bottom:20px}section.copy3 .line{display:block}section.feature .text-area-mobile{background-color:#dfdfdf;display:block}section.feature .hotspot{height:30px;width:30px}section.feature .hotspot.mens.hotspot-1{left:55%;top:65%}section.feature .hotspot.mens.hotspot-2{left:64%;top:45%}section.feature .hotspot.mens.hotspot-3{left:33%;top:72%}section.feature .hotspot.mens.hotspot-4{left:44%;top:83%}section.feature .hotspot.mens.hotspot-5{left:28%;top:86%}section.feature .hotspot.womens.hotspot-1{left:21%;top:28%}section.feature .hotspot.womens.hotspot-2{left:26%;top:63%}section.feature .hotspot.womens.hotspot-3{left:54%;top:60%}section.feature .hotspot.womens.hotspot-4{left:36%;top:74%}section.feature .hotspot.womens.hotspot-5{left:66%;top:72%}section.feature .dotted-line{display:none!important}section.feature .text-area{background-color:transparent}section.feature .button-area-mobile{display:flex}section.feature .button-area-mobile-line{display:block}section.feature .button-area{display:none}}@media only screen and (max-width:767px){section.top .overlay{display:none}section.top .mobile-only{display:block}section.top video{display:none}section.top .overlay{transform:scale(2)}}