@media (min-width: 1024px) {
  .mobile {
    display: none !important; } }

@media (max-width: 1023px) {
  .dsktop {
    display: none !important; } }

@font-face {
  font-family: "FontChoice01";
  src: url("/static/fonts/BananasItalic.ttf") format("truetype"); }

@font-face {
  font-family: "FontChoice02";
  src: url("/static/fonts/BillionDreams.ttf") format("truetype"); }

@font-face {
  font-family: "FontChoice03";
  src: url("/static/fonts/TypewriterBold.ttf") format("truetype"); }

.hide {
  display: none !important; }

.bttn-flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  @media (min-width: 1024px) {
    .bttn-flex {
      margin-top: 32px;
      margin-bottom: 16px; } }
  @media (max-width: 1023px) {
    .bttn-flex {
      margin-top: 10px;
      margin-bottom: 30px; } }
  .bttn-flex .bttn-grid {
    display: grid;
    grid-gap: 0 15px;
    grid-auto-flow: column; }

body {
  background-color: #111; }

.sect-label {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 100px;
  color: #eee; }
  @media (min-width: 1024px) {
    .sect-label {
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 900;
      font-size: 70px; } }
  @media (max-width: 1023px) {
    .sect-label {
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 900;
      font-size: 50px; } }
.sect-info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #fff; }
  @media (min-width: 1024px) {
    .sect-info .info-text {
      width: 50vw; } }
  @media (max-width: 1023px) {
    .sect-info .info-text {
      width: 80vw; } }
.flake-outer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center; }
  @media (min-width: 1024px) {
    .flake-outer {
      margin: 14px 130px; } }
  .flake-outer .flake-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
    @media (min-width: 1024px) {
      .flake-outer .flake-grid {
        margin-right: 76px; } }
    @media (min-width: 1024px) {
      .flake-outer .flake-grid {
        grid-gap: 26px 120px; } }
    @media (max-width: 1023px) {
      .flake-outer .flake-grid {
        grid-gap: 26px 30px; } }
    .flake-outer .flake-grid .flake-cell {
      width: 100%;
      margin-bottom: 30px; }
      @media (min-width: 1024px) {
        .flake-outer .flake-grid .flake-cell {
          border: 3px solid #2d2d2d;
          border-radius: 50px;
          padding: 40px; } }
      .flake-outer .flake-grid .flake-cell .flake-thumb {
        background-size: cover;
        background-position-x: 50%;
        background-position-y: 50%;
        cursor: pointer;
        border-radius: 40px; }
        @media (min-width: 1024px) {
          .flake-outer .flake-grid .flake-cell .flake-thumb {
            width: 100%;
            height: 400px; } }
        @media (max-width: 1023px) {
          .flake-outer .flake-grid .flake-cell .flake-thumb {
            height: 300px;
            margin: 10px;
            width: calc(100% - 20px); } }
      .flake-outer .flake-grid .flake-cell .cell-line {
        padding: 4px 8px;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: white; }
      .flake-outer .flake-grid .flake-cell .cell-line-1 .line-text {
        font-size: 24px; }
      .flake-outer .flake-grid .flake-cell .cell-line-2 {
        padding: 10px 8px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: white; }
        .flake-outer .flake-grid .flake-cell .cell-line-2 .stat-box {
          padding: 6px 10px; }
        .flake-outer .flake-grid .flake-cell .cell-line-2 .sold-box {
          background-color: blue; }
        .flake-outer .flake-grid .flake-cell .cell-line-2 .cost-box {
          color: gold;
          background-color: #444;
          cursor: default; }
        .flake-outer .flake-grid .flake-cell .cell-line-2 .buy-box {
          color: white;
          background-color: #992200;
          cursor: pointer; }

.video-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9); }
  .video-modal .video-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
    .video-modal .video-box video {
      width: auto;
      height: 80vh;
      margin-top: 10vh; }
  .video-modal .close-x {
    align-self: start;
    margin-top: 5vw;
    margin-left: 20px;
    background-image: url(/static/imgs/x_white.png);
    background-size: contain;
    height: 28px;
    width: 28px;
    cursor: pointer; }

