/* resources/scss/buy-and-win-contest.scss */
@font-face {
  font-family: "Rodfat";
  src: url(../fonts/Rodfat.woff2) format("woff2"), url(../fonts/Rodfat.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Pro Cond";
  src: url(../fonts/DINPro-CondensedBold.woff2) format("woff2"), url(../fonts/DINPro-CondensedBold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body.buyandwincontest .text-primary {
  color: #cb1c00 !important;
}
body.buyandwincontest .text-secondary {
  color: #057b3b !important;
}
body.buyandwincontest .font-primary,
body.buyandwincontest .font-rodfat {
  font-family: "Rodfat", sans-serif !important;
}
body.buyandwincontest .font-secondary,
body.buyandwincontest .font-arial {
  font-family: "Arial", sans-serif !important;
}
body.buyandwincontest .font-tertiary,
body.buyandwincontest .font-din {
  font-family: "DIN Pro Cond", sans-serif !important;
}
body.buyandwincontest .text-uppercase {
  text-transform: uppercase;
}
body.buyandwincontest .title-text {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .title-text {
    font-size: 2.5rem;
  }
}
body.buyandwincontest .lazyload[src=""] {
  opacity: 0.00001;
}
body.buyandwincontest .lazyload:not([src]) {
  opacity: 0.00001;
}
body.buyandwincontest .wsjoinnow {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .wsjoinnow {
    top: 40%;
    width: 100px;
  }
}
body.buyandwincontest .tnc .table-content {
  border-color: #000;
}
body.buyandwincontest .tnc .table-content td,
body.buyandwincontest .tnc .table-content th {
  border-color: #000;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body.buyandwincontest .tnc .table-main td,
body.buyandwincontest .tnc .table-main th {
  border-top: 0;
  word-break: break-word;
}
body.buyandwincontest .tnc .table-main > tbody > tr > th {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .table-main > tbody > tr {
    display: block;
    width: 100%;
  }
  body.buyandwincontest .tnc .table-main > tbody > tr > td,
  body.buyandwincontest .tnc .table-main > tbody > tr > th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.buyandwincontest .tnc .table-main .table-2ndrow {
    margin-top: -1rem;
    border-top: 0;
  }
  body.buyandwincontest .tnc .table-main .table-2ndrow > tbody tr td:first-child {
    width: 50px;
  }
  body.buyandwincontest .tnc .table-main .table-2ndrow > tbody tr:first-child {
    display: none;
  }
  body.buyandwincontest .tnc .table-main .table-1strow > tbody tr td:first-child {
    width: 50px;
  }
}
body.buyandwincontest .tnc ul {
  list-style: disc !important;
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc ul {
    padding-left: 1rem;
  }
}
body.buyandwincontest .tnc ul > li {
  display: list-item !important;
}
body.buyandwincontest .tnc ul > li::before {
  display: none;
}
body.buyandwincontest .tnc ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc ol {
    padding-left: 1.5rem;
  }
}
body.buyandwincontest .tnc ol li {
  margin-bottom: 0.5rem;
}
body.buyandwincontest .tnc .card-body > ol[type="1"] {
  counter-reset: item;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] {
    margin-left: -1.5rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li {
  display: block;
  position: relative;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li {
    padding-left: 1.5rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol {
  counter-reset: item;
  margin-left: -2rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol {
    margin-left: -2rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol li {
  padding-left: 3rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol li {
    padding-left: 2.5rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol[type=a] {
  margin-left: -1rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol[type=a] {
    margin-left: -1rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol[type=a] li {
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li > ol[type=a] li {
    padding-left: 1rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li > ul {
  margin-left: -1rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li > ul {
    margin-left: -1rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li > ul li {
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  body.buyandwincontest .tnc .card-body > ol[type="1"] li > ul li {
    padding-left: 1rem;
  }
}
body.buyandwincontest .tnc .card-body > ol[type="1"] li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
}
body.buyandwincontest .tnc .card-body > ol[type="1"].list-bold > li:before {
  font-weight: bold;
}
body.buyandwincontest .tnc ol[type=a] {
  list-style-type: lower-alpha;
}
body.buyandwincontest .tnc ol[type=a] > li {
  display: list-item !important;
}
body.buyandwincontest .tnc ol[type=a] > li::before {
  display: none;
}
#topbanner {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
#topbanner::before {
  content: "";
  display: block;
  padding-top: 51.9765739385%;
}
@media screen and (max-width: 768px) {
  #topbanner::before {
    padding-top: 117.1875%;
  }
}
#topbanner > img {
  position: absolute;
  top: 0;
  width: 100%;
}
#prizes {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 1;
  min-height: 200px;
  background-color: #f6ecd4;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 3rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  #prizes {
    padding-bottom: 5rem;
  }
}
#prizes .confetti {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 4rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #prizes .confetti {
    background-size: contain;
    background-position: center top;
    background-repeat: repeat;
  }
}
#prizes .topdivider {
  position: absolute;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  top: -10vw;
}
@media screen and (min-width: 1200px) {
  #prizes .topdivider {
    top: -140px;
  }
}
#prizes .topdivider::before {
  content: "";
  display: block;
  padding-top: 15.988372093%;
}
#prizes .bottomdivider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
#prizes .bottomdivider::before {
  content: "";
  display: block;
  padding-top: 37.7281947262%;
}
@media screen and (max-width: 768px) {
  #prizes .bottomdivider::before {
    padding-top: 59.4202898551%;
  }
}
#prizes .content {
  position: relative;
}
#prizes .list {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media screen and (min-width: 1200px) {
  #prizes .list {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
  }
}
@media screen and (max-width: 768px) {
  #prizes .list {
    max-width: auto;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
#prizes .list-item {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
#prizes .list-head {
  background-color: #e4be57;
  background:
    linear-gradient(
      90deg,
      rgb(224, 180, 63) 0%,
      rgb(241, 228, 128) 35%,
      rgb(241, 228, 128) 65%,
      rgb(224, 180, 63) 100%);
  border-radius: 0.5rem;
  padding: 1.5rem 1.5rem 0.6rem;
  margin-bottom: -2rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
#prizes .list-head::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  pointer-events: none;
  border-radius: 0.5rem;
  border: 1px solid #b57312;
}
#prizes .list-head .text {
  color: white;
  text-shadow:
    0.0938em 0em #ae8448,
    0.0781em 0.0156em #ae8448,
    0.0925em 0.0156em #ae8448,
    0.0768em 0.0312em #ae8448,
    0.0886em 0.0307em #ae8448,
    0.073em 0.0463em #ae8448,
    0.0823em 0.0449em #ae8448,
    0.0666em 0.0606em #ae8448,
    0.0737em 0.058em #ae8448,
    0.0581em 0.0736em #ae8448,
    0.063em 0.0694em #ae8448,
    0.0474em 0.085em #ae8448,
    0.0507em 0.0789em #ae8448,
    0.035em 0.0945em #ae8448,
    0.0369em 0.0862em #ae8448,
    0.0212em 0.1018em #ae8448,
    0.0221em 0.0911em #ae8448,
    0.0064em 0.1067em #ae8448,
    0.0066em 0.0935em #ae8448,
    -0.009em 0.1091em #ae8448,
    -0.009em 0.0933em #ae8448,
    -0.0246em 0.1089em #ae8448,
    -0.0243em 0.0905em #ae8448,
    -0.04em 0.1062em #ae8448,
    -0.039em 0.0852em #ae8448,
    -0.0546em 0.1009em #ae8448,
    -0.0526em 0.0776em #ae8448,
    -0.0682em 0.0932em #ae8448,
    -0.0648em 0.0678em #ae8448,
    -0.0804em 0.0834em #ae8448,
    -0.0751em 0.0561em #ae8448,
    -0.0907em 0.0717em #ae8448,
    -0.0834em 0.0429em #ae8448,
    -0.099em 0.0585em #ae8448,
    -0.0893em 0.0284em #ae8448,
    -0.105em 0.0441em #ae8448,
    -0.0928em 0.0132em #ae8448,
    -0.1084em 0.0289em #ae8448,
    -0.0937em -0.0024em #ae8448,
    -0.1093em 0.0133em #ae8448,
    -0.092em -0.0179em #ae8448,
    -0.1077em -0.0022em #ae8448,
    -0.0878em -0.0329em #ae8448,
    -0.1034em -0.0173em #ae8448,
    -0.0811em -0.047em #ae8448,
    -0.0967em -0.0314em #ae8448,
    -0.0722em -0.0598em #ae8448,
    -0.0878em -0.0442em #ae8448,
    -0.0613em -0.071em #ae8448,
    -0.0769em -0.0553em #ae8448,
    -0.0487em -0.0801em #ae8448,
    -0.0643em -0.0645em #ae8448,
    -0.0347em -0.0871em #ae8448,
    -0.0503em -0.0715em #ae8448,
    -0.0198em -0.0916em #ae8448,
    -0.0354em -0.076em #ae8448,
    -0.0043em -0.0937em #ae8448,
    -0.0199em -0.078em #ae8448,
    0.0113em -0.0931em #ae8448,
    -0.0043em -0.0774em #ae8448,
    0.0266em -0.0899em #ae8448,
    0.011em -0.0743em #ae8448,
    0.0411em -0.0842em #ae8448,
    0.0255em -0.0686em #ae8448,
    0.0545em -0.0762em #ae8448,
    0.0389em -0.0606em #ae8448,
    0.0664em -0.0661em #ae8448,
    0.0508em -0.0505em #ae8448,
    0.0765em -0.0542em #ae8448,
    0.0609em -0.0386em #ae8448,
    0.0844em -0.0408em #ae8448,
    0.0688em -0.0251em #ae8448,
    0.09em -0.0262em #ae8448,
    0.0744em -0.0106em #ae8448,
    0.0931em -0.0109em #ae8448,
    0.0775em 0.0047em #ae8448;
}
#prizes .list-foot {
  background-color: #e4be57;
  background:
    linear-gradient(
      315deg,
      rgb(224, 180, 63) 0%,
      rgb(241, 228, 128) 50%,
      rgb(224, 180, 63) 100%);
  border-radius: 0.5rem;
  padding: 1.5rem 1.5rem 1rem;
  margin-top: -2rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
