@font-face {
  font-family: SFPD-Light;
  src: url("http://kenh14cdn.com/web_font/SFPD-Light.otf"); }
@font-face {
  font-family: SFPD-Regular;
  src: url("http://kenh14cdn.com/web_font/SFPD-Regular.otf"); }
@font-face {
  font-family: SFPD-Medium;
  src: url("http://kenh14cdn.com/web_font/SFPD-Medium.otf"); }
@font-face {
  font-family: SFPD-Semibold;
  src: url("http://kenh14cdn.com/web_font/SFPD-Semibold.otf"); }
@font-face {
  font-family: SFPD-Bold;
  src: url("http://kenh14cdn.com/web_font/SFPD-Bold.otf"); }
@font-face {
  font-family: SFPD-Heavy;
  src: url("http://kenh14cdn.com/web_font/SFPD-Heavy.otf"); }
a {
  text-decoration: none; }
  a:hover, a:focus {
    outline: none; }

.fancybox-bg {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.img-alignRight {
  width: 591px;
  margin-right: -125px; }
  .img-alignRight .caption {
    width: 465px;
    display: block;
    margin-left: 0;
    margin-right: auto; }

.title-inside {
  margin-top: 20px;
  font-family: SFPD-Bold;
  font-size: 46px;
  line-height: 60px;
  text-transform: uppercase;
  color: #161616;
  margin-bottom: 50px; }

.content980 {
  width: 980px;
  margin-left: auto;
  margin-right: auto; }

.img-alignLeft {
  margin-left: -125px; }
  .img-alignLeft .caption {
    width: 461px;
    margin-right: 0;
    margin-left: auto;
    display: block; }

.flex-img {
  display: flex;
  justify-content: space-between; }
  .flex-img a {
    display: block;
    width: 488px; }

p {
  font-family: SFPD-SemiBold;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 30px; }

img {
  width: 100%;
  display: block; }

.timing {
  margin-bottom: 15px;
  font-family: SFPD-Bold;
  font-size: 58px;
  line-height: 58px;
  color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #c24d19; }
  .timing.firts {
    margin-bottom: 65px; }

.img-box {
  display: block; }
  .img-box img {
    width: 100%;
    display: block;
    margin-bottom: 10px; }
  .img-box .caption {
    display: block;
    font-family: SFPD-Regular;
    font-size: 15px;
    color: #666666;
    line-height: 20px; }

.flex-content {
  display: flex;
  justify-content: space-between; }
  .flex-content .left, .flex-content .right {
    width: calc((100% - 50px) / 2); }

.body-halftop {
  width: 100%;
  padding: 65px 0;
  background-color: #ffffff; }
  .body-halftop .halftop_gr1 {
    overflow: hidden;
    padding-bottom: 150px;
    position: relative; }
    .body-halftop .halftop_gr1 .content980 .title {
      position: relative;
      z-index: 5;
      width: 697px;
      margin-left: 0;
      margin-right: auto;
      margin-bottom: 10vw; }
      .body-halftop .halftop_gr1 .content980 .title img {
        width: 100%;
        display: block;
        max-width: 100%; }
    .body-halftop .halftop_gr1 .content980 .title-right {
      position: relative;
      z-index: 3;
      margin-bottom: 6vw;
      display: flex;
      justify-content: flex-end; }
      .body-halftop .halftop_gr1 .content980 .title-right span {
        display: block;
        font-family: SFPD-Bold;
        font-size: 2.6vw;
        line-height: 3vw;
        letter-spacing: -0.2px;
        color: #161616;
        text-transform: uppercase; }
    .body-halftop .halftop_gr1 .content980 .text-right {
      position: relative;
      z-index: 5;
      width: 466px;
      float: right; }
    .body-halftop .halftop_gr1 .credit {
      letter-spacing: 0.5px;
      width: 40%;
      bottom: 80px;
      position: absolute;
      right: 9%;
      display: flex;
      justify-content: space-between; }
      .body-halftop .halftop_gr1 .credit li .info {
        font-family: SFPD-Bold;
        font-size: 11px;
        color: #161616;
        text-transform: uppercase; }
    .body-halftop .halftop_gr1 .img-abs-left_1 {
      position: absolute;
      top: 95px;
      left: 0;
      width: 21.85%;
      display: block;
      z-index: 3; }
    .body-halftop .halftop_gr1 .img-abs-left_2 {
      position: absolute;
      top: 57.82%;
      left: -9%;
      width: 20.5%;
      display: block;
      z-index: 3; }
    .body-halftop .halftop_gr1 .img-abs-left_3 {
      position: absolute;
      top: 261px;
      left: 5.25%;
      width: 41.4%;
      display: block;
      z-index: 1; }
    .body-halftop .halftop_gr1 .img-abs-right_1 {
      position: absolute;
      top: 0;
      right: 0;
      width: 30.5%;
      display: block;
      z-index: 1; }
    .body-halftop .halftop_gr1 .img-abs-right_2 {
      position: absolute;
      top: 42.7%;
      right: -8%;
      width: 20.5%;
      display: block;
      z-index: 3; }
    .body-halftop .halftop_gr1 .img-abs-right_3 {
      position: absolute;
      bottom: 16.34%;
      right: -9px;
      width: 17.85%;
      display: block;
      z-index: 3; }
  .body-halftop .halftop_gr2 {
    margin-bottom: 80px; }
    .body-halftop .halftop_gr2 .content980 {
      position: relative; }
    .body-halftop .halftop_gr2 .timing {
      margin-bottom: 15px;
      font-family: SFPD-Bold;
      font-size: 58px;
      line-height: 58px;
      color: #ffffff;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #c24d19; }
      .body-halftop .halftop_gr2 .timing.firts {
        margin-bottom: 65px;
        padding-top: 200px; }
    .body-halftop .halftop_gr2 .img-fr {
      width: 461px;
      float: right;
      margin-left: 50px;
      margin-bottom: 30px;
      display: block; }
    .body-halftop .halftop_gr2 p {
      color: #161616;
      font-size: 17px;
      font-family: SFPD-Regular;
      margin-bottom: 35px; }
      .body-halftop .halftop_gr2 p.fl {
        width: 466px;
        float: left; }
      .body-halftop .halftop_gr2 p.fr {
        width: 466px;
        float: right; }
    .body-halftop .halftop_gr2 .img-quote {
      margin-left: 0;
      margin-right: auto;
      width: 724px;
      margin-bottom: 30px; }
      .body-halftop .halftop_gr2 .img-quote img {
        width: 100%;
        display: block; }
    .body-halftop .halftop_gr2 .img-alignLeft {
      width: 880px;
      margin-left: -125px;
      display: block; }
      .body-halftop .halftop_gr2 .img-alignLeft img {
        width: 100%;
        display: block; }
    .body-halftop .halftop_gr2 .img-rhino {
      right: 60px;
      position: absolute;
      bottom: 300px;
      z-index: 2;
      width: 258px;
      display: block; }
    .body-halftop .halftop_gr2 .img-tribal {
      bottom: 0;
      right: 0;
      position: absolute;
      width: 134px; }
  .body-halftop .halftop_gr3 .timing {
    margin-bottom: 15px;
    font-family: SFPD-Bold;
    font-size: 58px;
    line-height: 58px;
    color: #ffffff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c24d19; }
  .body-halftop .halftop_gr3 .img-quote {
    margin-left: 0;
    margin-right: auto;
    width: 524px;
    margin-bottom: 30px; }
    .body-halftop .halftop_gr3 .img-quote img {
      width: 100%;
      display: block; }
  .body-halftop .halftop_gr3 .img-box {
    margin-bottom: 20px; }
    .body-halftop .halftop_gr3 .img-box .caption {
      line-height: 20px; }
  .body-halftop .halftop_gr3 p {
    margin-bottom: 30px;
    font-family: SFPD-Regular;
    font-size: 17px;
    line-height: 27px;
    color: #161616; }
  .body-halftop .parallax-mid_overflow {
    overflow: hidden;
    position: relative; }
    .body-halftop .parallax-mid_overflow i {
      padding-top: 41.55%;
      display: block;
      background: transparent; }
    .body-halftop .parallax-mid_overflow .bg-wrapt-absolute {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%; }
      .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between; }
        .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .text-1, .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .text-2, .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .img-1, .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .img-2, .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .img-3 {
          width: 100%;
          height: 100%;
          position: relative; }
        .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .text-jb {
          top: 0;
          left: 5.3%;
          width: 3%;
          position: absolute; }
        .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .jb-1 {
          bottom: 0;
          left: 12.85%;
          width: 31.3%;
          position: absolute; }
        .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .jb-2 {
          top: 0;
          right: 25.5%;
          width: 23.15%;
          position: absolute; }
        .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .jb-3 {
          right: -2.2%;
          position: absolute;
          width: 15.45%;
          bottom: 40px; }
        .body-halftop .parallax-mid_overflow .bg-wrapt-absolute .magz-middle .text-supra {
          right: 16.25%;
          position: absolute;
          width: 3%;
          bottom: 1%; }
  .body-halftop .halftop_gr4 {
    margin-top: 80px; }
    .body-halftop .halftop_gr4 .supra-logo {
      width: 204px;
      margin: 110px auto 0 auto; }
    .body-halftop .halftop_gr4 .img-alignLeft {
      width: 590px;
      margin-left: -125px; }
      .body-halftop .halftop_gr4 .img-alignLeft .caption {
        width: 468px;
        margin-right: 0;
        margin-left: auto;
        display: block; }
    .body-halftop .halftop_gr4 .jordan-logo {
      margin-bottom: 70px;
      width: 226px;
      margin-left: 0;
      margin-right: auto; }
  .body-halftop .big-jordan_overflow {
    overflow: hidden;
    position: relative; }
    .body-halftop .big-jordan_overflow:before {
      width: 100%;
      height: 100%;
      background: transparent;
      z-index: 4;
      top: 0;
      left: 0;
      display: block;
      position: absolute;
      content: ''; }
    .body-halftop .big-jordan_overflow .jordan-big {
      z-index: 2;
      position: relative;
      width: 817px;
      margin-left: auto;
      margin-right: auto; }
      .body-halftop .big-jordan_overflow .jordan-big .caption {
        line-height: 19px;
        width: 655px;
        margin-left: auto;
        margin-right: auto; }
    .body-halftop .big-jordan_overflow .k14c-marque {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 200px !important;
      margin-top: -100px;
      z-index: 0; }
      .body-halftop .big-jordan_overflow .k14c-marque p {
        display: block;
        float: left;
        margin: 0;
        position: relative;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        line-height: 150px;
        text-transform: uppercase;
        font-family: SFPD-Bold;
        letter-spacing: -0.2px;
        font-size: 150px;
        color: #ffffff;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #c24d19; }
@keyframes marquee-txt {
  0% {
    -moz-transform: translateX(100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(100%);
    /* Firefox bug fix */
    transform: translateX(100%); }
  100% {
    -moz-transform: translateX(-100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-100%);
    /* Firefox bug fix */
    transform: translateX(-100%); } }
.body-middle {
  position: relative;
  padding-top: 90px;
  background-color: #101010; }
  .body-middle .off-white-rellax {
    position: absolute;
    width: 29.8%;
    bottom: -4%;
    right: 19.25%;
    z-index: 3; }
  .body-middle .timing {
    color: #101010;
    -webkit-text-stroke-color: #993f17; }
  .body-middle .title {
    margin-bottom: 80px;
    font-family: SFPD-Bold;
    font-size: 46px;
    line-height: 60px;
    text-transform: uppercase;
    color: #ffffff; }
  .body-middle p {
    font-family: SFPD-Regular;
    color: #ffffff; }
  .body-middle .img-box {
    margin-bottom: 40px; }
  .body-middle .img-alignLeft {
    margin-bottom: 80px; }

.body-foot {
  background-color: #ffffff; }
  .body-foot .foot_gr1 {
    position: relative;
    overflow: hidden; }
  .body-foot .foot_gr2 {
    margin-top: 40px; }
    .body-foot .foot_gr2 .title-inside {
      margin-top: 20px;
      font-family: SFPD-Bold;
      font-size: 46px;
      line-height: 60px;
      text-transform: uppercase;
      color: #161616;
      margin-bottom: 50px; }
    .body-foot .foot_gr2 .sub-heading {
      font-family: SFPD-Bold;
      font-size: 30px;
      line-height: 44px;
      text-transform: uppercase;
      color: #161616;
      margin-bottom: 35px; }
    .body-foot .foot_gr2 p {
      font-family: SFPD-Regular;
      color: #161616; }
  .body-foot .caption.w653 {
    margin-bottom: 80px;
    width: 653px;
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .body-foot .img-overflow-offwhite {
    z-index: 2;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .body-foot .img-overflow-offwhite:before {
      width: 100vw;
      height: 50%;
      background-color: #101010;
      top: 0;
      left: calc((100vw - 100%) / (-2));
      position: absolute;
      display: block;
      content: '';
      z-index: 1; }
    .body-foot .img-overflow-offwhite .the-ten {
      z-index: 2;
      position: absolute;
      width: 5%;
      left: 4.66%;
      bottom: 10.41%; }
      .body-foot .img-overflow-offwhite .the-ten img {
        width: 100%;
        display: block;
        margin-bottom: 0; }
    .body-foot .img-overflow-offwhite .ow-txt {
      z-index: 2;
      position: absolute;
      width: 5%;
      right: 2.66%;
      top: 5.72%; }
      .body-foot .img-overflow-offwhite .ow-txt img {
        width: 100%;
        display: block;
        margin-bottom: 0; }
    .body-foot .img-overflow-offwhite img {
      position: relative;
      z-index: 2;
      margin-bottom: 30px; }
    .body-foot .img-overflow-offwhite .caption {
      position: relative;
      z-index: 2;
      width: 980px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      font-size: 15px;
      line-height: 19px; }
  .body-foot .parallax-footer_overflow {
    overflow: hidden;
    margin-top: -230px;
    position: relative; }
    .body-foot .parallax-footer_overflow i {
      padding-top: 69.6%;
      display: block;
      background: transparent; }
    .body-foot .parallax-footer_overflow .bg-wrapt-absolute {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%; }
      .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .text-mid, .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .img-4, .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .img-1, .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .img-2, .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .img-3 {
          width: 100%;
          height: 100%;
          position: relative; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .img-3 {
          z-index: 3; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .img-4 {
          z-index: 2; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .jordan-oreo {
          position: absolute;
          width: 50.95%;
          bottom: 20.76%;
          left: 0; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .jdb-nickel {
          position: absolute;
          width: 21.15%;
          bottom: 0;
          left: 26.7%; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .text {
          width: 3.6%;
          left: 55.95%;
          bottom: 1%;
          position: absolute; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .jordan-x {
          width: 25.45%;
          position: absolute;
          top: 0;
          right: 19.25%; }
        .body-foot .parallax-footer_overflow .bg-wrapt-absolute .magz-footer .j-columbia {
          position: absolute;
          right: 0;
          width: 34.2%;
          bottom: 13.64%; }

.copy-right {
  margin-top: 100px;
  margin-bottom: 100px; }
  .copy-right ul {
    display: flex;
    justify-content: space-between; }
    .copy-right ul li:nth-last-child(1) {
      margin-left: 260px; }
    .copy-right ul li .pos {
      font-family: SFPD-Bold;
      font-size: 12px;
      line-height: 24px;
      text-transform: uppercase;
      color: #c45320; }
    .copy-right ul li .name {
      font-family: SFPD-Bold;
      font-size: 18px;
      line-height: 24px;
      color: #161616;
      text-transform: uppercase; }

/*# sourceMappingURL=style.css.map */
