@font-face {
  font-family: 'DINPro-Regular';
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Regular.otf") format("opentype");
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("https://event.msi.com/msifonts/fonts/DINPro-Regular.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINPro-Regular.ttf") format(" truetype"), url("https://event.msi.com/msifonts/fonts/DINPro-Regular.svg") format("svg");
}

@font-face {
  font-family: 'DINCond-Medium';
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Medium.otf") format("TrueType");
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Medium.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.svg#DINCond-Bold") format("svg"), url("https://event.msi.com/msifonts/fonts/DINCond-Medium.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: 'DINCond-Light';
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Light.otf") format("TrueType");
  src: url("https://event.msi.com/msifonts/fonts/DINCond-Light.woff2") format("woff2"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.ttf") format("truetype"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.svg#DINCond-Bold") format("svg"), url("https://event.msi.com/msifonts/fonts/DINCond-Light.eot?#iefix") format("embedded-opentype");
}

.CreatorSeries {
  background: #000;
  font-family: 'DINPro-Regular';
  font-size: 18px;
  color: #fff;
}

.CreatorSeries img {
  vertical-align: bottom;
}

.CreatorSeries sup {
  position: relative;
  top: -.5em;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

.CreatorSeries h1 {
  font-family: 'DINCond-Medium';
  background: #333;
  font-size: 2.8em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  padding: 20px;
}

.CreatorSeries h2 {
  font-family: 'DINCond-Medium';
  font-size: 3.5em;
  font-weight: 700;
  margin: 10px auto 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.CreatorSeries a, .CreatorSeries button {
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
}

.CreatorSeries .kv {
  text-transform: uppercase;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.CreatorSeries .kv__txtbox {
  position: absolute;
  left: 5%;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1;
  font-family: 'DINCond-Light';
}

.CreatorSeries .kv__txtbox--title {
  font-family: 'DINCond-Medium';
  font-size: 5.5em;
  font-weight: 400;
}

.CreatorSeries .kv__txtbox--title sup {
  font-size: 35%;
  top: -1.3em;
}

.CreatorSeries .kv__txtbox--text {
  width: 65%;
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: 10px;
  margin: 20px 0;
}

.CreatorSeries .kv__txtbox a {
  border: solid 5px #fff;
  font-size: 2em;
  font-weight: 700;
  color: #fff;
  padding: 10px;
  width: 30%;
  display: block;
  text-align: center;
  letter-spacing: 5px;
  margin-top: 50px;
}

.CreatorSeries .kv__txtbox a:hover {
  background: #222;
  border-color: #222;
}

.CreatorSeries .kv p {
  position: absolute;
  right: 5%;
  bottom: 5%;
  text-shadow: 0.1em 0.1em 0.2em #000;
}

.CreatorSeries .kv__img {
  width: 100%;
}

.CreatorSeries .kv__img img {
  width: 100%;
}

.CreatorSeries .kv__img--xs {
  display: none;
}

.CreatorSeries .MT81 {
  background: #b2907f;
}

.CreatorSeries .MT81__container {
  width: 90%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.CreatorSeries .MT81 figure {
  width: 50%;
  margin-top: -3%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.CreatorSeries .MT81__txtbox {
  width: 50%;
}

.CreatorSeries .MT81__txtbox a {
  font-size: 1.2em;
  color: #fff;
}

.CreatorSeries .MT81__txtbox a:hover {
  background: #222;
}

.CreatorSeries .MT81__txtbox button {
  display: block;
  background: #222;
  border: 0;
  color: #fff;
  padding: 1% 4%;
  margin: 20px 0;
  font-size: 1.8em;
  font-weight: 300;
  font-family: 'DINCond-Light';
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
}

.CreatorSeries .MT81__txtbox button:hover {
  background: #333;
}

.CreatorSeries .MT81__txtbox ul li {
  list-style: inside;
  padding: 3px 0;
  letter-spacing: 1px;
}

.CreatorSeries .MT81__txtbox p {
  margin-top: 30px;
  line-height: 1.2;
}

.CreatorSeries .MT81 .popup ul {
  margin: 5% auto 2%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-transform: uppercase;
  font-family: 'DINCond-Medium';
  font-weight: 500;
}

.CreatorSeries .MT81 .popup ul li {
  width: calc( 100%/3 - 20px);
  text-align: center;
}

.CreatorSeries .MT81 .popup ul li p {
  font-size: 1.3em;
  margin-top: 20px;
  color: #555;
}

.CreatorSeries .MT81 .popup ul li p b {
  display: block;
  font-size: 1.4em;
  font-weight: 900;
  margin: 10px auto;
}

.CreatorSeries .MT81 .popup .modal-link a {
  width: 50%;
  display: block;
  margin: auto;
  font-family: 'DINCond-Medium';
  font-size: 2em;
  text-align: center;
  border: #b2907f solid 3px;
  color: #b2907f;
  padding: 1%;
}

.CreatorSeries .MT81 .popup .modal-link a:hover {
  background: #222;
  border-color: #222;
  color: #fff;
}

.CreatorSeries .creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}

.CreatorSeries .creator__txtbox {
  position: absolute;
  left: 10%;
  width: 35%;
}

.CreatorSeries .creator__txtbox p {
  line-height: 1.2;
  margin: 40px auto 50px;
}

.CreatorSeries .creator__txtbox a {
  border: #fff solid 2px;
  color: #fff;
  padding: 1% 5%;
  text-transform: uppercase;
}

.CreatorSeries .creator__txtbox a:hover {
  background: #c3ab9f;
  border-color: #c3ab9f;
}

.CreatorSeries .creator figure {
  width: 100%;
}

.CreatorSeries .creator figure img {
  width: 100%;
}

.CreatorSeries .deals__container {
  margin: auto;
  padding: 2% 10%;
}

.CreatorSeries .deals .dealsTable h2 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
}

.CreatorSeries .deals .dealsTable h2 figure {
  position: absolute;
  right: 0;
}

.CreatorSeries .deals .dealsTable table, .CreatorSeries .deals .dealsTable th, .CreatorSeries .deals .dealsTable td {
  border-collapse: collapse;
  color: #fff;
}

.CreatorSeries .deals .dealsTable table {
  margin: 40px auto;
}

.CreatorSeries .deals .dealsTable table caption {
  color: #888;
  font-size: 2em;
  font-weight: 900;
  text-align: left;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.CreatorSeries .deals .dealsTable table caption::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 15px;
  margin-bottom: 3px;
  vertical-align: middle;
  background: #888;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.CreatorSeries .deals .dealsTable table th, .CreatorSeries .deals .dealsTable table td {
  font-size: 1.2em;
  padding: 20px;
  border: solid 2px #fff;
}

.CreatorSeries .deals .dealsTable table th {
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  vertical-align: middle;
}

.CreatorSeries .deals .dealsTable table td {
  vertical-align: middle;
  line-height: 1.2;
}

.CreatorSeries .deals .dealsTable table td a {
  color: #fff;
}

.CreatorSeries .deals .dealsTable table td a:hover {
  color: #bbdbf9;
  text-decoration: underline;
}

.CreatorSeries .deals .dealsTable table td b {
  font-weight: 900;
  display: block;
  padding-bottom: 10px;
}

.CreatorSeries .deals .dealsTable table td span {
  font-weight: 900;
  display: block;
}

.CreatorSeries .deals .dealsModel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.CreatorSeries .deals .dealsModel figure {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.CreatorSeries .deals .dealsModel--txt {
  width: 50%;
}

.CreatorSeries .deals .dealsModel--txt p {
  margin: 40px auto;
}

.CreatorSeries .deals .dealsModel--txt a {
  display: block;
  width: 70%;
  margin: 20px 0;
  font-size: 1.2em;
  border: #fff solid 2px;
  color: #fff;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
}

.CreatorSeries .deals .dealsModel--txt a:hover {
  background: #c3ab9f;
  border-color: #c3ab9f;
}

.CreatorSeries .wtb__container {
  margin: auto;
  padding: 3% 10% 5%;
}

.CreatorSeries .wtb__container h2 {
  font-size: 3em;
  margin: 10px auto 50px;
}

.CreatorSeries .wtb__container--shop {
  margin-top: 50px;
}

.CreatorSeries .TC__container {
  margin: auto;
  padding: 3% 10% 5%;
}

.CreatorSeries .TC__container h2 {
  font-size: 3em;
  margin: 10px auto 50px;
}

.CreatorSeries .TC__container p {
  line-height: 1.4;
}

@media screen and (min-width: 1921px) {
  .CreatorSeries {
    font-size: 22px;
  }
  .CreatorSeries .kv__txtbox--title {
    font-size: 5.5em;
  }
  .CreatorSeries .kv__txtbox--text {
    font-size: 1.4em;
  }
  .CreatorSeries .MT81 figure img {
    width: 70%;
  }
}

@media screen and (max-width: 1536px) {
  .CreatorSeries h1 {
    font-size: 2.8em;
  }
  .CreatorSeries h2 {
    font-size: 3.5em;
  }
  .CreatorSeries .kv__txtbox {
    position: absolute;
    left: 5%;
    width: 50%;
  }
  .CreatorSeries .kv__txtbox--title {
    font-size: 5em;
    line-height: .8;
  }
  .CreatorSeries .kv__txtbox--text {
    width: 70%;
    font-size: 1.4em;
  }
  .CreatorSeries .kv__txtbox a {
    font-size: 1.5em;
  }
  .CreatorSeries .kv__img--xs {
    display: none;
  }
  .CreatorSeries .MT81 figure img {
    width: 100%;
  }
  .CreatorSeries .MT81__txtbox {
    padding-left: 5%;
  }
  .CreatorSeries .MT81__txtbox a {
    font-size: 1.2em;
  }
  .CreatorSeries .MT81__txtbox button {
    font-size: 1.8em;
  }
  .CreatorSeries .creator__txtbox {
    position: absolute;
    left: 5%;
    width: 50%;
  }
  .CreatorSeries .deals__container {
    max-width: 1600px;
    margin: auto;
    padding: 2% 5%;
  }
  .CreatorSeries .deals .dealsModel--txt {
    width: 50%;
  }
  .CreatorSeries .deals .dealsModel--txt a {
    width: 80%;
    font-size: 1.2em;
  }
  .CreatorSeries .wtb__container {
    padding: 3% 5% 5%;
  }
  .CreatorSeries .wtb__container h2 {
    font-size: 3em;
  }
  .CreatorSeries .TC__container {
    padding: 3% 5% 5%;
  }
  .CreatorSeries .TC__container h2 {
    font-size: 3em;
  }
}

@media screen and (max-width: 1280px) {
  .CreatorSeries {
    font-size: 16px;
  }
  .CreatorSeries h1 {
    font-size: 2.8em;
  }
  .CreatorSeries h2 {
    font-size: 3.5em;
  }
  .CreatorSeries .kv__txtbox {
    position: absolute;
    left: 5%;
    width: 50%;
  }
  .CreatorSeries .kv__txtbox--title {
    font-size: 4em;
  }
  .CreatorSeries .kv__txtbox--text {
    letter-spacing: 5px;
  }
  .CreatorSeries .kv__txtbox a {
    font-size: 1.5em;
    margin-top: 20px;
  }
  .CreatorSeries .kv__img--xs {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .CreatorSeries h1 {
    font-size: 2.8em;
  }
  .CreatorSeries h2 {
    font-size: 3.5em;
  }
  .CreatorSeries .kv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    background: url("../images/kv-xs-bg.jpg");
    padding: 0 0 3%;
  }
  .CreatorSeries .kv__txtbox {
    position: initial;
    width: 90%;
    margin: 0 auto 20px;
    text-align: center;
  }
  .CreatorSeries .kv__txtbox--title {
    font-size: 8em;
    line-height: 1;
  }
  .CreatorSeries .kv__txtbox--text {
    width: 100%;
  }
  .CreatorSeries .kv__txtbox a {
    margin: 20px auto;
    font-size: 1.5em;
  }
  .CreatorSeries .kv p {
    position: initial;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
  .CreatorSeries .kv__img--xs {
    display: block;
  }
  .CreatorSeries .kv__img--lg {
    display: none;
  }
  .CreatorSeries .MT81__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 5%;
  }
  .CreatorSeries .MT81__txtbox {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .CreatorSeries .MT81__txtbox a {
    font-size: 1.2em;
  }
  .CreatorSeries .MT81__txtbox button {
    font-size: 1.8em;
    margin: 20px auto;
  }
  .CreatorSeries .creator {
    background: url("../images/creators-img.jpg") top left no-repeat;
    background-size: cover;
    padding: 10% 0;
  }
  .CreatorSeries .creator__txtbox {
    position: initial;
    width: 80%;
    margin: auto;
    text-align: center;
  }
  .CreatorSeries .creator figure {
    display: none;
  }
  .CreatorSeries .deals__container {
    padding: 5%;
  }
  .CreatorSeries .deals .dealsTable h2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .CreatorSeries .deals .dealsTable h2 figure {
    position: initial;
    margin-bottom: 30px;
  }
  .CreatorSeries .deals .dealsModel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .CreatorSeries .deals .dealsModel figure {
    width: 100%;
  }
  .CreatorSeries .deals .dealsModel--txt {
    width: 90%;
    text-align: center;
  }
  .CreatorSeries .deals .dealsModel--txt a {
    margin: auto;
  }
  .CreatorSeries .wtb__container {
    padding: 5%;
  }
  .CreatorSeries .TC__container {
    padding: 5%;
  }
}

@media screen and (max-width: 640px) {
  .CreatorSeries h1 {
    font-size: 2em;
  }
  .CreatorSeries h2 {
    font-size: 2.5em;
  }
  .CreatorSeries .kv__txtbox--title {
    font-size: 6em;
  }
  .CreatorSeries .kv__txtbox--text {
    width: 100%;
  }
  .CreatorSeries .kv__txtbox a {
    width: 90%;
    font-size: 1.5em;
  }
  .CreatorSeries .deals .dealsTable .responsive-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
/*# sourceMappingURL=style-v2.css.map */