.bgEffect {
  content: "";
  position: absolute;
  z-index: 1;
  background: transparent;
}

.bgEffect-1 {
  width: 1px;
  height: 1px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  border-radius: 10px;
  -webkit-box-shadow: 571px 173px 1px 2px rgba(208, 162, 25, 0.5), 1732px 143px 1px 2px rgba(208, 162, 25, 0.5), 1745px 454px 1px 2px rgba(255, 87, 34, 0.5), 234px 784px 1px 2px rgba(208, 162, 25, 0.5), 1793px 1123px 1px 2px rgba(255, 152, 0, 0.5), 1076px 504px 1px 2px rgba(208, 162, 25, 0.5), 633px 601px 1px 2px rgba(255, 87, 34, 0.5), 350px 630px 1px 2px rgba(255, 235, 59, 0.5), 1164px 782px 1px 2px rgba(208, 162, 25, 0.5), 76px 690px 1px 2px rgba(246, 162, 75, 0.5), 1825px 701px 1px 2px rgba(205, 220, 57, 0.5), 1646px 578px 1px 2px rgba(255, 235, 59, 0.5), 544px 293px 1px 2px rgba(192, 125, 37, 0.5), 445px 1061px 1px 2px rgba(206, 148, 10, 0.5), 928px 47px 1px 2px rgba(208, 162, 25, 0.5), 168px 1410px 1px 2px rgba(241, 229, 40, 0.5), 777px 782px 1px 2px rgba(255, 87, 34, 0.5), 1235px 1941px 1px 2px rgba(255, 87, 34, 0.5), 104px 1690px 1px 2px rgba(241, 229, 40, 0.5), 1167px 1338px 1px 2px rgba(247, 157, 102, 0.5), 345px 1652px 1px 2px rgba(215, 65, 40, 0.5), 1682px 1196px 1px 2px rgba(244, 67, 54, 0.5), 1995px 494px 1px 2px rgba(241, 229, 40, 0.5), 428px 798px 1px 2px rgba(255, 87, 34, 0.5), 340px 1623px 1px 2px rgba(244, 67, 54, 0.5), 605px 349px 1px 2px rgba(255, 87, 34, 0.5), 1339px 1344px 1px 2px rgba(206, 148, 10, 0.5), 1102px 1745px 1px 2px rgba(246, 162, 75, 0.5), 1592px 1676px 1px 2px rgba(192, 125, 37, 0.5), 419px 1024px 1px 2px rgba(255, 152, 0, 0.5), 630px 1033px 1px 2px rgba(192, 125, 37, 0.5), 1995px 1644px 1px 2px rgba(208, 162, 25, 0.5), 1092px 712px 1px 2px rgba(255, 87, 34, 0.5), 1355px 606px 1px 2px rgba(244, 67, 54, 0.5);
          box-shadow: 571px 173px 1px 2px rgba(208, 162, 25, 0.5), 1732px 143px 1px 2px rgba(208, 162, 25, 0.5), 1745px 454px 1px 2px rgba(255, 87, 34, 0.5), 234px 784px 1px 2px rgba(208, 162, 25, 0.5), 1793px 1123px 1px 2px rgba(255, 152, 0, 0.5), 1076px 504px 1px 2px rgba(208, 162, 25, 0.5), 633px 601px 1px 2px rgba(255, 87, 34, 0.5), 350px 630px 1px 2px rgba(255, 235, 59, 0.5), 1164px 782px 1px 2px rgba(208, 162, 25, 0.5), 76px 690px 1px 2px rgba(246, 162, 75, 0.5), 1825px 701px 1px 2px rgba(205, 220, 57, 0.5), 1646px 578px 1px 2px rgba(255, 235, 59, 0.5), 544px 293px 1px 2px rgba(192, 125, 37, 0.5), 445px 1061px 1px 2px rgba(206, 148, 10, 0.5), 928px 47px 1px 2px rgba(208, 162, 25, 0.5), 168px 1410px 1px 2px rgba(241, 229, 40, 0.5), 777px 782px 1px 2px rgba(255, 87, 34, 0.5), 1235px 1941px 1px 2px rgba(255, 87, 34, 0.5), 104px 1690px 1px 2px rgba(241, 229, 40, 0.5), 1167px 1338px 1px 2px rgba(247, 157, 102, 0.5), 345px 1652px 1px 2px rgba(215, 65, 40, 0.5), 1682px 1196px 1px 2px rgba(244, 67, 54, 0.5), 1995px 494px 1px 2px rgba(241, 229, 40, 0.5), 428px 798px 1px 2px rgba(255, 87, 34, 0.5), 340px 1623px 1px 2px rgba(244, 67, 54, 0.5), 605px 349px 1px 2px rgba(255, 87, 34, 0.5), 1339px 1344px 1px 2px rgba(206, 148, 10, 0.5), 1102px 1745px 1px 2px rgba(246, 162, 75, 0.5), 1592px 1676px 1px 2px rgba(192, 125, 37, 0.5), 419px 1024px 1px 2px rgba(255, 152, 0, 0.5), 630px 1033px 1px 2px rgba(192, 125, 37, 0.5), 1995px 1644px 1px 2px rgba(208, 162, 25, 0.5), 1092px 712px 1px 2px rgba(255, 87, 34, 0.5), 1355px 606px 1px 2px rgba(244, 67, 54, 0.5);
  -webkit-animation: animStar 150s linear infinite;
          animation: animStar 150s linear infinite;
}

