[v-cloak] {
  display: none !important; }

html {
  font-family: "Nunito Sans", sans-serif !important;
  scroll-behavior: smooth; }

body {
  font-family: "Nunito Sans", sans-serif !important;
  color: #888;
  color: var(--contrast);
  margin: 0;
  padding: 0;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 0;
  background-color: #211e23;
  background-color: var(--primary);
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.StripeElement {
  background-color: #322e35;
  background-color: var(--secondary);
  height: 40px;
  padding: 10px 12px;
  border-bottom: 1px solid #211e23;
  margin: 20px 0; }

.StripeElement--focus {
  background-color: #211e23;
  background-color: var(--primary); }

.StripeElement--invalid {
  background-color: #fa755a; }

.StripeElement--webkit-autofill {
  background-color: #f0f5dc;
  background-color: var(--highlight) !important; }

p {
  margin: 9px 0 0 0; }
  p > p > a {
    text-decoration: underline;
    color: #c1f80a;
    color: var(--quarternary) !important;
    opacity: 1 !important; }
    p > p > a:hover {
      color: #c1f80a;
      color: var(--highlight) !important;
      opacity: 1 !important; }
    p > p > a:visited {
      color: #8687c1;
      color: var(--quinary) !important;
      opacity: 1 !important; }

.allcaps {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.42em; }

.img p {
  margin: 0 0 4px 0;
  padding-right: 30px; }

table {
  margin-bottom: 20px; }

td {
  vertical-align: top; }

ul {
  list-style-type: none; }

.block {
  width: 100%;
  display: block;
  text-align: center; }

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky !important; }
  .sticky.top {
    top: 0; }

a {
  pointer-events: all;
  text-decoration: none;
  color: #8687c1;
  color: var(--quarternary);
  cursor: pointer; }
  a:hover {
    color: #c1f80a;
    color: var(--quinary); }
  a span, a img {
    pointer-events: none; }

*[class^='tb-font-'] {
  font-family: 'Nunito', sans-serif;
  letter-spacing: -0.015em;
  font-family: var(--afontname), sans-serif !important; }

h6, .tb-font-xxs {
  font-family: "Nunito", sans-serif !important;
  font-family: var(--afontname), sans-serif !important;
  /* color: #99979b; */
  font-size: calc(36px / 3.5) !important;
  font-size: calc(var(--thumbw) / 3.5) !important;
  font-weight: 500 !important;
  line-height: calc(36px / 3.8) !important;
  line-height: calc(var(--thumbw) / 3.8) !important;
  padding: 8px 0 0 0;
  padding: calc(var(--thumbw) / 4) 0 0 0; }

h5, .tb-font-xs {
  font-family: "Nunito", sans-serif !important;
  font-family: var(--afontname), sans-serif !important;
  /* color: #99979b; */
  font-size: calc(36px / 3) !important;
  font-size: calc(var(--thumbw) / 3) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
  line-height: calc(36px / 2.8) !important;
  line-height: calc(var(--thumbw) / 2.8) !important;
  padding: 10px 0 0 0;
  padding: calc(var(--thumbw) / 3) 0 0 0;
  display: block; }

h4, .tb-font-s {
  font-family: "Nunito", sans-serif !important;
  font-family: var(--afontname), sans-serif !important;
  /* color: #fff; */
  font-size: calc(36px / 2.8) !important;
  font-size: calc(var(--thumbw) / 2.8) !important;
  font-weight: 200 !important;
  line-height: calc(36px / 2.3) !important;
  line-height: calc(var(--thumbw) / 2.3) !important;
  padding: 12px 0 0 0;
  padding: calc(var(--thumbw) / 2.8) 0 0 0;
  letter-spacing: 0.02em; }

.tb-font-m {
  font-size: calc(36px / 2.3);
  font-size: calc(var(--thumbw) / 2.3);
  font-weight: 300;
  line-height: calc(36px / 1.8);
  line-height: calc(var(--thumbw) / 1.8);
  padding: 18px 0 0 0;
  padding: calc(var(--thumbw) / 2.3) 0 0 0; }

h3, .tb-font-l {
  font-family: "Nunito", sans-serif !important;
  font-family: var(--afontname), sans-serif !important;
  /* color: #99979b; */
  font-size: calc(36px / 1.8) !important;
  font-size: calc(var(--thumbw) / 1.8) !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  line-height: calc(var(--thumbw) / 1.8) !important;
  padding: 18px 0 0 0;
  padding: calc(var(--thumbw) / 1.8) 0 0 0; }

h2, .tb-font-xl {
  font-family: "Nunito", sans-serif !important;
  font-family: var(--afontname), sans-serif !important;
  color: #f0f5dc;
  color: var(--highlight);
  font-size: calc(36px / 2.5) !important;
  font-size: calc(var(--thumbw) / 2.5) !important;
  font-weight: 400;
  line-height: calc(36px / 1.8) !important;
  line-height: calc(var(--thumbw) / 1.8) !important;
  padding: 24px 0 0 0;
  padding: calc(var(--thumbw) / 1.5) 0 0 0; }
  @media (min-width: 600px) {
    h2, .tb-font-xl {
      font-size: calc(36px / 2) !important;
      font-size: calc(var(--thumbw) / 2) !important;
      line-height: calc(36px / 1.8) !important;
      line-height: calc(var(--thumbw) / 1.8) !important; } }

h1, .tb-font-xxl {
  /*font-family: var(--afontname), sans-serif!important;*/
  font-size: 28px !important;
  font-size: calc(var(--thumbw) * 0.75) !important !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  line-height: calc(var(--thumbw) * 0.75) !important;
  padding: 28px 0 0 0;
  padding: calc(var(--thumbw) * 0.75) 0 0 0; }

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: #8687c1;
  color: var(--quarternary) !important; }
  h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
    color: #c1f80a;
    color: var(--quinary) !important;
    opacity: 1 !important; }
  h1 > a:visited, h2 > a:visited, h3 > a:visited, h4 > a:visited, h5 > a:visited, h6 > a:visited {
    color: #8687c1;
    color: var(--quarternary) !important; }

