@font-face {
  font-family: "CopperFont";
  src: url("../../fonts/Bree/Bree-Bold.ttf"); }
@font-face {
  font-family: "CopperFontBold";
  src: url("asset/fonts/CooperBlackStd.otf") format("opentype"); }
@font-face {
  font-family: "CopperFontBoldItalic";
  src: url("asset/fonts/CooperBlackStd-Italic.otf") format("opentype"); }
@media screen and (min-width: 320px) and (max-width: 991.5px) {
  html {
    font-size: calc(20px + 6 * ((100vw - 320px) / 680));
    /* 				line-height: calc(80px + 6 * ((100vw - 320px) / 680)); */ }

  #poster img {
    width: 100%; }

  .store-image {
    width: 40%; }

  #section7 {
    text-align: center; }
    #section7 .number-image {
      width: 25%; }

  .borded h6 {
    text-align: center;
    font-size: 15px;
    color: #90D307; }

  #section8 .list {
    font-size: 80%;
    margin-left: 20%;
    padding-top: 3%; }
  #section8 .image-arrow {
    width: 10%;
    height: 10%;
    padding-right: 10px; } }
@media screen and (min-width: 992px) {
  html {
    font-size: 18px; }

  #poster img {
    width: 100%;
    height: 650px; }

  #section7 .number-image {
    width: 100%; }
  #section7 .store-image {
    margin-top: 20px;
    width: 25%; }

  #section8 .list {
    margin-left: 40%;
    padding-top: 3%; }
  #section8 .image-arrow {
    width: 8%;
    height: 8%;
    padding-right: 20px; } }
.img {
  width: 100%; }

.no-padding {
  padding: 0px; }

.padding-top-bottom {
  padding-top: 1%;
  padding-bottom: 3%; }

.float-container {
  position: relative;
  text-align: center; }

/* Bottom left */
.float-bottomleft {
  position: absolute;
  bottom: 8px;
  left: 16px; }

/* Top left */
.float-topleft {
  position: absolute;
  top: 8px;
  left: 16px; }

/* Top right */
.float-topright {
  position: absolute;
  top: 8px;
  right: 16px; }

/* Bottom right */
.float-bottomright {
  position: absolute;
  bottom: 8px;
  right: 16px; }

/* Centered */
.float-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* Centered Top */
.float-centertop {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%, -50%); }

/* Centered Left*/
.float-centerleft {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(-50%, -50%); }

.divider {
  height: 1px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8c8c inset; }

.matchagreen {
  background-color: #93D500; }

.lightgreen {
  background-color: #A2E55A; }

.green {
  background-color: #4EBC20; }

.darkgreen {
  background-color: #02890B; }

.reward-point {
  font-family: "BreeLight" !important;
  font-size: 20px;
  color: #eee4ca !important;
  font-style: italic !important;
}

.tier-name {
  font-family: "BreeRegular" !important;
  font-size: 24px;
  color: #664121 !important;
}

#section2 img {
  width: 100%; }
#section2 button {
  color: white;
  background-color: #90D307;
  width: 150px;
  border-radius: 15px;
  border: none; }

#section3 .title {
  text-align: center; }
  #section3 .title h2 {
    color: #90D307; }

#section3 h6 {
  text-align: center;
 }
#poster-before-mid {
  background-color: #faf8ed;
  /* background-image: linear-gradient(#0e0045, #303a8c); */
  /* -moz-box-shadow: inset 0px 11px 8px -10px #8c8c8c; */
  /* -webkit-box-shadow: inset 0px 11px 8px -10px #8c8c8c; */
  /* box-shadow: inset 0px 11px 8px -10px #8c8c8c; */
}
#poster-before-mid h3, #poster-before-mid p {
  color: #664121 !important;
}
@media (max-width: 992px) {
  #poster-before-mid img {
    width: 70%;
    margin-left: 15%;
    margin-bottom: 80px;
  }
  #poster-before-mid #container-subsection2 {
    margin-top:10% !important;
  }

  .tier-points {
    font-size: 10px !important;
  }

  .tier-name {
  font-size: 16px;
}
}

#poster-mid {
  -moz-box-shadow: inset 0px 11px 8px -10px #8c8c8c;
  -webkit-box-shadow: inset 0px 11px 8px -10px #8c8c8c;
  box-shadow: inset 0px 11px 8px -10px #8c8c8c; }
  #poster-mid img {
    width: 100%; }

#section8 {
  background-color: #664121;
}

#section5 {
  padding-top: 5%;
  padding-bottom: 5%;  background-color: #664121;
}

#section5 .title {
  text-align: center; }
  #section5 .title h2 {
    color: #90D307; }
  #section5 .title h6 {
    color: #ede3ca; }
#section5 p {
  color: #90D307; }
#section5 .borded {
  border-radius: 25px;
  border: 1px solid lightgrey;
  padding: 20px;
  width: 100%;
  height: 100%; }
  #section5 .borded p {
    margin-top: 5%;
    font-family: Bree;
    color: #90D307; }

    #section7 .title {
      color: #90D307; }
.tier-points {
  color: #fff !important;
  font-family: "VAGRoundedStd" !important;
  font-size: 19px;
}
    
.verticalLine {
  border-left: 1px solid lightgrey; }