.bgEffect-2 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 571px 173px 2px rgba(208, 162, 25, 0.5), 1732px 143px 2px rgba(208, 162, 25, 0.5), 1745px 454px 2px rgba(255, 87, 34, 0.5), 234px 784px 2px rgba(208, 162, 25, 0.5), 1793px 1123px 2px rgba(255, 152, 0, 0.5), 1076px 504px 2px rgba(208, 162, 25, 0.5), 633px 601px 2px rgba(255, 87, 34, 0.5), 350px 630px 2px rgba(255, 235, 59, 0.5), 1164px 782px 2px rgba(208, 162, 25, 0.5), 76px 690px 2px rgba(246, 162, 75, 0.5), 1825px 701px 2px rgba(205, 220, 57, 0.5), 1646px 578px 2px rgba(255, 235, 59, 0.5), 544px 293px 2px rgba(192, 125, 37, 0.5), 445px 1061px 2px rgba(206, 148, 10, 0.5), 928px 47px 2px rgba(208, 162, 25, 0.5), 168px 1410px 2px rgba(241, 229, 40, 0.5), 777px 782px 2px rgba(255, 87, 34, 0.5), 1235px 1941px 2px rgba(255, 87, 34, 0.5), 104px 1690px 2px rgba(241, 229, 40, 0.5), 1167px 1338px 2px rgba(247, 157, 102, 0.5), 345px 1652px 2px rgba(215, 65, 40, 0.5), 1682px 1196px 2px rgba(244, 67, 54, 0.5), 1995px 494px 2px rgba(241, 229, 40, 0.5), 428px 798px 2px rgba(255, 87, 34, 0.5), 340px 1623px 2px rgba(244, 67, 54, 0.5), 605px 349px 2px rgba(255, 87, 34, 0.5), 1339px 1344px 2px rgba(206, 148, 10, 0.5), 1102px 1745px 2px rgba(246, 162, 75, 0.5), 1592px 1676px 2px rgba(192, 125, 37, 0.5), 419px 1024px 2px rgba(255, 152, 0, 0.5), 630px 1033px 2px rgba(192, 125, 37, 0.5), 1995px 1644px 2px rgba(208, 162, 25, 0.5), 1092px 712px 2px rgba(255, 87, 34, 0.5), 1355px 606px 2px rgba(244, 67, 54, 0.5), 622px 1881px 2px rgba(205, 220, 57, 0.5), 1481px 621px 2px rgba(158, 158, 158, 0.5), 19px 1348px 2px rgba(241, 229, 40, 0.5), 864px 1780px 2px rgba(247, 157, 102, 0.5), 442px 1136px 2px rgba(192, 125, 37, 0.5), 67px 712px 2px rgba(255, 87, 34, 0.5), 89px 1406px 2px rgba(244, 67, 54, 0.5), 275px 321px 2px rgba(215, 65, 40, 0.5), 592px 630px 2px rgba(247, 157, 102, 0.5), 1012px 1690px 2px rgba(255, 87, 34, 0.5), 1749px 23px 2px rgba(206, 148, 10, 0.5), 94px 1542px 2px rgba(255, 235, 59, 0.5), 1201px 1657px 2px rgba(246, 162, 75, 0.5), 1505px 692px 2px rgba(192, 125, 37, 0.5), 1799px 601px 2px rgba(208, 162, 25, 0.5), 656px 811px 2px rgba(208, 162, 25, 0.5), 701px 597px 2px rgba(208, 162, 25, 0.5), 1202px 46px 2px rgba(255, 87, 34, 0.5), 890px 569px 2px rgba(255, 87, 34, 0.5), 1613px 813px 2px rgba(192, 125, 37, 0.5), 223px 252px 2px rgba(255, 152, 0, 0.5), 983px 1093px 2px rgba(244, 67, 54, 0.5), 726px 1029px 2px rgba(255, 193, 7, 0.5), 1764px 778px 2px rgba(205, 220, 57, 0.5), 622px 1643px 2px rgba(244, 67, 54, 0.5), 174px 1559px 2px rgba(206, 148, 10, 0.5), 212px 517px 2px rgba(208, 162, 25, 0.5), 340px 505px 2px rgba(255, 255, 255, 0.5), 1700px 39px 2px rgba(255, 255, 255, 0.5), 1768px 516px 2px rgba(244, 67, 54, 0.5), 849px 391px 2px rgba(255, 152, 0, 0.5), 228px 1824px 2px rgba(255, 255, 255, 0.5), 1119px 1680px 2px rgba(255, 193, 7, 0.5), 812px 1480px 2px rgba(246, 162, 75, 0.5), 1438px 1585px 2px rgba(205, 220, 57, 0.5), 137px 1397px 2px rgba(255, 255, 255, 0.5), 1080px 456px 2px rgba(206, 148, 10, 0.5), 1208px 1437px 2px rgba(208, 162, 25, 0.5), 857px 281px 2px rgba(244, 67, 54, 0.5), 1254px 1306px 2px rgba(205, 220, 57, 0.5), 987px 990px 2px rgba(192, 125, 37, 0.5), 1655px 911px 2px rgba(208, 162, 25, 0.5), 1102px 1216px 2px rgba(255, 87, 34, 0.5), 1807px 1044px 2px rgba(255, 255, 255, 0.5), 660px 435px 2px rgba(208, 162, 25, 0.5), 299px 678px 2px rgba(192, 125, 37, 0.5), 1193px 115px 2px rgba(255, 152, 0, 0.5), 918px 290px 2px rgba(205, 220, 57, 0.5), 1447px 1422px 2px rgba(255, 235, 59, 0.5), 91px 1273px 2px rgba(255, 87, 34, 0.5), 108px 223px 2px rgba(255, 235, 59, 0.5), 146px 754px 2px rgba(208, 162, 25, 0.5), 461px 1446px 2px rgba(255, 87, 34, 0.5), 1004px 391px 2px rgba(206, 148, 10, 0.5), 1529px 516px 2px rgba(244, 67, 54, 0.5), 1206px 845px 2px rgba(205, 220, 57, 0.5), 347px 583px 2px rgba(215, 65, 40, 0.5), 1102px 1332px 2px rgba(244, 67, 54, 0.5), 709px 1756px 2px rgba(208, 162, 25, 0.5), 1972px 248px 2px rgba(255, 255, 255, 0.5), 1669px 1344px 2px rgba(255, 87, 34, 0.5), 1132px 406px 2px rgba(244, 67, 54, 0.5), 320px 1076px 2px rgba(205, 220, 57, 0.5), 126px 943px 2px rgba(255, 235, 59, 0.5), 263px 604px 2px rgba(255, 87, 34, 0.5), 1546px 692px 2px rgba(244, 67, 54, 0.5);
          box-shadow: 571px 173px 2px rgba(208, 162, 25, 0.5), 1732px 143px 2px rgba(208, 162, 25, 0.5), 1745px 454px 2px rgba(255, 87, 34, 0.5), 234px 784px 2px rgba(208, 162, 25, 0.5), 1793px 1123px 2px rgba(255, 152, 0, 0.5), 1076px 504px 2px rgba(208, 162, 25, 0.5), 633px 601px 2px rgba(255, 87, 34, 0.5), 350px 630px 2px rgba(255, 235, 59, 0.5), 1164px 782px 2px rgba(208, 162, 25, 0.5), 76px 690px 2px rgba(246, 162, 75, 0.5), 1825px 701px 2px rgba(205, 220, 57, 0.5), 1646px 578px 2px rgba(255, 235, 59, 0.5), 544px 293px 2px rgba(192, 125, 37, 0.5), 445px 1061px 2px rgba(206, 148, 10, 0.5), 928px 47px 2px rgba(208, 162, 25, 0.5), 168px 1410px 2px rgba(241, 229, 40, 0.5), 777px 782px 2px rgba(255, 87, 34, 0.5), 1235px 1941px 2px rgba(255, 87, 34, 0.5), 104px 1690px 2px rgba(241, 229, 40, 0.5), 1167px 1338px 2px rgba(247, 157, 102, 0.5), 345px 1652px 2px rgba(215, 65, 40, 0.5), 1682px 1196px 2px rgba(244, 67, 54, 0.5), 1995px 494px 2px rgba(241, 229, 40, 0.5), 428px 798px 2px rgba(255, 87, 34, 0.5), 340px 1623px 2px rgba(244, 67, 54, 0.5), 605px 349px 2px rgba(255, 87, 34, 0.5), 1339px 1344px 2px rgba(206, 148, 10, 0.5), 1102px 1745px 2px rgba(246, 162, 75, 0.5), 1592px 1676px 2px rgba(192, 125, 37, 0.5), 419px 1024px 2px rgba(255, 152, 0, 0.5), 630px 1033px 2px rgba(192, 125, 37, 0.5), 1995px 1644px 2px rgba(208, 162, 25, 0.5), 1092px 712px 2px rgba(255, 87, 34, 0.5), 1355px 606px 2px rgba(244, 67, 54, 0.5), 622px 1881px 2px rgba(205, 220, 57, 0.5), 1481px 621px 2px rgba(158, 158, 158, 0.5), 19px 1348px 2px rgba(241, 229, 40, 0.5), 864px 1780px 2px rgba(247, 157, 102, 0.5), 442px 1136px 2px rgba(192, 125, 37, 0.5), 67px 712px 2px rgba(255, 87, 34, 0.5), 89px 1406px 2px rgba(244, 67, 54, 0.5), 275px 321px 2px rgba(215, 65, 40, 0.5), 592px 630px 2px rgba(247, 157, 102, 0.5), 1012px 1690px 2px rgba(255, 87, 34, 0.5), 1749px 23px 2px rgba(206, 148, 10, 0.5), 94px 1542px 2px rgba(255, 235, 59, 0.5), 1201px 1657px 2px rgba(246, 162, 75, 0.5), 1505px 692px 2px rgba(192, 125, 37, 0.5), 1799px 601px 2px rgba(208, 162, 25, 0.5), 656px 811px 2px rgba(208, 162, 25, 0.5), 701px 597px 2px rgba(208, 162, 25, 0.5), 1202px 46px 2px rgba(255, 87, 34, 0.5), 890px 569px 2px rgba(255, 87, 34, 0.5), 1613px 813px 2px rgba(192, 125, 37, 0.5), 223px 252px 2px rgba(255, 152, 0, 0.5), 983px 1093px 2px rgba(244, 67, 54, 0.5), 726px 1029px 2px rgba(255, 193, 7, 0.5), 1764px 778px 2px rgba(205, 220, 57, 0.5), 622px 1643px 2px rgba(244, 67, 54, 0.5), 174px 1559px 2px rgba(206, 148, 10, 0.5), 212px 517px 2px rgba(208, 162, 25, 0.5), 340px 505px 2px rgba(255, 255, 255, 0.5), 1700px 39px 2px rgba(255, 255, 255, 0.5), 1768px 516px 2px rgba(244, 67, 54, 0.5), 849px 391px 2px rgba(255, 152, 0, 0.5), 228px 1824px 2px rgba(255, 255, 255, 0.5), 1119px 1680px 2px rgba(255, 193, 7, 0.5), 812px 1480px 2px rgba(246, 162, 75, 0.5), 1438px 1585px 2px rgba(205, 220, 57, 0.5), 137px 1397px 2px rgba(255, 255, 255, 0.5), 1080px 456px 2px rgba(206, 148, 10, 0.5), 1208px 1437px 2px rgba(208, 162, 25, 0.5), 857px 281px 2px rgba(244, 67, 54, 0.5), 1254px 1306px 2px rgba(205, 220, 57, 0.5), 987px 990px 2px rgba(192, 125, 37, 0.5), 1655px 911px 2px rgba(208, 162, 25, 0.5), 1102px 1216px 2px rgba(255, 87, 34, 0.5), 1807px 1044px 2px rgba(255, 255, 255, 0.5), 660px 435px 2px rgba(208, 162, 25, 0.5), 299px 678px 2px rgba(192, 125, 37, 0.5), 1193px 115px 2px rgba(255, 152, 0, 0.5), 918px 290px 2px rgba(205, 220, 57, 0.5), 1447px 1422px 2px rgba(255, 235, 59, 0.5), 91px 1273px 2px rgba(255, 87, 34, 0.5), 108px 223px 2px rgba(255, 235, 59, 0.5), 146px 754px 2px rgba(208, 162, 25, 0.5), 461px 1446px 2px rgba(255, 87, 34, 0.5), 1004px 391px 2px rgba(206, 148, 10, 0.5), 1529px 516px 2px rgba(244, 67, 54, 0.5), 1206px 845px 2px rgba(205, 220, 57, 0.5), 347px 583px 2px rgba(215, 65, 40, 0.5), 1102px 1332px 2px rgba(244, 67, 54, 0.5), 709px 1756px 2px rgba(208, 162, 25, 0.5), 1972px 248px 2px rgba(255, 255, 255, 0.5), 1669px 1344px 2px rgba(255, 87, 34, 0.5), 1132px 406px 2px rgba(244, 67, 54, 0.5), 320px 1076px 2px rgba(205, 220, 57, 0.5), 126px 943px 2px rgba(255, 235, 59, 0.5), 263px 604px 2px rgba(255, 87, 34, 0.5), 1546px 692px 2px rgba(244, 67, 54, 0.5);
  -webkit-animation: animStar 10s linear infinite;
          animation: animStar 10s linear infinite;
}