.appTitle {
  position: absolute;
  z-index: 999;
  color: #f0f5dc;
  color: var(--highlight);
  left: auto;
  top: 27px;
  right: 19px;
  bottom: auto;
  margin: -20px 0 0 10px;
  padding-top: 0;
  line-height: 1.3em;
  line-height: calc(var(--thumbw) * 1.2);
  font-size: 22px; }
  .appTitle > p {
    padding: 0;
    margin: -6px 0 0 0;
    color: #c1f80a;
    color: var(--quinary);
    text-align: center;
    font-weight: 400;
    font-size: 11.5px; }
  @media (min-width: 600px) {
    .appTitle {
      margin: 0;
      top: 10px;
      right: 50px; } }

i.fas {
  color: #888;
  margin: 0 auto;
  text-align: center;
  display: inline-block; }

i.fas:hover {
  color: #99979b; }

i.fas.active {
  color: #211e23;
  color: var(--primary); }

.artistinfo {
  color: #312d34;
  color: var(--secondary);
  background-color: #FBFDF0;
  padding: calc(36px + 4px);
  padding: calc(var(--thumbw) + 4px); }

.sticky.bottom {
  -webkit-transition: height .5s;
  -ms-transition: height .5s;
  transition: height .5s;
  bottom: 0;
  top: auto;
  /* display: flex;
	flex-wrap: nowrap; */
  overflow-x: hidden;
  z-index: 1;
  box-shadow: 0 2px 0 #211e23;
  box-shadow: 0 2px 0 var(--primary); }

.breadcrumbs {
  color: #c1f80a;
  color: var(--quinary);
  position: absolute;
  z-index: 2;
  top: 4px;
  left: calc(26px * 1.5);
  left: calc(var(--thumbw) * 1.5);
  font-size: 10px;
  letter-spacing: -0.03em;
  max-width: 180px;
  line-height: 12px; }

.breadcrumbs a {
  color: #f0f5dc;
  color: var(--highlight); }

em {
  font-style: italic; }

.spacer {
  margin-bottom: 20px; }

hr {
  height: 0;
  border-top: 1px solid #c8c8c8;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.hideoverlap {
  white-space: nowrap; }

.cartalert {
  position: fixed;
  bottom: 4px;
  right: 18px;
  left: auto;
  top: auto;
  z-index: 5; }

.cartalert i, .cartalert .qty {
  color: #f0f5dc;
  color: var(--highlight);
  display: inline-block; }

.cartalert .fas {
  color: #fff; }

.qty {
  position: absolute;
  font-size: 10px;
  z-index: 3; }

.ui {
  min-width: calc(36px - 6px);
  min-width: calc(var(--thumbw) - 6px);
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  background-color: #312d34;
  background-color: var(--secondary);
  display: inline-block;
  margin-right: 6px; }

.ui .fas {
  width: 100%;
  height: 100%;
  position: relative;
  font: normal normal normal 14px FontAwesome;
  line-height: 36px;
  line-height: var(--thumbw);
  font-size: calc(36px / 2);
  font-size: calc(var(--thumbw) / 2);
  text-align: center; }

.centerallwrap {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden; }
  .centerallwrap.row {
    height: 100%;
    position: absolute; }
  .centerallwrap .centerall {
    position: absolute;
    top: 144px;
    top: calc(calc(var(--thumbw) * 2) - 8px);
    left: 28px;
    left: calc(var(--thumbw) - 8px);
    height: calc(100% - 220px);
    height: calc(100% - calc(calc(var(--thumbw) * 4) - 16px));
    width: calc(100% - 72px);
    width: calc(100% - calc(calc(var(--thumbw) * 2) - 16px));
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 1;
    margin: auto;
    vertical-align: middle; }
    .centerallwrap .centerall img.thumb {
      width: 100%;
      height: 100%;
      /* box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .2); */
      box-shadow: none; }
    .centerallwrap .centerall.carousel {
      height: calc(100% - calc(var(--thumbw) * 2.5)) !important;
      position: absolute;
      margin: 0;
      top: auto;
      bottom: calc(var(--thumbw) * 1.5);
      display: block;
      align-items: stretch;
      flex-direction: column;
      align-content: stretch;
      scroll-behavior: smooth; }
      @media (min-width: 601px) {
        .centerallwrap .centerall.carousel {
          height: calc(100% - calc(var(--thumbw) * 0.9)) !important; } }
      @media (min-width: 801px) {
        .centerallwrap .centerall.carousel {
          height: calc(100% - calc(var(--thumbw) * 2.3)) !important; } }
      @media (min-width: 1001px) {
        .centerallwrap .centerall.carousel {
          height: calc(100% - calc(var(--thumbw) * 3.3)) !important; } }
      .centerallwrap .centerall.carousel > div {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: inline-block;
        flex-direction: row;
        height: 100%;
        position: absolute; }
      .centerallwrap .centerall.carousel .tile {
        height: calc(var(--panelh) / 2);
        position: relative; }
        .centerallwrap .centerall.carousel .tile > a {
          height: 50%;
          display: block;
          position: absolute; }
          .centerallwrap .centerall.carousel .tile > a img.thumb {
            height: 100%;
            width: auto;
            margin: auto;
            display: block;
            position: relative; }
        .centerallwrap .centerall.carousel .tile > div {
          height: 45%; }
        @media (min-width: 601px) {
          .centerallwrap .centerall.carousel .tile {
            height: calc(calc(var(--panelw) / 1.3)  - calc(var(--thumbw) * 3)); } }
        @media (min-width: 800px) {
          .centerallwrap .centerall.carousel .tile {
            height: calc(var(--panelh) / 1.8); } }
        @media (min-width: 1001px) {
          .centerallwrap .centerall.carousel .tile {
            height: calc(var(--panelh) / 2); } }
    @media (min-width: 601px) {
      .centerallwrap .centerall {
        top: 110px;
        top: calc(calc(var(--thumbw) * 2) - 8px);
        left: 110px;
        left: calc(calc(var(--thumbw) * 2) - 8px);
        width: calc(100% - 220px);
        width: calc(100% - calc(calc(var(--thumbw) * 4) - 16px)); } }
  @media (min-width: 401px) {
    .centerallwrap > h2 {
      top: 110px;
      top: calc(calc(var(--thumbw) * 1.5) - 8px);
      left: 110px;
      left: calc(calc(var(--thumbw) * 1.5) - 8px);
      width: calc(100% - 220px);
      width: calc(100% - calc(calc(var(--thumbw) * 4) - 16px));
      margin: 0 auto; } }

#mainimg {
  height: auto;
  min-height: 100% !important;
  -webkit-transition: opacity .4s ease-out 0s;
  -ms-transition: opacity .4s ease-out 0s;
  transition: opacity .4s ease-out 0s;
  position: absolute;
  display: inline-block;
  min-width: 100%;
  max-width: 220%;
  transform: unset;
  bottom: auto;
  top: 0;
  left: 0;
  right: auto; }
  @media (min-width: 1000px) {
    #mainimg {
      -webkit-transform: translateY(-50vw);
      -ms-transform: translateY(-50vw);
      transform: translateY(-50vw);
      -webkit-transform: translateX(-50vw);
      -ms-transform: translateX(-50vw);
      transform: translateX(-50vw); }
      #mainimg:not(*:root) {
        left: 0;
        top: 0;
        transform: unset; } }