#prizes .list-foot::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  pointer-events: none;
  border-radius: 0.5rem;
  border: 1px solid #b57312;
}
#prizes .list-foot__left {
  line-height: 1;
  margin-bottom: -0.5rem;
}
#prizes .list-foot__right {
  text-align: left;
  line-height: 1;
  padding-bottom: 0.5rem;
}
#prizes .list-foot__main {
  font-size: 4rem;
  padding-right: 1rem;
}
#steps {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  min-height: 200px;
  background-color: #f0ede2;
  z-index: 2;
  padding-top: 1rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
  #steps {
    padding-top: 2rem;
    padding-bottom: 5rem;
  }
}
#steps .topdivider {
  position: absolute;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  top: -10vw;
}
@media screen and (min-width: 1200px) {
  #steps .topdivider {
    top: -140px;
  }
}
#steps .topdivider::before {
  content: "";
  display: block;
  padding-top: 13.6592379583%;
}
#steps .content {
  position: relative;
}
#steps .list {
  margin-left: 4rem;
  margin-right: 4rem;
}
@media screen and (max-width: 1024px) {
  #steps .list {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  #steps .list-img {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
  }
}
#steps .list-item {
  background-color: #f5edd8;
  border-radius: 0 2rem 2rem 0;
  padding: 2rem 1rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #steps .list-item {
    border-radius: 0 0 2rem 2rem;
  }
}
#steps .list-item__wrapper {
  padding: 6px;
  background-color: #e6a14a;
  border-radius: 0 2.2rem 2.2rem 0;
  position: relative;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  #steps .list-item__wrapper.is-1st {
    z-index: 3;
    border-radius: 2.2rem;
  }
  #steps .list-item__wrapper.is-1st .list-item {
    border-radius: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  #steps .list-item__wrapper.is-2nd {
    z-index: 2;
    margin-left: -3rem;
  }
  #steps .list-item__wrapper.is-2nd .list-item {
    padding-left: 5rem;
    padding-right: 2rem;
  }
  #steps .list-item__wrapper.is-3rd {
    z-index: 1;
    margin-left: -3rem;
  }
  #steps .list-item__wrapper.is-3rd .list-item {
    padding-left: 5rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  #steps .list-item__wrapper {
    border-radius: 0 0 2rem 2rem;
  }
  #steps .list-item__wrapper.is-1st {
    z-index: 3;
    border-radius: 2.2rem;
  }
  #steps .list-item__wrapper.is-1st .list-item {
    border-radius: 2rem;
    padding-bottom: 2rem;
  }
  #steps .list-item__wrapper.is-2nd {
    z-index: 2;
    margin-top: -3rem;
  }
  #steps .list-item__wrapper.is-2nd .list-item {
    padding-top: 7rem;
    padding-bottom: 2rem;
  }
  #steps .list-item__wrapper.is-3rd {
    z-index: 1;
    margin-top: -3rem;
  }
  #steps .list-item__wrapper.is-3rd .list-item {
    padding-top: 7rem;
    padding-bottom: 2rem;
  }
}
#steps .list-item__arrow {
  width: 350px;
  height: 350px;
  position: absolute;
  overflow: hidden;
  left: 100%;
  top: 45%;
  transform: translate(-31%, -50%) scale(0.5, 1);
}
#steps .list-item__arrow::before {
  content: "";
  border-radius: 0.5rem;
  display: block;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  width: 60%;
  height: 60%;
  background-color: #e6a14a;
  left: -10%;
  top: 50%;
}
#steps .list-item__arrow::after {
  content: "";
  border-radius: 0.5rem;
  display: block;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  width: 60%;
  height: 60%;
  background-color: #f5edd8;
  left: calc(-10% - 14px);
  top: 50%;
}
@media screen and (max-width: 1024px) {
  #steps .list-item__arrow {
    left: 45%;
    top: 100%;
    transform: translate(-50%, -31%) rotate(90deg) scale(0.5, 1);
  }
  #steps .list-item__arrow::before {
    top: 33%;
  }
  #steps .list-item__arrow::after {
    top: 33%;
  }
}
#exclusive {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  min-height: 200px;
  z-index: 3;
  background-color: #f6ecd4;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  #exclusive {
    padding-bottom: 1rem;
  }
}
#exclusive .topdivider {
  position: absolute;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  top: -10vw;
}
@media screen and (min-width: 1200px) {
  #exclusive .topdivider {
    top: -140px;
  }
}
#exclusive .topdivider::before {
  content: "";
  display: block;
  padding-top: 15.5459146782%;
}
#exclusive .bottomdivider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
#exclusive .bottomdivider::before {
  content: "";
  display: block;
  padding-top: 37.7281947262%;
}
@media screen and (max-width: 768px) {
  #exclusive .bottomdivider::before {
    padding-top: 59.4202898551%;
  }
}
#exclusive .content {
  position: relative;
}
#exclusive .list {
  margin-left: 4rem;
  margin-right: 4rem;
}
@media screen and (max-width: 768px) {
  #exclusive .list {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  #exclusive .list-img {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
#exclusive .list-foot {
  background-color: #e4be57;
  background:
    linear-gradient(
      90deg,
      rgb(224, 180, 63) 0%,
      rgb(241, 228, 128) 35%,
      rgb(241, 228, 128) 65%,
      rgb(224, 180, 63) 100%);
  border-radius: 0.5rem;
  padding: 1.5rem 2rem 0.6rem;
  top: -3rem;
  margin-bottom: -3rem;
  display: inline-flex;
  position: relative;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
#exclusive .list-foot::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  pointer-events: none;
  border-radius: 0.5rem;
  border: 1px solid #b57312;
}
#tnc {
  position: relative;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #f8eac1;
}
#tnc .card {
  background-color: transparent;
}
#tnc .card-header {
  background-color: transparent;
}
#tnc .card-header .btn {
  outline: 0 !important;
  box-shadow: none !important;
}
#footcontent {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #f0ede2;
}