.bgEffect-3 {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -webkit-filter: blur(0.5px);
          filter: blur(0.5px);
  -webkit-box-shadow: 571px 173px 30px 20px rgba(208, 162, 25, 0.5), 1732px 143px 30px 20px rgba(208, 162, 25, 0.5), 1745px 454px 30px 20px rgba(255, 87, 34, 0.5), 234px 784px 30px 20px rgba(208, 162, 25, 0.5), 1793px 1123px 30px 20px rgba(255, 152, 0, 0.5), 1076px 504px 30px 20px rgba(208, 162, 25, 0.5), 633px 601px 30px 20px rgba(255, 87, 34, 0.5), 350px 630px 30px 20px rgba(255, 235, 59, 0.5), 1164px 782px 30px 20px rgba(208, 162, 25, 0.5), 76px 690px 30px 20px rgba(246, 162, 75, 0.5), 1825px 30px 30px 20px rgba(205, 220, 57, 0.5), 1646px 578px 30px 20px rgba(255, 235, 59, 0.5), 544px 293px 30px 20px rgba(192, 125, 37, 0.5), 445px 1061px 30px 20px rgba(206, 148, 10, 0.5), 928px 47px 30px 20px rgba(208, 162, 25, 0.5), 168px 1410px 30px 20px rgba(241, 229, 40, 0.5), 777px 782px 30px 20px rgba(255, 87, 34, 0.5), 1235px 1941px 30px 20px rgba(255, 87, 34, 0.5), 104px 1690px 30px 20px rgba(241, 229, 40, 0.5), 1167px 1338px 30px 20px rgba(247, 157, 102, 0.5), 345px 1652px 30px 20px rgba(215, 65, 40, 0.5), 1682px 1196px 30px 20px rgba(244, 67, 54, 0.5), 1995px 494px 30px 20px rgba(241, 229, 40, 0.5), 428px 798px 30px 20px rgba(255, 87, 34, 0.5), 340px 1623px 30px 20px rgba(244, 67, 54, 0.5), 605px 349px 30px 20px rgba(255, 87, 34, 0.5), 1339px 1344px 30px 20px rgba(206, 148, 10, 0.5), 1102px 1745px 30px 20px rgba(246, 162, 75, 0.5), 1592px 1676px 30px 20px rgba(192, 125, 37, 0.5), 419px 1024px 30px 20px rgba(255, 152, 0, 0.5), 630px 1033px 30px 20px rgba(192, 125, 37, 0.5), 1995px 1644px 30px 20px rgba(208, 162, 25, 0.5), 1092px 712px 30px 20px rgba(255, 87, 34, 0.5), 1355px 606px 30px 20px rgba(244, 67, 54, 0.5);
          box-shadow: 571px 173px 30px 20px rgba(208, 162, 25, 0.5), 1732px 143px 30px 20px rgba(208, 162, 25, 0.5), 1745px 454px 30px 20px rgba(255, 87, 34, 0.5), 234px 784px 30px 20px rgba(208, 162, 25, 0.5), 1793px 1123px 30px 20px rgba(255, 152, 0, 0.5), 1076px 504px 30px 20px rgba(208, 162, 25, 0.5), 633px 601px 30px 20px rgba(255, 87, 34, 0.5), 350px 630px 30px 20px rgba(255, 235, 59, 0.5), 1164px 782px 30px 20px rgba(208, 162, 25, 0.5), 76px 690px 30px 20px rgba(246, 162, 75, 0.5), 1825px 30px 30px 20px rgba(205, 220, 57, 0.5), 1646px 578px 30px 20px rgba(255, 235, 59, 0.5), 544px 293px 30px 20px rgba(192, 125, 37, 0.5), 445px 1061px 30px 20px rgba(206, 148, 10, 0.5), 928px 47px 30px 20px rgba(208, 162, 25, 0.5), 168px 1410px 30px 20px rgba(241, 229, 40, 0.5), 777px 782px 30px 20px rgba(255, 87, 34, 0.5), 1235px 1941px 30px 20px rgba(255, 87, 34, 0.5), 104px 1690px 30px 20px rgba(241, 229, 40, 0.5), 1167px 1338px 30px 20px rgba(247, 157, 102, 0.5), 345px 1652px 30px 20px rgba(215, 65, 40, 0.5), 1682px 1196px 30px 20px rgba(244, 67, 54, 0.5), 1995px 494px 30px 20px rgba(241, 229, 40, 0.5), 428px 798px 30px 20px rgba(255, 87, 34, 0.5), 340px 1623px 30px 20px rgba(244, 67, 54, 0.5), 605px 349px 30px 20px rgba(255, 87, 34, 0.5), 1339px 1344px 30px 20px rgba(206, 148, 10, 0.5), 1102px 1745px 30px 20px rgba(246, 162, 75, 0.5), 1592px 1676px 30px 20px rgba(192, 125, 37, 0.5), 419px 1024px 30px 20px rgba(255, 152, 0, 0.5), 630px 1033px 30px 20px rgba(192, 125, 37, 0.5), 1995px 1644px 30px 20px rgba(208, 162, 25, 0.5), 1092px 712px 30px 20px rgba(255, 87, 34, 0.5), 1355px 606px 30px 20px rgba(244, 67, 54, 0.5);
  -webkit-animation: animStar 50s linear infinite;
          animation: animStar 50s linear infinite;
}