.buy-modal {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9); }
  .buy-modal .buy-card {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    width: 70vw;
    height: 70vh; }
    .buy-modal .buy-card input, .buy-modal .buy-card input::placeholder, .buy-modal .buy-card textarea, .buy-modal .buy-card textarea::placeholder {
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 400;
      font-size: 18px; }
    .buy-modal .buy-card input, .buy-modal .buy-card textarea {
      width: 40vw;
      outline: 0;
      border: 1px solid #aaa;
      padding: 10px 8px; }
    .buy-modal .buy-card .buy-form-sect {
      margin: 10px 20px; }
    .buy-modal .buy-card .send-buy-form-bttn {
      background-color: #992200;
      color: white;
      border: 0;
      margin-top: 20px;
      width: calc(40vw + 22px);
      height: 70px;
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 600;
      font-size: 24px; }
  .buy-modal .close-x {
    align-self: start;
    margin-top: 5vw;
    margin-left: 20px;
    background-image: url(/static/imgs/x_white.png);
    background-size: contain;
    height: 28px;
    width: 28px;
    cursor: pointer; }

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000; }

.snowflake, .snowflake .inner {
  animation-iteration-count: infinite;
  animation-play-state: running; }

@keyframes snowflakes-fall {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(110vh); } }

@keyframes snowflakes-shake {
  0%, 100% {
    transform: translateX(0); }
  50% {
    transform: translateX(80px); } }

.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  pointer-events: none;
  animation-name: snowflakes-shake;
  animation-duration: 3s;
  animation-timing-function: ease-in-out; }

.snowflake .inner {
  animation-duration: 10s;
  animation-name: snowflakes-fall;
  animation-timing-function: linear; }

.snowflake:nth-of-type(0) {
  left: 1%;
  animation-delay: 0s; }

.snowflake:nth-of-type(0) .inner {
  animation-delay: 0s; }

.snowflake:first-of-type {
  left: 10%;
  animation-delay: 1s; }

.snowflake:first-of-type .inner, .snowflake:nth-of-type(8) .inner {
  animation-delay: 1s; }

.snowflake:nth-of-type(2) {
  left: 20%;
  animation-delay: .5s; }

.snowflake:nth-of-type(2) .inner, .snowflake:nth-of-type(6) .inner {
  animation-delay: 6s; }

.snowflake:nth-of-type(3) {
  left: 30%;
  animation-delay: 2s; }

.snowflake:nth-of-type(11) .inner, .snowflake:nth-of-type(3) .inner {
  animation-delay: 4s; }

.snowflake:nth-of-type(4) {
  left: 40%;
  animation-delay: 2s; }

.snowflake:nth-of-type(10) .inner, .snowflake:nth-of-type(4) .inner {
  animation-delay: 2s; }

.snowflake:nth-of-type(5) {
  left: 50%;
  animation-delay: 3s; }

.snowflake:nth-of-type(5) .inner {
  animation-delay: 8s; }

.snowflake:nth-of-type(6) {
  left: 60%;
  animation-delay: 2s; }

.snowflake:nth-of-type(7) {
  left: 70%;
  animation-delay: 1s; }

.snowflake:nth-of-type(7) .inner {
  animation-delay: 2.5s; }

.snowflake:nth-of-type(8) {
  left: 80%;
  animation-delay: 0s; }

.snowflake:nth-of-type(9) {
  left: 90%;
  animation-delay: 1.5s; }

.snowflake:nth-of-type(9) .inner {
  animation-delay: 3s; }

.snowflake:nth-of-type(10) {
  left: 25%;
  animation-delay: 0s; }

.snowflake:nth-of-type(11) {
  left: 65%;
  animation-delay: 2.5s; }

.mountains-of-christmas-regular {
  font-family: "Mountains of Christmas", serif;
  font-weight: 400;
  font-style: normal; }

.mountains-of-christmas-bold {
  font-family: "Mountains of Christmas", serif;
  font-weight: 700;
  font-style: normal; }

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal; }

.twinkle-star-regular {
  font-family: "Twinkle Star", cursive;
  font-weight: 400;
  font-style: normal; }

.flash-message {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  display: none;
  padding: 10px;
  position: fixed;
  bottom: 120px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  border: 0;
  outline: 0; }
  .flash-message .msg-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    cursor: default; }
  .flash-message .close-x {
    height: 20px;
    cursor: pointer;
    margin-left: 40px; }