.headerwrap {
  top: auto;
  width: 70%;
  width: calc(var(--panelw) - var(--thumbw));
  visibility: visible;
  height: auto;
  max-height: 50vh;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: auto;
  /* bottom: 36px;
	bottom: var(--thumbw); */
  /* background-color: #222;
	background-color: var(--primary); */ }
  @media (min-width: 450px) {
    .headerwrap {
      width: calc(var(--panelw) - calc(var(--thumbw) * 3.3)); } }
  @media (min-width: 600px) {
    .headerwrap {
      width: calc(var(--panelw) - calc(var(--thumbw) * 5));
      bottom: 40vh; } }
  @media (min-width: 800px) {
    .headerwrap {
      width: calc(var(--panelw) - calc(var(--thumbw) * 7)); } }

.parallax {
  height: 100% !important;
  overflow-x: hidden;
  overflow-y: auto;
  perspective: 1px;
  -webkit-perspective: 1px;
  position: relative;
  scroll-behavior: smooth; }
  @media (min-width: 600px) {
    .parallax {
      height: 100vh !important; } }

.parallax_layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100% !important; }

.parallax_layer_base {
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  z-index: 0;
  min-height: 100%;
  min-height: var(--mainimgh); }
  @media (min-width: 600px) {
    .parallax_layer_base {
      min-height: 100vh;
      min-height: var(--mainimgh); } }

.parallax_layer_base::after {
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(-1px) scale(1.5);
  background-size: contain;
  z-index: -1; }

.parallax_layer_front {
  transform: translateZ(-0.25px);
  -webkit-transform: translateZ(-0.25px);
  z-index: 9;
  pointer-events: none; }

.mainmenu {
  pointer-events: all;
  cursor: pointer;
  min-width: 36px;
  min-width: var(--thumbw);
  min-height: 36px;
  min-height: var(--thumbw);
  display: inline-block;
  z-index: 4;
  margin: 1rem; }

.lightbox {
  position: absolute;
  width: 100%;
  z-index: 0;
  margin: 0;
  padding: 0 !important;
  height: auto;
  min-height: 100% !important;
  max-height: 100vh; }

.lightbox .max100h {
  width: auto;
  position: relative;
  margin: 45.5px auto 84px auto;
  height: calc(100% - 130px);
  display: block; }

.lightboxbkgrd {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  /*pointer-events: all;*/
  z-index: 0; }

.welcometypewrap {
  z-index: 1;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: 100%;
  height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
  perspective: 8px;
  perspective-origin: 50%;
  background-color: var(--secondary); }
  .welcometypewrap:hover .welcomeback {
    opacity: 0.7; }
  @media (min-width: 450px) {
    .welcometypewrap {
      height: 75vh; } }
  @media (min-width: 600px) {
    .welcometypewrap {
      height: 100vh; } }
  .welcometypewrap > img, .welcometypewrap embed, .welcometypewrap video {
    margin: 0 0 0 0 !important;
    display: inherit;
    width: auto;
    min-width: 100vw;
    left: 0;
    top: 0;
    position: absolute;
    transform-style: preserve-3d;
    height: auto;
    min-height: 100%; }
    @media (min-width: 600px) {
      .welcometypewrap > img, .welcometypewrap embed, .welcometypewrap video {
        height: 100vh;
        left: 50vw;
        top: 50vw;
        -webkit-transform: translate(-50vw, -50vw);
        -ms-transform: translate(-50vw, -50vw);
        transform: translate(-50vw, -50vw); }
        .welcometypewrap > img:not(*:root), .welcometypewrap embed:not(*:root), .welcometypewrap video:not(*:root) {
          left: 0;
          top: 0;
          transform: unset; } }
  .welcometypewrap .welcomeback {
    background-color: #222;
    background-color: var(--primary);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: calc(var(--panelw) - var(--thumbw));
    opacity: 0.4;
    transition-property: opacity;
    transition-duration: 1s; }
    @media (min-width: 600px) {
      .welcometypewrap .welcomeback {
        width: calc(var(--panelw) - calc(var(--thumbw) * 2)); } }
    @media (min-width: 800px) {
      .welcometypewrap .welcomeback {
        width: calc(var(--panelw) - 260px);
        visibility: visible; } }
  .welcometypewrap .welcomewrap {
    box-shadow: 0px 7px 0.25rem -0.1rem rgba(0,0,0,0.5);
    top: calc(70vh - var(--thumbw) - 20%);
    width: calc(var(--panelw) - var(--thumbw));
    visibility: visible;
    min-height: 30%;
    position: sticky;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0); }
    .welcometypewrap .welcomewrap td {
      padding: 20px 10px 10px 20px;
      text-indent: 0; }
    .welcometypewrap .welcomewrap p {
      text-indent: 0;
      padding-right: 0; }
    @media (min-width: 450px) {
      .welcometypewrap .welcomewrap {
        top: calc(80vh - var(--thumbw) - 23%);
        min-height: 23%; } }
    @media (min-width: 600px) {
      .welcometypewrap .welcomewrap {
        top: calc(var(--panelh) - 22%);
        min-height: 22%;
        width: calc(var(--panelw) - calc(var(--thumbw) * 2)); } }
    @media (min-width: 800px) {
      .welcometypewrap .welcomewrap {
        width: calc(var(--panelw) - 260px);
        visibility: visible; } }