.bgEffect-4 {
  width: 2px;
  height: 2px;
  border-radius: 2px;
  -webkit-filter: blur(0.5px);
          filter: blur(0.5px);
  -webkit-box-shadow: 571px 173px 3px #d0a219, 1732px 143px 3px #d0a219, 1745px 454px 3px #FF5722, 234px 784px 3px #d0a219, 1793px 1123px 3px #FF9800, 1076px 504px 3px #d0a219, 633px 601px 3px #FF5722, 350px 630px 3px #FFEB3B, 1164px 782px 3px #d0a219, 76px 690px 3px #eb500d, 1825px 701px 3px #CDDC39, 1646px 578px 3px #FFEB3B, 544px 293px 3px #c07d25, 445px 1061px 3px #ce940a, 928px 47px 3px #d0a219, 168px 1410px 3px #f1e528, 777px 782px 3px #FF5722, 1235px 1941px 3px #FF5722, 104px 1690px 3px #f1e528, 1167px 1338px 3px #f79d66, 345px 1652px 3px #d74128, 1682px 1196px 3px #F44336, 1995px 494px 3px #f1e528, 428px 798px 3px #FF5722, 340px 1623px 3px #F44336, 605px 349px 3px #FF5722, 1339px 1344px 3px #ce940a, 1102px 1745px 3px #f6a24b, 1592px 1676px 3px #c07d25, 419px 1024px 3px #FF9800, 630px 1033px 3px #c07d25, 1995px 1644px 3px #d0a219, 1092px 712px 3px #c9461e, 1355px 606px 3px #F44336, 622px 1881px 3px #CDDC39, 1481px 621px 3px #9E9E9E, 19px 1348px 3px #f1e528, 864px 1780px 3px #f79d66, 442px 1136px 3px #c07d25, 67px 712px 3px #FF5722, 89px 1406px 3px #F44336, 275px 321px 3px #d74128, 592px 630px 3px #f79d66, 1012px 1690px 3px #FF5722, 1749px 23px 3px #ce940a, 94px 1542px 3px #FFEB3B, 1201px 1657px 3px #f6a24b, 1505px 692px 3px #c07d25, 1799px 601px 3px #d0a219, 656px 811px 3px #d0a219, 701px 597px 3px #d0a219, 1202px 46px 3px #FF5722, 890px 569px 3px #FF5722, 1613px 813px 3px #c07d25, 223px 252px 3px #FF9800, 983px 1093px 3px #F44336, 726px 1029px 3px #FFC107, 1764px 778px 3px #CDDC39, 622px 1643px 3px #F44336, 174px 1559px 3px #ce940a, 212px 517px 3px #d0a219, 340px 505px 3px #FFF, 1700px 39px 3px #FFF, 1768px 516px 3px #F44336, 849px 391px 3px #FF9800, 228px 1824px 3px #FFF, 1119px 1680px 3px #FFC107, 812px 1480px 3px #f6a24b, 1438px 1585px 3px #CDDC39, 137px 1397px 3px #FFF, 1080px 456px 3px #ce940a, 1208px 1437px 3px #d0a219, 857px 281px 3px #F44336, 1254px 1306px 3px #CDDC39, 987px 990px 3px #c07d25, 1655px 911px 3px #d0a219, 1102px 1216px 3px #FF5722, 1807px 1044px 3px #FFF, 660px 435px 3px #d0a219, 299px 678px 3px #c07d25, 1193px 115px 3px #FF9800, 918px 290px 3px #CDDC39, 1447px 1422px 3px #FFEB3B, 91px 1273px 3px #FF5722, 108px 223px 3px #FFEB3B, 146px 754px 3px #d0a219, 461px 1446px 3px #FF5722, 1004px 391px 3px #ce940a, 1529px 516px 3px #F44336, 1206px 845px 3px #CDDC39, 347px 583px 3px #d74128, 1102px 1332px 3px #F44336, 709px 1756px 3px #d0a219, 1972px 248px 3px #FFF, 1669px 1344px 3px #FF5722, 1132px 406px 3px #F44336, 320px 1076px 3px #CDDC39, 126px 943px 3px #FFEB3B, 263px 604px 3px #FF5722, 1546px 692px 3px #F44336;
          box-shadow: 571px 173px 3px #d0a219, 1732px 143px 3px #d0a219, 1745px 454px 3px #FF5722, 234px 784px 3px #d0a219, 1793px 1123px 3px #FF9800, 1076px 504px 3px #d0a219, 633px 601px 3px #FF5722, 350px 630px 3px #FFEB3B, 1164px 782px 3px #d0a219, 76px 690px 3px #eb500d, 1825px 701px 3px #CDDC39, 1646px 578px 3px #FFEB3B, 544px 293px 3px #c07d25, 445px 1061px 3px #ce940a, 928px 47px 3px #d0a219, 168px 1410px 3px #f1e528, 777px 782px 3px #FF5722, 1235px 1941px 3px #FF5722, 104px 1690px 3px #f1e528, 1167px 1338px 3px #f79d66, 345px 1652px 3px #d74128, 1682px 1196px 3px #F44336, 1995px 494px 3px #f1e528, 428px 798px 3px #FF5722, 340px 1623px 3px #F44336, 605px 349px 3px #FF5722, 1339px 1344px 3px #ce940a, 1102px 1745px 3px #f6a24b, 1592px 1676px 3px #c07d25, 419px 1024px 3px #FF9800, 630px 1033px 3px #c07d25, 1995px 1644px 3px #d0a219, 1092px 712px 3px #c9461e, 1355px 606px 3px #F44336, 622px 1881px 3px #CDDC39, 1481px 621px 3px #9E9E9E, 19px 1348px 3px #f1e528, 864px 1780px 3px #f79d66, 442px 1136px 3px #c07d25, 67px 712px 3px #FF5722, 89px 1406px 3px #F44336, 275px 321px 3px #d74128, 592px 630px 3px #f79d66, 1012px 1690px 3px #FF5722, 1749px 23px 3px #ce940a, 94px 1542px 3px #FFEB3B, 1201px 1657px 3px #f6a24b, 1505px 692px 3px #c07d25, 1799px 601px 3px #d0a219, 656px 811px 3px #d0a219, 701px 597px 3px #d0a219, 1202px 46px 3px #FF5722, 890px 569px 3px #FF5722, 1613px 813px 3px #c07d25, 223px 252px 3px #FF9800, 983px 1093px 3px #F44336, 726px 1029px 3px #FFC107, 1764px 778px 3px #CDDC39, 622px 1643px 3px #F44336, 174px 1559px 3px #ce940a, 212px 517px 3px #d0a219, 340px 505px 3px #FFF, 1700px 39px 3px #FFF, 1768px 516px 3px #F44336, 849px 391px 3px #FF9800, 228px 1824px 3px #FFF, 1119px 1680px 3px #FFC107, 812px 1480px 3px #f6a24b, 1438px 1585px 3px #CDDC39, 137px 1397px 3px #FFF, 1080px 456px 3px #ce940a, 1208px 1437px 3px #d0a219, 857px 281px 3px #F44336, 1254px 1306px 3px #CDDC39, 987px 990px 3px #c07d25, 1655px 911px 3px #d0a219, 1102px 1216px 3px #FF5722, 1807px 1044px 3px #FFF, 660px 435px 3px #d0a219, 299px 678px 3px #c07d25, 1193px 115px 3px #FF9800, 918px 290px 3px #CDDC39, 1447px 1422px 3px #FFEB3B, 91px 1273px 3px #FF5722, 108px 223px 3px #FFEB3B, 146px 754px 3px #d0a219, 461px 1446px 3px #FF5722, 1004px 391px 3px #ce940a, 1529px 516px 3px #F44336, 1206px 845px 3px #CDDC39, 347px 583px 3px #d74128, 1102px 1332px 3px #F44336, 709px 1756px 3px #d0a219, 1972px 248px 3px #FFF, 1669px 1344px 3px #FF5722, 1132px 406px 3px #F44336, 320px 1076px 3px #CDDC39, 126px 943px 3px #FFEB3B, 263px 604px 3px #FF5722, 1546px 692px 3px #F44336;
  -webkit-animation: animStar 80s linear infinite;
          animation: animStar 80s linear infinite;
}

