/* resources/scss/fuelgoodcontest.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.fuelgoodcontest .text-primary {
  color: #cb1c00 !important;
}
body.fuelgoodcontest .text-secondary {
  color: #057b3b !important;
}
body.fuelgoodcontest .text-brown {
  color: #9c641b !important;
}
body.fuelgoodcontest .font-primary,
body.fuelgoodcontest .font-rodfat {
  font-family: "Rodfat", sans-serif !important;
}
body.fuelgoodcontest .font-secondary,
body.fuelgoodcontest .font-arial {
  font-family: "Arial", sans-serif !important;
}
body.fuelgoodcontest .font-tertiary,
body.fuelgoodcontest .font-din {
  font-family: "DIN Pro Cond", sans-serif !important;
}
body.fuelgoodcontest .text-uppercase {
  text-transform: uppercase;
}
body.fuelgoodcontest .title-text {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .title-text {
    font-size: 2.5rem;
  }
}
body.fuelgoodcontest .border-black {
  border-color: black;
}
body.fuelgoodcontest .border-black tr {
  border-color: black;
}
body.fuelgoodcontest .border-black tr td,
body.fuelgoodcontest .border-black tr th {
  border-color: black;
}
body.fuelgoodcontest .lazyload[src=""] {
  opacity: 0.00001;
}
body.fuelgoodcontest .lazyload:not([src]) {
  opacity: 0.00001;
}
body.fuelgoodcontest .wsjoinnow {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .wsjoinnow {
    top: 40%;
    width: 100px;
  }
}
body.fuelgoodcontest .tnc .table-content {
  border-color: #000;
}
body.fuelgoodcontest .tnc .table-content td,
body.fuelgoodcontest .tnc .table-content th {
  border-color: #000;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
body.fuelgoodcontest .tnc .table-main td,
body.fuelgoodcontest .tnc .table-main th {
  border-top: 0;
  word-break: break-word;
}
body.fuelgoodcontest .tnc .table-main > tbody > tr > th {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .table-main > tbody > tr {
    display: block;
    width: 100%;
  }
  body.fuelgoodcontest .tnc .table-main > tbody > tr > td,
  body.fuelgoodcontest .tnc .table-main > tbody > tr > th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.fuelgoodcontest .tnc .table-main .table-2ndrow {
    margin-top: -1rem;
    border-top: 0;
  }
  body.fuelgoodcontest .tnc .table-main .table-2ndrow > tbody tr td:first-child {
    width: 50px;
  }
  body.fuelgoodcontest .tnc .table-main .table-2ndrow > tbody tr:first-child {
    display: none;
  }
  body.fuelgoodcontest .tnc .table-main .table-1strow > tbody tr td:first-child {
    width: 50px;
  }
}
body.fuelgoodcontest .tnc ul {
  list-style: disc !important;
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc ul {
    padding-left: 1rem;
  }
}
body.fuelgoodcontest .tnc ul > li {
  display: list-item !important;
}
body.fuelgoodcontest .tnc ul > li::before {
  display: none;
}
body.fuelgoodcontest .tnc ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc ol {
    padding-left: 1.5rem;
  }
}
body.fuelgoodcontest .tnc ol li {
  margin-bottom: 0.5rem;
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] {
  counter-reset: item;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] {
    margin-left: -1.5rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li {
  display: block;
  position: relative;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li {
    padding-left: 1.5rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol {
  counter-reset: item;
  margin-left: -2rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol {
    margin-left: -2rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol li {
  padding-left: 3rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol li {
    padding-left: 2.5rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol[type=a] {
  margin-left: -1rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol[type=a] {
    margin-left: -1rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol[type=a] li {
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ol[type=a] li {
    padding-left: 1rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ul {
  margin-left: -1rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ul {
    margin-left: -1rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ul li {
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  body.fuelgoodcontest .tnc .card-body > ol[type="1"] li > ul li {
    padding-left: 1rem;
  }
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"] li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
}
body.fuelgoodcontest .tnc .card-body > ol[type="1"].list-bold > li:before {
  font-weight: bold;
}
body.fuelgoodcontest .tnc ol[type=a] {
  list-style-type: lower-alpha;
}
body.fuelgoodcontest .tnc ol[type=a] > li {
  display: list-item !important;
}
body.fuelgoodcontest .tnc ol[type=a] > li::before {
  display: none;
}
body.fuelgoodcontest .tnc ol.list-nested {
  counter-reset: item;
}
body.fuelgoodcontest .tnc ol.list-nested > li {
  list-style: none;
  position: relative;
}
body.fuelgoodcontest .tnc ol.list-nested > li > ul {
  counter-reset: item;
}
body.fuelgoodcontest .tnc ol.list-nested > li > ol {
  counter-reset: item;
}
body.fuelgoodcontest .tnc ol.list-nested > li > ol > li {
  list-style: none;
  position: relative;
  margin-left: 0.5rem;
}
body.fuelgoodcontest .tnc ol.list-nested > li > ol > li:before {
  left: 0;
  margin-left: -2.75rem;
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
}
body.fuelgoodcontest .tnc ol.list-nested > li > ol.list li {
  padding-left: 1.5rem;
}
body.fuelgoodcontest .tnc ol.list-nested > li > ol.list li:before {
  margin-left: -2.5rem;
}
body.fuelgoodcontest .tnc ol.list-nested > li:before {
  left: 0;
  margin-left: -2rem;
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
}
#topbanner {
  position: relative;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 6;
  border-bottom: 15px solid #f3b91c;
  border-radius: 0 0 5rem 5rem;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
}
#topbanner::before {
  content: "";
  display: block;
  padding-top: 52.2205954124%;
}
#topbanner > img {
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #topbanner {
    border-bottom: 8px solid #f3b91c;
    border-radius: 0 0 2rem 2rem;
  }
}
#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;
  background-position: center top;
  padding-top: 10%;
  padding-bottom: 4rem;
  background: rgb(246, 239, 214);
  background:
    linear-gradient(
      180deg,
      rgb(246, 239, 214) 0%,
      rgb(211, 214, 177) 100%);
  border-bottom: 15px solid #f3b91c;
  border-radius: 0 0 5rem 5rem;
  margin-top: -4rem;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  #prizes {
    border-bottom: 8px solid #f3b91c;
    padding-top: 7rem;
    padding-bottom: 5rem;
    border-radius: 0 0 2rem 2rem;
  }
}
#prizes .pattern_top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 400px;
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #prizes .pattern_top {
    background-position: 0 50px;
  }
}
#prizes .prize_item {
  position: relative;
}
#prizes .prize_coin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#prizes .prize_coin-1 {
  margin-left: -1%;
  margin-top: -1%;
}
#prizes .prize_coin-2 {
  margin-left: 1%;
  margin-top: 3%;
}
#prizes .prize_coin-3 {
  margin-left: 2%;
  margin-top: 8%;
}
#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;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  transform: translateY(-40%);
}
#prizes .topdivider::before {
  content: "";
  display: block;
  padding-top: 29.7580645161%;
}
#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: rgb(246, 239, 214);
  background:
    linear-gradient(
      180deg,
      rgb(246, 239, 214) 0%,
      rgb(211, 214, 177) 100%);
  z-index: 2;
  padding-top: 8rem;
  padding-bottom: 4rem;
  margin-top: -4rem;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #steps {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
#steps .pattern_top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 800px;
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #steps .pattern_top {
    background-position: 0 50px;
  }
}
#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: 16%;
}
#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%;
  }
}
#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: #ccd0a6;
}