.edit {
  position: relative;
  display: inline-block;
  margin: 10px auto;
  padding: 3px;
  line-height: 12px !important;
  line-height: calc(var(--thumbw) / 3) !important;
  margin: 16px auto 0 auto;
  margin: calc(var(--thumbw) / 2.25) auto 0 auto;
  cursor: pointer !important;
  background-color: #8687c1 !important;
  background-color: var(--quarternary) !important; }
  .edit > span {
    display: none;
    padding-left: 8px; }
  .edit > img {
    pointer-events: none;
    display: inline-block;
    height: 12px;
    height: calc(var(--thumbw) / 3); }
  .edit:hover span {
    display: inline-block; }

.description ul {
  list-style-type: disc; }

.wrapper {
  position: static;
  overflow-x: visible; }
  .wrapper.main {
    display: -webkit-grid;
    display: -ms-grid;
    display: grid;
    -webkit-grid-template-columns: 16.5vw;
    -ms-grid-template-columns: 16.5vw;
    grid-template-columns: 16.5vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    width: auto;
    min-width: 100vw; }

.row {
  width: 100%;
  left: 0;
  right: 0;
  height: auto;
  overflow-y: hidden;
  overflow-x: hidden; }
  .row.sm {
    z-index: 999;
    grid-column: 2 / 4; }
    .row.sm .col {
      width: 30%;
      font-size: 18px;
      text-align: center; }
    .row.sm img.col {
      height: 18px;
      margin-top: 8px; }
  .row.lg .col {
    font-size: 22px; }

.col {
  display: inline-block;
  margin: 0 auto; }

.container {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-y: scroll; }
  .container > .section {
    min-height: calc(var(--panelh) - calc(var(--thumbw) * 4));
    max-height: calc(100% - calc(var(--thumbw) * 4));
    display: inline-block;
    position: relative;
    pointer-events: auto; }