@-webkit-keyframes animStar {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
}

@keyframes animStar {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
}

.kv {
  position: relative;
  z-index: 0;
  padding: 30px 25px;
  text-align: center;
  background: url("../images/kv-bg-xs.jpg") top center no-repeat ;
  background-size: cover;
}

@media (min-width: 996px) {
  .kv {
    background: url("../images/kv-bg.jpg") top center no-repeat ;
    background-size: cover;
    padding-bottom: 60px;
  }
}

.kv__badge {
  text-align: right;
  margin-bottom: 25px;
}

.kv__badge img {
  width: 80px;
}

.kv__badge p {
  display: none;
}

@media (min-width: 996px) {
  .kv__badge img {
    width: 120px;
  }
  .kv__badge p {
    display: block;
    text-align: right;
    font-size: 15px;
    padding-top: 8px;
  }
  .kv__badge p span {
    display: block;
  }
}

.kv__box {
  position: relative;
}

@media (min-width: 996px) {
  .kv__box {
    width: 90%;
    margin: 0 auto;
    max-width: 1600px;
    margin-top: -80px;
  }
}

.kv__title {
  position: relative;
  z-index: 1;
  width: 90%;
}

@media (min-width: 996px) {
  .kv__title {
    z-index: 0;
    width: 68%;
    left: -8%;
  }
}

