#GGD_Campaign {
  color: #fff;
  background-color: #000;
  font-family: 'DINPro-Regular', sans-serif;
  background: url("../images/kv.jpg") 50% 50% no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  #GGD_Campaign h2.section-title {
    font-size: 38px;
    text-align: center; }
  #GGD_Campaign a {
    color: #fff;
    text-decoration: none; }
  #GGD_Campaign .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #GGD_Campaign section.kv {
    position: relative;
    padding: 5%;
    text-align: center; }
    #GGD_Campaign section.kv .content_wrap {
      display: inline-block;
      width: 70%;
      max-width: 780px;
      margin-left: 20%; }
      @media (max-width: 992px) {
        #GGD_Campaign section.kv .content_wrap {
          padding-top: 10%;
          width: 95%;
          margin-left: 0; } }
    #GGD_Campaign section.kv p.intro {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 32px;
      margin-top: 16px;
      font-size: 18px;
      line-height: 1.6;
      text-align: left; }
  #GGD_Campaign section.nav {
    background: url("../images/nav-bg.jpg") 50% 50% no-repeat;
    background-size: cover; }
    #GGD_Campaign section.nav ul {
      max-width: 1500px;
      margin: 0 auto;
      text-align: center;
      padding: 22% 0 3% 0; }
    #GGD_Campaign section.nav ul li {
      list-style: none;
      width: calc(100% / 3);
      margin: 8px; }
      #GGD_Campaign section.nav ul li a {
        display: block;
        padding-top: 55%;
        padding-bottom: 16px;
        height: 100%;
        font-size: 36px;
        border-bottom: 2px solid rgba(255, 255, 255, 0);
        font-weight: 500; }
        @media (max-width: 992px) {
          #GGD_Campaign section.nav ul li a {
            font-size: 22px; } }
        #GGD_Campaign section.nav ul li a:hover {
          border-bottom: 2px solid white;
          font-weight: 800; }
  #GGD_Campaign section.main_series {
    padding: 5%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.3+20,0.3+80,0+80,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0.5)), to(black));
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 80%, black 100%);
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 80%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
    #GGD_Campaign section.main_series h2.section-title {
      text-align: center;
      margin-bottom: 2%; }
    #GGD_Campaign section.main_series ul {
      max-width: 1500px;
      margin: 0 auto;
      padding: 0 0 3% 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (max-width: 992px) {
        #GGD_Campaign section.main_series ul {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
    #GGD_Campaign section.main_series ul li {
      position: relative;
      z-index: 10;
      width: calc(100% / 5);
      min-width: 200px;
      list-style: none;
      margin: 16px 1%;
      text-align: center; }
      @media (max-width: 768px) {
        #GGD_Campaign section.main_series ul li {
          width: 45%;
          min-width: 150px;
          margin: 16px 8px; } }
      #GGD_Campaign section.main_series ul li .flex-wrap {
        position: relative;
        z-index: 10;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 2px; }
        #GGD_Campaign section.main_series ul li .flex-wrap .image-wrap {
          overflow: hidden; }
          #GGD_Campaign section.main_series ul li .flex-wrap .image-wrap img {
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out; }
        #GGD_Campaign section.main_series ul li .flex-wrap .text-wrap::before {
          content: '';
          display: block;
          width: 80%;
          height: 1px;
          margin: 0 auto;
          background-color: #fff; }
      #GGD_Campaign section.main_series ul li h3 {
        padding: 0 8px;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
        @media (max-width: 768px) {
          #GGD_Campaign section.main_series ul li h3 {
            font-size: 18px; } }
      #GGD_Campaign section.main_series ul li p {
        padding: 0 16px 16px; }
      #GGD_Campaign section.main_series ul li:hover .image-wrap img {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15); }
      #GGD_Campaign section.main_series ul li:hover .text-wrap h3 {
        font-weight: 800; }
      #GGD_Campaign section.main_series ul li::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
      #GGD_Campaign section.main_series ul li::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 2px;
        background-color: #000; }
      #GGD_Campaign section.main_series ul li:nth-of-type(1)::before {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0046+0,ec0046+100 */
        background: #ff0046;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#ff0046), to(#ec0046));
        background: -o-linear-gradient(left, #ff0046 0%, #ec0046 100%);
        background: linear-gradient(to right, #ff0046 0%, #ec0046 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0046', endColorstr='#ec0046', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */ }
      #GGD_Campaign section.main_series ul li:nth-of-type(2)::before {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0046+0,940095+100 */
        background: #ff0046;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#ff0046), to(#940095));
        background: -o-linear-gradient(left, #ff0046 0%, #940095 100%);
        background: linear-gradient(to right, #ff0046 0%, #940095 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0046', endColorstr='#940095', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */ }
      #GGD_Campaign section.main_series ul li:nth-of-type(3)::before {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#860080+0,3800cc+100 */
        background: #860080;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#860080), to(#3800cc));
        background: -o-linear-gradient(left, #860080 0%, #3800cc 100%);
        background: linear-gradient(to right, #860080 0%, #3800cc 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#860080', endColorstr='#3800cc', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */ }
      #GGD_Campaign section.main_series ul li:nth-of-type(4)::before {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#381de8+0,07cce8+100 */
        background: #381de8;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#381de8), to(#07cce8));
        background: -o-linear-gradient(left, #381de8 0%, #07cce8 100%);
        background: linear-gradient(to right, #381de8 0%, #07cce8 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#381de8', endColorstr='#07cce8', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */ }
      #GGD_Campaign section.main_series ul li:nth-of-type(5)::before {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00fbfb+0,00ffff+100 */
        background: #00fbfb;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(315deg, #00fbfb 0%, #00ffff 100%);
        background: linear-gradient(135deg, #00fbfb 0%, #00ffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fbfb', endColorstr='#00ffff', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */ }
  #GGD_Campaign section.gleam {
    padding: 5%;
    background: #000 url("../images/bg-1.jpg") center center no-repeat;
    background-size: 100%; }
  #GGD_Campaign section.redeem {
    padding: 5% 0 8%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0.5)), to(black));
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 80%, black 100%);
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 80%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
    #GGD_Campaign section.redeem .content-wrap {
      max-width: 1100px;
      margin: 0 auto;
      text-align: center; }
    #GGD_Campaign section.redeem .flex-wrap {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #GGD_Campaign section.redeem .item {
      max-width: 290px;
      margin: 8px; }
    #GGD_Campaign section.redeem h3 {
      font-size: 22px; }
    #GGD_Campaign section.redeem p {
      font-size: 22px; }
      @media (max-width: 992px) {
        #GGD_Campaign section.redeem p {
          font-size: 16px; } }
  #GGD_Campaign section.purchase_guide {
    padding: 3% 0 5%;
    text-align: center;
    background: #000 url("../images/bg-2.jpg") center center no-repeat;
    background-size: 100%;
    background-attachment: fixed; }
    #GGD_Campaign section.purchase_guide p {
      font-size: 22px; }
    #GGD_Campaign section.purchase_guide ul.tabs {
      max-width: 1500px;
      margin: 0 auto;
      padding: 0; }
      @media (max-width: 992px) {
        #GGD_Campaign section.purchase_guide ul.tabs {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      #GGD_Campaign section.purchase_guide ul.tabs li {
        position: relative;
        width: calc(100% / 5);
        min-width: 100px;
        list-style: none;
        margin: 16px; }
        @media (max-width: 992px) {
          #GGD_Campaign section.purchase_guide ul.tabs li {
            margin: 8px; } }
        #GGD_Campaign section.purchase_guide ul.tabs li a {
          display: block;
          position: relative;
          z-index: 10;
          margin: 2px;
          background-color: #000;
          padding: 16px 8px;
          border-radius: 10px; }
        #GGD_Campaign section.purchase_guide ul.tabs li::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          border-radius: 12px; }
        #GGD_Campaign section.purchase_guide ul.tabs li:nth-of-type(1)::before {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0046+0,ec0046+100 */
          background: #ff0046;
          /* Old browsers */
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          background: -webkit-gradient(linear, left top, right top, from(#ff0046), to(#ec0046));
          background: -o-linear-gradient(left, #ff0046 0%, #ec0046 100%);
          background: linear-gradient(to right, #ff0046 0%, #ec0046 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0046', endColorstr='#ec0046', GradientType=1);
          /* IE6-9 fallback on horizontal gradient */ }
        #GGD_Campaign section.purchase_guide ul.tabs li:nth-of-type(2)::before {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0046+0,940095+100 */
          background: #ff0046;
          /* Old browsers */
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          background: -webkit-gradient(linear, left top, right top, from(#ff0046), to(#940095));
          background: -o-linear-gradient(left, #ff0046 0%, #940095 100%);
          background: linear-gradient(to right, #ff0046 0%, #940095 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0046', endColorstr='#940095', GradientType=1);
          /* IE6-9 fallback on horizontal gradient */ }
        #GGD_Campaign section.purchase_guide ul.tabs li:nth-of-type(3)::before {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#860080+0,3800cc+100 */
          background: #860080;
          /* Old browsers */
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          background: -webkit-gradient(linear, left top, right top, from(#860080), to(#3800cc));
          background: -o-linear-gradient(left, #860080 0%, #3800cc 100%);
          background: linear-gradient(to right, #860080 0%, #3800cc 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#860080', endColorstr='#3800cc', GradientType=1);
          /* IE6-9 fallback on horizontal gradient */ }
        #GGD_Campaign section.purchase_guide ul.tabs li:nth-of-type(4)::before {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#381de8+0,07cce8+100 */
          background: #381de8;
          /* Old browsers */
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          background: -webkit-gradient(linear, left top, right top, from(#381de8), to(#07cce8));
          background: -o-linear-gradient(left, #381de8 0%, #07cce8 100%);
          background: linear-gradient(to right, #381de8 0%, #07cce8 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#381de8', endColorstr='#07cce8', GradientType=1);
          /* IE6-9 fallback on horizontal gradient */ }
        #GGD_Campaign section.purchase_guide ul.tabs li:nth-of-type(5)::before {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00fbfb+0,00ffff+100 */
          background: #00fbfb;
          /* Old browsers */
          /* FF3.6-15 */
          /* Chrome10-25,Safari5.1-6 */
          background: -o-linear-gradient(315deg, #00fbfb 0%, #00ffff 100%);
          background: linear-gradient(135deg, #00fbfb 0%, #00ffff 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fbfb', endColorstr='#00ffff', GradientType=1);
          /* IE6-9 fallback on horizontal gradient */ }
    #GGD_Campaign section.purchase_guide .tab-content {
      max-width: 1500px;
      min-height: 50vh;
      margin: 0 auto; }
      #GGD_Campaign section.purchase_guide .tab-content .question {
        padding: 32px; }
      #GGD_Campaign section.purchase_guide .tab-content .answer-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (max-width: 992px) {
          #GGD_Campaign section.purchase_guide .tab-content .answer-wrap {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
      #GGD_Campaign section.purchase_guide .tab-content .answer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #GGD_Campaign section.purchase_guide .tab-content .answer > div > span {
          display: inline-block;
          border: 2px solid #fff;
          padding: 16px 24px;
          margin: 8px 8px;
          border-radius: 12px;
          background-color: rgba(30, 30, 30, 0.8);
          cursor: pointer; }
        #GGD_Campaign section.purchase_guide .tab-content .answer > div.active > span {
          border: 2px solid #CD0087; }
        #GGD_Campaign section.purchase_guide .tab-content .answer > div.products {
          border: none; }
          #GGD_Campaign section.purchase_guide .tab-content .answer > div.products a {
            display: inline-block;
            padding: 16px 24px;
            margin: 32px 4px;
            border-radius: 12px;
            background-color: #CD0087;
            cursor: pointer; }
    #GGD_Campaign section.purchase_guide ul.step_btn {
      max-width: 1500px;
      margin: 0 auto;
      padding: 0; }
      #GGD_Campaign section.purchase_guide ul.step_btn li {
        list-style: none; }
      #GGD_Campaign section.purchase_guide ul.step_btn li a {
        display: inline-block;
        font-size: 18px;
        width: 80%;
        max-width: 250px;
        padding: 16px 24px;
        border-radius: 12px;
        cursor: pointer;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd0087+0,5500f3+51,12a3ff+100 */
        background: #cd0087;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, right top, from(#cd0087), color-stop(51%, #5500f3), to(#12a3ff));
        background: -o-linear-gradient(left, #cd0087 0%, #5500f3 51%, #12a3ff 100%);
        background: linear-gradient(to right, #cd0087 0%, #5500f3 51%, #12a3ff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd0087', endColorstr='#12a3ff', GradientType=1);
        /* IE6-9 */ }
  #GGD_Campaign section.wtb {
    background: #000 url("../images/bg-2.jpg") center center no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 5% 0; }
    #GGD_Campaign section.wtb .content_wrap {
      max-width: 1500px;
      padding-top: 3%;
      margin: 0 auto; }
      @media (max-width: 992px) {
        #GGD_Campaign section.wtb .content_wrap {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      #GGD_Campaign section.wtb .content_wrap .event_wrap {
        width: calc(100% / 3);
        background-color: rgba(0, 0, 0, 0.8);
        padding: 16px;
        margin: 8px; }
        @media (max-width: 992px) {
          #GGD_Campaign section.wtb .content_wrap .event_wrap {
            width: 80%;
            margin: 8px auto; } }
        #GGD_Campaign section.wtb .content_wrap .event_wrap p.event_text {
          padding: 16px;
          margin: 0; }
        #GGD_Campaign section.wtb .content_wrap .event_wrap .retail_list {
          padding: 0 16px; }
          #GGD_Campaign section.wtb .content_wrap .event_wrap .retail_list a {
            display: inline-block;
            padding: 8px 16px;
            margin: 0px 16px 16px 0;
            border: 1px solid #fff; }