.bricks {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  .bricks > .ui {
    padding: 0;
    -ms-transition-property: width,height,opacity;
    transition-property: width,height,opacity;
    -webkit-transition-property: width,height,opacity;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-delay: 0.1s; }
    .bricks > .ui .description {
      -ms-transition-property: width,height,opacity,padding;
      transition-property: width,height,opacity,padding;
      -webkit-transition-property: width,height,opacity,padding;
      -ms-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-delay: 0.1s;
      padding: 3px; }
    .bricks > .ui h4 {
      color: #f0f5dc;
      color: var(--highlight);
      background-color: #8687c1;
      background-color: var(--quarternary); }
    .bricks > .ui h4, .bricks > .ui .bottom {
      padding: 3px;
      margin: 0;
      -webkit-transition: padding .4s ease-in-out .1s;
      -ms-transition: padding .4s ease-in-out .1s;
      transition: padding .4s ease-in-out .1s; }
    .bricks > .ui img {
      height: 100%;
      width: auto;
      -webkit-transition: opacity .4s ease-in-out .1s;
      -ms-transition: opacity .4s ease-in-out .1s;
      transition: opacity .4s ease-in-out .1s; }
    .bricks > .ui.active, .bricks > .ui.touched {
      padding: 0;
      pointer-events: none; }
      .bricks > .ui.active embed, .bricks > .ui.touched embed {
        pointer-events: all;
        top: 0;
        left: 0;
        z-index: 100;
        margin: 0;
        padding: 0; }
    .bricks > .ui > img.touched {
      opacity: 0.4 !important; }
    .bricks > .ui:hover > img, .bricks > .ui:active > img, .bricks > .ui .touched > img, .bricks > .ui .active > img {
      opacity: 0.4 !important; }
    .bricks > .ui:hover h4, .bricks > .ui:active h4, .bricks > .ui .touched h4, .bricks > .ui .active h4 {
      color: #fff;
      color: var(--contrast); }
    .bricks > .ui:hover .bottom, .bricks > .ui:active .bottom, .bricks > .ui .touched .bottom, .bricks > .ui .active .bottom {
      color: #322e35;
      color: var(--secondary);
      background-color: #f0f5dc;
      background-color: var(--highlight); }
    .bricks > .ui:hover p, .bricks > .ui:hover h4, .bricks > .ui:hover h2, .bricks > .ui:active p, .bricks > .ui:active h4, .bricks > .ui:active h2, .bricks > .ui .touched p, .bricks > .ui .touched h4, .bricks > .ui .touched h2, .bricks > .ui .active p, .bricks > .ui .active h4, .bricks > .ui .active h2 {
      opacity: 1 !important;
      z-index: 9999;
      padding: 8px; }
    .bricks > .ui embed {
      position: relative;
      pointer-events: none;
      overflow: hidden; }
    .bricks > .ui img {
      height: 100%;
      width: auto;
      margin: auto;
      display: block;
      z-index: 0; }

.module {
  width: 100%;
  height: calc(50% + 36px + 8px);
  height: calc(50% + var(--thumbw) + 8px);
  left: 0;
  top: 0;
  bottom: 50%;
  bottom: calc(var(--screenh) - var(--panelhper));
  right: 0;
  position: fixed;
  /**/
  /*background-color: rgba(255,255,255,0);
	background-image: radial-gradient(circle at 0 calc(50% - 8px), rgba(255, 255, 255, 0) 20px, var(--primary) 19px);
	*/
  background-color: #211e23;
  background-color: var(--primary);
  background-image: none;
  background-attachment: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 4;
  pointer-events: none;
  scroll-behavior: smooth; }
  @media (min-width: 600px) {
    .module {
      width: 100%;
      width: var(--panelwper);
      height: calc(50% + 36px + 8px);
      height: calc(50% + var(--thumbw) + 8px);
      left: 50%;
      left: calc(var(--screenw) - var(--panelwper));
      top: 0;
      bottom: 0;
      right: 0;
      position: fixed; } }

.module.full {
  width: 100%;
  height: 70vh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  display: inline-block;
  background-color: #322e35;
  background-color: var(--secondary);
  background-image: none;
  background-attachment: none;
  pointer-events: all; }
  @media (min-width: 450px) {
    .module.full {
      height: 80vh; } }
  @media (min-width: 600px) {
    .module.full {
      height: 100%; } }

.module.full .caption {
  /*display: none;*/
  padding: 0 0 20px 0;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  max-height: calc(100% - 54px);
  overflow-y: scroll;
  overflow-x: hidden;
  pointer-events: auto;
  font-weight: 200 !important; }

.module.full .caption .row {
  max-height: calc(100% - 54px);
  padding: 0 0 20px 0; }

.row {
  width: 100%;
  left: 0;
  right: 0;
  height: auto;
  overflow-y: hidden;
  overflow-x: hidden; }

.arrow {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 100%;
  pointer-events: all;
  z-index: 2; }
  .arrow.left, .arrow.right {
    left: 11px;
    top: 50%;
    transform: translateY(-50%); }
  .arrow.top, .arrow.bottom {
    display: inline-block;
    margin: 0 auto;
    left: var(--panelw);
    right: 0;
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: fixed;
    margin-left: calc(-1.5 * var(--thumbw)); }
  .arrow.left {
    left: 0;
    right: auto; }
    @media (min-width: 600px) {
      .arrow.left {
        left: 11px; } }
  .arrow.right {
    right: 0;
    left: auto; }
    @media (min-width: 600px) {
      .arrow.right {
        right: 11px; } }
  .arrow.down {
    right: 0;
    left: 0;
    bottom: 0;
    top: auto;
    transform: rotate(90deg); }
  .arrow svg {
    z-index: 1;
    margin: auto 0;
    bottom: 0;
    display: block;
    position: absolute;
    top: 0; }
  .arrow:hover {
    background-color: rgba(255, 255, 255, 0.1); }
    .arrow:hover svg {
      cursor: pointer; }
      .arrow:hover svg polygon {
        fill: #ee3967 !important;
        fill: var(--quinary) !important; }
  @media (min-width: 600px) {
    .arrow {
      width: 30px; } }

.shift-00 {
  left: 1%; }

.shift-01 {
  left: 5%; }

.shift-02 {
  left: 10%; }

.shift-03 {
  left: 15%; }

.shift-04 {
  left: 20%; }

.shift-05 {
  left: 25%; }

div.img {
  display: block;
  margin: 0 auto;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  pointer-events: auto; }
  div.img > img {
    position: relative;
    left: 25%;
    top: 0;
    height: auto;
    width: 100%;
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
    color: #322e35;
    color: var(--secondary);
    pointer-events: auto; }

a.img, .ui.img {
  display: inline-block;
  margin: 4px;
  pointer-events: auto;
  float: left;
  position: relative;
  width: 36px;
  width: var(--thumbw);
  height: 36px;
  height: var(--thumbw);
  overflow: hidden;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  transition-property: transform, width, height;
  transition-duration: 1s; }
  a.img > img, .ui.img > img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200%;
    width: auto;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    transition-property: transform, height, width;
    transition-duration: 1s; }
  a.img.list, .ui.img.list {
    margin-top: calc(36px / 4);
    margin-top: calc(var(--thumbw) / 4); }
    a.img.list.admin, .ui.img.list.admin {
      background-image: url("/images/edit.svg");
      background-position: 0 0, center;
      background-repeat: no-repeat;
      background-color: #000;
      background-size: cover;
      z-index: 1; }
    a.img.list:hover, a.img.list:active, a.img.list .touched, .ui.img.list:hover, .ui.img.list:active, .ui.img.list .touched {
      width: 72px;
      width: calc(var(--thumbw) * 2);
      height: 72px;
      height: calc(var(--thumbw) * 2); }
      a.img.list:hover > img, a.img.list:active > img, a.img.list .touched > img, .ui.img.list:hover > img, .ui.img.list:active > img, .ui.img.list .touched > img {
        height: 100%; }

textarea, #description {
  min-height: 200px;
  font-family: 'Nunito', sans-serif;
  font-family: var(--afontname), sans-serif !important; }