.kv__pd {
  position: relative;
  margin-top: -15px;
  -webkit-animation: 2s float infinite ease-in-out;
          animation: 2s float infinite ease-in-out;
}

@media (min-width: 996px) {
  .kv__pd {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
  }
}

.kv__text {
  padding: 25px 0 15px;
}

@media (min-width: 996px) {
  .kv__text {
    width: 50%;
    margin: 0 auto;
    max-width: auto;
  }
}

@media (min-width: 996px) {
  .kv__intel {
    display: none;
  }
}

.kv__tc {
  padding-top: 15px;
  font-size: 15px;
}

@media (min-width: 996px) {
  .kv__tc {
    position: absolute;
    left: 30px;
    bottom: 30px;
  }
}

@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

.textBar {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 5px;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  color: #fff;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 60px;
}

.textBar span {
  margin-right: 60px;
  -webkit-animation: marquee 40s linear infinite;
          animation: marquee 40s linear infinite;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}

@media (min-width: 996px) {
  .textBar span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.mainBody {
  position: relative;
  padding-top: 45px;
}

.buyNow .tab__flexBoxInside {
  background: url("../images/tab-bg.jpg") bottom center no-repeat;
  background-size: 100% auto;
  border-radius: 0 30px 0 30px;
}

.buyNow .tab__flexBoxInside-pic::after {
  display: none !important;
}

.buyNow .tab__flexBox {
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
}

.buyNow .tab__flexBox-icon {
  display: none;
}

.buyNow .tab__flexBox.select {
  -webkit-filter: drop-shadow(0 8px 1px #266def);
          filter: drop-shadow(0 8px 1px #266def);
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.buyNow .tab__label {
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  color: #fff;
}

.buyNow .tab__label p {
  font-size: 14px;
}

@media (min-width: 996px) {
  .buyNow .tab__label p {
    font-size: 18px;
  }
}

.buyNow .selectarea__filter-item {
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  cursor: pointer;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
}

.buyNow .selectarea__filter-item:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-box-shadow: inset 0 0 30px rgba(215, 112, 60, 0.7), 0 0 8px #266def;
          box-shadow: inset 0 0 30px rgba(215, 112, 60, 0.7), 0 0 8px #266def;
}

.buyNow .selectarea__filter-item--active {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-box-shadow: inset 0 0 30px rgba(215, 112, 60, 0.7), 0 0 8px #266def;
          box-shadow: inset 0 0 30px rgba(215, 112, 60, 0.7), 0 0 8px #266def;
}

.buyNow .selectarea__filter-item--active:hover {
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  -webkit-box-shadow: 0 0 30px rgba(52, 73, 112, 0.7), 0 0 8px #266def;
          box-shadow: 0 0 30px rgba(52, 73, 112, 0.7), 0 0 8px #266def;
}

.buyNow .hatch__slider .hatch__box {
  padding: 30px 25px;
  position: relative;
  border: none;
}

.buyNow .hatch__slider .hatch__box::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #f5faf7;
  -webkit-box-shadow: #c8cec8 3px 3px 5px inset;
          box-shadow: #c8cec8 3px 3px 5px inset;
}

.buyNow .hatch__slider .hatch__box::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #f5faf7;
  -webkit-box-shadow: #c8cec8 3px 3px 5px inset;
          box-shadow: #c8cec8 3px 3px 5px inset;
}

.buyNow .sec3__title {
  color: #000;
  padding: 5px 0 30px;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  max-width: 800px;
}

.buyNow .hatch__buyNowBtn-buynow--gaming,
.buyNow .hatch__buyNowBtn-buynow--business,
.buyNow .hatch__buyNowBtn-buynow--claw {
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  border-radius: 0 10px 0 10px;
}

.popupBox {
  position: fixed;
  z-index: 100;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.popupBox__area {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  height: auto;
  background: #111;
  color: #fff;
  padding: 25px;
}

@media (min-width: 996px) {
  .popupBox__area {
    padding: 50px;
  }
}

.popupBox__area-close {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 100%;
}

.popupBox__area-close:hover::before {
  background: rgba(255, 255, 255, 0.5);
}

.popupBox__area-close::before {
  font-family: "msi-icons" !important;
  content: "\ea02";
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: -55px;
  left: calc(100% + 5px);
  width: 25px;
  height: 25px;
  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;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

@media (min-width: 996px) {
  .popupBox__area-close::before {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }
}

.popupBox__area-title {
  text-align: center;
  font-size: var(--title-lg);
  font-weight: bold;
  padding-bottom: 20px;
}

.popupBox__content {
  height: 80vh;
  overflow-y: auto;
}

.popupBox__content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popupBox__content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.popupBox__content::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, left bottom, from(#737576), color-stop(#bdbfc3), to(#96999c));
  background: linear-gradient(to bottom, #737576, #bdbfc3, #96999c);
  border-radius: 10px;
}

.tcBox {
  font-size: 17px;
  line-height: 1.8;
}

.tcBox ul {
  margin-left: 20px;
}

.tcBox ul li {
  list-style: disc;
  padding: 5px 0;
}

.tcBox ol {
  margin-left: 25px;
}

.tcBox ol li {
  list-style: lower-roman;
}

.tcBox h4 {
  padding: 15px 0;
}

.tcBox table {
  width: 100%;
  border-collapse: collapse;
}

.tcBox table th {
  background: -webkit-gradient(linear, right top, left top, from(#8ca6d1), to(#4292e9));
  background: linear-gradient(to left, #8ca6d1, #4292e9);
  padding: 15px;
  text-align: center;
  color: #fff;
  border-right: #fff 1px solid;
}

.tcBox table td {
  border: #8ca6d1 1px solid;
  padding: 5px 10px;
  text-align: center;
  font-size: 15px;
  font-family: var(--MSIBodyFont);
}

.tcBox .title {
  margin: 20px 0 10px;
  position: relative;
}

.tcBox .title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  background: -webkit-gradient(linear, right top, left top, from(#8ca6d1), to(#4292e9));
  background: linear-gradient(to left, #8ca6d1, #4292e9);
}

.tcBox .title span {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  padding-right: 5px;
}

.redeem {
  padding: 30px;
}

.redeem__flex a {
  color: #598bdb;
  text-decoration: underline;
}

.redeem__flex a:hover {
  text-decoration: none;
}

@media (min-width: 996px) {
  .redeem__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
  }
}

.redeem__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

.redeem__item--title {
  padding-bottom: 20px;
}

.redeem__item--title span {
  background: -webkit-gradient(linear, left top, right top, from(#598bdb), color-stop(#47468f), to(#9d84bd));
  background: linear-gradient(to right, #598bdb, #47468f, #9d84bd);
  color: #fff;
  display: inline-block;
  padding: 10px 25px;
}

.redeem figure {
  text-align: center;
}

.redeem figure img {
  max-width: 250px;
  margin: 0 auto 20px;
}

.redeem__arrow {
  margin: 20% 30px 0;
  text-align: center;
}

.redeem__arrow img {
  width: 40px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (min-width: 996px) {
  .redeem__arrow img {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.redeem__btnBox {
  padding-top: 50px;
  text-align: center;
}

.redeem__btnBox a, .redeem__btnBox button {
  text-decoration: none;
  border: none;
}

@media (min-width: 996px) {
  .redeem__btnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.text--note {
  text-align: center;
  padding-top: 50px;
}

.promo {
  padding: 45px 0;
}

@media (min-width: 996px) {
  .promo {
    padding-top: 60px;
  }
}

.promo img {
  width: 100%;
}

.promo__btn {
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 996px) {
  .promo__btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.popup {
  position: fixed;
  z-index: 100;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.popup__inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  height: auto;
  background: #fff;
  color: #222;
  -webkit-box-shadow: #ccc 0 0 30px;
          box-shadow: #ccc 0 0 30px;
}

.popup-close {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 100%;
}

.popup-close:hover::before {
  background: #5c3cb5;
}

.popup-close::before {
  font-family: "msi-icons" !important;
  content: "\ea02";
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 100%;
  width: 25px;
  height: 25px;
  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;
  background: #2f20b0;
  cursor: pointer;
}

@media (min-width: 996px) {
  .popup-close::before {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }
}

.popup__header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  padding: 10px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  text-shadow: #111 1px 1px 3px;
}

@media (min-width: 996px) {
  .popup__header {
    font-size: 30px;
  }
}

.popup__content {
  height: 80vh;
  overflow-y: auto;
  padding: 25px;
}

.popup__content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popup__content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.popup__content::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, left bottom, from(#737576), color-stop(#bdbfc3), to(#96999c));
  background: linear-gradient(to bottom, #737576, #bdbfc3, #96999c);
  border-radius: 10px;
}

@media (min-width: 996px) {
  .popup__content {
    padding: 50px;
  }
}

.terms {
  font-size: 17px;
  line-height: 1.8;
  font-weight: normal;
}

.terms-title {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 15px;
  margin-top: 25px;
}

.terms ul {
  margin-left: 20px;
}

.terms ul li {
  list-style: disc;
  padding: 5px 0;
}

.terms ol {
  margin-left: 25px;
}

.terms ol li {
  list-style: lower-roman;
}

.terms h4 {
  padding: 15px 0;
}

.terms a {
  color: #dc341a;
  text-decoration: underline;
}

.terms a:hover {
  text-decoration: none;
}

.terms table {
  display: table;
  margin-top: 10px;
  width: 100%;
}

.terms table th {
  background: -webkit-gradient(linear, left top, right top, from(#dc7d6e), color-stop(#e6ac75), to(#ea5a5a));
  background: linear-gradient(to right, #dc7d6e, #e6ac75, #ea5a5a);
  padding: 10px;
  color: #fff;
}

.terms table td {
  border: #ccc 1px solid;
  padding: 10px;
}

.redeemBox .redeem {
  padding: 25px 25px 40px;
  text-align: center;
}

.redeemBox .redeem a {
  color: #dc341a;
  text-decoration: underline;
}

.redeemBox .redeem a:hover {
  text-decoration: none;
}

.diablo {
  text-align: center;
}

.diablo a {
  color: #c2962f;
}

.diablo a:hover {
  text-decoration: underline;
}

.diablo .redeem__step {
  font-weight: bold;
  padding-bottom: 20px;
  margin-top: 40px;
}

.diablo .redeem__step span {
  display: inline-block;
  background: linear-gradient(45deg, rgba(129, 85, 32, 0.5), rgba(211, 177, 120, 0.5));
  border-radius: 20px;
  padding: 10px;
  color: #fff;
}

.diablo .redeem__step:first-child {
  margin-top: 0;
}

.diablo .redeem__text {
  width: 90%;
  margin: 0 auto;
  max-width: 800px;
}

.diablo .redeem__note {
  opacity: .6;
  padding-top: 15px;
  font-size: 14px;
}

.dealer {
  padding: 50px;
}

.wtb {
  padding: 45px 0 0;
}

.wtb__box {
  color: #222;
}

.wtb__box .toggleBox {
  display: none;
}

.wtb__box-MainTitle {
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  color: #fff;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.wtb__box-subtitle {
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  padding: 1px;
  margin-top: 3px;
}

.wtb__box-subtitle p {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  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;
}

.wtb__box-info {
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  border: #2513ca 1px solid;
  border-radius: 10px;
  padding: 15px;
  margin-top: 3px;
  cursor: pointer;
}

.wtb__box-info:hover {
  background: white;
}

.wtb__box-info::after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "msi-icons" !important;
  content: "\ea11";
}

.wtb__box-title {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-gradient(linear, left top, right top, from(#598bdb), color-stop(#47468f), to(#9d84bd));
  background: linear-gradient(to right, #598bdb, #47468f, #9d84bd);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-weight: bold;
  color: #fff;
}

.wtb__box-title li {
  padding: 10px;
  border-left: #eee 1px solid;
}

.wtb__box-title li:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  border: none;
}

.wtb__box-title li:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}

.wtb__box-title li:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.wtb__box-content {
  border: #eee 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wtb__box-content li {
  position: relative;
  padding: 10px;
  border-left: #eee 1px solid;
}

.wtb__box-content li:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  border: none;
}

.wtb__box-content li:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}

.wtb__box-content li:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-right: 40px;
}

.wtb__box-content li:nth-child(3) .fa-map-marker {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.wtb__table {
  margin-bottom: 15px;
}

@media (min-width: 996px) {
  .wtb__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px 15px;
  }
  .wtb__table .wtb__box-subtitle {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 5px;
  }
}

.fa-map-marker {
  display: inline-block;
  -webkit-mask: url("../images/location.svg") center center no-repeat;
  mask: url("../images/location.svg") center center no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  width: 30px;
  height: 30px;
}

.fa-map-marker:hover {
  background: #e4740b;
}

.project {
  position: relative;
  color: #fff;
  background: url("../images/bg.jpg") top center no-repeat ;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 60px;
}

.project img {
  max-width: 100%;
  vertical-align: bottom;
}

.project picture {
  display: block;
}

.project h1 {
  position: absolute;
  top: -10px;
  font-size: 0;
}

.project * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.project .common-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1330px;
}

.project .common-container-topsp {
  margin-top: 45px;
}

@media (min-width: 996px) {
  .project .common-container-topsp {
    margin-top: 60px;
  }
}

.project .common__box {
  position: relative;
  z-index: 2;
  padding: 5px;
  margin: 25px auto;
}

.project .common__box__inner {
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}

.project .common__titleBox {
  text-align: center;
}

.project .common__titleBox img {
  margin-top: 10px;
}

@media (min-width: 996px) {
  .project .common__titleBox img {
    width: 70%;
  }
}

.project .common-title {
  position: relative;
  font-size: 24px;
  text-align: center;
}

.project .common-title::after {
  content: attr(data-text);
  position: absolute;
  inset: -2px 2px;
  text-align: center;
  z-index: 0;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  color: transparent;
  background-clip: text;
  text-shadow: #1a1a7d 2px 2px 30px;
}

.project .common-title span {
  position: relative;
  z-index: 2;
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  background-clip: text;
  color: transparent;
}

@media (min-width: 996px) {
  .project .common-title {
    font-size: 40px;
  }
}

.project .common__btnwrap {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
  padding: 25px;
}

@media (min-width: 996px) {
  .project .common__btnwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.project .common-btn {
  position: relative;
  outline: none;
  font-size: 16px;
  border: rgba(255, 255, 255, 0.3) 2px solid;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  margin: 5px 10px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  border-radius: 5px;
}

.project .common-btn::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 1px;
  background: #fff;
}

.project .common-btn span {
  position: relative;
  z-index: 3;
  display: block;
  padding: 15px 45px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
  background-clip: text;
  color: transparent;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 996px) {
  .project .common-btn span {
    letter-spacing: 1px;
  }
}

.project .common-btn:hover {
  border-color: rgba(38, 40, 117, 0.8);
  color: #fff;
  -webkit-box-shadow: #fff 2px 2px 10px;
          box-shadow: #fff 2px 2px 10px;
  -webkit-transform: scale(1.003) translate(2px, 2px);
          transform: scale(1.003) translate(2px, 2px);
}

.project .common-btn:hover span {
  color: #fff;
}

.project .common-btn:hover::before {
  background: -webkit-gradient(linear, left top, right top, from(#1a1030), color-stop(#266def), to(#200964));
  background: linear-gradient(to right, #1a1030, #266def, #200964);
}

@-webkit-keyframes btnsty {
  0% {
    width: 0%;
    height: 100%;
  }
  100% {
    width: 200%;
    height: 200%;
  }
}

@keyframes btnsty {
  0% {
    width: 0%;
    height: 100%;
  }
  100% {
    width: 200%;
    height: 200%;
  }
}
/*# sourceMappingURL=main.css.map */