.title-brown {
  color: #664121 !important;
}

.step-title {
  font-family: "Bree";
  font-size: 20px;
  color: #664121 !important;
}

.desc-title-brown {
  font-family: "CooperLightBT";
  color: #664121 !important;
  font-size: 20px;
}

.col-5th {
        width: 20%;
        float: left;
        text-align: center;
    }

.amp {
    font-family: Arial, sans-serif;
}

.brown-bg {
  background-color: #664121;
}

.section1-points {
  font-family: "CooperLight" !important;
  background:#7e5a3a;
  border: 4px solid #A88B67;
  border-radius: 10px;
  font-size: 16px;
}

#section3 h6 {
  font-family: "BreeSerifRegular";
  font-size: 18px;
  color: #737373;
}

#section3 img {
  width: 200px;
  max-width: 200px;
  max-height: 150px;
  height: 150px;
  object-fit: contain;
  margin-bottom: 10px;
}

#section1 img {
  height: 80px;
  width: auto;
  object-fit: contain;
  margin-bottom: 10px;
}

#container-subsection2 h3 {
  /* font-family: "CooperLightItalic"; */
  /* font-size: 38px; */
  font-weight: 600;
}

#container-subsection2 p {
  font-family: CooperLight !important;
}

.birthday-text-container {
  display: flex;
  align-items: center;
}

.tier-character-img {
    width: 100%;
    max-width: 200px;
    max-height: 420px;
}

.text-white {
  color: #ffffff !important;
}

@media (max-width: 768px) {
    .tier-character-img {
        max-width: 80px;
        max-height: 200px;
    }

    .section1-points {
      font-size: 10px;
      border: 2px solid #A88B67;

    }
}

@media (max-width: 480px) {
    .tier-character-img {
        max-width: 60px;
        max-height: 150px;
    }
}

hr {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8c8c inset; }

/*# sourceMappingURL=style.css.map */

/* Tier Points Table Styles */
.tier-points-table,
.tier-points-table-mobile {
    width: 100%;
    border-collapse: collapse;
    background-color: #92d40a;
    border: 3px solid #92d40a;
    border-radius: 15px;
    overflow: hidden;
    font-family: "BreeRegular";
}

.tier-title {
  color: #92d40a !important;
  font-weight: bold;
  font-size: 20px !important;
}

.tier-points-table thead th,
.tier-points-table-mobile thead th {
    background-color: #ede3ca;
    color: #664121;
    font-weight: bold;
    padding: 15px 10px;
    text-align: center;
    border: 1px solid #664121;
    font-size: 14px;
    line-height: 1.3;
}

.tier-points-table tbody td,
.tier-points-table-mobile tbody td {
    padding: 12px 10px;
    text-align: center;
    border: 1px solid #664121;
    color: #664121;
    font-weight: bold;
}

.join-now-btn {
  font-family: "BreeRegular" !important;
  font-size: 30px;
  border-radius: 15px;
  border: none;
}

.section2-description {
  color:#5a3c20; font-family: CooperLight;
  font-size: 24px;
}

.section2-title {
  font-family: CooperLightItalic; color:#5a3c20;
  font-size: 38px;
  font-weight: bold;
}

.large-screen-padding {
  padding-left: 30px !important;
}

.tier-points-table .product-column,
.tier-points-table-mobile .product-column {
    background-color: #eee4ca;
    border: none;
}

.tier-points-table .product-name,
.tier-points-table-mobile .product-name {
    text-align: left;
    padding-left: 20px;
    background-color: #eee4ca;
    font-weight: bold;
}

.tier-points-table th.wellness-column{
    background-color: #eee4ca;
}

.tier-points-table .wellness-column,
.tier-points-table-mobile .wellness-column {
    background-color: #cbd487;
}

.tier-points-table tbody tr td:not(.wellness-column):not(.product-name),
.tier-points-table-mobile tbody tr td:not(.wellness-column):not(.product-name) {
    background-color: #f6f1e4;
}

/* .tier-points-table tbody tr:nth-child(odd) td:not(.wellness-column):not(.product-name),
.tier-points-table-mobile tbody tr:nth-child(odd) td:not(.wellness-column):not(.product-name) {
    background-color: #ebe3d5;
} */

.tier-multiplier {
    font-size: 11px;
    font-weight: normal;
    color: #664121;
}

/* Mobile Responsive */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    .tier-points-table-mobile {
        min-width: 1000px;
    }
    
    .tier-points-table-mobile thead th,
    .tier-points-table-mobile tbody td {
        padding: 8px 5px;
        font-size: 11px;
    }
    
    .tier-multiplier {
        font-size: 9px;
    }

    .section2-description {
      font-size: 16px;
    }

    .section2-title {
      font-size: 24px;
    }

    .large-screen-padding {
      padding-left: unset;
    }

    #section5 h6 {
      font-size: 14px !important;
    }
}

/* Tier Character Images Responsive */
.tier-character-img {
    width: 100%;
    max-width: 200px;
    max-height: 420px;
}

@media (max-width: 768px) {
    .tier-character-img {
        max-width: 80px;
        max-height: 200px;
    }

    .tier-title {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .tier-character-img {
        max-width: 60px;
        max-height: 150px;
    }
}