input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], input[type="date"], textarea, datalist, select, #description {
  line-height: normal;
  background-color: #211e23;
  background-color: var(--primary);
  color: #888;
  color: var(--contrast);
  border: none;
  border-bottom: 1px solid #211e23;
  border-bottom: 1px solid var(--primary);
  border-radius: 0;
  outline: none;
  height: 2.8rem;
  width: 100%;
  font-size: 1rem;
  margin: 12px 0 20px 0 !important;
  padding: 3px 8px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus, datalist:focus, select:focus, #description:focus {
    background-color: #211e23;
    background-color: var(--primary); }
  input[type="text"]#media, input[type="password"]#media, input[type="email"]#media, input[type="file"]#media, input[type="number"]#media, input[type="tel"]#media, input[type="date"]#media, textarea#media, datalist#media, select#media, #description#media {
    color: rgba(255, 255, 255, 0); }
  input[type="text"].danger, input[type="password"].danger, input[type="email"].danger, input[type="file"].danger, input[type="number"].danger, input[type="tel"].danger, input[type="date"].danger, textarea.danger, datalist.danger, select.danger, #description.danger {
    border: 1px solid red; }

fieldset {
  margin: 0 20px 20px 0 !important; }

option {
  padding: 10px; }

button, a[role="button"], input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
  cursor: pointer;
  background-color: #f0f5dc;
  background-color: var(--highlight);
  padding: 10px;
  color: #444;
  color: var(--secondary);
  -webkit-transition: background-color, color 1s ease-out 0s;
  -ms-transition: background-color, color 1s ease-out 0s;
  transition: background-color, color 1s ease-out 0s; }
  button:hover, button:active, button .touched, button .active, a[role="button"]:hover, a[role="button"]:active, a[role="button"] .touched, a[role="button"] .active, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"] .touched, input[type="submit"] .active {
    color: #888;
    color: var(--contrast);
    background-color: #ee3967 !important;
    background-color: var(--quinary) !important; }
  button.secondary, a[role="button"].secondary, input[type="submit"].secondary {
    color: #f0f5dc;
    color: var(--highlight);
    background-color: #444;
    background-color: var(--secondary);
    border: 2px solid var(--primary); }
    button.secondary:hover, button.secondary:active, button.secondary .touched, a[role="button"].secondary:hover, a[role="button"].secondary:active, a[role="button"].secondary .touched, input[type="submit"].secondary:hover, input[type="submit"].secondary:active, input[type="submit"].secondary .touched {
      background-color: #ee3967 !important;
      background-color: var(--quinary) !important;
      color: #888;
      color: var(--contrast); }

button span, a[role="button"] span {
  /* color: #444;
	color: var(--secondary); */ }

input.toggle {
  background-color: rgba(255, 255, 255, 0);
  margin: 5px; }

input.featured {
  background-image: url("/images/star.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #555; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #555; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #555; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #555; }

.popupBack {
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #5358a7;
  background-color: var(--quinary);
  z-index: -1;
  opacity: .85;
  height: 100%; }

.modal {
  left: 10px;
  left: calc(var(--thumbw) / 3.6);
  right: 10px;
  right: calc(var(--thumbw) / 3.6);
  position: absolute;
  top: 72px;
  top: calc(var(--thumbw) * 2);
  bottom: 20px;
  bottom: calc(var(--thumbw) / 1.8);
  background-color: var(--primary);
  z-index: 9999; }

.modalUnderlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: all;
  position: absolute;
  z-index: 999;
  display: block; }

.popup {
  left: 10px;
  left: calc(var(--thumbw) / 3.6);
  right: 10px;
  right: calc(var(--thumbw) / 3.6);
  position: absolute;
  top: auto;
  bottom: 20px;
  bottom: calc(var(--thumbw) / 1.8);
  background-color: var(--primary);
  z-index: 999; }

.popupUnderlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: all;
  position: absolute;
  z-index: 99;
  display: block; }

.tag {
  background-color: #444147;
  width: auto;
  position: static;
  display: inline-block;
  margin: 4px 10px 4px 0;
  padding: 4px 0 4px 10px;
  z-index: 1; }
  .tag a {
    z-index: 2;
    width: 100%;
    height: 100%; }
  .tag .fas {
    z-index: 1; }

.ui {
  width: 66vw;
  height: 66vw;
  overflow: hidden;
  margin: 2vw auto;
  -ms-transition-property: width,height;
  transition-property: width,height;
  -webkit-transition-property: width,height;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-delay: 0.1s;
  cursor: pointer;
  background-color: var(--gray);
  padding: 1rem;
  position: relative;
  pointer-events: auto; }
  .ui:hover, .ui:active, .ui .touched, .ui .active {
    z-index: 9; }
    .ui:hover h3, .ui:hover .tb-font-m, .ui:active h3, .ui:active .tb-font-m, .ui .touched h3, .ui .touched .tb-font-m, .ui .active h3, .ui .active .tb-font-m {
      font-size: 1.2rem; }
    .ui:hover h4, .ui:hover .tb-font-s, .ui:active h4, .ui:active .tb-font-s, .ui .touched h4, .ui .touched .tb-font-s, .ui .active h4, .ui .active .tb-font-s {
      font-size: 1rem; }
    .ui:hover h5, .ui:hover .tb-font-xs, .ui:active h5, .ui:active .tb-font-xs, .ui .touched h5, .ui .touched .tb-font-xs, .ui .active h5, .ui .active .tb-font-xs {
      font-size: 0.84rem; }
    .ui:hover p, .ui:hover .description, .ui:hover .description.hov, .ui:active p, .ui:active .description, .ui:active .description.hov, .ui .touched p, .ui .touched .description, .ui .touched .description.hov, .ui .active p, .ui .active .description, .ui .active .description.hov {
      color: var(--secondary) !important;
      opacity: 1 !important; }
  .ui h4.hov, .ui p.hov {
    z-index: 999;
    opacity: 1 !important;
    padding: 8px; }
  .ui h4.hov {
    font-size: 1rem; }
  .ui .description.hov {
    color: var(--secondary) !important;
    opacity: 1 !important;
    padding: 8px;
    font-size: calc(36px / 2.2) !important;
    font-size: calc(var(--thumbw) / 2.2) !important; }
  .ui p.hov {
    background-color: var(--highlight); }
  .ui .description {
    -ms-transition-property: width,height;
    transition-property: width,height;
    -webkit-transition-property: width,height;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-delay: 0.1s; }
    .ui .description.hov {
      color: var(--secondary) !important;
      opacity: 1 !important; }
  .ui.active {
    padding: 0;
    pointer-events: none; }
    .ui.active embed {
      pointer-events: all;
      top: 0;
      left: 0;
      z-index: 100;
      margin: 0;
      padding: 0; }
  .ui embed {
    position: relative;
    pointer-events: none;
    overflow: hidden; }

*[class^='tb-1'], *[class^='tb-0'] {
  display: inline-block;
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px; }

#footer, .row.sm {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
  display: table;
  padding: 2vw;
  margin: auto;
  width: 100%;
  height: 36px;
  color: var(--white);
  text-align: left;
  background-color: var(--darkgray);
  padding: 0;
  margin: 20px auto 0 auto;
  position: relative;
  bottom: 0;
  pointer-events: all; }

#footer.sm, .footer.sm {
  grid-column: 1 / 2;
  cursor: pointer; }

#footer span, .footer span {
  display: table-cell;
  vertical-align: middle; }

*[class^='tb-10-m'] {
  width: 100%; }

*[class^='tb-09-m'] {
  width: 90%; }

*[class^='tb-08-m'] {
  width: 80%; }

*[class^='tb-07-m'] {
  width: 70%; }

*[class^='tb-06-m'] {
  width: 60%; }

*[class^='tb-05-m'] {
  width: 50%; }

*[class^='tb-04-m'] {
  width: 40%; }

*[class^='tb-03-m'] {
  width: 30%; }

*[class^='tb-02-m'] {
  width: 20%; }

*[class^='tb-01-m'] {
  width: 10%; }

*[class^='tb-10-v'] {
  width: 100vw; }

*[class^='tb-09-v'] {
  width: 90vw; }

*[class^='tb-08-v'] {
  width: 80vw; }

*[class^='tb-07-v'] {
  width: 70vw; }

*[class^='tb-06-v'] {
  width: 60vw; }

*[class^='tb-05-v'] {
  width: 50vw; }

*[class^='tb-04-v'] {
  width: 40vw; }

*[class^='tb-03-v'] {
  width: 30vw; }

*[class^='tb-02-v'] {
  width: 20vw; }

*[class^='tb-01-v'] {
  width: 10vw; }

@media (min-width: 420px) {
  .tb-10-m1 {
    width: 100%; }
  .tb-09-m1 {
    width: 90%; }
  .tb-08-m1 {
    width: 80%; }
  .tb-07-m1 {
    width: 70%; }
  .tb-06-m1 {
    width: 60%; }
  .tb-05-m1 {
    width: 50%; }
  .tb-04-m1 {
    width: 40%; }
  .tb-03-m1 {
    width: 30%; }
  .tb-02-m1 {
    width: 20%; }
  .tb-01-m1 {
    width: 10%; }
  .tb-10-v1 {
    width: 100vw; }
  .tb-09-v1 {
    width: 90vw; }
  .tb-08-v1 {
    width: 80vw; }
  .tb-07-v1 {
    width: 70vw; }
  .tb-06-v1 {
    width: 60vw; }
  .tb-05-v1 {
    width: 50vw; }
  .tb-04-v1 {
    width: 40vw; }
  .tb-03-v1 {
    width: 30vw; }
  .tb-02-v1 {
    width: 20vw; }
  .tb-01-v1 {
    width: 10vw; } }

@media (min-width: 600px) {
  h1, .tb-font-xxl {
    /*font-family: var(--afontname), sans-serif!important;*/
    font-size: 36px !important;
    font-size: var(--thumbw) !important !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    line-height: var(--thumbw) !important;
    padding: 36px 0 0 0;
    padding: var(--thumbw) 0 0 0; }
  .ui {
    width: 15.89vw;
    height: 15.89vw;
    margin: 2vw 2vw 0 0; }
    .ui .description {
      min-height: 1.72rem;
      max-height: 1.72rem; }
    .ui:hover, .ui:active, .ui .touched {
      width: 26vw;
      height: 26vw; }
      .ui:hover .description, .ui:active .description, .ui .touched .description {
        max-height: 3rem; }
    .ui.active {
      width: 66vw !important;
      height: calc(66vw * 0.72);
      padding: 0; }
  .tb-10-m2 {
    width: 100%; }
  .tb-09-m2 {
    width: 90%; }
  .tb-08-m2 {
    width: 80%; }
  .tb-07-m2 {
    width: 70%; }
  .tb-06-m2 {
    width: 60%; }
  .tb-05-m2 {
    width: 50%; }
  .tb-04-m2 {
    width: 40%; }
  .tb-03-m2 {
    width: 30%; }
  .tb-02-m2 {
    width: 20%; }
  .tb-01-m2 {
    width: 10%; }
  .tb-10-v2 {
    width: 100vw; }
  .tb-09-v2 {
    width: 90vw; }
  .tb-08-v2 {
    width: 80vw; }
  .tb-07-v2 {
    width: 70vw; }
  .tb-06-v2 {
    width: 60vw; }
  .tb-05-v2 {
    width: 50vw; }
  .tb-04-v2 {
    width: 40vw; }
  .tb-03-v2 {
    width: 30vw; }
  .tb-02-v2 {
    width: 20vw; }
  .tb-01-v2 {
    width: 10vw; } }

@media (min-width: 800px) {
  .tb-10-m3 {
    width: 100%; }
  .tb-09-m3 {
    width: 90%; }
  .tb-08-m3 {
    width: 80%; }
  .tb-07-m3 {
    width: 70%; }
  .tb-06-m3 {
    width: 60%; }
  .tb-05-m3 {
    width: 50%; }
  .tb-04-m3 {
    width: 40%; }
  .tb-03-m3 {
    width: 30%; }
  .tb-02-m3 {
    width: 20%; }
  .tb-01-m3 {
    width: 10%; }
  .tb-10-v3 {
    width: 100vw; }
  .tb-09-v3 {
    width: 90vw; }
  .tb-08-v3 {
    width: 80vw; }
  .tb-07-v3 {
    width: 70vw; }
  .tb-06-v3 {
    width: 60vw; }
  .tb-05-v3 {
    width: 50vw; }
  .tb-04-v3 {
    width: 40vw; }
  .tb-03-v3 {
    width: 30vw; }
  .tb-02-v3 {
    width: 20vw; }
  .tb-01-v3 {
    width: 10vw; } }

@media (min-width: 1000px) {
  .tb-10-m4 {
    width: 100%; }
  .tb-09-m4 {
    width: 90%; }
  .tb-08-m4 {
    width: 80%; }
  .tb-07-m4 {
    width: 70%; }
  .tb-06-m4 {
    width: 60%; }
  .tb-05-m4 {
    width: 50%; }
  .tb-04-m4 {
    width: 40%; }
  .tb-03-m4 {
    width: 30%; }
  .tb-02-m4 {
    width: 20%; }
  .tb-01-m4 {
    width: 10%; }
  .tb-10-v4 {
    width: 100vw; }
  .tb-09-v4 {
    width: 90vw; }
  .tb-08-v4 {
    width: 80vw; }
  .tb-07-v4 {
    width: 70vw; }
  .tb-06-v4 {
    width: 60vw; }
  .tb-05-v4 {
    width: 50vw; }
  .tb-04-v4 {
    width: 40vw; }
  .tb-03-v4 {
    width: 30vw; }
  .tb-02-v4 {
    width: 20vw; }
  .tb-01-v4 {
    width: 10vw; } }

.nav {
  margin: 0;
  z-index: 9;
  position: fixed;
  width: 100vw;
  -webkit-transition: background-color 2s ease-out;
  -ms-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  box-shadow: 0px 0px 1rem 1rem rgba(0,0,0,0.5);
  background-color: #322e35;
  background-color: var(--secondary); }
  .nav path {
    fill: #f0f5dc;
    fill: var(--highlight); }
  .nav .buttons {
    right: 140px;
    margin: 0;
    padding: 0; }
    .nav .buttons ul li {
      display: inline-block;
      margin: 0 0.5rem;
      float: right; }
  .nav .dropdown {
    box-shadow: 0px 7px 0.25rem -0.1rem rgba(0,0,0,0.5);
    background-color: var(--secondary);
    padding: 1.5rem 0;
    top: 50px; }
  .nav .dropdown ul, .nav .buttons ul {
    line-height: 50px; }
    .nav .dropdown ul li, .nav .buttons ul li {
      list-style-type: none;
      height: 30px;
      line-height: 30px; }
      .nav .dropdown ul li a, .nav .buttons ul li a {
        text-decoration: none;
        color: #f0f5dc;
        color: var(--highlight);
        line-height: 1.5rem; }
        .nav .dropdown ul li a:hover, .nav .buttons ul li a:hover {
          color: #ee3967 !important;
          color: var(--quinary) !important; }
  .nav .submenu input {
    box-shadow: 0px 7px 0.25rem -0.1rem rgba(0,0,0,0.5); }
  .nav .slidedown {
    box-shadow: 0px 7px 0.25rem -0.1rem rgba(0,0,0,0.5);
    background-color: #444;
    background-color: var(--secondary);
    pointer-events: auto;
    position: absolute;
    max-height: calc(60vh - 65px);
    max-height: calc(60vh - var(--thumbw));
    min-height: calc(65px * 3);
    min-height: calc(var(--thumbw) * 3);
    overflow: scroll; }
  @media (min-width: 600px) {
    .nav {
      margin: 0;
      width: 100%; }
      .nav .dropdown {
        box-shadow: 0px 0px 0 0 rgba(0,0,0,0);
        background-color: rgba(255, 255, 255, 0);
        top: unset; }
      .nav .dropdown, .nav .buttons {
        margin: 0;
        padding: 0.15rem 0; }
        .nav .dropdown li, .nav .buttons li {
          display: inline-block;
          margin: 0 0.5rem;
          height: 1.5rem; } }

@media (min-width: 1300px) {
  .ui {
    width: 18vw;
    height: 18vw; }
    .ui:hover {
      width: 31vw;
      height: 31vw; }
  .tb-10-m5 {
    width: 100%; }
  .tb-09-m5 {
    width: 90%; }
  .tb-08-m5 {
    width: 80%; }
  .tb-07-m5 {
    width: 70%; }
  .tb-06-m5 {
    width: 60%; }
  .tb-05-m5 {
    width: 50%; }
  .tb-04-m5 {
    width: 40%; }
  .tb-03-m5 {
    width: 30%; }
  .tb-02-m5 {
    width: 20%; }
  .tb-01-m5 {
    width: 10%; }
  .tb-10-v5 {
    width: 100vw; }
  .tb-09-v5 {
    width: 90vw; }
  .tb-08-v5 {
    width: 80vw; }
  .tb-07-v5 {
    width: 70vw; }
  .tb-06-v5 {
    width: 60vw; }
  .tb-05-v5 {
    width: 50vw; }
  .tb-04-v5 {
    width: 40vw; }
  .tb-03-v5 {
    width: 30vw; }
  .tb-02-v5 {
    width: 20vw; }
  .tb-01-v5 {
    width: 10vw; } }